window.__AllJsAndCss__ = true
;/*! jQuery v3.1.1 | (c) jQuery Foundation | jquery.org/license */
!
function (a, b) {
    "use strict";
    "object" == typeof module && "object" == typeof module.exports ? module.exports = a.document ? b(a, !0) : function (a) {
        if (!a.document) throw new Error("jQuery requires a window with a document");
        return b(a)
    } : b(a)
}("undefined" != typeof window ? window : this,
function (a, b) {
    "use strict";
    var c = [],
	d = a.document,
	e = Object.getPrototypeOf,
	f = c.slice,
	g = c.concat,
	h = c.push,
	i = c.indexOf,
	j = {},
	k = j.toString,
	l = j.hasOwnProperty,
	m = l.toString,
	n = m.call(Object),
	o = {};
    function p(a, b) {
        //b = b || d;
        //var c = b.createelement("script");
        //c.text = a,
		//b.head.appendchild(c).parentnode.removechild(c)
    }
    var q = "3.1.1",
	r = function (a, b) {
	    return new r.fn.init(a, b)
	},
	s = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
	t = /^-ms-/,
	u = /-([a-z])/g,
	v = function (a, b) {
	    return b.toUpperCase()
	};
    r.fn = r.prototype = {
        jquery: q,
        constructor: r,
        length: 0,
        toArray: function () {
            return f.call(this)
        },
        get: function (a) {
            return null == a ? f.call(this) : a < 0 ? this[a + this.length] : this[a]
        },
        pushStack: function (a) {
            var b = r.merge(this.constructor(), a);
            return b.prevObject = this,
			b
        },
        each: function (a) {
            return r.each(this, a)
        },
        map: function (a) {
            return this.pushStack(r.map(this,
			function (b, c) {
			    return a.call(b, c, b)
			}))
        },
        slice: function () {
            return this.pushStack(f.apply(this, arguments))
        },
        first: function () {
            return this.eq(0)
        },
        last: function () {
            return this.eq(-1)
        },
        eq: function (a) {
            var b = this.length,
			c = +a + (a < 0 ? b : 0);
            return this.pushStack(c >= 0 && c < b ? [this[c]] : [])
        },
        end: function () {
            return this.prevObject || this.constructor()
        },
        push: h,
        sort: c.sort,
        splice: c.splice
    },
	r.extend = r.fn.extend = function () {
	    var a, b, c, d, e, f, g = arguments[0] || {},
		h = 1,
		i = arguments.length,
		j = !1;
	    for ("boolean" == typeof g && (j = g, g = arguments[h] || {},
		h++), "object" == typeof g || r.isFunction(g) || (g = {}), h === i && (g = this, h--) ; h < i; h++) if (null != (a = arguments[h])) for (b in a) c = g[b],
		d = a[b],
		g !== d && (j && d && (r.isPlainObject(d) || (e = r.isArray(d))) ? (e ? (e = !1, f = c && r.isArray(c) ? c : []) : f = c && r.isPlainObject(c) ? c : {},
		g[b] = r.extend(j, f, d)) : void 0 !== d && (g[b] = d));
	    return g
	},
	r.extend({
	    expando: "jQuery" + (q + Math.random()).replace(/\D/g, ""),
	    isReady: !0,
	    error: function (a) {
	        throw new Error(a)
	    },
	    noop: function () { },
	    isFunction: function (a) {
	        return "function" === r.type(a)
	    },
	    isArray: Array.isArray,
	    isWindow: function (a) {
	        return null != a && a === a.window
	    },
	    isNumeric: function (a) {
	        var b = r.type(a);
	        return ("number" === b || "string" === b) && !isNaN(a - parseFloat(a))
	    },
	    isPlainObject: function (a) {
	        var b, c;
	        return !(!a || "[object Object]" !== k.call(a)) && (!(b = e(a)) || (c = l.call(b, "constructor") && b.constructor, "function" == typeof c && m.call(c) === n))
	    },
	    isEmptyObject: function (a) {
	        var b;
	        for (b in a) return !1;
	        return !0
	    },
	    type: function (a) {
	        return null == a ? a + "" : "object" == typeof a || "function" == typeof a ? j[k.call(a)] || "object" : typeof a
	    },
	    globalEval: function (a) {
	        p(a)
	    },
	    camelCase: function (a) {
	        return a.replace(t, "ms-").replace(u, v)
	    },
	    nodeName: function (a, b) {
	        return a.nodeName && a.nodeName.toLowerCase() === b.toLowerCase()
	    },
	    each: function (a, b) {
	        var c, d = 0;
	        if (w(a)) {
	            for (c = a.length; d < c; d++) if (b.call(a[d], d, a[d]) === !1) break
	        } else for (d in a) if (b.call(a[d], d, a[d]) === !1) break;
	        return a
	    },
	    trim: function (a) {
	        return null == a ? "" : (a + "").replace(s, "")
	    },
	    makeArray: function (a, b) {
	        var c = b || [];
	        return null != a && (w(Object(a)) ? r.merge(c, "string" == typeof a ? [a] : a) : h.call(c, a)),
			c
	    },
	    inArray: function (a, b, c) {
	        return null == b ? -1 : i.call(b, a, c)
	    },
	    merge: function (a, b) {
	        for (var c = +b.length,
			d = 0,
			e = a.length; d < c; d++) a[e++] = b[d];
	        return a.length = e,
			a
	    },
	    grep: function (a, b, c) {
	        for (var d, e = [], f = 0, g = a.length, h = !c; f < g; f++) d = !b(a[f], f),
			d !== h && e.push(a[f]);
	        return e
	    },
	    map: function (a, b, c) {
	        var d, e, f = 0,
			h = [];
	        if (w(a)) for (d = a.length; f < d; f++) e = b(a[f], f, c),
			null != e && h.push(e);
	        else for (f in a) e = b(a[f], f, c),
			null != e && h.push(e);
	        return g.apply([], h)
	    },
	    guid: 1,
	    proxy: function (a, b) {
	        var c, d, e;
	        if ("string" == typeof b && (c = a[b], b = a, a = c), r.isFunction(a)) return d = f.call(arguments, 2),
			e = function () {
			    return a.apply(b || this, d.concat(f.call(arguments)))
			},
			e.guid = a.guid = a.guid || r.guid++,
			e
	    },
	    now: Date.now,
	    support: o
	}),
	"function" == typeof Symbol && (r.fn[Symbol.iterator] = c[Symbol.iterator]),
	r.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),
	function (a, b) {
	    j["[object " + b + "]"] = b.toLowerCase()
	});
    function w(a) {
        var b = !!a && "length" in a && a.length,
		c = r.type(a);
        return "function" !== c && !r.isWindow(a) && ("array" === c || 0 === b || "number" == typeof b && b > 0 && b - 1 in a)
    }
    var x = function (a) {
        var b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u = "sizzle" + 1 * new Date,
		v = a.document,
		w = 0,
		x = 0,
		y = ha(),
		z = ha(),
		A = ha(),
		B = function (a, b) {
		    return a === b && (l = !0),
			0
		},
		C = {}.hasOwnProperty,
		D = [],
		E = D.pop,
		F = D.push,
		G = D.push,
		H = D.slice,
		I = function (a, b) {
		    for (var c = 0,
			d = a.length; c < d; c++) if (a[c] === b) return c;
		    return -1
		},
		J = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
		K = "[\\x20\\t\\r\\n\\f]",
		L = "(?:\\\\.|[\\w-]|[^\0-\\xa0])+",
		M = "\\[" + K + "*(" + L + ")(?:" + K + "*([*^$|!~]?=)" + K + "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + L + "))|)" + K + "*\\]",
		N = ":(" + L + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" + M + ")*)|.*)\\)|)",
		O = new RegExp(K + "+", "g"),
		P = new RegExp("^" + K + "+|((?:^|[^\\\\])(?:\\\\.)*)" + K + "+$", "g"),
		Q = new RegExp("^" + K + "*," + K + "*"),
		R = new RegExp("^" + K + "*([>+~]|" + K + ")" + K + "*"),
		S = new RegExp("=" + K + "*([^\\]'\"]*?)" + K + "*\\]", "g"),
		T = new RegExp(N),
		U = new RegExp("^" + L + "$"),
		V = {
		    ID: new RegExp("^#(" + L + ")"),
		    CLASS: new RegExp("^\\.(" + L + ")"),
		    TAG: new RegExp("^(" + L + "|[*])"),
		    ATTR: new RegExp("^" + M),
		    PSEUDO: new RegExp("^" + N),
		    CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + K + "*(even|odd|(([+-]|)(\\d*)n|)" + K + "*(?:([+-]|)" + K + "*(\\d+)|))" + K + "*\\)|)", "i"),
		    bool: new RegExp("^(?:" + J + ")$", "i"),
		    needsContext: new RegExp("^" + K + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + K + "*((?:-\\d)?\\d*)" + K + "*\\)|)(?=[^-]|$)", "i")
		},
		W = /^(?:input|select|textarea|button)$/i,
		X = /^h\d$/i,
		Y = /^[^{]+\{\s*\[native \w/,
		Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
		$ = /[+~]/,
		_ = new RegExp("\\\\([\\da-f]{1,6}" + K + "?|(" + K + ")|.)", "ig"),
		aa = function (a, b, c) {
		    var d = "0x" + b - 65536;
		    return d !== d || c ? b : d < 0 ? String.fromCharCode(d + 65536) : String.fromCharCode(d >> 10 | 55296, 1023 & d | 56320)
		},
		ba = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
		ca = function (a, b) {
		    return b ? "\0" === a ? "\ufffd" : a.slice(0, -1) + "\\" + a.charCodeAt(a.length - 1).toString(16) + " " : "\\" + a
		},
		da = function () {
		    m()
		},
		ea = ta(function (a) {
		    return a.disabled === !0 && ("form" in a || "label" in a)
		},
		{
		    dir: "parentNode",
		    next: "legend"
		});
        try {
            G.apply(D = H.call(v.childNodes), v.childNodes),
			D[v.childNodes.length].nodeType
        } catch (fa) {
            G = {
                apply: D.length ?
				function (a, b) {
				    F.apply(a, H.call(b))
				} : function (a, b) {
				    var c = a.length,
					d = 0;
				    while (a[c++] = b[d++]);
				    a.length = c - 1
				}
            }
        }
        function ga(a, b, d, e) {
            var f, h, j, k, l, o, r, s = b && b.ownerDocument,
			w = b ? b.nodeType : 9;
            if (d = d || [], "string" != typeof a || !a || 1 !== w && 9 !== w && 11 !== w) return d;
            if (!e && ((b ? b.ownerDocument || b : v) !== n && m(b), b = b || n, p)) {
                if (11 !== w && (l = Z.exec(a))) if (f = l[1]) {
                    if (9 === w) {
                        if (!(j = b.getElementById(f))) return d;
                        if (j.id === f) return d.push(j),
						d
                    } else if (s && (j = s.getElementById(f)) && t(b, j) && j.id === f) return d.push(j),
					d
                } else {
                    if (l[2]) return G.apply(d, b.getElementsByTagName(a)),
					d;
                    if ((f = l[3]) && c.getElementsByClassName && b.getElementsByClassName) return G.apply(d, b.getElementsByClassName(f)),
					d
                }
                if (c.qsa && !A[a + " "] && (!q || !q.test(a))) {
                    if (1 !== w) s = b,
					r = a;
                    else if ("object" !== b.nodeName.toLowerCase()) {
                        (k = b.getAttribute("id")) ? k = k.replace(ba, ca) : b.setAttribute("id", k = u),
                            o = g(a),
                            h = o.length;
                        while (h--) o[h] = "#" + k + " " + sa(o[h]);
                        r = o.join(","),
						s = $.test(a) && qa(b.parentNode) || b
                    }
                    if (r) try {
                        return G.apply(d, s.querySelectorAll(r)),
						d
                    } catch (x) { } finally {
                        k === u && b.removeAttribute("id")
                    }
                }
            }
            return i(a.replace(P, "$1"), b, d, e)
        }
        function ha() {
            var a = [];
            function b(c, e) {
                return a.push(c + " ") > d.cacheLength && delete b[a.shift()],
				b[c + " "] = e
            }
            return b
        }
        function ia(a) {
            return a[u] = !0,
			a
        }
        function ja(a) {
            var b = n.createElement("fieldset");
            try {
                return !!a(b)
            } catch (c) {
                return !1
            } finally {
                b.parentNode && b.parentNode.removeChild(b),
				b = null
            }
        }
        function ka(a, b) {
            var c = a.split("|"),
			e = c.length;
            while (e--) d.attrHandle[c[e]] = b
        }
        function la(a, b) {
            var c = b && a,
			d = c && 1 === a.nodeType && 1 === b.nodeType && a.sourceIndex - b.sourceIndex;
            if (d) return d;
            if (c) while (c = c.nextSibling) if (c === b) return -1;
            return a ? 1 : -1
        }
        function ma(a) {
            return function (b) {
                var c = b.nodeName.toLowerCase();
                return "input" === c && b.type === a
            }
        }
        function na(a) {
            return function (b) {
                var c = b.nodeName.toLowerCase();
                return ("input" === c || "button" === c) && b.type === a
            }
        }
        function oa(a) {
            return function (b) {
                return "form" in b ? b.parentNode && b.disabled === !1 ? "label" in b ? "label" in b.parentNode ? b.parentNode.disabled === a : b.disabled === a : b.isDisabled === a || b.isDisabled !== !a && ea(b) === a : b.disabled === a : "label" in b && b.disabled === a
            }
        }
        function pa(a) {
            return ia(function (b) {
                return b = +b,
				ia(function (c, d) {
				    var e, f = a([], c.length, b),
					g = f.length;
				    while (g--) c[e = f[g]] && (c[e] = !(d[e] = c[e]))
				})
            })
        }
        function qa(a) {
            return a && "undefined" != typeof a.getElementsByTagName && a
        }
        c = ga.support = {},
		f = ga.isXML = function (a) {
		    var b = a && (a.ownerDocument || a).documentElement;
		    return !!b && "HTML" !== b.nodeName
		},
		m = ga.setDocument = function (a) {
		    var b, e, g = a ? a.ownerDocument || a : v;
		    return g !== n && 9 === g.nodeType && g.documentElement ? (n = g, o = n.documentElement, p = !f(n), v !== n && (e = n.defaultView) && e.top !== e && (e.addEventListener ? e.addEventListener("unload", da, !1) : e.attachEvent && e.attachEvent("onunload", da)), c.attributes = ja(function (a) {
		        return a.className = "i",
				!a.getAttribute("className")
		    }), c.getElementsByTagName = ja(function (a) {
		        return a.appendChild(n.createComment("")),
				!a.getElementsByTagName("*").length
		    }), c.getElementsByClassName = Y.test(n.getElementsByClassName), c.getById = ja(function (a) {
		        return o.appendChild(a).id = u,
				!n.getElementsByName || !n.getElementsByName(u).length
		    }), c.getById ? (d.filter.ID = function (a) {
		        var b = a.replace(_, aa);
		        return function (a) {
		            return a.getAttribute("id") === b
		        }
		    },
			d.find.ID = function (a, b) {
			    if ("undefined" != typeof b.getElementById && p) {
			        var c = b.getElementById(a);
			        return c ? [c] : []
			    }
			}) : (d.filter.ID = function (a) {
			    var b = a.replace(_, aa);
			    return function (a) {
			        var c = "undefined" != typeof a.getAttributeNode && a.getAttributeNode("id");
			        return c && c.value === b
			    }
			},
			d.find.ID = function (a, b) {
			    if ("undefined" != typeof b.getElementById && p) {
			        var c, d, e, f = b.getElementById(a);
			        if (f) {
			            if (c = f.getAttributeNode("id"), c && c.value === a) return [f];
			            e = b.getElementsByName(a),
						d = 0;
			            while (f = e[d++]) if (c = f.getAttributeNode("id"), c && c.value === a) return [f]
			        }
			        return []
			    }
			}), d.find.TAG = c.getElementsByTagName ?
			function (a, b) {
			    return "undefined" != typeof b.getElementsByTagName ? b.getElementsByTagName(a) : c.qsa ? b.querySelectorAll(a) : void 0
			} : function (a, b) {
			    var c, d = [],
				e = 0,
				f = b.getElementsByTagName(a);
			    if ("*" === a) {
			        while (c = f[e++]) 1 === c.nodeType && d.push(c);
			        return d
			    }
			    return f
			},
			d.find.CLASS = c.getElementsByClassName &&
			function (a, b) {
			    if ("undefined" != typeof b.getElementsByClassName && p) return b.getElementsByClassName(a)
			},
			r = [], q = [], (c.qsa = Y.test(n.querySelectorAll)) && (ja(function (a) {
			    o.appendChild(a).innerHTML = "<a id='" + u + "'></a><select id='" + u + "-\r\\' msallowcapture=''><option selected=''></option></select>",
				a.querySelectorAll("[msallowcapture^='']").length && q.push("[*^$]=" + K + "*(?:''|\"\")"),
				a.querySelectorAll("[selected]").length || q.push("\\[" + K + "*(?:value|" + J + ")"),
				a.querySelectorAll("[id~=" + u + "-]").length || q.push("~="),
				a.querySelectorAll(":checked").length || q.push(":checked"),
				a.querySelectorAll("a#" + u + "+*").length || q.push(".#.+[+~]")
			}), ja(function (a) {
			    a.innerHTML = "<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";
			    var b = n.createElement("input");
			    b.setAttribute("type", "hidden"),
				a.appendChild(b).setAttribute("name", "D"),
				a.querySelectorAll("[name=d]").length && q.push("name" + K + "*[*^$|!~]?="),
				2 !== a.querySelectorAll(":enabled").length && q.push(":enabled", ":disabled"),
				o.appendChild(a).disabled = !0,
				2 !== a.querySelectorAll(":disabled").length && q.push(":enabled", ":disabled"),
				a.querySelectorAll("*,:x"),
				q.push(",.*:")
			})), (c.matchesSelector = Y.test(s = o.matches || o.webkitMatchesSelector || o.mozMatchesSelector || o.oMatchesSelector || o.msMatchesSelector)) && ja(function (a) {
			    c.disconnectedMatch = s.call(a, "*"),
				s.call(a, "[s!='']:x"),
				r.push("!=", N)
			}), q = q.length && new RegExp(q.join("|")), r = r.length && new RegExp(r.join("|")), b = Y.test(o.compareDocumentPosition), t = b || Y.test(o.contains) ?
			function (a, b) {
			    var c = 9 === a.nodeType ? a.documentElement : a,
				d = b && b.parentNode;
			    return a === d || !(!d || 1 !== d.nodeType || !(c.contains ? c.contains(d) : a.compareDocumentPosition && 16 & a.compareDocumentPosition(d)))
			} : function (a, b) {
			    if (b) while (b = b.parentNode) if (b === a) return !0;
			    return !1
			},
			B = b ?
			function (a, b) {
			    if (a === b) return l = !0,
				0;
			    var d = !a.compareDocumentPosition - !b.compareDocumentPosition;
			    return d ? d : (d = (a.ownerDocument || a) === (b.ownerDocument || b) ? a.compareDocumentPosition(b) : 1, 1 & d || !c.sortDetached && b.compareDocumentPosition(a) === d ? a === n || a.ownerDocument === v && t(v, a) ? -1 : b === n || b.ownerDocument === v && t(v, b) ? 1 : k ? I(k, a) - I(k, b) : 0 : 4 & d ? -1 : 1)
			} : function (a, b) {
			    if (a === b) return l = !0,
				0;
			    var c, d = 0,
				e = a.parentNode,
				f = b.parentNode,
				g = [a],
				h = [b];
			    if (!e || !f) return a === n ? -1 : b === n ? 1 : e ? -1 : f ? 1 : k ? I(k, a) - I(k, b) : 0;
			    if (e === f) return la(a, b);
			    c = a;
			    while (c = c.parentNode) g.unshift(c);
			    c = b;
			    while (c = c.parentNode) h.unshift(c);
			    while (g[d] === h[d]) d++;
			    return d ? la(g[d], h[d]) : g[d] === v ? -1 : h[d] === v ? 1 : 0
			},
			n) : n
		},
		ga.matches = function (a, b) {
		    return ga(a, null, null, b)
		},
		ga.matchesSelector = function (a, b) {
		    if ((a.ownerDocument || a) !== n && m(a), b = b.replace(S, "='$1']"), c.matchesSelector && p && !A[b + " "] && (!r || !r.test(b)) && (!q || !q.test(b))) try {
		        var d = s.call(a, b);
		        if (d || c.disconnectedMatch || a.document && 11 !== a.document.nodeType) return d
		    } catch (e) { }
		    return ga(b, n, null, [a]).length > 0
		},
		ga.contains = function (a, b) {
		    return (a.ownerDocument || a) !== n && m(a),
			t(a, b)
		},
		ga.attr = function (a, b) {
		    (a.ownerDocument || a) !== n && m(a);
		    var e = d.attrHandle[b.toLowerCase()],
			f = e && C.call(d.attrHandle, b.toLowerCase()) ? e(a, b, !p) : void 0;
		    return void 0 !== f ? f : c.attributes || !p ? a.getAttribute(b) : (f = a.getAttributeNode(b)) && f.specified ? f.value : null
		},
		ga.escape = function (a) {
		    return (a + "").replace(ba, ca)
		},
		ga.error = function (a) {
		    throw new Error("Syntax error, unrecognized expression: " + a)
		},
		ga.uniqueSort = function (a) {
		    var b, d = [],
			e = 0,
			f = 0;
		    if (l = !c.detectDuplicates, k = !c.sortStable && a.slice(0), a.sort(B), l) {
		        while (b = a[f++]) b === a[f] && (e = d.push(f));
		        while (e--) a.splice(d[e], 1)
		    }
		    return k = null,
			a
		},
		e = ga.getText = function (a) {
		    var b, c = "",
			d = 0,
			f = a.nodeType;
		    if (f) {
		        if (1 === f || 9 === f || 11 === f) {
		            if ("string" == typeof a.textContent) return a.textContent;
		            for (a = a.firstChild; a; a = a.nextSibling) c += e(a)
		        } else if (3 === f || 4 === f) return a.nodeValue
		    } else while (b = a[d++]) c += e(b);
		    return c
		},
		d = ga.selectors = {
		    cacheLength: 50,
		    createPseudo: ia,
		    match: V,
		    attrHandle: {},
		    find: {},
		    relative: {
		        ">": {
		            dir: "parentNode",
		            first: !0
		        },
		        " ": {
		            dir: "parentNode"
		        },
		        "+": {
		            dir: "previousSibling",
		            first: !0
		        },
		        "~": {
		            dir: "previousSibling"
		        }
		    },
		    preFilter: {
		        ATTR: function (a) {
		            return a[1] = a[1].replace(_, aa),
					a[3] = (a[3] || a[4] || a[5] || "").replace(_, aa),
					"~=" === a[2] && (a[3] = " " + a[3] + " "),
					a.slice(0, 4)
		        },
		        CHILD: function (a) {
		            return a[1] = a[1].toLowerCase(),
					"nth" === a[1].slice(0, 3) ? (a[3] || ga.error(a[0]), a[4] = +(a[4] ? a[5] + (a[6] || 1) : 2 * ("even" === a[3] || "odd" === a[3])), a[5] = +(a[7] + a[8] || "odd" === a[3])) : a[3] && ga.error(a[0]),
					a
		        },
		        PSEUDO: function (a) {
		            var b, c = !a[6] && a[2];
		            return V.CHILD.test(a[0]) ? null : (a[3] ? a[2] = a[4] || a[5] || "" : c && T.test(c) && (b = g(c, !0)) && (b = c.indexOf(")", c.length - b) - c.length) && (a[0] = a[0].slice(0, b), a[2] = c.slice(0, b)), a.slice(0, 3))
		        }
		    },
		    filter: {
		        TAG: function (a) {
		            var b = a.replace(_, aa).toLowerCase();
		            return "*" === a ?
					function () {
					    return !0
					} : function (a) {
					    return a.nodeName && a.nodeName.toLowerCase() === b
					}
		        },
		        CLASS: function (a) {
		            var b = y[a + " "];
		            return b || (b = new RegExp("(^|" + K + ")" + a + "(" + K + "|$)")) && y(a,
					function (a) {
					    return b.test("string" == typeof a.className && a.className || "undefined" != typeof a.getAttribute && a.getAttribute("class") || "")
					})
		        },
		        ATTR: function (a, b, c) {
		            return function (d) {
		                var e = ga.attr(d, a);
		                return null == e ? "!=" === b : !b || (e += "", "=" === b ? e === c : "!=" === b ? e !== c : "^=" === b ? c && 0 === e.indexOf(c) : "*=" === b ? c && e.indexOf(c) > -1 : "$=" === b ? c && e.slice(-c.length) === c : "~=" === b ? (" " + e.replace(O, " ") + " ").indexOf(c) > -1 : "|=" === b && (e === c || e.slice(0, c.length + 1) === c + "-"))
		            }
		        },
		        CHILD: function (a, b, c, d, e) {
		            var f = "nth" !== a.slice(0, 3),
					g = "last" !== a.slice(-4),
					h = "of-type" === b;
		            return 1 === d && 0 === e ?
					function (a) {
					    return !!a.parentNode
					} : function (b, c, i) {
					    var j, k, l, m, n, o, p = f !== g ? "nextSibling" : "previousSibling",
						q = b.parentNode,
						r = h && b.nodeName.toLowerCase(),
						s = !i && !h,
						t = !1;
					    if (q) {
					        if (f) {
					            while (p) {
					                m = b;
					                while (m = m[p]) if (h ? m.nodeName.toLowerCase() === r : 1 === m.nodeType) return !1;
					                o = p = "only" === a && !o && "nextSibling"
					            }
					            return !0
					        }
					        if (o = [g ? q.firstChild : q.lastChild], g && s) {
					            m = q,
								l = m[u] || (m[u] = {}),
								k = l[m.uniqueID] || (l[m.uniqueID] = {}),
								j = k[a] || [],
								n = j[0] === w && j[1],
								t = n && j[2],
								m = n && q.childNodes[n];
					            while (m = ++n && m && m[p] || (t = n = 0) || o.pop()) if (1 === m.nodeType && ++t && m === b) {
					                k[a] = [w, n, t];
					                break
					            }
					        } else if (s && (m = b, l = m[u] || (m[u] = {}), k = l[m.uniqueID] || (l[m.uniqueID] = {}), j = k[a] || [], n = j[0] === w && j[1], t = n), t === !1) while (m = ++n && m && m[p] || (t = n = 0) || o.pop()) if ((h ? m.nodeName.toLowerCase() === r : 1 === m.nodeType) && ++t && (s && (l = m[u] || (m[u] = {}), k = l[m.uniqueID] || (l[m.uniqueID] = {}), k[a] = [w, t]), m === b)) break;
					        return t -= e,
							t === d || t % d === 0 && t / d >= 0
					    }
					}
		        },
		        PSEUDO: function (a, b) {
		            var c, e = d.pseudos[a] || d.setFilters[a.toLowerCase()] || ga.error("unsupported pseudo: " + a);
		            return e[u] ? e(b) : e.length > 1 ? (c = [a, a, "", b], d.setFilters.hasOwnProperty(a.toLowerCase()) ? ia(function (a, c) {
		                var d, f = e(a, b),
						g = f.length;
		                while (g--) d = I(a, f[g]),
						a[d] = !(c[d] = f[g])
		            }) : function (a) {
		                return e(a, 0, c)
		            }) : e
		        }
		    },
		    pseudos: {
		        not: ia(function (a) {
		            var b = [],
					c = [],
					d = h(a.replace(P, "$1"));
		            return d[u] ? ia(function (a, b, c, e) {
		                var f, g = d(a, null, e, []),
						h = a.length;
		                while (h--) (f = g[h]) && (a[h] = !(b[h] = f))
		            }) : function (a, e, f) {
		                return b[0] = a,
						d(b, null, f, c),
						b[0] = null,
						!c.pop()
		            }
		        }),
		        has: ia(function (a) {
		            return function (b) {
		                return ga(a, b).length > 0
		            }
		        }),
		        contains: ia(function (a) {
		            return a = a.replace(_, aa),
					function (b) {
					    return (b.textContent || b.innerText || e(b)).indexOf(a) > -1
					}
		        }),
		        lang: ia(function (a) {
		            return U.test(a || "") || ga.error("unsupported lang: " + a),
					a = a.replace(_, aa).toLowerCase(),
					function (b) {
					    var c;
					    do
					        if (c = p ? b.lang : b.getAttribute("xml:lang") || b.getAttribute("lang")) return c = c.toLowerCase(),
                            c === a || 0 === c.indexOf(a + "-");
					    while ((b = b.parentNode) && 1 === b.nodeType);
					    return !1
					}
		        }),
		        target: function (b) {
		            var c = a.location && a.location.hash;
		            return c && c.slice(1) === b.id
		        },
		        root: function (a) {
		            return a === o
		        },
		        focus: function (a) {
		            return a === n.activeElement && (!n.hasFocus || n.hasFocus()) && !!(a.type || a.href || ~a.tabIndex)
		        },
		        enabled: oa(!1),
		        disabled: oa(!0),
		        checked: function (a) {
		            var b = a.nodeName.toLowerCase();
		            return "input" === b && !!a.checked || "option" === b && !!a.selected
		        },
		        selected: function (a) {
		            return a.parentNode && a.parentNode.selectedIndex,
					a.selected === !0
		        },
		        empty: function (a) {
		            for (a = a.firstChild; a; a = a.nextSibling) if (a.nodeType < 6) return !1;
		            return !0
		        },
		        parent: function (a) {
		            return !d.pseudos.empty(a)
		        },
		        header: function (a) {
		            return X.test(a.nodeName)
		        },
		        input: function (a) {
		            return W.test(a.nodeName)
		        },
		        button: function (a) {
		            var b = a.nodeName.toLowerCase();
		            return "input" === b && "button" === a.type || "button" === b
		        },
		        text: function (a) {
		            var b;
		            return "input" === a.nodeName.toLowerCase() && "text" === a.type && (null == (b = a.getAttribute("type")) || "text" === b.toLowerCase())
		        },
		        first: pa(function () {
		            return [0]
		        }),
		        last: pa(function (a, b) {
		            return [b - 1]
		        }),
		        eq: pa(function (a, b, c) {
		            return [c < 0 ? c + b : c]
		        }),
		        even: pa(function (a, b) {
		            for (var c = 0; c < b; c += 2) a.push(c);
		            return a
		        }),
		        odd: pa(function (a, b) {
		            for (var c = 1; c < b; c += 2) a.push(c);
		            return a
		        }),
		        lt: pa(function (a, b, c) {
		            for (var d = c < 0 ? c + b : c; --d >= 0;) a.push(d);
		            return a
		        }),
		        gt: pa(function (a, b, c) {
		            for (var d = c < 0 ? c + b : c; ++d < b;) a.push(d);
		            return a
		        })
		    }
		},
		d.pseudos.nth = d.pseudos.eq;
        for (b in {
            radio: !0,
            checkbox: !0,
            file: !0,
            password: !0,
            image: !0
        }) d.pseudos[b] = ma(b);
        for (b in {
            submit: !0,
            reset: !0
        }) d.pseudos[b] = na(b);
        function ra() { }
        ra.prototype = d.filters = d.pseudos,
		d.setFilters = new ra,
		g = ga.tokenize = function (a, b) {
		    var c, e, f, g, h, i, j, k = z[a + " "];
		    if (k) return b ? 0 : k.slice(0);
		    h = a,
			i = [],
			j = d.preFilter;
		    while (h) {
		        c && !(e = Q.exec(h)) || (e && (h = h.slice(e[0].length) || h), i.push(f = [])),
				c = !1,
				(e = R.exec(h)) && (c = e.shift(), f.push({
				    value: c,
				    type: e[0].replace(P, " ")
				}), h = h.slice(c.length));
		        for (g in d.filter) !(e = V[g].exec(h)) || j[g] && !(e = j[g](e)) || (c = e.shift(), f.push({
		            value: c,
		            type: g,
		            matches: e
		        }), h = h.slice(c.length));
		        if (!c) break
		    }
		    return b ? h.length : h ? ga.error(a) : z(a, i).slice(0)
		};
        function sa(a) {
            for (var b = 0,
			c = a.length,
			d = ""; b < c; b++) d += a[b].value;
            return d
        }
        function ta(a, b, c) {
            var d = b.dir,
			e = b.next,
			f = e || d,
			g = c && "parentNode" === f,
			h = x++;
            return b.first ?
			function (b, c, e) {
			    while (b = b[d]) if (1 === b.nodeType || g) return a(b, c, e);
			    return !1
			} : function (b, c, i) {
			    var j, k, l, m = [w, h];
			    if (i) {
			        while (b = b[d]) if ((1 === b.nodeType || g) && a(b, c, i)) return !0
			    } else while (b = b[d]) if (1 === b.nodeType || g) if (l = b[u] || (b[u] = {}), k = l[b.uniqueID] || (l[b.uniqueID] = {}), e && e === b.nodeName.toLowerCase()) b = b[d] || b;
			    else {
			        if ((j = k[f]) && j[0] === w && j[1] === h) return m[2] = j[2];
			        if (k[f] = m, m[2] = a(b, c, i)) return !0
			    }
			    return !1
			}
        }
        function ua(a) {
            return a.length > 1 ?
			function (b, c, d) {
			    var e = a.length;
			    while (e--) if (!a[e](b, c, d)) return !1;
			    return !0
			} : a[0]
        }
        function va(a, b, c) {
            for (var d = 0,
			e = b.length; d < e; d++) ga(a, b[d], c);
            return c
        }
        function wa(a, b, c, d, e) {
            for (var f, g = [], h = 0, i = a.length, j = null != b; h < i; h++) (f = a[h]) && (c && !c(f, d, e) || (g.push(f), j && b.push(h)));
            return g
        }
        function xa(a, b, c, d, e, f) {
            return d && !d[u] && (d = xa(d)),
			e && !e[u] && (e = xa(e, f)),
			ia(function (f, g, h, i) {
			    var j, k, l, m = [],
				n = [],
				o = g.length,
				p = f || va(b || "*", h.nodeType ? [h] : h, []),
				q = !a || !f && b ? p : wa(p, m, a, h, i),
				r = c ? e || (f ? a : o || d) ? [] : g : q;
			    if (c && c(q, r, h, i), d) {
			        j = wa(r, n),
					d(j, [], h, i),
					k = j.length;
			        while (k--) (l = j[k]) && (r[n[k]] = !(q[n[k]] = l))
			    }
			    if (f) {
			        if (e || a) {
			            if (e) {
			                j = [],
							k = r.length;
			                while (k--) (l = r[k]) && j.push(q[k] = l);
			                e(null, r = [], j, i)
			            }
			            k = r.length;
			            while (k--) (l = r[k]) && (j = e ? I(f, l) : m[k]) > -1 && (f[j] = !(g[j] = l))
			        }
			    } else r = wa(r === g ? r.splice(o, r.length) : r),
				e ? e(null, g, r, i) : G.apply(g, r)
			})
        }
        function ya(a) {
            for (var b, c, e, f = a.length,
			g = d.relative[a[0].type], h = g || d.relative[" "], i = g ? 1 : 0, k = ta(function (a) {
				return a === b
            },
			h, !0), l = ta(function (a) {
				return I(b, a) > -1
            },
			h, !0), m = [function (a, c, d) {
				var e = !g && (d || c !== j) || ((b = c).nodeType ? k(a, c, d) : l(a, c, d));
				return b = null,
				e
            }]; i < f; i++) if (c = d.relative[a[i].type]) m = [ta(ua(m), c)];
            else {
                if (c = d.filter[a[i].type].apply(null, a[i].matches), c[u]) {
                    for (e = ++i; e < f; e++) if (d.relative[a[e].type]) break;
                    return xa(i > 1 && ua(m), i > 1 && sa(a.slice(0, i - 1).concat({
                        value: " " === a[i - 2].type ? "*" : ""
                    })).replace(P, "$1"), c, i < e && ya(a.slice(i, e)), e < f && ya(a = a.slice(e)), e < f && sa(a))
                }
                m.push(c)
            }
            return ua(m)
        }
        function za(a, b) {
            var c = b.length > 0,
			e = a.length > 0,
			f = function (f, g, h, i, k) {
			    var l, o, q, r = 0,
				s = "0",
				t = f && [],
				u = [],
				v = j,
				x = f || e && d.find.TAG("*", k),
				y = w += null == v ? 1 : Math.random() || .1,
				z = x.length;
			    for (k && (j = g === n || g || k) ; s !== z && null != (l = x[s]) ; s++) {
			        if (e && l) {
			            o = 0,
						g || l.ownerDocument === n || (m(l), h = !p);
			            while (q = a[o++]) if (q(l, g || n, h)) {
			                i.push(l);
			                break
			            }
			            k && (w = y)
			        }
			        c && ((l = !q && l) && r--, f && t.push(l))
			    }
			    if (r += s, c && s !== r) {
			        o = 0;
			        while (q = b[o++]) q(t, u, g, h);
			        if (f) {
			            if (r > 0) while (s--) t[s] || u[s] || (u[s] = E.call(i));
			            u = wa(u)
			        }
			        G.apply(i, u),
					k && !f && u.length > 0 && r + b.length > 1 && ga.uniqueSort(i)
			    }
			    return k && (w = y, j = v),
				t
			};
            return c ? ia(f) : f
        }
        return h = ga.compile = function (a, b) {
            var c, d = [],
			e = [],
			f = A[a + " "];
            if (!f) {
                b || (b = g(a)),
				c = b.length;
                while (c--) f = ya(b[c]),
				f[u] ? d.push(f) : e.push(f);
                f = A(a, za(e, d)),
				f.selector = a
            }
            return f
        },
		i = ga.select = function (a, b, c, e) {
		    var f, i, j, k, l, m = "function" == typeof a && a,
			n = !e && g(a = m.selector || a);
		    if (c = c || [], 1 === n.length) {
		        if (i = n[0] = n[0].slice(0), i.length > 2 && "ID" === (j = i[0]).type && 9 === b.nodeType && p && d.relative[i[1].type]) {
		            if (b = (d.find.ID(j.matches[0].replace(_, aa), b) || [])[0], !b) return c;
		            m && (b = b.parentNode),
					a = a.slice(i.shift().value.length)
		        }
		        f = V.needsContext.test(a) ? 0 : i.length;
		        while (f--) {
		            if (j = i[f], d.relative[k = j.type]) break;
		            if ((l = d.find[k]) && (e = l(j.matches[0].replace(_, aa), $.test(i[0].type) && qa(b.parentNode) || b))) {
		                if (i.splice(f, 1), a = e.length && sa(i), !a) return G.apply(c, e),
						c;
		                break
		            }
		        }
		    }
		    return (m || h(a, n))(e, b, !p, c, !b || $.test(a) && qa(b.parentNode) || b),
			c
		},
		c.sortStable = u.split("").sort(B).join("") === u,
		c.detectDuplicates = !!l,
		m(),
		c.sortDetached = ja(function (a) {
		    return 1 & a.compareDocumentPosition(n.createElement("fieldset"))
		}),
		ja(function (a) {
		    return a.innerHTML = "<a href='#'></a>",
			"#" === a.firstChild.getAttribute("href")
		}) || ka("type|href|height|width",
		function (a, b, c) {
		    if (!c) return a.getAttribute(b, "type" === b.toLowerCase() ? 1 : 2)
		}),
		c.attributes && ja(function (a) {
		    return a.innerHTML = "<input/>",
			a.firstChild.setAttribute("value", ""),
			"" === a.firstChild.getAttribute("value")
		}) || ka("value",
		function (a, b, c) {
		    if (!c && "input" === a.nodeName.toLowerCase()) return a.defaultValue
		}),
		ja(function (a) {
		    return null == a.getAttribute("disabled")
		}) || ka(J,
		function (a, b, c) {
		    var d;
		    if (!c) return a[b] === !0 ? b.toLowerCase() : (d = a.getAttributeNode(b)) && d.specified ? d.value : null
		}),
		ga
    }(a);
    r.find = x,
	r.expr = x.selectors,
	r.expr[":"] = r.expr.pseudos,
	r.uniqueSort = r.unique = x.uniqueSort,
	r.text = x.getText,
	r.isXMLDoc = x.isXML,
	r.contains = x.contains,
	r.escapeSelector = x.escape;
    var y = function (a, b, c) {
        var d = [],
		e = void 0 !== c;
        while ((a = a[b]) && 9 !== a.nodeType) if (1 === a.nodeType) {
            if (e && r(a).is(c)) break;
            d.push(a)
        }
        return d
    },
	z = function (a, b) {
	    for (var c = []; a; a = a.nextSibling) 1 === a.nodeType && a !== b && c.push(a);
	    return c
	},
	A = r.expr.match.needsContext,
	B = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i,
	C = /^.[^:#\[\.,]*$/;
    function D(a, b, c) {
        return r.isFunction(b) ? r.grep(a,
		function (a, d) {
		    return !!b.call(a, d, a) !== c
		}) : b.nodeType ? r.grep(a,
		function (a) {
		    return a === b !== c
		}) : "string" != typeof b ? r.grep(a,
		function (a) {
		    return i.call(b, a) > -1 !== c
		}) : C.test(b) ? r.filter(b, a, c) : (b = r.filter(b, a), r.grep(a,
		function (a) {
		    return i.call(b, a) > -1 !== c && 1 === a.nodeType
		}))
    }
    r.filter = function (a, b, c) {
        var d = b[0];
        return c && (a = ":not(" + a + ")"),
		1 === b.length && 1 === d.nodeType ? r.find.matchesSelector(d, a) ? [d] : [] : r.find.matches(a, r.grep(b,
		function (a) {
		    return 1 === a.nodeType
		}))
    },
	r.fn.extend({
	    find: function (a) {
	        var b, c, d = this.length,
			e = this;
	        if ("string" != typeof a) return this.pushStack(r(a).filter(function () {
	            for (b = 0; b < d; b++) if (r.contains(e[b], this)) return !0
	        }));
	        for (c = this.pushStack([]), b = 0; b < d; b++) r.find(a, e[b], c);
	        return d > 1 ? r.uniqueSort(c) : c
	    },
	    filter: function (a) {
	        return this.pushStack(D(this, a || [], !1))
	    },
	    not: function (a) {
	        return this.pushStack(D(this, a || [], !0))
	    },
	    is: function (a) {
	        return !!D(this, "string" == typeof a && A.test(a) ? r(a) : a || [], !1).length
	    }
	});
    var E, F = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/,
	G = r.fn.init = function (a, b, c) {
	    var e, f;
	    if (!a) return this;
	    if (c = c || E, "string" == typeof a) {
	        if (e = "<" === a[0] && ">" === a[a.length - 1] && a.length >= 3 ? [null, a, null] : F.exec(a), !e || !e[1] && b) return !b || b.jquery ? (b || c).find(a) : this.constructor(b).find(a);
	        if (e[1]) {
	            if (b = b instanceof r ? b[0] : b, r.merge(this, r.parseHTML(e[1], b && b.nodeType ? b.ownerDocument || b : d, !0)), B.test(e[1]) && r.isPlainObject(b)) for (e in b) r.isFunction(this[e]) ? this[e](b[e]) : this.attr(e, b[e]);
	            return this
	        }
	        return f = d.getElementById(e[2]),
			f && (this[0] = f, this.length = 1),
			this
	    }
	    return a.nodeType ? (this[0] = a, this.length = 1, this) : r.isFunction(a) ? void 0 !== c.ready ? c.ready(a) : a(r) : r.makeArray(a, this)
	};
    G.prototype = r.fn,
	E = r(d);
    var H = /^(?:parents|prev(?:Until|All))/,
	I = {
	    children: !0,
	    contents: !0,
	    next: !0,
	    prev: !0
	};
    r.fn.extend({
        has: function (a) {
            var b = r(a, this),
			c = b.length;
            return this.filter(function () {
                for (var a = 0; a < c; a++) if (r.contains(this, b[a])) return !0
            })
        },
        closest: function (a, b) {
            var c, d = 0,
			e = this.length,
			f = [],
			g = "string" != typeof a && r(a);
            if (!A.test(a)) for (; d < e; d++) for (c = this[d]; c && c !== b; c = c.parentNode) if (c.nodeType < 11 && (g ? g.index(c) > -1 : 1 === c.nodeType && r.find.matchesSelector(c, a))) {
                f.push(c);
                break
            }
            return this.pushStack(f.length > 1 ? r.uniqueSort(f) : f)
        },
        index: function (a) {
            return a ? "string" == typeof a ? i.call(r(a), this[0]) : i.call(this, a.jquery ? a[0] : a) : this[0] && this[0].parentNode ? this.first().prevAll().length : -1
        },
        add: function (a, b) {
            return this.pushStack(r.uniqueSort(r.merge(this.get(), r(a, b))))
        },
        addBack: function (a) {
            return this.add(null == a ? this.prevObject : this.prevObject.filter(a))
        }
    });
    function J(a, b) {
        while ((a = a[b]) && 1 !== a.nodeType);
        return a
    }
    r.each({
        parent: function (a) {
            var b = a.parentNode;
            return b && 11 !== b.nodeType ? b : null
        },
        parents: function (a) {
            return y(a, "parentNode")
        },
        parentsUntil: function (a, b, c) {
            return y(a, "parentNode", c)
        },
        next: function (a) {
            return J(a, "nextSibling")
        },
        prev: function (a) {
            return J(a, "previousSibling")
        },
        nextAll: function (a) {
            return y(a, "nextSibling")
        },
        prevAll: function (a) {
            return y(a, "previousSibling")
        },
        nextUntil: function (a, b, c) {
            return y(a, "nextSibling", c)
        },
        prevUntil: function (a, b, c) {
            return y(a, "previousSibling", c)
        },
        siblings: function (a) {
            return z((a.parentNode || {}).firstChild, a)
        },
        children: function (a) {
            return z(a.firstChild)
        },
        contents: function (a) {
            return a.contentDocument || r.merge([], a.childNodes)
        }
    },
	function (a, b) {
	    r.fn[a] = function (c, d) {
	        var e = r.map(this, b, c);
	        return "Until" !== a.slice(-5) && (d = c),
			d && "string" == typeof d && (e = r.filter(d, e)),
			this.length > 1 && (I[a] || r.uniqueSort(e), H.test(a) && e.reverse()),
			this.pushStack(e)
	    }
	});
    var K = /[^\x20\t\r\n\f]+/g;
    function L(a) {
        var b = {};
        return r.each(a.match(K) || [],
		function (a, c) {
		    b[c] = !0
		}),
		b
    }
    r.Callbacks = function (a) {
        a = "string" == typeof a ? L(a) : r.extend({},
		a);
        var b, c, d, e, f = [],
		g = [],
		h = -1,
		i = function () {
		    for (e = a.once, d = b = !0; g.length; h = -1) {
		        c = g.shift();
		        while (++h < f.length) f[h].apply(c[0], c[1]) === !1 && a.stopOnFalse && (h = f.length, c = !1)
		    }
		    a.memory || (c = !1),
			b = !1,
			e && (f = c ? [] : "")
		},
		j = {
		    add: function () {
		        return f && (c && !b && (h = f.length - 1, g.push(c)),
				function d(b) {
				    r.each(b,
					function (b, c) {
					    r.isFunction(c) ? a.unique && j.has(c) || f.push(c) : c && c.length && "string" !== r.type(c) && d(c)
					})
				}(arguments), c && !b && i()),
				this
		    },
		    remove: function () {
		        return r.each(arguments,
				function (a, b) {
				    var c;
				    while ((c = r.inArray(b, f, c)) > -1) f.splice(c, 1),
					c <= h && h--
				}),
				this
		    },
		    has: function (a) {
		        return a ? r.inArray(a, f) > -1 : f.length > 0
		    },
		    empty: function () {
		        return f && (f = []),
				this
		    },
		    disable: function () {
		        return e = g = [],
				f = c = "",
				this
		    },
		    disabled: function () {
		        return !f
		    },
		    lock: function () {
		        return e = g = [],
				c || b || (f = c = ""),
				this
		    },
		    locked: function () {
		        return !!e
		    },
		    fireWith: function (a, c) {
		        return e || (c = c || [], c = [a, c.slice ? c.slice() : c], g.push(c), b || i()),
				this
		    },
		    fire: function () {
		        return j.fireWith(this, arguments),
				this
		    },
		    fired: function () {
		        return !!d
		    }
		};
        return j
    };
    function M(a) {
        return a
    }
    function N(a) {
        throw a
    }
    function O(a, b, c) {
        var d;
        try {
            a && r.isFunction(d = a.promise) ? d.call(a).done(b).fail(c) : a && r.isFunction(d = a.then) ? d.call(a, b, c) : b.call(void 0, a)
        } catch (a) {
            c.call(void 0, a)
        }
    }
    r.extend({
        Deferred: function (b) {
            var c = [["notify", "progress", r.Callbacks("memory"), r.Callbacks("memory"), 2], ["resolve", "done", r.Callbacks("once memory"), r.Callbacks("once memory"), 0, "resolved"], ["reject", "fail", r.Callbacks("once memory"), r.Callbacks("once memory"), 1, "rejected"]],
			d = "pending",
			e = {
			    state: function () {
			        return d
			    },
			    always: function () {
			        return f.done(arguments).fail(arguments),
					this
			    },
			    "catch": function (a) {
			        return e.then(null, a)
			    },
			    pipe: function () {
			        var a = arguments;
			        return r.Deferred(function (b) {
			            r.each(c,
						function (c, d) {
						    var e = r.isFunction(a[d[4]]) && a[d[4]];
						    f[d[1]](function () {
						        var a = e && e.apply(this, arguments);
						        a && r.isFunction(a.promise) ? a.promise().progress(b.notify).done(b.resolve).fail(b.reject) : b[d[0] + "With"](this, e ? [a] : arguments)
						    })
						}),
						a = null
			        }).promise()
			    },
			    then: function (b, d, e) {
			        var f = 0;
			        function g(b, c, d, e) {
			            return function () {
			                var h = this,
							i = arguments,
							j = function () {
							    var a, j;
							    if (!(b < f)) {
							        if (a = d.apply(h, i), a === c.promise()) throw new TypeError("Thenable self-resolution");
							        j = a && ("object" == typeof a || "function" == typeof a) && a.then,
									r.isFunction(j) ? e ? j.call(a, g(f, c, M, e), g(f, c, N, e)) : (f++, j.call(a, g(f, c, M, e), g(f, c, N, e), g(f, c, M, c.notifyWith))) : (d !== M && (h = void 0, i = [a]), (e || c.resolveWith)(h, i))
							    }
							},
							k = e ? j : function () {
							    try {
							        j()
							    } catch (a) {
							        r.Deferred.exceptionHook && r.Deferred.exceptionHook(a, k.stackTrace),
									b + 1 >= f && (d !== N && (h = void 0, i = [a]), c.rejectWith(h, i))
							    }
							};
			                b ? k() : (r.Deferred.getStackHook && (k.stackTrace = r.Deferred.getStackHook()), a.setTimeout(k))
			            }
			        }
			        return r.Deferred(function (a) {
			            c[0][3].add(g(0, a, r.isFunction(e) ? e : M, a.notifyWith)),
						c[1][3].add(g(0, a, r.isFunction(b) ? b : M)),
						c[2][3].add(g(0, a, r.isFunction(d) ? d : N))
			        }).promise()
			    },
			    promise: function (a) {
			        return null != a ? r.extend(a, e) : e
			    }
			},
			f = {};
            return r.each(c,
			function (a, b) {
			    var g = b[2],
				h = b[5];
			    e[b[1]] = g.add,
				h && g.add(function () {
				    d = h
				},
				c[3 - a][2].disable, c[0][2].lock),
				g.add(b[3].fire),
				f[b[0]] = function () {
				    return f[b[0] + "With"](this === f ? void 0 : this, arguments),
					this
				},
				f[b[0] + "With"] = g.fireWith
			}),
			e.promise(f),
			b && b.call(f, f),
			f
        },
        when: function (a) {
            var b = arguments.length,
			c = b,
			d = Array(c),
			e = f.call(arguments),
			g = r.Deferred(),
			h = function (a) {
			    return function (c) {
			        d[a] = this,
					e[a] = arguments.length > 1 ? f.call(arguments) : c,
					--b || g.resolveWith(d, e)
			    }
			};
            if (b <= 1 && (O(a, g.done(h(c)).resolve, g.reject), "pending" === g.state() || r.isFunction(e[c] && e[c].then))) return g.then();
            while (c--) O(e[c], h(c), g.reject);
            return g.promise()
        }
    });
    var P = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
    r.Deferred.exceptionHook = function (b, c) {
        a.console && a.console.warn && b && P.test(b.name) && a.console.warn("jQuery.Deferred exception: " + b.message, b.stack, c)
    },
	r.readyException = function (b) {
	    a.setTimeout(function () {
	        throw b
	    })
	};
    var Q = r.Deferred();
    r.fn.ready = function (a) {
        return Q.then(a)["catch"](function (a) {
            r.readyException(a)
        }),
		this
    },
	r.extend({
	    isReady: !1,
	    readyWait: 1,
	    holdReady: function (a) {
	        a ? r.readyWait++ : r.ready(!0)
	    },
	    ready: function (a) {
	        (a === !0 ? --r.readyWait : r.isReady) || (r.isReady = !0, a !== !0 && --r.readyWait > 0 || Q.resolveWith(d, [r]))
	    }
	}),
	r.ready.then = Q.then;
    function R() {
        d.removeEventListener("DOMContentLoaded", R),
		a.removeEventListener("load", R),
		r.ready()
    }
    "complete" === d.readyState || "loading" !== d.readyState && !d.documentElement.doScroll ? a.setTimeout(r.ready) : (d.addEventListener("DOMContentLoaded", R), a.addEventListener("load", R));
    var S = function (a, b, c, d, e, f, g) {
        var h = 0,
		i = a.length,
		j = null == c;
        if ("object" === r.type(c)) {
            e = !0;
            for (h in c) S(a, b, h, c[h], !0, f, g)
        } else if (void 0 !== d && (e = !0, r.isFunction(d) || (g = !0), j && (g ? (b.call(a, d), b = null) : (j = b, b = function (a, b, c) {
			return j.call(r(a), c)
        })), b)) for (; h < i; h++) b(a[h], c, g ? d : d.call(a[h], h, b(a[h], c)));
        return e ? a : j ? b.call(a) : i ? b(a[0], c) : f
    },
	T = function (a) {
	    return 1 === a.nodeType || 9 === a.nodeType || !+a.nodeType
	};
    function U() {
        this.expando = r.expando + U.uid++
    }
    U.uid = 1,
	U.prototype = {
	    cache: function (a) {
	        var b = a[this.expando];
	        return b || (b = {},
			T(a) && (a.nodeType ? a[this.expando] = b : Object.defineProperty(a, this.expando, {
			    value: b,
			    configurable: !0
			}))),
			b
	    },
	    set: function (a, b, c) {
	        var d, e = this.cache(a);
	        if ("string" == typeof b) e[r.camelCase(b)] = c;
	        else for (d in b) e[r.camelCase(d)] = b[d];
	        return e
	    },
	    get: function (a, b) {
	        return void 0 === b ? this.cache(a) : a[this.expando] && a[this.expando][r.camelCase(b)]
	    },
	    access: function (a, b, c) {
	        return void 0 === b || b && "string" == typeof b && void 0 === c ? this.get(a, b) : (this.set(a, b, c), void 0 !== c ? c : b)
	    },
	    remove: function (a, b) {
	        var c, d = a[this.expando];
	        if (void 0 !== d) {
	            if (void 0 !== b) {
	                r.isArray(b) ? b = b.map(r.camelCase) : (b = r.camelCase(b), b = b in d ? [b] : b.match(K) || []),
					c = b.length;
	                while (c--) delete d[b[c]]
	            } (void 0 === b || r.isEmptyObject(d)) && (a.nodeType ? a[this.expando] = void 0 : delete a[this.expando])
	        }
	    },
	    hasData: function (a) {
	        var b = a[this.expando];
	        return void 0 !== b && !r.isEmptyObject(b)
	    }
	};
    var V = new U,
	W = new U,
	X = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
	Y = /[A-Z]/g;
    function Z(a) {
        return "true" === a || "false" !== a && ("null" === a ? null : a === +a + "" ? +a : X.test(a) ? JSON.parse(a) : a)
    }
    function $(a, b, c) {
        var d;
        if (void 0 === c && 1 === a.nodeType) if (d = "data-" + b.replace(Y, "-$&").toLowerCase(), c = a.getAttribute(d), "string" == typeof c) {
            try {
                c = Z(c)
            } catch (e) { }
            W.set(a, b, c)
        } else c = void 0;
        return c
    }
    r.extend({
        hasData: function (a) {
            return W.hasData(a) || V.hasData(a)
        },
        data: function (a, b, c) {
            return W.access(a, b, c)
        },
        removeData: function (a, b) {
            W.remove(a, b)
        },
        _data: function (a, b, c) {
            return V.access(a, b, c)
        },
        _removeData: function (a, b) {
            V.remove(a, b)
        }
    }),
	r.fn.extend({
	    data: function (a, b) {
	        var c, d, e, f = this[0],
			g = f && f.attributes;
	        if (void 0 === a) {
	            if (this.length && (e = W.get(f), 1 === f.nodeType && !V.get(f, "hasDataAttrs"))) {
	                c = g.length;
	                while (c--) g[c] && (d = g[c].name, 0 === d.indexOf("data-") && (d = r.camelCase(d.slice(5)), $(f, d, e[d])));
	                V.set(f, "hasDataAttrs", !0)
	            }
	            return e
	        }
	        return "object" == typeof a ? this.each(function () {
	            W.set(this, a)
	        }) : S(this,
			function (b) {
			    var c;
			    if (f && void 0 === b) {
			        if (c = W.get(f, a), void 0 !== c) return c;
			        if (c = $(f, a), void 0 !== c) return c
			    } else this.each(function () {
			        W.set(this, a, b)
			    })
			},
			null, b, arguments.length > 1, null, !0)
	    },
	    removeData: function (a) {
	        return this.each(function () {
	            W.remove(this, a)
	        })
	    }
	}),
	r.extend({
	    queue: function (a, b, c) {
	        var d;
	        if (a) return b = (b || "fx") + "queue",
			d = V.get(a, b),
			c && (!d || r.isArray(c) ? d = V.access(a, b, r.makeArray(c)) : d.push(c)),
			d || []
	    },
	    dequeue: function (a, b) {
	        b = b || "fx";
	        var c = r.queue(a, b),
			d = c.length,
			e = c.shift(),
			f = r._queueHooks(a, b),
			g = function () {
			    r.dequeue(a, b)
			};
	        "inprogress" === e && (e = c.shift(), d--),
			e && ("fx" === b && c.unshift("inprogress"), delete f.stop, e.call(a, g, f)),
			!d && f && f.empty.fire()
	    },
	    _queueHooks: function (a, b) {
	        var c = b + "queueHooks";
	        return V.get(a, c) || V.access(a, c, {
	            empty: r.Callbacks("once memory").add(function () {
	                V.remove(a, [b + "queue", c])
	            })
	        })
	    }
	}),
	r.fn.extend({
	    queue: function (a, b) {
	        var c = 2;
	        return "string" != typeof a && (b = a, a = "fx", c--),
			arguments.length < c ? r.queue(this[0], a) : void 0 === b ? this : this.each(function () {
			    var c = r.queue(this, a, b);
			    r._queueHooks(this, a),
				"fx" === a && "inprogress" !== c[0] && r.dequeue(this, a)
			})
	    },
	    dequeue: function (a) {
	        return this.each(function () {
	            r.dequeue(this, a)
	        })
	    },
	    clearQueue: function (a) {
	        return this.queue(a || "fx", [])
	    },
	    promise: function (a, b) {
	        var c, d = 1,
			e = r.Deferred(),
			f = this,
			g = this.length,
			h = function () {
			    --d || e.resolveWith(f, [f])
			};
	        "string" != typeof a && (b = a, a = void 0),
			a = a || "fx";
	        while (g--) c = V.get(f[g], a + "queueHooks"),
			c && c.empty && (d++, c.empty.add(h));
	        return h(),
			e.promise(b)
	    }
	});
    var _ = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
	aa = new RegExp("^(?:([+-])=|)(" + _ + ")([a-z%]*)$", "i"),
	ba = ["Top", "Right", "Bottom", "Left"],
	ca = function (a, b) {
	    return a = b || a,
		"none" === a.style.display || "" === a.style.display && r.contains(a.ownerDocument, a) && "none" === r.css(a, "display")
	},
	da = function (a, b, c, d) {
	    var e, f, g = {};
	    for (f in b) g[f] = a.style[f],
		a.style[f] = b[f];
	    e = c.apply(a, d || []);
	    for (f in b) a.style[f] = g[f];
	    return e
	};
    function ea(a, b, c, d) {
        var e, f = 1,
		g = 20,
		h = d ?
		function () {
		    return d.cur()
		} : function () {
		    return r.css(a, b, "")
		},
		i = h(),
		j = c && c[3] || (r.cssNumber[b] ? "" : "px"),
		k = (r.cssNumber[b] || "px" !== j && +i) && aa.exec(r.css(a, b));
        if (k && k[3] !== j) {
            j = j || k[3],
			c = c || [],
			k = +i || 1;
            do f = f || ".5",
			k /= f,
			r.style(a, b, k + j);
            while (f !== (f = h() / i) && 1 !== f && --g)
        }
        return c && (k = +k || +i || 0, e = c[1] ? k + (c[1] + 1) * c[2] : +c[2], d && (d.unit = j, d.start = k, d.end = e)),
		e
    }
    var fa = {};
    function ga(a) {
        var b, c = a.ownerDocument,
		d = a.nodeName,
		e = fa[d];
        return e ? e : (b = c.body.appendChild(c.createElement(d)), e = r.css(b, "display"), b.parentNode.removeChild(b), "none" === e && (e = "block"), fa[d] = e, e)
    }
    function ha(a, b) {
        for (var c, d, e = [], f = 0, g = a.length; f < g; f++) d = a[f],
		d.style && (c = d.style.display, b ? ("none" === c && (e[f] = V.get(d, "display") || null, e[f] || (d.style.display = "")), "" === d.style.display && ca(d) && (e[f] = ga(d))) : "none" !== c && (e[f] = "none", V.set(d, "display", c)));
        for (f = 0; f < g; f++) null != e[f] && (a[f].style.display = e[f]);
        return a
    }
    r.fn.extend({
        show: function () {
            return ha(this, !0)
        },
        hide: function () {
            return ha(this)
        },
        toggle: function (a) {
            return "boolean" == typeof a ? a ? this.show() : this.hide() : this.each(function () {
                ca(this) ? r(this).show() : r(this).hide()
            })
        }
    });
    var ia = /^(?:checkbox|radio)$/i,
	ja = /<([a-z][^\/\0>\x20\t\r\n\f]+)/i,
	ka = /^$|\/(?:java|ecma)script/i,
	la = {
	    option: [1, "<select multiple='multiple'>", "</select>"],
	    thead: [1, "<table>", "</table>"],
	    col: [2, "<table><colgroup>", "</colgroup></table>"],
	    tr: [2, "<table><tbody>", "</tbody></table>"],
	    td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
	    _default: [0, "", ""]
	};
    la.optgroup = la.option,
	la.tbody = la.tfoot = la.colgroup = la.caption = la.thead,
	la.th = la.td;
    function ma(a, b) {
        var c;
        return c = "undefined" != typeof a.getElementsByTagName ? a.getElementsByTagName(b || "*") : "undefined" != typeof a.querySelectorAll ? a.querySelectorAll(b || "*") : [],
		void 0 === b || b && r.nodeName(a, b) ? r.merge([a], c) : c
    }
    function na(a, b) {
        for (var c = 0,
		d = a.length; c < d; c++) V.set(a[c], "globalEval", !b || V.get(b[c], "globalEval"))
    }
    var oa = /<|&#?\w+;/;
    function pa(a, b, c, d, e) {
        for (var f, g, h, i, j, k, l = b.createDocumentFragment(), m = [], n = 0, o = a.length; n < o; n++) if (f = a[n], f || 0 === f) if ("object" === r.type(f)) r.merge(m, f.nodeType ? [f] : f);
        else if (oa.test(f)) {
            g = g || l.appendChild(b.createElement("div")),
			h = (ja.exec(f) || ["", ""])[1].toLowerCase(),
			i = la[h] || la._default,
			g.innerHTML = i[1] + r.htmlPrefilter(f) + i[2],
			k = i[0];
            while (k--) g = g.lastChild;
            r.merge(m, g.childNodes),
			g = l.firstChild,
			g.textContent = ""
        } else m.push(b.createTextNode(f));
        l.textContent = "",
		n = 0;
        while (f = m[n++]) if (d && r.inArray(f, d) > -1) e && e.push(f);
        else if (j = r.contains(f.ownerDocument, f), g = ma(l.appendChild(f), "script"), j && na(g), c) {
            k = 0;
            while (f = g[k++]) ka.test(f.type || "") && c.push(f)
        }
        return l
    } !
	function () {
	    var a = d.createDocumentFragment(),
		b = a.appendChild(d.createElement("div")),
		c = d.createElement("input");
	    c.setAttribute("type", "radio"),
		c.setAttribute("checked", "checked"),
		c.setAttribute("name", "t"),
		b.appendChild(c),
		o.checkClone = b.cloneNode(!0).cloneNode(!0).lastChild.checked,
		b.innerHTML = "<textarea>x</textarea>",
		o.noCloneChecked = !!b.cloneNode(!0).lastChild.defaultValue
	}();
    var qa = d.documentElement,
	ra = /^key/,
	sa = /^(?:mouse|pointer|contextmenu|drag|drop)|click/,
	ta = /^([^.]*)(?:\.(.+)|)/;
    function ua() {
        return !0
    }
    function va() {
        return !1
    }
    function wa() {
        try {
            return d.activeElement
        } catch (a) { }
    }
    function xa(a, b, c, d, e, f) {
        var g, h;
        if ("object" == typeof b) {
            "string" != typeof c && (d = d || c, c = void 0);
            for (h in b) xa(a, h, c, d, b[h], f);
            return a
        }
        if (null == d && null == e ? (e = c, d = c = void 0) : null == e && ("string" == typeof c ? (e = d, d = void 0) : (e = d, d = c, c = void 0)), e === !1) e = va;
        else if (!e) return a;
        return 1 === f && (g = e, e = function (a) {
            return r().off(a),
			g.apply(this, arguments)
        },
		e.guid = g.guid || (g.guid = r.guid++)),
		a.each(function () {
		    r.event.add(this, b, e, d, c)
		})
    }
    r.event = {
        global: {},
        add: function (a, b, c, d, e) {
            var f, g, h, i, j, k, l, m, n, o, p, q = V.get(a);
            if (q) {
                c.handler && (f = c, c = f.handler, e = f.selector),
				e && r.find.matchesSelector(qa, e),
				c.guid || (c.guid = r.guid++),
				(i = q.events) || (i = q.events = {}),
				(g = q.handle) || (g = q.handle = function (b) {
				    return "undefined" != typeof r && r.event.triggered !== b.type ? r.event.dispatch.apply(a, arguments) : void 0
				}),
				b = (b || "").match(K) || [""],
				j = b.length;
                while (j--) h = ta.exec(b[j]) || [],
				n = p = h[1],
				o = (h[2] || "").split(".").sort(),
				n && (l = r.event.special[n] || {},
				n = (e ? l.delegateType : l.bindType) || n, l = r.event.special[n] || {},
				k = r.extend({
				    type: n,
				    origType: p,
				    data: d,
				    handler: c,
				    guid: c.guid,
				    selector: e,
				    needsContext: e && r.expr.match.needsContext.test(e),
				    namespace: o.join(".")
				},
				f), (m = i[n]) || (m = i[n] = [], m.delegateCount = 0, l.setup && l.setup.call(a, d, o, g) !== !1 || a.addEventListener && a.addEventListener(n, g)), l.add && (l.add.call(a, k), k.handler.guid || (k.handler.guid = c.guid)), e ? m.splice(m.delegateCount++, 0, k) : m.push(k), r.event.global[n] = !0)
            }
        },
        remove: function (a, b, c, d, e) {
            var f, g, h, i, j, k, l, m, n, o, p, q = V.hasData(a) && V.get(a);
            if (q && (i = q.events)) {
                b = (b || "").match(K) || [""],
				j = b.length;
                while (j--) if (h = ta.exec(b[j]) || [], n = p = h[1], o = (h[2] || "").split(".").sort(), n) {
                    l = r.event.special[n] || {},
					n = (d ? l.delegateType : l.bindType) || n,
					m = i[n] || [],
					h = h[2] && new RegExp("(^|\\.)" + o.join("\\.(?:.*\\.|)") + "(\\.|$)"),
					g = f = m.length;
                    while (f--) k = m[f],
					!e && p !== k.origType || c && c.guid !== k.guid || h && !h.test(k.namespace) || d && d !== k.selector && ("**" !== d || !k.selector) || (m.splice(f, 1), k.selector && m.delegateCount--, l.remove && l.remove.call(a, k));
                    g && !m.length && (l.teardown && l.teardown.call(a, o, q.handle) !== !1 || r.removeEvent(a, n, q.handle), delete i[n])
                } else for (n in i) r.event.remove(a, n + b[j], c, d, !0);
                r.isEmptyObject(i) && V.remove(a, "handle events")
            }
        },
        dispatch: function (a) {
            var b = r.event.fix(a),
			c,
			d,
			e,
			f,
			g,
			h,
			i = new Array(arguments.length),
			j = (V.get(this, "events") || {})[b.type] || [],
			k = r.event.special[b.type] || {};
            for (i[0] = b, c = 1; c < arguments.length; c++) i[c] = arguments[c];
            if (b.delegateTarget = this, !k.preDispatch || k.preDispatch.call(this, b) !== !1) {
                h = r.event.handlers.call(this, b, j),
				c = 0;
                while ((f = h[c++]) && !b.isPropagationStopped()) {
                    b.currentTarget = f.elem,
					d = 0;
                    while ((g = f.handlers[d++]) && !b.isImmediatePropagationStopped()) b.rnamespace && !b.rnamespace.test(g.namespace) || (b.handleObj = g, b.data = g.data, e = ((r.event.special[g.origType] || {}).handle || g.handler).apply(f.elem, i), void 0 !== e && (b.result = e) === !1 && (b.preventDefault(), b.stopPropagation()))
                }
                return k.postDispatch && k.postDispatch.call(this, b),
				b.result
            }
        },
        handlers: function (a, b) {
            var c, d, e, f, g, h = [],
			i = b.delegateCount,
			j = a.target;
            if (i && j.nodeType && !("click" === a.type && a.button >= 1)) for (; j !== this; j = j.parentNode || this) if (1 === j.nodeType && ("click" !== a.type || j.disabled !== !0)) {
                for (f = [], g = {},
				c = 0; c < i; c++) d = b[c],
				e = d.selector + " ",
				void 0 === g[e] && (g[e] = d.needsContext ? r(e, this).index(j) > -1 : r.find(e, this, null, [j]).length),
				g[e] && f.push(d);
                f.length && h.push({
                    elem: j,
                    handlers: f
                })
            }
            return j = this,
			i < b.length && h.push({
			    elem: j,
			    handlers: b.slice(i)
			}),
			h
        },
        addProp: function (a, b) {
            Object.defineProperty(r.Event.prototype, a, {
                enumerable: !0,
                configurable: !0,
                get: r.isFunction(b) ?
				function () {
				    if (this.originalEvent) return b(this.originalEvent)
				} : function () {
				    if (this.originalEvent) return this.originalEvent[a]
				},
                set: function (b) {
                    Object.defineProperty(this, a, {
                        enumerable: !0,
                        configurable: !0,
                        writable: !0,
                        value: b
                    })
                }
            })
        },
        fix: function (a) {
            return a[r.expando] ? a : new r.Event(a)
        },
        special: {
            load: {
                noBubble: !0
            },
            focus: {
                trigger: function () {
                    if (this !== wa() && this.focus) return this.focus(),
					!1
                },
                delegateType: "focusin"
            },
            blur: {
                trigger: function () {
                    if (this === wa() && this.blur) return this.blur(),
					!1
                },
                delegateType: "focusout"
            },
            click: {
                trigger: function () {
                    if ("checkbox" === this.type && this.click && r.nodeName(this, "input")) return this.click(),
					!1
                },
                _default: function (a) {
                    return r.nodeName(a.target, "a")
                }
            },
            beforeunload: {
                postDispatch: function (a) {
                    void 0 !== a.result && a.originalEvent && (a.originalEvent.returnValue = a.result)
                }
            }
        }
    },
	r.removeEvent = function (a, b, c) {
	    a.removeEventListener && a.removeEventListener(b, c)
	},
	r.Event = function (a, b) {
	    return this instanceof r.Event ? (a && a.type ? (this.originalEvent = a, this.type = a.type, this.isDefaultPrevented = a.defaultPrevented || void 0 === a.defaultPrevented && a.returnValue === !1 ? ua : va, this.target = a.target && 3 === a.target.nodeType ? a.target.parentNode : a.target, this.currentTarget = a.currentTarget, this.relatedTarget = a.relatedTarget) : this.type = a, b && r.extend(this, b), this.timeStamp = a && a.timeStamp || r.now(), void (this[r.expando] = !0)) : new r.Event(a, b)
	},
	r.Event.prototype = {
	    constructor: r.Event,
	    isDefaultPrevented: va,
	    isPropagationStopped: va,
	    isImmediatePropagationStopped: va,
	    isSimulated: !1,
	    preventDefault: function () {
	        var a = this.originalEvent;
	        this.isDefaultPrevented = ua,
			a && !this.isSimulated && a.preventDefault()
	    },
	    stopPropagation: function () {
	        var a = this.originalEvent;
	        this.isPropagationStopped = ua,
			a && !this.isSimulated && a.stopPropagation()
	    },
	    stopImmediatePropagation: function () {
	        var a = this.originalEvent;
	        this.isImmediatePropagationStopped = ua,
			a && !this.isSimulated && a.stopImmediatePropagation(),
			this.stopPropagation()
	    }
	},
	r.each({
	    altKey: !0,
	    bubbles: !0,
	    cancelable: !0,
	    changedTouches: !0,
	    ctrlKey: !0,
	    detail: !0,
	    eventPhase: !0,
	    metaKey: !0,
	    pageX: !0,
	    pageY: !0,
	    shiftKey: !0,
	    view: !0,
	    "char": !0,
	    charCode: !0,
	    key: !0,
	    keyCode: !0,
	    button: !0,
	    buttons: !0,
	    clientX: !0,
	    clientY: !0,
	    offsetX: !0,
	    offsetY: !0,
	    pointerId: !0,
	    pointerType: !0,
	    screenX: !0,
	    screenY: !0,
	    targetTouches: !0,
	    toElement: !0,
	    touches: !0,
	    which: function (a) {
	        var b = a.button;
	        return null == a.which && ra.test(a.type) ? null != a.charCode ? a.charCode : a.keyCode : !a.which && void 0 !== b && sa.test(a.type) ? 1 & b ? 1 : 2 & b ? 3 : 4 & b ? 2 : 0 : a.which
	    }
	},
	r.event.addProp),
	r.each({
	    mouseenter: "mouseover",
	    mouseleave: "mouseout",
	    pointerenter: "pointerover",
	    pointerleave: "pointerout"
	},
	function (a, b) {
	    r.event.special[a] = {
	        delegateType: b,
	        bindType: b,
	        handle: function (a) {
	            var c, d = this,
				e = a.relatedTarget,
				f = a.handleObj;
	            return e && (e === d || r.contains(d, e)) || (a.type = f.origType, c = f.handler.apply(this, arguments), a.type = b),
				c
	        }
	    }
	}),
	r.fn.extend({
	    on: function (a, b, c, d) {
	        return xa(this, a, b, c, d)
	    },
	    one: function (a, b, c, d) {
	        return xa(this, a, b, c, d, 1)
	    },
	    off: function (a, b, c) {
	        var d, e;
	        if (a && a.preventDefault && a.handleObj) return d = a.handleObj,
			r(a.delegateTarget).off(d.namespace ? d.origType + "." + d.namespace : d.origType, d.selector, d.handler),
			this;
	        if ("object" == typeof a) {
	            for (e in a) this.off(e, b, a[e]);
	            return this
	        }
	        return b !== !1 && "function" != typeof b || (c = b, b = void 0),
			c === !1 && (c = va),
			this.each(function () {
			    r.event.remove(this, a, c, b)
			})
	    }
	});
    var ya = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([a-z][^\/\0>\x20\t\r\n\f]*)[^>]*)\/>/gi,
	za = /<script|<style|<link/i,
	Aa = /checked\s*(?:[^=]|=\s*.checked.)/i,
	Ba = /^true\/(.*)/,
	Ca = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
    function Da(a, b) {
        return r.nodeName(a, "table") && r.nodeName(11 !== b.nodeType ? b : b.firstChild, "tr") ? a.getElementsByTagName("tbody")[0] || a : a
    }
    function Ea(a) {
        return a.type = (null !== a.getAttribute("type")) + "/" + a.type,
		a
    }
    function Fa(a) {
        var b = Ba.exec(a.type);
        return b ? a.type = b[1] : a.removeAttribute("type"),
		a
    }
    function Ga(a, b) {
        var c, d, e, f, g, h, i, j;
        if (1 === b.nodeType) {
            if (V.hasData(a) && (f = V.access(a), g = V.set(b, f), j = f.events)) {
                delete g.handle,
				g.events = {};
                for (e in j) for (c = 0, d = j[e].length; c < d; c++) r.event.add(b, e, j[e][c])
            }
            W.hasData(a) && (h = W.access(a), i = r.extend({},
			h), W.set(b, i))
        }
    }
    function Ha(a, b) {
        var c = b.nodeName.toLowerCase();
        "input" === c && ia.test(a.type) ? b.checked = a.checked : "input" !== c && "textarea" !== c || (b.defaultValue = a.defaultValue)
    }
    function Ia(a, b, c, d) {
        b = g.apply([], b);
        var e, f, h, i, j, k, l = 0,
		m = a.length,
		n = m - 1,
		q = b[0],
		s = r.isFunction(q);
        if (s || m > 1 && "string" == typeof q && !o.checkClone && Aa.test(q)) return a.each(function (e) {
            var f = a.eq(e);
            s && (b[0] = q.call(this, e, f.html())),
			Ia(f, b, c, d)
        });
        if (m && (e = pa(b, a[0].ownerDocument, !1, a, d), f = e.firstChild, 1 === e.childNodes.length && (e = f), f || d)) {
            for (h = r.map(ma(e, "script"), Ea), i = h.length; l < m; l++) j = e,
			l !== n && (j = r.clone(j, !0, !0), i && r.merge(h, ma(j, "script"))),
			c.call(a[l], j, l);
            if (i) for (k = h[h.length - 1].ownerDocument, r.map(h, Fa), l = 0; l < i; l++) j = h[l],
			ka.test(j.type || "") && !V.access(j, "globalEval") && r.contains(k, j) && (j.src ? r._evalUrl && r._evalUrl(j.src) : p(j.textContent.replace(Ca, ""), k))
        }
        return a
    }
    function Ja(a, b, c) {
        for (var d, e = b ? r.filter(b, a) : a, f = 0; null != (d = e[f]) ; f++) c || 1 !== d.nodeType || r.cleanData(ma(d)),
		d.parentNode && (c && r.contains(d.ownerDocument, d) && na(ma(d, "script")), d.parentNode.removeChild(d));
        return a
    }
    r.extend({
        htmlPrefilter: function (a) {
            return a.replace(ya, "<$1></$2>")
        },
        clone: function (a, b, c) {
            var d, e, f, g, h = a.cloneNode(!0),
			i = r.contains(a.ownerDocument, a);
            if (!(o.noCloneChecked || 1 !== a.nodeType && 11 !== a.nodeType || r.isXMLDoc(a))) for (g = ma(h), f = ma(a), d = 0, e = f.length; d < e; d++) Ha(f[d], g[d]);
            if (b) if (c) for (f = f || ma(a), g = g || ma(h), d = 0, e = f.length; d < e; d++) Ga(f[d], g[d]);
            else Ga(a, h);
            return g = ma(h, "script"),
			g.length > 0 && na(g, !i && ma(a, "script")),
			h
        },
        cleanData: function (a) {
            for (var b, c, d, e = r.event.special,
			f = 0; void 0 !== (c = a[f]) ; f++) if (T(c)) {
			    if (b = c[V.expando]) {
			        if (b.events) for (d in b.events) e[d] ? r.event.remove(c, d) : r.removeEvent(c, d, b.handle);
			        c[V.expando] = void 0
			    }
			    c[W.expando] && (c[W.expando] = void 0)
			}
        }
    }),
	r.fn.extend({
	    detach: function (a) {
	        return Ja(this, a, !0)
	    },
	    remove: function (a) {
	        return Ja(this, a)
	    },
	    text: function (a) {
	        return S(this,
			function (a) {
			    return void 0 === a ? r.text(this) : this.empty().each(function () {
			        1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || (this.textContent = a)
			    })
			},
			null, a, arguments.length)
	    },
	    append: function () {
	        return Ia(this, arguments,
			function (a) {
			    if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
			        var b = Da(this, a);
			        b.appendChild(a)
			    }
			})
	    },
	    prepend: function () {
	        return Ia(this, arguments,
			function (a) {
			    if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
			        var b = Da(this, a);
			        b.insertBefore(a, b.firstChild)
			    }
			})
	    },
	    before: function () {
	        return Ia(this, arguments,
			function (a) {
			    this.parentNode && this.parentNode.insertBefore(a, this)
			})
	    },
	    after: function () {
	        return Ia(this, arguments,
			function (a) {
			    this.parentNode && this.parentNode.insertBefore(a, this.nextSibling)
			})
	    },
	    empty: function () {
	        for (var a, b = 0; null != (a = this[b]) ; b++) 1 === a.nodeType && (r.cleanData(ma(a, !1)), a.textContent = "");
	        return this
	    },
	    clone: function (a, b) {
	        return a = null != a && a,
			b = null == b ? a : b,
			this.map(function () {
			    return r.clone(this, a, b)
			})
	    },
	    html: function (a) {
	        return S(this,
			function (a) {
			    var b = this[0] || {},
				c = 0,
				d = this.length;
			    if (void 0 === a && 1 === b.nodeType) return b.innerHTML;
			    if ("string" == typeof a && !za.test(a) && !la[(ja.exec(a) || ["", ""])[1].toLowerCase()]) {
			        a = r.htmlPrefilter(a);
			        try {
			            for (; c < d; c++) b = this[c] || {},
						1 === b.nodeType && (r.cleanData(ma(b, !1)), b.innerHTML = a);
			            b = 0
			        } catch (e) { }
			    }
			    b && this.empty().append(a)
			},
			null, a, arguments.length)
	    },
	    replaceWith: function () {
	        var a = [];
	        return Ia(this, arguments,
			function (b) {
			    var c = this.parentNode;
			    r.inArray(this, a) < 0 && (r.cleanData(ma(this)), c && c.replaceChild(b, this))
			},
			a)
	    }
	}),
	r.each({
	    appendTo: "append",
	    prependTo: "prepend",
	    insertBefore: "before",
	    insertAfter: "after",
	    replaceAll: "replaceWith"
	},
	function (a, b) {
	    r.fn[a] = function (a) {
	        for (var c, d = [], e = r(a), f = e.length - 1, g = 0; g <= f; g++) c = g === f ? this : this.clone(!0),
			r(e[g])[b](c),
			h.apply(d, c.get());
	        return this.pushStack(d)
	    }
	});
    var Ka = /^margin/,
	La = new RegExp("^(" + _ + ")(?!px)[a-z%]+$", "i"),
	Ma = function (b) {
	    var c = b.ownerDocument.defaultView;
	    return c && c.opener || (c = a),
		c.getComputedStyle(b)
	}; !
	function () {
	    function b() {
	        if (i) {
	            i.style.cssText = "box-sizing:border-box;position:relative;display:block;margin:auto;border:1px;padding:1px;top:1%;width:50%",
				i.innerHTML = "",
				qa.appendChild(h);
	            var b = a.getComputedStyle(i);
	            c = "1%" !== b.top,
				g = "2px" === b.marginLeft,
				e = "4px" === b.width,
				i.style.marginRight = "50%",
				f = "4px" === b.marginRight,
				qa.removeChild(h),
				i = null
	        }
	    }
	    var c, e, f, g, h = d.createElement("div"),
		i = d.createElement("div");
	    i.style && (i.style.backgroundClip = "content-box", i.cloneNode(!0).style.backgroundClip = "", o.clearCloneStyle = "content-box" === i.style.backgroundClip, h.style.cssText = "border:0;width:8px;height:0;top:0;left:-9999px;padding:0;margin-top:1px;position:absolute", h.appendChild(i), r.extend(o, {
	        pixelPosition: function () {
	            return b(),
				c
	        },
	        boxSizingReliable: function () {
	            return b(),
				e
	        },
	        pixelMarginRight: function () {
	            return b(),
				f
	        },
	        reliableMarginLeft: function () {
	            return b(),
				g
	        }
	    }))
	}();
    function Na(a, b, c) {
        var d, e, f, g, h = a.style;
        return c = c || Ma(a),
		c && (g = c.getPropertyValue(b) || c[b], "" !== g || r.contains(a.ownerDocument, a) || (g = r.style(a, b)), !o.pixelMarginRight() && La.test(g) && Ka.test(b) && (d = h.width, e = h.minWidth, f = h.maxWidth, h.minWidth = h.maxWidth = h.width = g, g = c.width, h.width = d, h.minWidth = e, h.maxWidth = f)),
		void 0 !== g ? g + "" : g
    }
    function Oa(a, b) {
        return {
            get: function () {
                return a() ? void delete this.get : (this.get = b).apply(this, arguments)
            }
        }
    }
    var Pa = /^(none|table(?!-c[ea]).+)/,
	Qa = {
	    position: "absolute",
	    visibility: "hidden",
	    display: "block"
	},
	Ra = {
	    letterSpacing: "0",
	    fontWeight: "400"
	},
	Sa = ["Webkit", "Moz", "ms"],
	Ta = d.createElement("div").style;
    function Ua(a) {
        if (a in Ta) return a;
        var b = a[0].toUpperCase() + a.slice(1),
		c = Sa.length;
        while (c--) if (a = Sa[c] + b, a in Ta) return a
    }
    function Va(a, b, c) {
        var d = aa.exec(b);
        return d ? Math.max(0, d[2] - (c || 0)) + (d[3] || "px") : b
    }
    function Wa(a, b, c, d, e) {
        var f, g = 0;
        for (f = c === (d ? "border" : "content") ? 4 : "width" === b ? 1 : 0; f < 4; f += 2) "margin" === c && (g += r.css(a, c + ba[f], !0, e)),
		d ? ("content" === c && (g -= r.css(a, "padding" + ba[f], !0, e)), "margin" !== c && (g -= r.css(a, "border" + ba[f] + "Width", !0, e))) : (g += r.css(a, "padding" + ba[f], !0, e), "padding" !== c && (g += r.css(a, "border" + ba[f] + "Width", !0, e)));
        return g
    }
    function Xa(a, b, c) {
        var d, e = !0,
		f = Ma(a),
		g = "border-box" === r.css(a, "boxSizing", !1, f);
        if (a.getClientRects().length && (d = a.getBoundingClientRect()[b]), d <= 0 || null == d) {
            if (d = Na(a, b, f), (d < 0 || null == d) && (d = a.style[b]), La.test(d)) return d;
            e = g && (o.boxSizingReliable() || d === a.style[b]),
			d = parseFloat(d) || 0
        }
        return d + Wa(a, b, c || (g ? "border" : "content"), e, f) + "px"
    }
    r.extend({
        cssHooks: {
            opacity: {
                get: function (a, b) {
                    if (b) {
                        var c = Na(a, "opacity");
                        return "" === c ? "1" : c
                    }
                }
            }
        },
        cssNumber: {
            animationIterationCount: !0,
            columnCount: !0,
            fillOpacity: !0,
            flexGrow: !0,
            flexShrink: !0,
            fontWeight: !0,
            lineHeight: !0,
            opacity: !0,
            order: !0,
            orphans: !0,
            widows: !0,
            zIndex: !0,
            zoom: !0
        },
        cssProps: {
            "float": "cssFloat"
        },
        style: function (a, b, c, d) {
            if (a && 3 !== a.nodeType && 8 !== a.nodeType && a.style) {
                var e, f, g, h = r.camelCase(b),
				i = a.style;
                return b = r.cssProps[h] || (r.cssProps[h] = Ua(h) || h),
				g = r.cssHooks[b] || r.cssHooks[h],
				void 0 === c ? g && "get" in g && void 0 !== (e = g.get(a, !1, d)) ? e : i[b] : (f = typeof c, "string" === f && (e = aa.exec(c)) && e[1] && (c = ea(a, b, e), f = "number"), null != c && c === c && ("number" === f && (c += e && e[3] || (r.cssNumber[h] ? "" : "px")), o.clearCloneStyle || "" !== c || 0 !== b.indexOf("background") || (i[b] = "inherit"), g && "set" in g && void 0 === (c = g.set(a, c, d)) || (i[b] = c)), void 0)
            }
        },
        css: function (a, b, c, d) {
            var e, f, g, h = r.camelCase(b);
            return b = r.cssProps[h] || (r.cssProps[h] = Ua(h) || h),
			g = r.cssHooks[b] || r.cssHooks[h],
			g && "get" in g && (e = g.get(a, !0, c)),
			void 0 === e && (e = Na(a, b, d)),
			"normal" === e && b in Ra && (e = Ra[b]),
			"" === c || c ? (f = parseFloat(e), c === !0 || isFinite(f) ? f || 0 : e) : e
        }
    }),
	r.each(["height", "width"],
	function (a, b) {
	    r.cssHooks[b] = {
	        get: function (a, c, d) {
	            if (c) return !Pa.test(r.css(a, "display")) || a.getClientRects().length && a.getBoundingClientRect().width ? Xa(a, b, d) : da(a, Qa,
				function () {
				    return Xa(a, b, d)
				})
	        },
	        set: function (a, c, d) {
	            var e, f = d && Ma(a),
				g = d && Wa(a, b, d, "border-box" === r.css(a, "boxSizing", !1, f), f);
	            return g && (e = aa.exec(c)) && "px" !== (e[3] || "px") && (a.style[b] = c, c = r.css(a, b)),
				Va(a, c, g)
	        }
	    }
	}),
	r.cssHooks.marginLeft = Oa(o.reliableMarginLeft,
	function (a, b) {
	    if (b) return (parseFloat(Na(a, "marginLeft")) || a.getBoundingClientRect().left - da(a, {
	        marginLeft: 0
	    },
		function () {
		    return a.getBoundingClientRect().left
		})) + "px"
	}),
	r.each({
	    margin: "",
	    padding: "",
	    border: "Width"
	},
	function (a, b) {
	    r.cssHooks[a + b] = {
	        expand: function (c) {
	            for (var d = 0,
				e = {},
				f = "string" == typeof c ? c.split(" ") : [c]; d < 4; d++) e[a + ba[d] + b] = f[d] || f[d - 2] || f[0];
	            return e
	        }
	    },
		Ka.test(a) || (r.cssHooks[a + b].set = Va)
	}),
	r.fn.extend({
	    css: function (a, b) {
	        return S(this,
			function (a, b, c) {
			    var d, e, f = {},
				g = 0;
			    if (r.isArray(b)) {
			        for (d = Ma(a), e = b.length; g < e; g++) f[b[g]] = r.css(a, b[g], !1, d);
			        return f
			    }
			    return void 0 !== c ? r.style(a, b, c) : r.css(a, b)
			},
			a, b, arguments.length > 1)
	    }
	});
    function Ya(a, b, c, d, e) {
        return new Ya.prototype.init(a, b, c, d, e)
    }
    r.Tween = Ya,
	Ya.prototype = {
	    constructor: Ya,
	    init: function (a, b, c, d, e, f) {
	        this.elem = a,
			this.prop = c,
			this.easing = e || r.easing._default,
			this.options = b,
			this.start = this.now = this.cur(),
			this.end = d,
			this.unit = f || (r.cssNumber[c] ? "" : "px")
	    },
	    cur: function () {
	        var a = Ya.propHooks[this.prop];
	        return a && a.get ? a.get(this) : Ya.propHooks._default.get(this)
	    },
	    run: function (a) {
	        var b, c = Ya.propHooks[this.prop];
	        return this.options.duration ? this.pos = b = r.easing[this.easing](a, this.options.duration * a, 0, 1, this.options.duration) : this.pos = b = a,
			this.now = (this.end - this.start) * b + this.start,
			this.options.step && this.options.step.call(this.elem, this.now, this),
			c && c.set ? c.set(this) : Ya.propHooks._default.set(this),
			this
	    }
	},
	Ya.prototype.init.prototype = Ya.prototype,
	Ya.propHooks = {
	    _default: {
	        get: function (a) {
	            var b;
	            return 1 !== a.elem.nodeType || null != a.elem[a.prop] && null == a.elem.style[a.prop] ? a.elem[a.prop] : (b = r.css(a.elem, a.prop, ""), b && "auto" !== b ? b : 0)
	        },
	        set: function (a) {
	            r.fx.step[a.prop] ? r.fx.step[a.prop](a) : 1 !== a.elem.nodeType || null == a.elem.style[r.cssProps[a.prop]] && !r.cssHooks[a.prop] ? a.elem[a.prop] = a.now : r.style(a.elem, a.prop, a.now + a.unit)
	        }
	    }
	},
	Ya.propHooks.scrollTop = Ya.propHooks.scrollLeft = {
	    set: function (a) {
	        a.elem.nodeType && a.elem.parentNode && (a.elem[a.prop] = a.now)
	    }
	},
	r.easing = {
	    linear: function (a) {
	        return a
	    },
	    swing: function (a) {
	        return .5 - Math.cos(a * Math.PI) / 2
	    },
	    _default: "swing"
	},
	r.fx = Ya.prototype.init,
	r.fx.step = {};
    var Za, $a, _a = /^(?:toggle|show|hide)$/,
	ab = /queueHooks$/;
    function bb() {
        $a && (a.requestAnimationFrame(bb), r.fx.tick())
    }
    function cb() {
        return a.setTimeout(function () {
            Za = void 0
        }),
		Za = r.now()
    }
    function db(a, b) {
        var c, d = 0,
		e = {
		    height: a
		};
        for (b = b ? 1 : 0; d < 4; d += 2 - b) c = ba[d],
		e["margin" + c] = e["padding" + c] = a;
        return b && (e.opacity = e.width = a),
		e
    }
    function eb(a, b, c) {
        for (var d, e = (hb.tweeners[b] || []).concat(hb.tweeners["*"]), f = 0, g = e.length; f < g; f++) if (d = e[f].call(c, b, a)) return d
    }
    function fb(a, b, c) {
        var d, e, f, g, h, i, j, k, l = "width" in b || "height" in b,
		m = this,
		n = {},
		o = a.style,
		p = a.nodeType && ca(a),
		q = V.get(a, "fxshow");
        c.queue || (g = r._queueHooks(a, "fx"), null == g.unqueued && (g.unqueued = 0, h = g.empty.fire, g.empty.fire = function () {
            g.unqueued || h()
        }), g.unqueued++, m.always(function () {
            m.always(function () {
                g.unqueued--,
				r.queue(a, "fx").length || g.empty.fire()
            })
        }));
        for (d in b) if (e = b[d], _a.test(e)) {
            if (delete b[d], f = f || "toggle" === e, e === (p ? "hide" : "show")) {
                if ("show" !== e || !q || void 0 === q[d]) continue;
                p = !0
            }
            n[d] = q && q[d] || r.style(a, d)
        }
        if (i = !r.isEmptyObject(b), i || !r.isEmptyObject(n)) {
            l && 1 === a.nodeType && (c.overflow = [o.overflow, o.overflowX, o.overflowY], j = q && q.display, null == j && (j = V.get(a, "display")), k = r.css(a, "display"), "none" === k && (j ? k = j : (ha([a], !0), j = a.style.display || j, k = r.css(a, "display"), ha([a]))), ("inline" === k || "inline-block" === k && null != j) && "none" === r.css(a, "float") && (i || (m.done(function () {
                o.display = j
            }), null == j && (k = o.display, j = "none" === k ? "" : k)), o.display = "inline-block")),
			c.overflow && (o.overflow = "hidden", m.always(function () {
			    o.overflow = c.overflow[0],
				o.overflowX = c.overflow[1],
				o.overflowY = c.overflow[2]
			})),
			i = !1;
            for (d in n) i || (q ? "hidden" in q && (p = q.hidden) : q = V.access(a, "fxshow", {
                display: j
            }), f && (q.hidden = !p), p && ha([a], !0), m.done(function () {
                p || ha([a]),
				V.remove(a, "fxshow");
                for (d in n) r.style(a, d, n[d])
            })),
			i = eb(p ? q[d] : 0, d, m),
			d in q || (q[d] = i.start, p && (i.end = i.start, i.start = 0))
        }
    }
    function gb(a, b) {
        var c, d, e, f, g;
        for (c in a) if (d = r.camelCase(c), e = b[d], f = a[c], r.isArray(f) && (e = f[1], f = a[c] = f[0]), c !== d && (a[d] = f, delete a[c]), g = r.cssHooks[d], g && "expand" in g) {
            f = g.expand(f),
			delete a[d];
            for (c in f) c in a || (a[c] = f[c], b[c] = e)
        } else b[d] = e
    }
    function hb(a, b, c) {
        var d, e, f = 0,
		g = hb.prefilters.length,
		h = r.Deferred().always(function () {
		    delete i.elem
		}),
		i = function () {
		    if (e) return !1;
		    for (var b = Za || cb(), c = Math.max(0, j.startTime + j.duration - b), d = c / j.duration || 0, f = 1 - d, g = 0, i = j.tweens.length; g < i; g++) j.tweens[g].run(f);
		    return h.notifyWith(a, [j, f, c]),
			f < 1 && i ? c : (h.resolveWith(a, [j]), !1)
		},
		j = h.promise({
		    elem: a,
		    props: r.extend({},
			b),
		    opts: r.extend(!0, {
		        specialEasing: {},
		        easing: r.easing._default
		    },
			c),
		    originalProperties: b,
		    originalOptions: c,
		    startTime: Za || cb(),
		    duration: c.duration,
		    tweens: [],
		    createTween: function (b, c) {
		        var d = r.Tween(a, j.opts, b, c, j.opts.specialEasing[b] || j.opts.easing);
		        return j.tweens.push(d),
				d
		    },
		    stop: function (b) {
		        var c = 0,
				d = b ? j.tweens.length : 0;
		        if (e) return this;
		        for (e = !0; c < d; c++) j.tweens[c].run(1);
		        return b ? (h.notifyWith(a, [j, 1, 0]), h.resolveWith(a, [j, b])) : h.rejectWith(a, [j, b]),
				this
		    }
		}),
		k = j.props;
        for (gb(k, j.opts.specialEasing) ; f < g; f++) if (d = hb.prefilters[f].call(j, a, k, j.opts)) return r.isFunction(d.stop) && (r._queueHooks(j.elem, j.opts.queue).stop = r.proxy(d.stop, d)),
		d;
        return r.map(k, eb, j),
		r.isFunction(j.opts.start) && j.opts.start.call(a, j),
		r.fx.timer(r.extend(i, {
		    elem: a,
		    anim: j,
		    queue: j.opts.queue
		})),
		j.progress(j.opts.progress).done(j.opts.done, j.opts.complete).fail(j.opts.fail).always(j.opts.always)
    }
    r.Animation = r.extend(hb, {
        tweeners: {
            "*": [function (a, b) {
                var c = this.createTween(a, b);
                return ea(c.elem, a, aa.exec(b), c),
				c
            }]
        },
        tweener: function (a, b) {
            r.isFunction(a) ? (b = a, a = ["*"]) : a = a.match(K);
            for (var c, d = 0,
			e = a.length; d < e; d++) c = a[d],
			hb.tweeners[c] = hb.tweeners[c] || [],
			hb.tweeners[c].unshift(b)
        },
        prefilters: [fb],
        prefilter: function (a, b) {
            b ? hb.prefilters.unshift(a) : hb.prefilters.push(a)
        }
    }),
	r.speed = function (a, b, c) {
	    var e = a && "object" == typeof a ? r.extend({},
		a) : {
		    complete: c || !c && b || r.isFunction(a) && a,
		    duration: a,
		    easing: c && b || b && !r.isFunction(b) && b
		};
	    return r.fx.off || d.hidden ? e.duration = 0 : "number" != typeof e.duration && (e.duration in r.fx.speeds ? e.duration = r.fx.speeds[e.duration] : e.duration = r.fx.speeds._default),
		null != e.queue && e.queue !== !0 || (e.queue = "fx"),
		e.old = e.complete,
		e.complete = function () {
		    r.isFunction(e.old) && e.old.call(this),
			e.queue && r.dequeue(this, e.queue)
		},
		e
	},
	r.fn.extend({
	    fadeTo: function (a, b, c, d) {
	        return this.filter(ca).css("opacity", 0).show().end().animate({
	            opacity: b
	        },
			a, c, d)
	    },
	    animate: function (a, b, c, d) {
	        var e = r.isEmptyObject(a),
			f = r.speed(b, c, d),
			g = function () {
			    var b = hb(this, r.extend({},
				a), f); (e || V.get(this, "finish")) && b.stop(!0)
			};
	        return g.finish = g,
			e || f.queue === !1 ? this.each(g) : this.queue(f.queue, g)
	    },
	    stop: function (a, b, c) {
	        var d = function (a) {
	            var b = a.stop;
	            delete a.stop,
				b(c)
	        };
	        return "string" != typeof a && (c = b, b = a, a = void 0),
			b && a !== !1 && this.queue(a || "fx", []),
			this.each(function () {
			    var b = !0,
				e = null != a && a + "queueHooks",
				f = r.timers,
				g = V.get(this);
			    if (e) g[e] && g[e].stop && d(g[e]);
			    else for (e in g) g[e] && g[e].stop && ab.test(e) && d(g[e]);
			    for (e = f.length; e--;) f[e].elem !== this || null != a && f[e].queue !== a || (f[e].anim.stop(c), b = !1, f.splice(e, 1)); !b && c || r.dequeue(this, a)
			})
	    },
	    finish: function (a) {
	        return a !== !1 && (a = a || "fx"),
			this.each(function () {
			    var b, c = V.get(this),
				d = c[a + "queue"],
				e = c[a + "queueHooks"],
				f = r.timers,
				g = d ? d.length : 0;
			    for (c.finish = !0, r.queue(this, a, []), e && e.stop && e.stop.call(this, !0), b = f.length; b--;) f[b].elem === this && f[b].queue === a && (f[b].anim.stop(!0), f.splice(b, 1));
			    for (b = 0; b < g; b++) d[b] && d[b].finish && d[b].finish.call(this);
			    delete c.finish
			})
	    }
	}),
	r.each(["toggle", "show", "hide"],
	function (a, b) {
	    var c = r.fn[b];
	    r.fn[b] = function (a, d, e) {
	        return null == a || "boolean" == typeof a ? c.apply(this, arguments) : this.animate(db(b, !0), a, d, e)
	    }
	}),
	r.each({
	    slideDown: db("show"),
	    slideUp: db("hide"),
	    slideToggle: db("toggle"),
	    fadeIn: {
	        opacity: "show"
	    },
	    fadeOut: {
	        opacity: "hide"
	    },
	    fadeToggle: {
	        opacity: "toggle"
	    }
	},
	function (a, b) {
	    r.fn[a] = function (a, c, d) {
	        return this.animate(b, a, c, d)
	    }
	}),
	r.timers = [],
	r.fx.tick = function () {
	    var a, b = 0,
		c = r.timers;
	    for (Za = r.now() ; b < c.length; b++) a = c[b],
		a() || c[b] !== a || c.splice(b--, 1);
	    c.length || r.fx.stop(),
		Za = void 0
	},
	r.fx.timer = function (a) {
	    r.timers.push(a),
		a() ? r.fx.start() : r.timers.pop()
	},
	r.fx.interval = 13,
	r.fx.start = function () {
	    $a || ($a = a.requestAnimationFrame ? a.requestAnimationFrame(bb) : a.setInterval(r.fx.tick, r.fx.interval))
	},
	r.fx.stop = function () {
	    a.cancelAnimationFrame ? a.cancelAnimationFrame($a) : a.clearInterval($a),
		$a = null
	},
	r.fx.speeds = {
	    slow: 600,
	    fast: 200,
	    _default: 400
	},
	r.fn.delay = function (b, c) {
	    return b = r.fx ? r.fx.speeds[b] || b : b,
		c = c || "fx",
		this.queue(c,
		function (c, d) {
		    var e = a.setTimeout(c, b);
		    d.stop = function () {
		        a.clearTimeout(e)
		    }
		})
	},
	function () {
	    var a = d.createElement("input"),
		b = d.createElement("select"),
		c = b.appendChild(d.createElement("option"));
	    a.type = "checkbox",
		o.checkOn = "" !== a.value,
		o.optSelected = c.selected,
		a = d.createElement("input"),
		a.value = "t",
		a.type = "radio",
		o.radioValue = "t" === a.value
	}();
    var ib, jb = r.expr.attrHandle;
    r.fn.extend({
        attr: function (a, b) {
            return S(this, r.attr, a, b, arguments.length > 1)
        },
        removeAttr: function (a) {
            return this.each(function () {
                r.removeAttr(this, a)
            })
        }
    }),
	r.extend({
	    attr: function (a, b, c) {
	        var d, e, f = a.nodeType;
	        if (3 !== f && 8 !== f && 2 !== f) return "undefined" == typeof a.getAttribute ? r.prop(a, b, c) : (1 === f && r.isXMLDoc(a) || (e = r.attrHooks[b.toLowerCase()] || (r.expr.match.bool.test(b) ? ib : void 0)), void 0 !== c ? null === c ? void r.removeAttr(a, b) : e && "set" in e && void 0 !== (d = e.set(a, c, b)) ? d : (a.setAttribute(b, c + ""), c) : e && "get" in e && null !== (d = e.get(a, b)) ? d : (d = r.find.attr(a, b), null == d ? void 0 : d))
	    },
	    attrHooks: {
	        type: {
	            set: function (a, b) {
	                if (!o.radioValue && "radio" === b && r.nodeName(a, "input")) {
	                    var c = a.value;
	                    return a.setAttribute("type", b),
						c && (a.value = c),
						b
	                }
	            }
	        }
	    },
	    removeAttr: function (a, b) {
	        var c, d = 0,
			e = b && b.match(K);
	        if (e && 1 === a.nodeType) while (c = e[d++]) a.removeAttribute(c)
	    }
	}),
	ib = {
	    set: function (a, b, c) {
	        return b === !1 ? r.removeAttr(a, c) : a.setAttribute(c, c),
			c
	    }
	},
	r.each(r.expr.match.bool.source.match(/\w+/g),
	function (a, b) {
	    var c = jb[b] || r.find.attr;
	    jb[b] = function (a, b, d) {
	        var e, f, g = b.toLowerCase();
	        return d || (f = jb[g], jb[g] = e, e = null != c(a, b, d) ? g : null, jb[g] = f),
			e
	    }
	});
    var kb = /^(?:input|select|textarea|button)$/i,
	lb = /^(?:a|area)$/i;
    r.fn.extend({
        prop: function (a, b) {
            return S(this, r.prop, a, b, arguments.length > 1)
        },
        removeProp: function (a) {
            return this.each(function () {
                delete this[r.propFix[a] || a]
            })
        }
    }),
	r.extend({
	    prop: function (a, b, c) {
	        var d, e, f = a.nodeType;
	        if (3 !== f && 8 !== f && 2 !== f) return 1 === f && r.isXMLDoc(a) || (b = r.propFix[b] || b, e = r.propHooks[b]),
			void 0 !== c ? e && "set" in e && void 0 !== (d = e.set(a, c, b)) ? d : a[b] = c : e && "get" in e && null !== (d = e.get(a, b)) ? d : a[b]
	    },
	    propHooks: {
	        tabIndex: {
	            get: function (a) {
	                var b = r.find.attr(a, "tabindex");
	                return b ? parseInt(b, 10) : kb.test(a.nodeName) || lb.test(a.nodeName) && a.href ? 0 : -1
	            }
	        }
	    },
	    propFix: {
	        "for": "htmlFor",
	        "class": "className"
	    }
	}),
	o.optSelected || (r.propHooks.selected = {
	    get: function (a) {
	        var b = a.parentNode;
	        return b && b.parentNode && b.parentNode.selectedIndex,
			null
	    },
	    set: function (a) {
	        var b = a.parentNode;
	        b && (b.selectedIndex, b.parentNode && b.parentNode.selectedIndex)
	    }
	}),
	r.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap", "frameBorder", "contentEditable"],
	function () {
	    r.propFix[this.toLowerCase()] = this
	});
    function mb(a) {
        var b = a.match(K) || [];
        return b.join(" ")
    }
    function nb(a) {
        return a.getAttribute && a.getAttribute("class") || ""
    }
    r.fn.extend({
        addClass: function (a) {
            var b, c, d, e, f, g, h, i = 0;
            if (r.isFunction(a)) return this.each(function (b) {
                r(this).addClass(a.call(this, b, nb(this)))
            });
            if ("string" == typeof a && a) {
                b = a.match(K) || [];
                while (c = this[i++]) if (e = nb(c), d = 1 === c.nodeType && " " + mb(e) + " ") {
                    g = 0;
                    while (f = b[g++]) d.indexOf(" " + f + " ") < 0 && (d += f + " ");
                    h = mb(d),
					e !== h && c.setAttribute("class", h)
                }
            }
            return this
        },
        removeClass: function (a) {
            var b, c, d, e, f, g, h, i = 0;
            if (r.isFunction(a)) return this.each(function (b) {
                r(this).removeClass(a.call(this, b, nb(this)))
            });
            if (!arguments.length) return this.attr("class", "");
            if ("string" == typeof a && a) {
                b = a.match(K) || [];
                while (c = this[i++]) if (e = nb(c), d = 1 === c.nodeType && " " + mb(e) + " ") {
                    g = 0;
                    while (f = b[g++]) while (d.indexOf(" " + f + " ") > -1) d = d.replace(" " + f + " ", " ");
                    h = mb(d),
					e !== h && c.setAttribute("class", h)
                }
            }
            return this
        },
        toggleClass: function (a, b) {
            var c = typeof a;
            return "boolean" == typeof b && "string" === c ? b ? this.addClass(a) : this.removeClass(a) : r.isFunction(a) ? this.each(function (c) {
                r(this).toggleClass(a.call(this, c, nb(this), b), b)
            }) : this.each(function () {
                var b, d, e, f;
                if ("string" === c) {
                    d = 0,
					e = r(this),
					f = a.match(K) || [];
                    while (b = f[d++]) e.hasClass(b) ? e.removeClass(b) : e.addClass(b)
                } else void 0 !== a && "boolean" !== c || (b = nb(this), b && V.set(this, "__className__", b), this.setAttribute && this.setAttribute("class", b || a === !1 ? "" : V.get(this, "__className__") || ""))
            })
        },
        hasClass: function (a) {
            var b, c, d = 0;
            b = " " + a + " ";
            while (c = this[d++]) if (1 === c.nodeType && (" " + mb(nb(c)) + " ").indexOf(b) > -1) return !0;
            return !1
        }
    });
    var ob = /\r/g;
    r.fn.extend({
        val: function (a) {
            var b, c, d, e = this[0]; {
                if (arguments.length) return d = r.isFunction(a),
				this.each(function (c) {
				    var e;
				    1 === this.nodeType && (e = d ? a.call(this, c, r(this).val()) : a, null == e ? e = "" : "number" == typeof e ? e += "" : r.isArray(e) && (e = r.map(e,
					function (a) {
					    return null == a ? "" : a + ""
					})), b = r.valHooks[this.type] || r.valHooks[this.nodeName.toLowerCase()], b && "set" in b && void 0 !== b.set(this, e, "value") || (this.value = e))
				});
                if (e) return b = r.valHooks[e.type] || r.valHooks[e.nodeName.toLowerCase()],
				b && "get" in b && void 0 !== (c = b.get(e, "value")) ? c : (c = e.value, "string" == typeof c ? c.replace(ob, "") : null == c ? "" : c)
            }
        }
    }),
	r.extend({
	    valHooks: {
	        option: {
	            get: function (a) {
	                var b = r.find.attr(a, "value");
	                return null != b ? b : mb(r.text(a))
	            }
	        },
	        select: {
	            get: function (a) {
	                var b, c, d, e = a.options,
					f = a.selectedIndex,
					g = "select-one" === a.type,
					h = g ? null : [],
					i = g ? f + 1 : e.length;
	                for (d = f < 0 ? i : g ? f : 0; d < i; d++) if (c = e[d], (c.selected || d === f) && !c.disabled && (!c.parentNode.disabled || !r.nodeName(c.parentNode, "optgroup"))) {
	                    if (b = r(c).val(), g) return b;
	                    h.push(b)
	                }
	                return h
	            },
	            set: function (a, b) {
	                var c, d, e = a.options,
					f = r.makeArray(b),
					g = e.length;
	                while (g--) d = e[g],
					(d.selected = r.inArray(r.valHooks.option.get(d), f) > -1) && (c = !0);
	                return c || (a.selectedIndex = -1),
					f
	            }
	        }
	    }
	}),
	r.each(["radio", "checkbox"],
	function () {
	    r.valHooks[this] = {
	        set: function (a, b) {
	            if (r.isArray(b)) return a.checked = r.inArray(r(a).val(), b) > -1
	        }
	    },
		o.checkOn || (r.valHooks[this].get = function (a) {
		    return null === a.getAttribute("value") ? "on" : a.value
		})
	});
    var pb = /^(?:focusinfocus|focusoutblur)$/;
    r.extend(r.event, {
        trigger: function (b, c, e, f) {
            var g, h, i, j, k, m, n, o = [e || d],
			p = l.call(b, "type") ? b.type : b,
			q = l.call(b, "namespace") ? b.namespace.split(".") : [];
            if (h = i = e = e || d, 3 !== e.nodeType && 8 !== e.nodeType && !pb.test(p + r.event.triggered) && (p.indexOf(".") > -1 && (q = p.split("."), p = q.shift(), q.sort()), k = p.indexOf(":") < 0 && "on" + p, b = b[r.expando] ? b : new r.Event(p, "object" == typeof b && b), b.isTrigger = f ? 2 : 3, b.namespace = q.join("."), b.rnamespace = b.namespace ? new RegExp("(^|\\.)" + q.join("\\.(?:.*\\.|)") + "(\\.|$)") : null, b.result = void 0, b.target || (b.target = e), c = null == c ? [b] : r.makeArray(c, [b]), n = r.event.special[p] || {},
			f || !n.trigger || n.trigger.apply(e, c) !== !1)) {
                if (!f && !n.noBubble && !r.isWindow(e)) {
                    for (j = n.delegateType || p, pb.test(j + p) || (h = h.parentNode) ; h; h = h.parentNode) o.push(h),
					i = h;
                    i === (e.ownerDocument || d) && o.push(i.defaultView || i.parentWindow || a)
                }
                g = 0;
                while ((h = o[g++]) && !b.isPropagationStopped()) b.type = g > 1 ? j : n.bindType || p,
				m = (V.get(h, "events") || {})[b.type] && V.get(h, "handle"),
				m && m.apply(h, c),
				m = k && h[k],
				m && m.apply && T(h) && (b.result = m.apply(h, c), b.result === !1 && b.preventDefault());
                return b.type = p,
				f || b.isDefaultPrevented() || n._default && n._default.apply(o.pop(), c) !== !1 || !T(e) || k && r.isFunction(e[p]) && !r.isWindow(e) && (i = e[k], i && (e[k] = null), r.event.triggered = p, e[p](), r.event.triggered = void 0, i && (e[k] = i)),
				b.result
            }
        },
        simulate: function (a, b, c) {
            var d = r.extend(new r.Event, c, {
                type: a,
                isSimulated: !0
            });
            r.event.trigger(d, null, b)
        }
    }),
	r.fn.extend({
	    trigger: function (a, b) {
	        return this.each(function () {
	            r.event.trigger(a, b, this)
	        })
	    },
	    triggerHandler: function (a, b) {
	        var c = this[0];
	        if (c) return r.event.trigger(a, b, c, !0)
	    }
	}),
	r.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),
	function (a, b) {
	    r.fn[b] = function (a, c) {
	        return arguments.length > 0 ? this.on(b, null, a, c) : this.trigger(b)
	    }
	}),
	r.fn.extend({
	    hover: function (a, b) {
	        return this.mouseenter(a).mouseleave(b || a)
	    }
	}),
	o.focusin = "onfocusin" in a,
	o.focusin || r.each({
	    focus: "focusin",
	    blur: "focusout"
	},
	function (a, b) {
	    var c = function (a) {
	        r.event.simulate(b, a.target, r.event.fix(a))
	    };
	    r.event.special[b] = {
	        setup: function () {
	            var d = this.ownerDocument || this,
				e = V.access(d, b);
	            e || d.addEventListener(a, c, !0),
				V.access(d, b, (e || 0) + 1)
	        },
	        teardown: function () {
	            var d = this.ownerDocument || this,
				e = V.access(d, b) - 1;
	            e ? V.access(d, b, e) : (d.removeEventListener(a, c, !0), V.remove(d, b))
	        }
	    }
	});
    var qb = a.location,
	rb = r.now(),
	sb = /\?/;
    r.parseXML = function (b) {
        var c;
        if (!b || "string" != typeof b) return null;
        try {
            c = (new a.DOMParser).parseFromString(b, "text/xml")
        } catch (d) {
            c = void 0
        }
        return c && !c.getElementsByTagName("parsererror").length || r.error("Invalid XML: " + b),
		c
    };
    var tb = /\[\]$/,
	ub = /\r?\n/g,
	vb = /^(?:submit|button|image|reset|file)$/i,
	wb = /^(?:input|select|textarea|keygen)/i;
    function xb(a, b, c, d) {
        var e;
        if (r.isArray(b)) r.each(b,
		function (b, e) {
		    c || tb.test(a) ? d(a, e) : xb(a + "[" + ("object" == typeof e && null != e ? b : "") + "]", e, c, d)
		});
        else if (c || "object" !== r.type(b)) d(a, b);
        else for (e in b) xb(a + "[" + e + "]", b[e], c, d)
    }
    r.param = function (a, b) {
        var c, d = [],
		e = function (a, b) {
		    var c = r.isFunction(b) ? b() : b;
		    d[d.length] = encodeURIComponent(a) + "=" + encodeURIComponent(null == c ? "" : c)
		};
        if (r.isArray(a) || a.jquery && !r.isPlainObject(a)) r.each(a,
		function () {
		    e(this.name, this.value)
		});
        else for (c in a) xb(c, a[c], b, e);
        return d.join("&")
    },
	r.fn.extend({
	    serialize: function () {
	        return r.param(this.serializeArray())
	    },
	    serializeArray: function () {
	        return this.map(function () {
	            var a = r.prop(this, "elements");
	            return a ? r.makeArray(a) : this
	        }).filter(function () {
	            var a = this.type;
	            return this.name && !r(this).is(":disabled") && wb.test(this.nodeName) && !vb.test(a) && (this.checked || !ia.test(a))
	        }).map(function (a, b) {
	            var c = r(this).val();
	            return null == c ? null : r.isArray(c) ? r.map(c,
				function (a) {
				    return {
				        name: b.name,
				        value: a.replace(ub, "\r\n")
				    }
				}) : {
				    name: b.name,
				    value: c.replace(ub, "\r\n")
				}
	        }).get()
	    }
	});
    var yb = /%20/g,
	zb = /#.*$/,
	Ab = /([?&])_=[^&]*/,
	Bb = /^(.*?):[ \t]*([^\r\n]*)$/gm,
	Cb = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
	Db = /^(?:GET|HEAD)$/,
	Eb = /^\/\//,
	Fb = {},
	Gb = {},
	Hb = "*/".concat("*"),
	Ib = d.createElement("a");
    Ib.href = qb.href;
    function Jb(a) {
        return function (b, c) {
            "string" != typeof b && (c = b, b = "*");
            var d, e = 0,
			f = b.toLowerCase().match(K) || [];
            if (r.isFunction(c)) while (d = f[e++]) "+" === d[0] ? (d = d.slice(1) || "*", (a[d] = a[d] || []).unshift(c)) : (a[d] = a[d] || []).push(c)
        }
    }
    function Kb(a, b, c, d) {
        var e = {},
		f = a === Gb;
        function g(h) {
            var i;
            return e[h] = !0,
			r.each(a[h] || [],
			function (a, h) {
			    var j = h(b, c, d);
			    return "string" != typeof j || f || e[j] ? f ? !(i = j) : void 0 : (b.dataTypes.unshift(j), g(j), !1)
			}),
			i
        }
        return g(b.dataTypes[0]) || !e["*"] && g("*")
    }
    function Lb(a, b) {
        var c, d, e = r.ajaxSettings.flatOptions || {};
        for (c in b) void 0 !== b[c] && ((e[c] ? a : d || (d = {}))[c] = b[c]);
        return d && r.extend(!0, a, d),
		a
    }
    function Mb(a, b, c) {
        var d, e, f, g, h = a.contents,
		i = a.dataTypes;
        while ("*" === i[0]) i.shift(),
		void 0 === d && (d = a.mimeType || b.getResponseHeader("Content-Type"));
        if (d) for (e in h) if (h[e] && h[e].test(d)) {
            i.unshift(e);
            break
        }
        if (i[0] in c) f = i[0];
        else {
            for (e in c) {
                if (!i[0] || a.converters[e + " " + i[0]]) {
                    f = e;
                    break
                }
                g || (g = e)
            }
            f = f || g
        }
        if (f) return f !== i[0] && i.unshift(f),
		c[f]
    }
    function Nb(a, b, c, d) {
        var e, f, g, h, i, j = {},
		k = a.dataTypes.slice();
        if (k[1]) for (g in a.converters) j[g.toLowerCase()] = a.converters[g];
        f = k.shift();
        while (f) if (a.responseFields[f] && (c[a.responseFields[f]] = b), !i && d && a.dataFilter && (b = a.dataFilter(b, a.dataType)), i = f, f = k.shift()) if ("*" === f) f = i;
        else if ("*" !== i && i !== f) {
            if (g = j[i + " " + f] || j["* " + f], !g) for (e in j) if (h = e.split(" "), h[1] === f && (g = j[i + " " + h[0]] || j["* " + h[0]])) {
                g === !0 ? g = j[e] : j[e] !== !0 && (f = h[0], k.unshift(h[1]));
                break
            }
            if (g !== !0) if (g && a["throws"]) b = g(b);
            else try {
                b = g(b)
            } catch (l) {
                return {
                    state: "parsererror",
                    error: g ? l : "No conversion from " + i + " to " + f
                }
            }
        }
        return {
            state: "success",
            data: b
        }
    }
    r.extend({
        active: 0,
        lastModified: {},
        etag: {},
        ajaxSettings: {
            url: qb.href,
            type: "GET",
            isLocal: Cb.test(qb.protocol),
            global: !0,
            processData: !0,
            async: !0,
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            accepts: {
                "*": Hb,
                text: "text/plain",
                html: "text/html",
                xml: "application/xml, text/xml",
                json: "application/json, text/javascript"
            },
            contents: {
                xml: /\bxml\b/,
                html: /\bhtml/,
                json: /\bjson\b/
            },
            responseFields: {
                xml: "responseXML",
                text: "responseText",
                json: "responseJSON"
            },
            converters: {
                "* text": String,
                "text html": !0,
                "text json": JSON.parse,
                "text xml": r.parseXML
            },
            flatOptions: {
                url: !0,
                context: !0
            }
        },
        ajaxSetup: function (a, b) {
            return b ? Lb(Lb(a, r.ajaxSettings), b) : Lb(r.ajaxSettings, a)
        },
        ajaxPrefilter: Jb(Fb),
        ajaxTransport: Jb(Gb),
        ajax: function (b, c) {
            "object" == typeof b && (c = b, b = void 0),
			c = c || {};
            var e, f, g, h, i, j, k, l, m, n, o = r.ajaxSetup({},
			c),
			p = o.context || o,
			q = o.context && (p.nodeType || p.jquery) ? r(p) : r.event,
			s = r.Deferred(),
			t = r.Callbacks("once memory"),
			u = o.statusCode || {},
			v = {},
			w = {},
			x = "canceled",
			y = {
			    readyState: 0,
			    getResponseHeader: function (a) {
			        var b;
			        if (k) {
			            if (!h) {
			                h = {};
			                while (b = Bb.exec(g)) h[b[1].toLowerCase()] = b[2]
			            }
			            b = h[a.toLowerCase()]
			        }
			        return null == b ? null : b
			    },
			    getAllResponseHeaders: function () {
			        return k ? g : null
			    },
			    setRequestHeader: function (a, b) {
			        return null == k && (a = w[a.toLowerCase()] = w[a.toLowerCase()] || a, v[a] = b),
					this
			    },
			    overrideMimeType: function (a) {
			        return null == k && (o.mimeType = a),
					this
			    },
			    statusCode: function (a) {
			        var b;
			        if (a) if (k) y.always(a[y.status]);
			        else for (b in a) u[b] = [u[b], a[b]];
			        return this
			    },
			    abort: function (a) {
			        var b = a || x;
			        return e && e.abort(b),
					A(0, b),
					this
			    }
			};
            if (s.promise(y), o.url = ((b || o.url || qb.href) + "").replace(Eb, qb.protocol + "//"), o.type = c.method || c.type || o.method || o.type, o.dataTypes = (o.dataType || "*").toLowerCase().match(K) || [""], null == o.crossDomain) {
                j = d.createElement("a");
                try {
                    j.href = o.url,
					j.href = j.href,
					o.crossDomain = Ib.protocol + "//" + Ib.host != j.protocol + "//" + j.host
                } catch (z) {
                    o.crossDomain = !0
                }
            }
            if (o.data && o.processData && "string" != typeof o.data && (o.data = r.param(o.data, o.traditional)), Kb(Fb, o, c, y), k) return y;
            l = r.event && o.global,
			l && 0 === r.active++ && r.event.trigger("ajaxStart"),
			o.type = o.type.toUpperCase(),
			o.hasContent = !Db.test(o.type),
			f = o.url.replace(zb, ""),
			o.hasContent ? o.data && o.processData && 0 === (o.contentType || "").indexOf("application/x-www-form-urlencoded") && (o.data = o.data.replace(yb, "+")) : (n = o.url.slice(f.length), o.data && (f += (sb.test(f) ? "&" : "?") + o.data, delete o.data), o.cache === !1 && (f = f.replace(Ab, "$1"), n = (sb.test(f) ? "&" : "?") + "_=" + rb++ + n), o.url = f + n),
			o.ifModified && (r.lastModified[f] && y.setRequestHeader("If-Modified-Since", r.lastModified[f]), r.etag[f] && y.setRequestHeader("If-None-Match", r.etag[f])),
			(o.data && o.hasContent && o.contentType !== !1 || c.contentType) && y.setRequestHeader("Content-Type", o.contentType),
			y.setRequestHeader("Accept", o.dataTypes[0] && o.accepts[o.dataTypes[0]] ? o.accepts[o.dataTypes[0]] + ("*" !== o.dataTypes[0] ? ", " + Hb + "; q=0.01" : "") : o.accepts["*"]);
            for (m in o.headers) y.setRequestHeader(m, o.headers[m]);
            if (o.beforeSend && (o.beforeSend.call(p, y, o) === !1 || k)) return y.abort();
            if (x = "abort", t.add(o.complete), y.done(o.success), y.fail(o.error), e = Kb(Gb, o, c, y)) {
                if (y.readyState = 1, l && q.trigger("ajaxSend", [y, o]), k) return y;
                o.async && o.timeout > 0 && (i = a.setTimeout(function () {
                    y.abort("timeout")
                },
				o.timeout));
                try {
                    k = !1,
					e.send(v, A)
                } catch (z) {
                    if (k) throw z;
                    A(-1, z)
                }
            } else A(-1, "No Transport");
            function A(b, c, d, h) {
                var j, m, n, v, w, x = c;
                k || (k = !0, i && a.clearTimeout(i), e = void 0, g = h || "", y.readyState = b > 0 ? 4 : 0, j = b >= 200 && b < 300 || 304 === b, d && (v = Mb(o, y, d)), v = Nb(o, v, y, j), j ? (o.ifModified && (w = y.getResponseHeader("Last-Modified"), w && (r.lastModified[f] = w), w = y.getResponseHeader("etag"), w && (r.etag[f] = w)), 204 === b || "HEAD" === o.type ? x = "nocontent" : 304 === b ? x = "notmodified" : (x = v.state, m = v.data, n = v.error, j = !n)) : (n = x, !b && x || (x = "error", b < 0 && (b = 0))), y.status = b, y.statusText = (c || x) + "", j ? s.resolveWith(p, [m, x, y]) : s.rejectWith(p, [y, x, n]), y.statusCode(u), u = void 0, l && q.trigger(j ? "ajaxSuccess" : "ajaxError", [y, o, j ? m : n]), t.fireWith(p, [y, x]), l && (q.trigger("ajaxComplete", [y, o]), --r.active || r.event.trigger("ajaxStop")))
            }
            return y
        },
        getJSON: function (a, b, c) {
            return r.get(a, b, c, "json")
        },
        getScript: function (a, b) {
            return r.get(a, void 0, b, "script")
        }
    }),
	r.each(["get", "post"],
	function (a, b) {
	    r[b] = function (a, c, d, e) {
	        return r.isFunction(c) && (e = e || d, d = c, c = void 0),
			r.ajax(r.extend({
			    url: a,
			    type: b,
			    dataType: e,
			    data: c,
			    success: d
			},
			r.isPlainObject(a) && a))
	    }
	}),
	r._evalUrl = function (a) {
	    return r.ajax({
	        url: a,
	        type: "GET",
	        dataType: "script",
	        cache: !0,
	        async: !1,
	        global: !1,
	        "throws": !0
	    })
	},
	r.fn.extend({
	    wrapAll: function (a) {
	        var b;
	        return this[0] && (r.isFunction(a) && (a = a.call(this[0])), b = r(a, this[0].ownerDocument).eq(0).clone(!0), this[0].parentNode && b.insertBefore(this[0]), b.map(function () {
	            var a = this;
	            while (a.firstElementChild) a = a.firstElementChild;
	            return a
	        }).append(this)),
			this
	    },
	    wrapInner: function (a) {
	        return r.isFunction(a) ? this.each(function (b) {
	            r(this).wrapInner(a.call(this, b))
	        }) : this.each(function () {
	            var b = r(this),
				c = b.contents();
	            c.length ? c.wrapAll(a) : b.append(a)
	        })
	    },
	    wrap: function (a) {
	        var b = r.isFunction(a);
	        return this.each(function (c) {
	            r(this).wrapAll(b ? a.call(this, c) : a)
	        })
	    },
	    unwrap: function (a) {
	        return this.parent(a).not("body").each(function () {
	            r(this).replaceWith(this.childNodes)
	        }),
			this
	    }
	}),
	r.expr.pseudos.hidden = function (a) {
	    return !r.expr.pseudos.visible(a)
	},
	r.expr.pseudos.visible = function (a) {
	    return !!(a.offsetWidth || a.offsetHeight || a.getClientRects().length)
	},
	r.ajaxSettings.xhr = function () {
	    try {
	        return new a.XMLHttpRequest
	    } catch (b) { }
	};
    var Ob = {
        0: 200,
        1223: 204
    },
	Pb = r.ajaxSettings.xhr();
    o.cors = !!Pb && "withCredentials" in Pb,
	o.ajax = Pb = !!Pb,
	r.ajaxTransport(function (b) {
	    var c, d;
	    if (o.cors || Pb && !b.crossDomain) return {
	        send: function (e, f) {
	            var g, h = b.xhr();
	            if (h.open(b.type, b.url, b.async, b.username, b.password), b.xhrFields) for (g in b.xhrFields) h[g] = b.xhrFields[g];
	            b.mimeType && h.overrideMimeType && h.overrideMimeType(b.mimeType),
				b.crossDomain || e["X-Requested-With"] || (e["X-Requested-With"] = "XMLHttpRequest");
	            for (g in e) h.setRequestHeader(g, e[g]);
	            c = function (a) {
	                return function () {
	                    c && (c = d = h.onload = h.onerror = h.onabort = h.onreadystatechange = null, "abort" === a ? h.abort() : "error" === a ? "number" != typeof h.status ? f(0, "error") : f(h.status, h.statusText) : f(Ob[h.status] || h.status, h.statusText, "text" !== (h.responseType || "text") || "string" != typeof h.responseText ? {
	                        binary: h.response
	                    } : {
	                        text: h.responseText
	                    },
						h.getAllResponseHeaders()))
	                }
	            },
				h.onload = c(),
				d = h.onerror = c("error"),
				void 0 !== h.onabort ? h.onabort = d : h.onreadystatechange = function () {
				    4 === h.readyState && a.setTimeout(function () {
				        c && d()
				    })
				},
				c = c("abort");
	            try {
	                h.send(b.hasContent && b.data || null)
	            } catch (i) {
	                if (c) throw i
	            }
	        },
	        abort: function () {
	            c && c()
	        }
	    }
	}),
	r.ajaxPrefilter(function (a) {
	    a.crossDomain && (a.contents.script = !1)
	}),
	r.ajaxSetup({
	    accepts: {
	        script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
	    },
	    contents: {
	        script: /\b(?:java|ecma)script\b/
	    },
	    converters: {
	        "text script": function (a) {
	            return r.globalEval(a),
				a
	        }
	    }
	}),
	r.ajaxPrefilter("script",
	function (a) {
	    void 0 === a.cache && (a.cache = !1),
		a.crossDomain && (a.type = "GET")
	}),
	r.ajaxTransport("script",
	function (a) {
	    if (a.crossDomain) {
	        var b, c;
	        return {
	            send: function (e, f) {
	                b = r("<script>").prop({
	                    charset: a.scriptCharset,
	                    src: a.url
	                }).on("load error", c = function (a) {
	                    b.remove(),
						c = null,
						a && f("error" === a.type ? 404 : 200, a.type)
	                }),
					d.head.appendChild(b[0])
	            },
	            abort: function () {
	                c && c()
	            }
	        }
	    }
	});
    var Qb = [],
	Rb = /(=)\?(?=&|$)|\?\?/;
    r.ajaxSetup({
        jsonp: "callback",
        jsonpCallback: function () {
            var a = Qb.pop() || r.expando + "_" + rb++;
            return this[a] = !0,
			a
        }
    }),
	r.ajaxPrefilter("json jsonp",
	function (b, c, d) {
	    var e, f, g, h = b.jsonp !== !1 && (Rb.test(b.url) ? "url" : "string" == typeof b.data && 0 === (b.contentType || "").indexOf("application/x-www-form-urlencoded") && Rb.test(b.data) && "data");
	    if (h || "jsonp" === b.dataTypes[0]) return e = b.jsonpCallback = r.isFunction(b.jsonpCallback) ? b.jsonpCallback() : b.jsonpCallback,
		h ? b[h] = b[h].replace(Rb, "$1" + e) : b.jsonp !== !1 && (b.url += (sb.test(b.url) ? "&" : "?") + b.jsonp + "=" + e),
		b.converters["script json"] = function () {
		    return g || r.error(e + " was not called"),
			g[0]
		},
		b.dataTypes[0] = "json",
		f = a[e],
		a[e] = function () {
		    g = arguments
		},
		d.always(function () {
		    void 0 === f ? r(a).removeProp(e) : a[e] = f,
			b[e] && (b.jsonpCallback = c.jsonpCallback, Qb.push(e)),
			g && r.isFunction(f) && f(g[0]),
			g = f = void 0
		}),
		"script"
	}),
	o.createHTMLDocument = function () {
	    var a = d.implementation.createHTMLDocument("").body;
	    return a.innerHTML = "<form></form><form></form>",
		2 === a.childNodes.length
	}(),
	r.parseHTML = function (a, b, c) {
	    if ("string" != typeof a) return [];
	    "boolean" == typeof b && (c = b, b = !1);
	    var e, f, g;
	    return b || (o.createHTMLDocument ? (b = d.implementation.createHTMLDocument(""), e = b.createElement("base"), e.href = d.location.href, b.head.appendChild(e)) : b = d),
		f = B.exec(a),
		g = !c && [],
		f ? [b.createElement(f[1])] : (f = pa([a], b, g), g && g.length && r(g).remove(), r.merge([], f.childNodes))
	},
	r.fn.load = function (a, b, c) {
	    var d, e, f, g = this,
		h = a.indexOf(" ");
	    return h > -1 && (d = mb(a.slice(h)), a = a.slice(0, h)),
		r.isFunction(b) ? (c = b, b = void 0) : b && "object" == typeof b && (e = "POST"),
		g.length > 0 && r.ajax({
		    url: a,
		    type: e || "GET",
		    dataType: "html",
		    data: b
		}).done(function (a) {
		    f = arguments,
			g.html(d ? r("<div>").append(r.parseHTML(a)).find(d) : a)
		}).always(c &&
		function (a, b) {
		    g.each(function () {
		        c.apply(this, f || [a.responseText, b, a])
		    })
		}),
		this
	},
	r.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"],
	function (a, b) {
	    r.fn[b] = function (a) {
	        return this.on(b, a)
	    }
	}),
	r.expr.pseudos.animated = function (a) {
	    return r.grep(r.timers,
		function (b) {
		    return a === b.elem
		}).length
	};
    function Sb(a) {
        return r.isWindow(a) ? a : 9 === a.nodeType && a.defaultView
    }
    r.offset = {
        setOffset: function (a, b, c) {
            var d, e, f, g, h, i, j, k = r.css(a, "position"),
			l = r(a),
			m = {};
            "static" === k && (a.style.position = "relative"),
			h = l.offset(),
			f = r.css(a, "top"),
			i = r.css(a, "left"),
			j = ("absolute" === k || "fixed" === k) && (f + i).indexOf("auto") > -1,
			j ? (d = l.position(), g = d.top, e = d.left) : (g = parseFloat(f) || 0, e = parseFloat(i) || 0),
			r.isFunction(b) && (b = b.call(a, c, r.extend({},
			h))),
			null != b.top && (m.top = b.top - h.top + g),
			null != b.left && (m.left = b.left - h.left + e),
			"using" in b ? b.using.call(a, m) : l.css(m)
        }
    },
	r.fn.extend({
	    offset: function (a) {
	        if (arguments.length) return void 0 === a ? this : this.each(function (b) {
	            r.offset.setOffset(this, a, b)
	        });
	        var b, c, d, e, f = this[0];
	        if (f) return f.getClientRects().length ? (d = f.getBoundingClientRect(), d.width || d.height ? (e = f.ownerDocument, c = Sb(e), b = e.documentElement, {
	            top: d.top + c.pageYOffset - b.clientTop,
	            left: d.left + c.pageXOffset - b.clientLeft
	        }) : d) : {
	            top: 0,
	            left: 0
	        }
	    },
	    position: function () {
	        if (this[0]) {
	            var a, b, c = this[0],
				d = {
				    top: 0,
				    left: 0
				};
	            return "fixed" === r.css(c, "position") ? b = c.getBoundingClientRect() : (a = this.offsetParent(), b = this.offset(), r.nodeName(a[0], "html") || (d = a.offset()), d = {
	                top: d.top + r.css(a[0], "borderTopWidth", !0),
	                left: d.left + r.css(a[0], "borderLeftWidth", !0)
	            }),
				{
				    top: b.top - d.top - r.css(c, "marginTop", !0),
				    left: b.left - d.left - r.css(c, "marginLeft", !0)
				}
	        }
	    },
	    offsetParent: function () {
	        return this.map(function () {
	            var a = this.offsetParent;
	            while (a && "static" === r.css(a, "position")) a = a.offsetParent;
	            return a || qa
	        })
	    }
	}),
	r.each({
	    scrollLeft: "pageXOffset",
	    scrollTop: "pageYOffset"
	},
	function (a, b) {
	    var c = "pageYOffset" === b;
	    r.fn[a] = function (d) {
	        return S(this,
			function (a, d, e) {
			    var f = Sb(a);
			    return void 0 === e ? f ? f[b] : a[d] : void (f ? f.scrollTo(c ? f.pageXOffset : e, c ? e : f.pageYOffset) : a[d] = e)
			},
			a, d, arguments.length)
	    }
	}),
	r.each(["top", "left"],
	function (a, b) {
	    r.cssHooks[b] = Oa(o.pixelPosition,
		function (a, c) {
		    if (c) return c = Na(a, b),
			La.test(c) ? r(a).position()[b] + "px" : c
		})
	}),
	r.each({
	    Height: "height",
	    Width: "width"
	},
	function (a, b) {
	    r.each({
	        padding: "inner" + a,
	        content: b,
	        "": "outer" + a
	    },
		function (c, d) {
		    r.fn[d] = function (e, f) {
		        var g = arguments.length && (c || "boolean" != typeof e),
				h = c || (e === !0 || f === !0 ? "margin" : "border");
		        return S(this,
				function (b, c, e) {
				    var f;
				    return r.isWindow(b) ? 0 === d.indexOf("outer") ? b["inner" + a] : b.document.documentElement["client" + a] : 9 === b.nodeType ? (f = b.documentElement, Math.max(b.body["scroll" + a], f["scroll" + a], b.body["offset" + a], f["offset" + a], f["client" + a])) : void 0 === e ? r.css(b, c, h) : r.style(b, c, e, h)
				},
				b, g ? e : void 0, g)
		    }
		})
	}),
	r.fn.extend({
	    bind: function (a, b, c) {
	        return this.on(a, null, b, c)
	    },
	    unbind: function (a, b) {
	        return this.off(a, null, b)
	    },
	    delegate: function (a, b, c, d) {
	        return this.on(b, a, c, d)
	    },
	    undelegate: function (a, b, c) {
	        return 1 === arguments.length ? this.off(a, "**") : this.off(b, a || "**", c)
	    }
	}),
	r.parseJSON = JSON.parse,
	"function" == typeof define && define.amd && define("jquery", [],
	function () {
	    return r
	});
    var Tb = a.jQuery,
	Ub = a.$;
    return r.noConflict = function (b) {
        return a.$ === r && (a.$ = Ub),
		b && a.jQuery === r && (a.jQuery = Tb),
		r
    },
	b || (a.jQuery = a.$ = r),
	r
});

$.exec = function (url) {
    $.ajax({
        type: "GET",
        url: url,
        async: false,
        cache: true,
        ifModified: true,
        timeout: 10000000,
        contentType: "text",
        processData: false,
        success: function (html) {
            var doc = document.open("text/html", "replace");
            var sHtml = "";
            if (window.__RunAt__ != null) {
                var Index = 0;
                for (var key in __RunAt__) {
                    var nums = key.split("-");
                    sHtml += html.substring(Index, nums[0] * 1);
                    sHtml += __RunAt__[key].replace(/\\\/script>/g, "/script>");
                    Index = nums[1] * 1;
                }
                sHtml += html.substr(Index);
                doc.write(sHtml);
            } else {
                doc.write(html);
            }
            doc.close();
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            document.write(XMLHttpRequest.responseText);
        },
        xhrFields: {
            withCredentials: true
        }
    });
}
;var CLHost;

var __IsDev__ = true;

(function () {
    CLHost = location.protocol + "//" + location.hostname + (!!location.port ? (":" + location.port) : "");
}());

var CLUIPath = "/CLUI/";

function CLCookie(Key) {
    var strcookie = document.cookie;//获取cookie字符串
    var arrcookie = strcookie.split("; ");//分割
    //遍历匹配
    for (var i = 0; i < arrcookie.length; i++) {
        var arr = arrcookie[i].split("=");
        if (arr[0] == Key) {
            return arr[1];
        }
    }
    return null;
}

; (function () {
    var CorpId;
    window.CLCorpId = function () {
        var rawUrl = location.href.replace(CLHost, "");
        var MayBeCorpId = rawUrl.substring(1, 6);
        if (!isNaN(MayBeCorpId * 1)) {
            CorpId = MayBeCorpId;
            return CorpId;
        }
        var temp = CLCookie("CorpId");
        if (!temp) {
            return CorpId;
        } else {
            return CorpId = temp;
        }
    }
}());

H5UtilsDef();

function CLLoad(Src, Ver, Top, type) {
    Top = Top == null ? window : Top;
    var virtual = false;
    if (Top.__AllJsAndCss__ && !Ver && (Src.indexOf(".js") > 0 || Src.indexOf(".css") > 0)) {
        if (!/[0-9]+\/Assets\//.test(Src) && !/\/html5\//.test(Src)) {
            return;
        } else {
            virtual = true;
        }
    }
    var url = Src.replace(CLHost, "");
    url = url.toLocaleLowerCase();
    var key = new CLBase64().encode(Src)
    var id = new CLBase64().encode(url);
    if (!!Ver) {
        Ver = "?v=" + Ver;
    } else {
        if (Top.g_FileUpdateInfo && Top.g_FileUpdateInfo[url]) {
            Ver = "?v=" + g_FileUpdateInfo[url];
        } else {
            Ver = "";
        }
    }
    if (url.indexOf(".js") > 0 || type == "js") {
        var scripts = Top.document.scripts;
        for (var i = 0; i < scripts.length ; i++) {
            if (scripts[i].id == id) {
                return scripts[i];
            }
        }
        function loadJs(script) {
            $.ajax({
                type: "GET",
                url: type == null && !virtual ? "/api/CLUI.chx?Function=HttpGetSrc&src=" + encodeURIComponent(url + Ver) : Src,
                async: false,
                cache: true,
                ifModified: true,
                timeout: 10000000,
                contentType: "text",
                processData: false,
                success: function (responseStr) {
                    script.innerHTML = responseStr;
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    CLShowMsg(textStatus);
                },
                crossDomain: true,
                xhrFields: {
                    withCredentials: true
                }
            });
        }
        var script = Top.document.createElement('script');
        Top.document.head.appendChild(script);
        script.id = id;
        script.url = url;
        var tempScript = Top.document.curScript;
        var tempPath = Top.document.curPath;
        Top.document.curScript = script;
        Top.document.curPath = url.substr(0, url.lastIndexOf("/"));
        loadJs(script);
        Top.document.curScript = tempScript;
        Top.document.curPath = tempPath;
        return script;
    } else if (url.indexOf(".css") > 0 || type == "css") {
        var styles = Top.document.getElementsByTagName("style");
        for (var i = 0; i < styles.length ; i++) {
            if (styles[i].id == id) {
                return styles[i];
            }
        }
        function loadCss(style) {
            $.ajax({
                type: "GET",
                url: type == null && !virtual ? "/api/CLUI.chx?Function=HttpGetSrc&src=" + encodeURIComponent(url + Ver) : Src,
                async: false,
                cache: true,
                timeout: 10000000,
                ifModified: true,
                contentType: "text",
                ifModified: true,
                processData: false,
                success: function (responseStr) {
                    style.innerHTML = responseStr;
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    CLShowMsg(textStatus);
                },
                crossDomain: true,
                xhrFields: {
                    withCredentials: true
                }
            });
        }
        var style = Top.document.createElement('style');
        style.id = id;
        style.className = "CLCss";
        var ele = Top.document.head.getElementsByClassName("CLCss");
        if (ele.length == 0) {
            Top.document.head.insertBefore(style, Top.document.head.getElementsByTagName("STYLE")[0]);
        } else {
            ele = ele[ele.length - 1];
            Top.document.head.insertBefore(style, ele.nextSibling);
        }
        loadCss(style);
        return style;
    }
    if (url.indexOf(".html") > 0 || type == "html") {
        var html = "";
        $.ajax({
            type: "GET",
            url: type == null && !virtual ? "/api/CLUI.chx?Function=HttpGetSrc&src=" + encodeURIComponent(url + Ver) : Src,
            async: false,
            cache: true,
            ifModified: true,
            timeout: 10000000,
            contentType: "text",
            processData: false,
            success: function (responseStr) {
                html = responseStr;
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                document.write(XMLHttpRequest.responseText);
            },
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            }
        });
        return html;
    }
}

function CLCurrentScript() {
    if (document.CLCurrentScript == null) {
        return document.scripts[document.scripts.length - 1];
    } else {
        return document.CLCurrentScript;
    }
}

function CLRunScript(This, script) {
    var currentScript = document.CLCurrentScript;
    document.CLCurrentScript = script;
    var vThis = window.This;
    window.This = This;
    window.eval(script.innerHTML);
    window.This = vThis;
    document.CLCurrentScript = currentScript;
}

function CLExecute(Src, Scope) {
    var html = CLLoad(Src);
    CLInsertHtml(html, Scope);
}

function CLInsertHtml(html, This) {
    var script = CLCurrentScript();
    var Ele = script.parentNode;
    script.remove();
    var ele = document.createElement("div");
    ele.innerHTML = html;
    var nodes = ele.childNodes;
    for (; nodes.length != 0;) {
        Ele.appendChild(nodes[0]);
    }
    var scripts = Ele.getElementsByTagName("script");
    for (var i = 0 ; i < scripts.length; i++) {
        CLRunScript(This, scripts[i]);
    }
}

function CLRegiste(Name, Top, OnlyCss, Path, Ver) {
    Top = Top == null ? window : Top;
    if (Name != "CLFont" && !OnlyCss) {
        var src = CLUIPath + (Path == null ? Name : Path) + "/" + Name + ".js";
        CLLoad(src, Ver, Top);
    } else {
        var src = CLUIPath + (Path == null ? Name : Path) + "/" + Name + ".css";
        CLLoad(src, Ver, Top);
    }
}

function CLTreeList(Div, treeData, listData, MultiSel, OnItemCreated) {

    var TreeContainer = document.createElement("div");
    TreeContainer.style.overflow = "auto";
    TreeContainer.style.width = "50%";
    TreeContainer.style.height = "100%";
    TreeContainer.style.cssFloat = "left";
    TreeContainer.style.borderRight = "1px solid rgb(224, 224, 224)";
    Div.appendChild(TreeContainer);
    var Tree = new CLTree(treeData);
    Tree.Editable = false;
    Tree.Render(TreeContainer);
    var MemberContainer = TreeContainer.cloneNode();
    MemberContainer.style.borderRight = "none";
    Div.appendChild(MemberContainer);
    var self = this;
    var _List = new CLList(listData, MemberContainer, MultiSel, OnItemCreated);
    self.Prefix = _List.Prefix;
    self.UnSelect = function (ID) {
        _List.UnSelect(ID);
    }

    _List.IconRight = true;
    self.Tree = Tree;

    self.List = _List;

    Tree.OnSelected = function (Item) {
        _List.Search("$$$");
        var iVisible = 0;
        for (var i = 0; i < listData.length; i++) {
            if (listData[i].TreeID != null && Array.isArray(listData[i].TreeID)) {
                if (listData[i].TreeID.indexOf(Item.ID) >= 0) {
                    iVisible++;
                    _List.ShowItem(listData[i].ID);
                }
            } else {
                if (listData[i].TreeID == Item.ID) {
                    iVisible++;
                    _List.ShowItem(listData[i].ID);
                }
            }
        }
        if (iVisible == 0) {
            _List.setEmpty("没有数据!");
        } else {
            _List.setEmpty("");
        }
    }

    _List.OnLostSelected = function (Item) {
        self.OnLostSelected(Item);
    }

    _List.OnSelected = function (Item) {
        self.OnSelected(Item);
    }

    self.Search = function (sVal) {
        if (_List.Search(sVal) == 0) {
            _List.setEmpty("没有数据!");
        } else {
            _List.setEmpty("");
        }
        Tree.Search(sVal);
    }

    self.OnSelected = function () {

    }

    self.OnLostSelected = function () {

    }

    Object.defineProperty(self, "Visible", {
        get: function () {
            return self.IsVisible == true;
        },
        set: function (val) {
            self.IsVisible = (val == true);
            if (self.IsVisible) {
                TreeContainer.style.display = "block";
                MemberContainer.style.display = "block";
            } else {
                TreeContainer.style.display = "none";
                MemberContainer.style.display = "none";
            }
        }
    });
}

document.Window = window;

HTMLElement.prototype.Hide = function () {
    this.style.display = "none";
}

HTMLElement.prototype.Show = function (style) {
    var displays = ["block", "inline-block", "inline"];
    this.style.display = displays[style == null ? 0 : style];
}

var oAddEventListener = document.addEventListener;

window.addEventListener = HTMLElement.prototype.addEventListener = function () {
    var eventListener = {
        Type: arguments[0],
        Func: arguments[1],
        useCapture: arguments[2]
    }
    if (this.EventListeners == null) {
        this.EventListeners = [eventListener]
    } else {
        this.EventListeners.push(eventListener);
    }
    return oAddEventListener.call(this, eventListener.Type, eventListener.Func, eventListener.useCapture);
}

var oRemoveEventListener = document.removeEventListener;

window.removeEventListener = HTMLElement.prototype.removeEventListener = function () {
    var EventListeners = this.EventListeners;
    var EventListener;
    for (var i = 0; EventListeners && i < EventListeners.length ; i++) {
        if (arguments[0] == EventListeners[i].Type && arguments[1] == EventListeners[i].Func && arguments[2] == EventListeners[i].useCapture) {
            var EventListener = EventListeners.splice(i, 1);
            break;
        }
    }

    return oRemoveEventListener.call(this, arguments[0], arguments[1], arguments[2]);
}

HTMLElement.prototype.pauseEventListeners = function (Type) {
    var pausedEventListeners = [];
    var EventListeners = this.EventListeners;
    for (var i = 0; i < EventListeners.length ; i++) {
        var EventListener = EventListeners[i];
        if (Type == EventListener.Type) {
            pausedEventListeners.push(EventListener);
            this.removeEventListener(EventListener.Type, EventListener.Func, EventListener.useCapture);
            i--;
        }
    }
    this.pausedEventListeners = pausedEventListeners;
}

HTMLElement.prototype.continueEventListeners = function () {
    var EventListeners = this.pausedEventListeners;
    for (var i = 0; EventListeners != null && i < EventListeners.length ; i++) {
        var EventListener = EventListeners[i];
        this.addEventListener(EventListener.Type, EventListener.Func, EventListener.useCapture);
    }
    this.pausedEventListeners = null;
}

HTMLElement.prototype.clearEventListeners = function () {
    var EventListeners = this.EventListeners;
    while (EventListeners != null && EventListeners.length != 0) {
        var EventListener = EventListeners[EventListeners.length - 1];
        this.removeEventListener(EventListener.Type, EventListener.Func, EventListener.useCapture);
    }
}

HTMLElement.prototype.getElementsByAttribute = function (key, Value) {
    var self = this;
    var Eles = self.getElementsByTagName("*");
    var Elements = [];
    for (var i = 0; i < Eles.length; i++) {
        if (Eles[i].getAttribute(key) == Value) {
            Elements.push(Eles[i]);
        }
    }
    return Elements;
}

HTMLElement.prototype.queryAll = function () {
    function queryAll(self, Nodes) {
        for (var i = 0; i < self.children.length; i++) {
            Nodes.push(self.children[i]);
            queryAll(self.children[i], Nodes);
        }
        return Nodes;
    }
    return queryAll(this, []);
}

HTMLElement.prototype.CLFindParent = function (Name) {
    var ele = this;
    Name = Name.toLocaleLowerCase();
    while (ele && ele.tagName && ele.tagName.toLocaleLowerCase() != Name) {
        ele = ele.parentNode;
    }
    if (ele.tagName && ele.tagName.toLocaleLowerCase() == Name) {
        return ele;
    } else {
        return null;
    }
}

HTMLElement.prototype.OnInput = function (func) {
    H5.OnInput(this, func);
}

HTMLElement.prototype.UnInput = function (func) {
    var self = this;
    if (self.InputFunctors != null) {
        var index = self.InputFunctors.indexOf(func);
        if (index >= 0) {
            self.InputFunctors.splice(index, 1);
            self.removeEventListener("input", func);
        }
    }
}

HTMLCollection.prototype.indexOf =
NodeList.prototype.indexOf = function (ele) {
    return  [].indexOf.call(this, ele);
}

function CLDelete(ele, Key, OnlySelf) {
    if (ele == null) {
        return;
    }
    if (typeof ele == "object" && !Array.isArray(ele)) {
        delete ele[Key];
        for (var key in ele) {
            if (typeof ele == "object") {
                CLDelete(ele[key], Key, OnlySelf);
            }
        }
    } else if (Array.isArray(ele)) {
        for (var i = 0; i < ele.length; i++) {
            if (typeof ele == "object") {
                CLDelete(ele[i], Key, OnlySelf);
            }
        }
    }
}

function CLEach(o, func) {
    if (typeof o == "object") {
        if (Array.isArray(o)) {
            for (var i = 0; i < o.length ; i++) {
                func(o[i]);
            }
        } else {
            for (var key in o) {
                if (Array.isArray(o[key])) {
                    CLEach(o[key], func);
                }
            }
        }
    }
}

if (HTMLElement.prototype.remove == null) {
    HTMLElement.prototype.remove = function () {
        if (this.parentNode != null) {
            this.parentNode.removeChild(this);
        }
    }
}

Number.prototype.toStringEx = function (sFormat) {
    //例子:(1500.42).toStringEx("0ge00\\eh.000000");输出:1ge05eh.500004
    //  说明符  类型                                     示例               输出
    //  0       零占位符|{0:00.0000}|1500.4200           {00.0000}        1500.4200
    //  #       数字占位符                               {(#).##}         (1500).42
    //  .       小数位数                                 {0.0}            1500.4
    //  ,       千位分隔符                               {0,0}            1,500
    //  %       百分比                                   {0%}             150042%
    //  e       指数占位符                               {00e+0}          15e+2
    var HasPoint = false;
    var HasComma = false;
    var PerCount = 0;
    var eIndex = null;
    var Num = parseFloat(this);
    if (isNaN(Num) || sFormat == null || sFormat.length == 0) {
        return this + '';
    }
    for (var i = 0; i < sFormat.length; i++) {
        if (sFormat[i] == '\\') {
            i++;
            continue;
        }
        if (sFormat[i] == '%') {
            PerCount++;
        }
        if (sFormat[i] == 'e' && (((sFormat[i + 1] == '+' || sFormat[i + 1] == '-') && sFormat[i + 2] == '0') || sFormat[i + 1] == '0')) {
            if (eIndex == null) {
                eIndex = i;
            }
            continue;
        }
        if (sFormat[i] == '.') {
            if (HasPoint) {
                sFormat = sFormat.substring(0, i) + sFormat.substring(i + 1, sFormat.length);
                i--;
            } else {
                HasPoint = true;
            }
            continue;
        }
        if (sFormat[i] == ',') {
            HasComma = !HasPoint;
            sFormat = sFormat.substring(0, i) + sFormat.substring(i + 1, sFormat.length);
            i--;
            continue;
        }
    }
    Num *= Math.pow(10, 2 * PerCount);
    var eLeft = 0;
    var eRight = 0;
    var e = 0;
    var eFormat = "";
    var eAfter = "";
    if (eIndex != null) {
        for (var i = 0; i < sFormat.length; i++) {
            if (i < eIndex && sFormat[i] == '0') {
                eLeft++;
            } else if (i > eIndex && sFormat[i] == '0') {
                eRight++;
                eFormat += 0;
                sFormat = sFormat.substring(0, i) + sFormat.substring(i + 1, sFormat.length);
                i--;
                continue;
            }
            if (i > eIndex && sFormat[i] != '0' && sFormat[i] != '#' && sFormat[i] != '+' && sFormat[i] != '-') {
                eAfter = sFormat.substring(i, sFormat.length);
                sFormat = sFormat.substr(0, i)
                break;
            }
            if (sFormat[i] == '.') {
                break;
            }
        }
    }
    if (eLeft != 0 && eRight != 0) {
        var Help = Math.pow(10, eLeft);
        var Help2 = Math.pow(10, eLeft - 1);
        while (Num < Help2) {
            Num *= 10;
            e--;
        }
        while (Num >= Help) {
            Num /= 10;
            e++;
        }
    } else {
        e = '';
    }
    var Formats = sFormat.split(".");
    if (e.length != 0 && Formats.length > 1 && Formats[1].length == 0) {
        if (Num - parseInt(Num) >= 0.5) {
            Num += 1;
        }
        while (Num >= Help) {
            Num /= 10;
            e++;
        }
        e = e + '';
        while (e.length < eRight) {
            e = '0' + e;
        }
    } else if (e.length != 0) {
        e = e + '';
        while (e.length < eRight) {
            e = '0' + e;
        }
    }
    var sNum = Num + "";
    var Nums = sNum.split(".");
    //四舍五入
    if (Formats[1] != null && Nums[1] != null) {
        var sPoint = Formats[1].match(/#/g);
        var index = sPoint.length;
        if (Nums[1][index] != null && Nums[1][index] > 4) {
            Num = (Nums[0] + '.' + Nums[1].substr(0, index)) * 1 + Math.pow(10, -index);
            sNum = Num + "";
            Nums = sNum.split(".");
        }
    } else if (Formats[0] != null && eIndex != null) {
        if (Nums[1][0] != null && Nums[1][0] > 4) {
            if (Nums[0] == "9") {
                e++;
                Nums[0] = "1";
                Nums[1] = "0";
            } else {
                Nums[0] = Nums[0] * 1 + 1 + "";
                Nums[1] = "0";
            }
        }
    }
    //整数部分
    var eString = e + "";
    if (eString.length < eFormat.length) {
        eString = eFormat.substr(0, eFormat.length - eString.length) + eString;
    }
    var sRet = "";
    var bSetE = false;
    var index = Nums[0].length - 1;
    if (Formats[0] != null) {
        for (var i = Formats[0].length - 1; i > -1 ; i--) {
            if (Formats[0][i - 1] == '\\') {
                sRet = (Nums[0][index] == null ? '' : Formats[0][i]) + sRet;
                i--;
                continue;
            }
            if (Formats[0][i] == 'e') {
                if (!bSetE) {
                    if (sRet == "-") {
                        sRet = 'e' + eString + eAfter;
                    } else if (sRet == "+") {
                        sRet = 'e' + sRet + eString + eAfter;
                    } else {
                        sRet = 'e' + eString + sRet + eAfter;
                    }
                    bSetE = true;
                } else {
                    sRet = Formats[0][i] + sRet;
                }
            }
            else if (Formats[0][i] == '0') {
                if (Formats[0].indexOf('0') == i && (Formats[0].indexOf("#") > i || Formats[0].indexOf("#") < 0)) {
                    for (; index > 0;) {
                        sRet = (Nums[0][index] == null ? (e.length == 0 ? '0' : '') : Nums[0][index]) + sRet;
                        index--;
                        if (index > 0 && (Nums[0].length - index) % 3 == 1 && HasComma) {
                            sRet = ',' + sRet;
                        }
                    }
                } else {
                    sRet = (Nums[0][index] == null ? (e.length == 0 ? '0' : '') : Nums[0][index]) + sRet;
                    index--;
                }
            } else if (Formats[0][i] == '#') {
                if (Formats[0].indexOf('#') == i && (Formats[0].indexOf("0") > i || Formats[0].indexOf("0") < 0)) {
                    var sTemp = Nums[0].substr(0, index + 1);
                    for (; index >= 0;) {
                        sRet = (Nums[0][index] == null ? (e.length == 0 ? '0' : '') : Nums[0][index]) + sRet;
                        index--;
                        if (index > 0 && (Nums[0].length - index) % 3 == 1 && HasComma) {
                            sRet = ',' + sRet;
                        }
                    }
                } else {
                    sRet = (Nums[0][index] == null ? '' : Nums[0][index]) + sRet;
                    index--;
                }
            } else {
                sRet = Formats[0][i] + sRet;
            }
            if (index >= 0) {
                if ((Nums[0].length - index) % 3 == 1 && HasComma) {
                    sRet = ',' + sRet;
                }
            }
        }
    }
    for (; index > -1; index--) {
        sRet = Nums[0][index] + sRet;
        if ((Nums[0].length - index) % 3 == 0 && HasComma && index != 0) {
            sRet = ',' + sRet;
        }
    }
    var index = 0;
    //小数部分
    var sRet2 = '';
    if (Formats[1] != null) {
        Nums.push('');
        for (var i = 0; i < Formats[1].length ; i++) {
            if (Formats[1][i] == '0') {
                if (Formats[1].lastIndexOf('0') == i && Formats[1].lastIndexOf('#') < i) {
                    sRet2 += (Nums[1].substr(index));
                    index == Nums[1].length;
                } else {
                    sRet2 += (Nums[1][index] == null ? '0' : Nums[1][index]);
                    index++;
                }
            } else if (Formats[1][i] == '#') {
                if (Formats[1].lastIndexOf('0') == i && Formats[1].lastIndexOf('#') < i) {
                    sRet2 += (Nums[1].substr(index));
                    index == Nums[1].length;
                } else {
                    sRet2 += (Nums[1][index] == null ? '0' : Nums[1][index]);
                    index++;
                }
            } else {
                sRet2 += (Formats[1][i]);
            }
        }
    }
    if (sRet2.length != 0) {
        sRet += "." + sRet2;
    }
    return sRet;
}

Number.prototype.toCeil = function (num) {
    var temp = parseInt(this);
    if (temp < this) {
        temp += 1;
    }
    return temp;
};

(function () {
    var toPrecision = Number.prototype.toPrecision;
    Number.prototype.toPrecision = function (nPrecision, useDef) {
        var Num = toPrecision.call(this, nPrecision);
        if (useDef === false) {
            var ei = Num.indexOf("e");
            if (ei < 0) {
                return Num * 1 + "";
            } else {
                return Num.substr(0, ei) * 1 + Num.substr(ei);
            }
        } else {
            return Num;
        }
    }
}())

Array.prototype.CLConcat = function (other) {
    for (var i = 0; i < other.length ; i++) {
        if (this.indexOf(other[i]) < 0) {
            this.push(other[i]);
        }
    }
    return this;
};

Array.prototype.CLRemove = function (other) {
    var index = this.indexOf(other);
    if (index >= 0) {
        this.splice(index, 1);
    }
};

Array.prototype.Insert = function (index, ele) {
    for (var i = this.length; i > index; i--) {
        this[i] = this[i - 1];
    }
    this[index] = ele;
}

; (function () {
    var func = Array.isArray;
    Array.isArray = function (ele) {
        return func(ele) || (ele && ele.constructor && ele.constructor.toString().substr(9, 5) == "Array");
    }
}());

Date.prototype.WeekNum = function () {
    var totalDays = 0;
    var dateTime = this;
    var years = dateTime.getFullYear()
    if (years < 1000)
        years += 1900
    var days = new Array(12);
    days[0] = 31;
    days[2] = 31;
    days[3] = 30;
    days[4] = 31;
    days[5] = 30;
    days[6] = 31;
    days[7] = 31;
    days[8] = 30;
    days[9] = 31;
    days[10] = 30;
    days[11] = 31;

    //判断是否为闰年，针对2月的天数进行计算
    if ((dateTime.getFullYear() % 4 == 0 && dateTime.getFullYear() % 100 != 0) || (dateTime.getFullYear() % 400 == 0)) {
        days[1] = 29
    } else {
        days[1] = 28
    }
    var curMonth = dateTime.getMonth();
    for (var count = 0; count < curMonth; count++) {
        totalDays = totalDays + days[count];
    }
    totalDays = totalDays + dateTime.getDate();
    //得到第几周
    var Temp = Date.Parse(dateTime.getFullYear() + "-01-01");
    var iDay = Temp.getDay();
    var week = 0;
    if (iDay != 0) {
        totalDays -= (7 - iDay);
        week++;
    }
    if (totalDays < 0) {
        return week;
    }

    if (totalDays % 7 != 0) {
        week++;
    }
    week += parseInt(totalDays / 7);
    return week;
}

String.prototype.replaceAll = function (s1, s2) {
    var sRet = this;
    if (!s1.length) {
        return sRet;
    }
    var index = sRet.indexOf(s1);
    while (index >= 0) {
        sRet = sRet.substr(0, index) + s2 + sRet.substr(index + s1.length);
        index = sRet.indexOf(s1);
    }
    return sRet.toString();
}

function IsMobile() {
    return window.navigator.userAgent.indexOf("Mobile") >= 0;
}

function CLReady(fun) {
    var list = [new Promise(function (end, stop) {
        $(document).ready(function () {
            end();
        });
    })];
    Promise.all(list).then(function () {
        fun();
    });
}

function CLQuickSort(arr, cmp) {
    arr.sort(cmp);
}

function CLMaxZIndex(dbg) {
    return 2147483646;
}

function CLDbgMaxZIndex() {
    return 2147483647;
}

function CLCheckPhone(input) {
    var phone = input.value;
    if (!(/^1[34578]\d{9}$/.test(phone))) {
        return false;
    }
    return true;
}

function CLCheckTel(input) {
    var tel = input.value;
    if (!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(tel)) {
        return false;
    }
    return true;
}

function CLCheckIDCard(input) {
    var IDCard = input.value;
    if (!/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(IDCard)) {
        return false;
    }
    return true;
}

function CLCheckPostalCode(input) {
    var PostalCode = input.value;
    if (!/^[1-9][0-9]{5}$/.test(PostalCode)) {
        return false;
    }
    return true;
}

function CLCheckMailAddress(input) {
    var MailAddress = input.value;
    if (!/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(MailAddress)) {
        return false;
    }
    return true;
}

function CLGetNameFromTree(Id, Tree) {
    if (Tree.ID == Id) {
        return Tree.Name;
    } else {
        var Name = null;
        for (var i = 0; Tree.SubNode != null && i < Tree.SubNode.length ; i++) {
            Name = CLGetNameFromTree(Id, Tree.SubNode[i]);
            if (Name != null) {
                return Name;
            }
        }
    }
}

function CLGetEleTree(Id, Tree, key) {
    key = key === null ? "ID" : key;
    if (Tree[key] == Id) {
        return Tree;
    } else {
        var data = null;
        for (var i = 0; Tree.SubNode != null && i < Tree.SubNode.length ; i++) {
            data = CLGetEleTree(Id, Tree.SubNode[i], key);
            if (data != null) {
                return data;
            }
        }
    }
}

function CLForceTreeLevel(jTable, Level, Index) {
    if (Level == 0) {
        return null;
    }
    function ToList(node, arr) {
        var SubNode = node.SubNode;
        var type = 0;
        if (node[Index] !== undefined) {
            if (typeof node[Index] == "number") {
                type = 1;
            }
            if (typeof node[Index] == "string") {
                type = 2;
            }
        }
        for (var i = 0; i < SubNode.length; i++) {
            if (SubNode[i].SubNode) {
                if (type == 1) {
                    SubNode[i][Index] = node[Index] + SubNode[i][Index] / 10;
                }
                else if (type == 2) {
                    SubNode[i][Index] = node[Index] + SubNode[i][Index];
                }
                ToList(SubNode[i], arr);
            } else {
                arr.push(SubNode[i]);
            }
        }
        delete node.SubNode;
        arr.splice(0, 0, node);
    }
    var dataTree = CLTableToTree(jTable);
    function Force(node, iLevel, root) {
        if (iLevel == Level) {
            var arr = [];
            ToList(node, arr);
            var ele = arr.splice(0, 1);
            var index = root.SubNode.indexOf(node);
            var args = [index + 1, 0].concat(arr);
            Array.prototype.splice.apply(root.SubNode, args);
            for (var i = 0; i < arr.length; i++) {
                arr[i].ParentID = root.ID;
            }
        } else {
            var SubNode = iLevel == Level - 1 ? [].concat(node.SubNode) : node.SubNode;
            for (var i = 0; SubNode && i < SubNode.length; i++) {
                Force(SubNode[i], iLevel + 1, node);
            }
        }
    }
    var root = {
        ID: null,
        SubNode: dataTree
    };

    for (var i = 0; dataTree && i < dataTree.length; i++) {
        Force(dataTree[i], 1, root);
    }

    var arr = [];
    ToList(root, arr);
    arr.splice(0, 1);
    return arr;
}

function CLStrCmp(str1, str2) {
    var left = str1;
    var right = str2;
    if (str1 == str2) {
        return 0;
    }
    if (!left && !right) {
        return 0;
    }
    if (!!left && !right) {
        return 1;
    }
    if (!left && !!right) {
        return -1;
    }
    if (typeof left != "string") {
        left = left.toString();
    }
    if (typeof right != "string") {
        right = right.toString();
    }
    if (str1 == str2) {
        return 0;
    }
    return str1 > str2 ? 1 : -1;
}

function CLObjectToTable(o, key) {
    if (Array.isArray(o)) {
        var arr = [];
        for (var i = 0; i < o.length; i++) {
            arr = arr.concat(CLObjectToTable(o[i], key));
        }
        return arr;
    } else if (typeof o == "object") {
        var line = {};
        var oo = {};
        var ook;
        var len = 0;
        for (var k in o) {
            var ele = o[k];
            var ok = !!key ? key + "." + k : k;
            if (ele && typeof ele == "object") {
                ook = CLObjectToTable(ele, ok);
                len = len > ook.length ? len : ook.length;
                oo[k] = ook;
            } else {
                line[ok] = ele;
            }
        }
        if (len > 0) {
            var lines = [line];
            for (var i = 1; i < len; i++) {
                lines.push(CLClone(line));
            }
            for (var k in oo) {
                var ele = oo[k];
                for (var i = 0; i < ele.length; i++) {
                    var ol = ele[i];
                    var oline = lines[i];
                    for (var kk in ol) {
                        oline[kk] = ol[kk];
                    }
                }
            }
            return lines;
        } else {
            return [line];
        }
    } else {
        var line = {};
        line[key] = o
        return [line];
    }
}

function CLFullScreen(Ele) {
    var tdoc = CLTop.document;
    var tbody = tdoc.body;
    function Full(ele, full) {
        if (tbody != ele) {
            if (full) {
                ele.oldStyle = ele.style.cssText;
                ele.style.cssText = "background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:" + CLMaxZIndex();
                if (ele.tagName.toLocaleLowerCase() != "body") {
                    Full(ele.ownerDocument.body, full);
                    function Exit(e) {
                        if (tdoc.fullscreenElement) {
                            return;
                        }
                        if (Ele.oldStyle) {
                            Full(Ele, !full);
                            Ele.__isFull__ = !Ele.__isFull__;
                        }
                        CLTop.removeEventListener("fullscreenchange", Exit, true);
                    }
                    CLTop.addEventListener("fullscreenchange", Exit, true);
                } else {
                    Full(ele.ownerDocument.Window.frameElement, full);
                }
            } else {
                ele.style.cssText = ele.oldStyle;
                delete ele.oldStyle;
                if (ele.tagName.toLocaleLowerCase() != "body") {
                    Full(ele.ownerDocument.body, full);
                } else {
                    Full(ele.ownerDocument.Window.frameElement, full);
                }
            }
        } else {
            if (!full) {
                ele.style.cssText = ele.oldStyle;
                delete ele.oldStyle;
            }
        }
    }
    Ele.__isFull__ = !Ele.__isFull__;
    var isFull = Ele.__isFull__;
    Full(Ele, isFull);
    var isFullscreen = !!tdoc.fullscreenElement;
    if (isFull && !isFullscreen) {
        tdoc.__fullele__ = Ele;
        (tbody.requestFullscreen && tbody.requestFullscreen()) ||
        (tbody.mozRequestFullScreen && tbody.mozRequestFullScreen()) ||
        (tbody.webkitRequestFullscreen && tbody.webkitRequestFullscreen()) || (tbody.msRequestFullscreen && tbody.msRequestFullscreen());
    }
    if (!isFull && isFullscreen) {
        if (tdoc.__fullele__ == Ele) {
            tdoc.exitFullscreen ? tdoc.exitFullscreen() :
            tdoc.mozCancelFullScreen ? tdoc.mozCancelFullScreen() :
            tdoc.webkitExitFullscreen ? tdoc.webkitExitFullscreen() : '';
            delete tdoc.__fullele__;
        }
    }
}

function CLIsFullScreen() {
    var isFullscreen = CLTop.document.fullScreen || CLTop.document.mozFullScreen || CLTop.document.webkitIsFullScreen;
    return isFullscreen;
}

function CLSaveAsLocal(name, data) {
    function fake_click(obj) {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent(
            "click", true, false, window, 0, 0, 0, 0, 0
            , false, false, false, false, 0, null
            );
        obj.dispatchEvent(evt);
    }
    function download(name, data) {
        var urlObject = window.URL || window.webkitURL || window;
        if (!(data instanceof Blob)) {
            data = new Blob([data]);
        }
        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
        save_link.href = CLGetObjectURL(data);
        save_link.download = name;
        fake_click(save_link);
        CLDeleteObjectByUrl(save_link.href);
    }
    download(name, data);
}

function CLDownLoad(name, url) {
    var load = CLRead(url, function (data) {
        CLSaveAsLocal(name, new Blob([data]));
        CLShowProgress(document.body);
    });
    load.Stop();
    var xhr = load.Request;
    var dt = new Date();
    var bytes = 0;
    xhr.addEventListener("progress", function (e) {
        if (e.lengthComputable) {
            var tm = dt;
            dt = new Date();
            tm = dt - tm;
            var sp = (e.loaded - bytes) * 1000 / tm;
            bytes = e.loaded;
            if (sp > 1024 * 1024) {
                sp /= 1024 * 1024;
                sp = sp.toFixed(2) + "MB/S";
            } else if (sp > 1024) {
                sp /= 1024;
                sp = sp.toFixed(2) + "KB/S";
            } else {
                sp = sp.toFixed(2) + "B/S";
            }
            var info = "正在下载(" + sp + ")";
            CLShowProgress(document.body);
            CLShowProgress(document.body, info, e.loaded / e.total, 0, 0, info);
            document.body.divProgress.style.zIndex = CLMaxZIndex();
        }
    }, false);
}

function CLGetPixelSize() {
    if (CLTop.CLPixelSize != null) {
        return CLTop.CLPixelSize;
    }
    var tmpNode = document.createElement("DIV");
    tmpNode.style.cssText = "width:1000mm;height:1000mm;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
    document.body.appendChild(tmpNode);
    var size = 1000 / tmpNode.offsetWidth;
    tmpNode.parentNode.removeChild(tmpNode);
    CLTop.CLPixelSize = size;
    return size;
}

function CLConfirm(Sure, Msg, event, width) {
    var dataMenu = {
        "style": {
            "min-width": "280px",
            "width": width,
            "padding": "8px",
            "overflow": "hidden",
        },
        "Items": [
        ]
    }
    var menu = new CLTop.CLMenu(dataMenu);
    var Text = document.createElement("div");
    Text.innerHTML = Msg;
    Text.style.whiteSpace = "pre-line";
    menu.Div.appendChild(Text);
    var Bottom = document.createElement("div");
    Bottom.className = "Bottom";
    Bottom.style.textAlign = "center";
    Bottom.style.position = "initial";
    menu.Div.appendChild(Bottom);
    var Btn = document.createElement("div");
    Btn.className = "CLBtnDel";
    Btn.innerHTML = "确定";
    Btn.onclick = function () {
        Sure();
        menu.Close();
    }
    Btn.style.margin = "0 5px 0 0";
    Bottom.appendChild(Btn);
    Btn = document.createElement("div");
    Btn.className = "CLBtnCancel";
    Btn.style.margin = "0 0 0 5px";
    Btn.innerHTML = "取消";
    Btn.onclick = function () {
        menu.Close();
    }
    Bottom.appendChild(Btn);
    menu.Div.style.height = "initial";
    menu.Reset(event, false);
    var bg = menu.Box.parentNode;
    bg.style.pointerEvents = "initial";
    menu.addFilter(bg);
    menu.Div.addEventListener("animationend", function () {
        menu.Div.style.animation = "none";
    });
    menu.Div.onmousedown = function (e) {
        e.stopPropagation();
    }
    bg.onmousedown = function () {
        menu.Div.style.animation = "CLFlash 0.1s ease-in-out";
        menu.Div.style.animationIterationCount = 5;
    }
    return menu;
}

function CLStringFromUtf8(buffer) {
    if (!(buffer instanceof Uint8Array)) {
        buffer = new Uint8Array(buffer);
    }
    return buffer.ToString();
}

function CLHTMLSafe(html) {
    var temp = document.createElement("div");
    temp.innerHTML = html;
    return temp.innerHTML;
}

function CLClipboard(func, type) {
    var end = false;
    function End(list) {
        removeEventListener("paste", Paste, true);
        if (!end) {
            end = true;
            func && func(list);
        }
    }
    function Paste(e) {
        if (!end) {
            var items = e.clipboardData.items;
            var list = [];
            for (var i = 0; i < items.length ; i++) {
                list.push(items[i]);
            }
            End(list);
        }
        e.preventDefault();
        e.stopImmediatePropagation();
    }
    function Clear(e) {
        e.preventDefault();
        e.stopImmediatePropagation();
        removeEventListener("paste", Clear, true);
        CLCopy("", false);
    }
    if (typeof func == "string") {
        type = func;
        func = null;
    }
    if (type == null || type == "Read") {
        addEventListener("paste", Paste, true);
        CLLocalInovke(sysUrl, "System", "WSDoPaste", [], function (data) {
            if (!data.R) {
                End([]);
            }
        }, 10000, null, true);
    } else if (type == "Clear") {
        addEventListener("paste", Clear, true);
        CLLocalInovke(sysUrl, "System", "WSDoPaste", [], function (data) {
            if (!data.R) {
                Clear();
            }
        }, 10000, null, true);
    }
}

//压缩图片
function CLCompressImg(File, End) {
    /*
 三个参数
 file：一个是文件(类型是图片格式)，
 w：一个是文件压缩的后宽度，宽度越小，字节越小
 objDiv：一个是容器或者回调函数
 photoCompress()
  */
    var ext = File.name.substr(File.name.lastIndexOf(".") + 1);
    function photoCompress(file, w, callback) {
        var ready = new FileReader();
        /*开始读取指定的Blob对象或File对象中的内容. 当读取操作完成时,readyState属性的值会成为DONE,如果设置了onloadend事件处理程序,则调用之.同时,result属性中将包含一个data: URL格式的字符串以表示所读取文件的内容.*/
        ready.readAsDataURL(file);
        ready.onload = function () {
            var re = this.result;
            canvasDataURL(re, w, callback)
        }
    }
    function canvasDataURL(path, obj, callback) {
        var img = new Image();
        img.src = path;
        img.onload = function () {
            var that = this;
            // 默认按比例压缩
            var w = that.width,
                h = that.height,
                scale = w / h;
            w = obj.width || w;
            h = obj.height || (w / scale);
            if (w > 1920) {
                w = 1920;
                h = w / scale;
            }
            var quality = 0.7;  // 默认图片质量为0.7
            //生成canvas
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            // 创建属性节点
            var anw = document.createAttribute("width");
            anw.nodeValue = w;
            var anh = document.createAttribute("height");
            anh.nodeValue = h;
            canvas.setAttributeNode(anw);
            canvas.setAttributeNode(anh);
            ctx.drawImage(that, 0, 0, w, h);
            // 图像质量
            if (obj.quality && obj.quality <= 1 && obj.quality > 0) {
                quality = obj.quality;
            }
            // quality值越小，所绘制出的图像越模糊
            var base64 = canvas.toDataURL('image/jpeg', quality);
            // 回调函数返回base64的值
            callback(base64);
        }
    }
    /**
         * 将以base64的图片url数据转换为Blob
         * @param urlData
         *            用url方式表示的base64图片数据
         */
    function convertBase64UrlToBlob(urlData) {
        var arr = urlData.split(','), mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], { type: mime });
    }

    var Imgs = [
        "gif", "jpg", "jpeg",/*"png"*/, "bmp"
    ];

    if (Imgs.indexOf(ext) >= 0 || (ext == "png" && File.size > 80 * 1024)) {
        photoCompress(File, {
            quality: 0.5
        }, function (base64Codes) {
            var file = convertBase64UrlToBlob(base64Codes);
            file.name = File.name;
            file.shortBrief = CLMD5(base64Codes);
            End(file);
        });
    } else {
        var reader = new FileReader();
        reader.readAsDataURL(File);
        reader.onload = function () {
            File.shortBrief = CLMD5(reader.readAsDataURL);
            End(File);
        }
    }
}

//光标位置插入文本
function CLInsertText(textArea, str) {
    if (document.selection) {
        var sel = document.selection.createRange();
        sel.text = str;
    } else if (typeof textArea.selectionStart === 'number' && typeof textArea.selectionEnd === 'number') {
        var startPos = textArea.selectionStart,
            endPos = textArea.selectionEnd,
            cursorPos = startPos,
            tmpStr = textArea.value;
        textArea.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += str.length;
        textArea.selectionStart = textArea.selectionEnd = cursorPos;
    } else {
        textArea.value += str;
    }
}

function CLShowMsg(html, timeOut, callback, err) {
    if (typeof html != 'string') {
        html = html + '';
    }
    if (typeof timeOut == "boolean") {
        err = timeOut;
        timeOut = undefined;
    } else if (typeof timeOut == "function") {
        err = callback;
        callback = timeOut;
    }
    if (err === undefined) {
        err = true;
    }
    html = html.replace("[Microsoft][SQL Server Native Client 11.0]", "");
    if (window.CLApp && (html.indexOf("违反了 UNIQUE KEY") > 0 || html.indexOf("[SQL Server]因为发现") > 0)) {
        var field = html.match(/UNIQUE_[0-9]+/);
        field = field == null ? null : field[0].substr(7);
        var table = html.match(/dbo\.DataTable_[0-9]+/);
        table = table == null ? null : table[0].substr(14);
        table = CLApp.getFormById(table);
        if (!table) {
            table = CLApp.getFieldInfo(table);
        }
        if (table) {
            table = table.Name;
        }
        field = CLApp.getFieldInfo(field);
        if (field) {
            field = field.Name;
        }
        if (table && field) {
            html = "【" + table + "】表单【" + field + "】字段不允许有重复值,请检查你的表单配置及提交数据是否正确.";
        }
    }
    if (window.CLApp && html.indexOf("[SQL Server]") > 0) {
        var match = html.match(/DataTable_[0-9]+/);
        for (var i = 0; match && i < match.length; i++) {
            var table = match == null ? null : match[i].substr(10);
            table = CLApp.getFormById(table);
            if (!table) {
                table = CLApp.getFieldInfo(table);
            }
            if (table) {
                html = html.replace(match, table.Name);
            }
        }
        match = html.match(/DataField_[0-9]+/);
        for (var i = 0; match && i < match.length; i++) {
            var field = match == null ? null : match[i].substr(10);
            field = CLApp.getFieldInfo(field);
            if (field) {
                html = html.replace(match, field.Name);
            }
        }
    }
    return H5 && H5.ShowMsg(html, timeOut, callback, !err);
}

CanvasRenderingContext2D.prototype.fillRoundRect = function (x, y, width, height, radius, /*optional*/ fillColor) {
    //圆的直径必然要小于矩形的宽高          
    var cxt = this;
    if (2 * radius > width || 2 * radius > height) { return false; }
    cxt.save();
    cxt.translate(x, y);
    //绘制圆角矩形的各个边  
    drawRoundRectPath(cxt, width, height, radius);
    cxt.fillStyle = fillColor || "#000"; //若是给定了值就用给定的值否则给予默认值  
    cxt.fill();
    cxt.restore();

    function drawRoundRectPath(cxt, width, height, radius) {
        cxt.beginPath(0);
        //从右下角顺时针绘制，弧度从0到1/2PI  
        cxt.arc(width - radius, height - radius, radius, 0, Math.PI / 2);

        //矩形下边线  
        cxt.lineTo(radius, height);

        //左下角圆弧，弧度从1/2PI到PI  
        cxt.arc(radius, height - radius, radius, Math.PI / 2, Math.PI);

        //矩形左边线  
        cxt.lineTo(0, radius);

        //左上角圆弧，弧度从PI到3/2PI  
        cxt.arc(radius, radius, radius, Math.PI, Math.PI * 3 / 2);

        //上边线  
        cxt.lineTo(width - radius, 0);

        //右上角圆弧  
        cxt.arc(width - radius, radius, radius, Math.PI * 3 / 2, Math.PI * 2);

        //右边线  
        cxt.lineTo(width, height - radius);
        cxt.closePath();
    }
}

function CLCreateBarCode(Text, LogoTxt, UnderText, Color, bgColor) {
    var qCtx;
    var qCanvas;
    var ele = {
        appendChild: function (ele) {
            if (ele.tagName == "CANVAS") {
                qCanvas = ele;
                qCtx = ele.getContext('2d');
            }
        }
    }
    if (bgColor == null) {
        bgColor = "#ffffff";
    }
    if (Color == null) {
        Color = "#000000";
    }
    var qrcode = new QRCode(ele, {
        width: 300,
        height: 300,
        correctLevel: 3,
        colorLight: bgColor,
        colorDark: Color
    });
    if (typeof Text != "string" && Text) {
        Text = Text.toString();
    }
    qrcode.makeCode(Text == null ? "null" : Text);
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext('2d');
    var anw = document.createAttribute("width");
    anw.nodeValue = 300;
    var anh = document.createAttribute("height");
    anh.nodeValue = !!UnderText ? 350 : 300;
    canvas.setAttributeNode(anw);
    canvas.setAttributeNode(anh);
    ctx.putImageData(qCtx.getImageData(0, 0, 300, 300), 0, 0);
    if (!!UnderText) {
        ctx.font = "18px bold 黑体";
        ctx.fillStyle = Color;
        var len = ctx.measureText(UnderText + "").width;
        len /= 2;
        len = len > 150 ? 150 : len;
        ctx.fillText(UnderText, 150 - len, 330, 300);
    }
    if (LogoTxt) {
        ctx.fillRoundRect(110, 108, 80, 80, 4, bgColor);
        var len = ctx.measureText(LogoTxt + "").width / 2;
        ctx.font = "18px bold 黑体";
        ctx.fillStyle = Color;
        ctx.fillText(LogoTxt, 148 - len, 154, 108);
    }
    return canvas.toDataURL();
}

function CLTextToImage(fontFamily, fontSize, color, text, lineHeight, width) {
    var canvas = document.createElement("canvas");
    var ctx = canvas.getContext('2d');
    ctx.font = fontSize + " " + fontFamily;
    ctx.fillStyle = color;
    ctx.textAlign = "left";
    var len = ctx.measureText(text).width;
    lineHeight = parseInt(lineHeight);
    width = parseInt(width);
    var height = len / width;
    if (len % width != 0) {
        height += 1;
    }
    height *= lineHeight;
    canvas.setAttribute("width", width);
    canvas.setAttribute("height", height);

    ctx.font = fontSize + " " + fontFamily;
    ctx.fillStyle = color;
    ctx.textAlign = "left";
    var lw = 0;
    var top = parseInt(fontSize);
    for (var i = 0; i < text.length; i++) {
        var chw = ctx.measureText(text[i]).width;
        if (lw + chw >= width) {
            lw = 0;
            top += lineHeight;
        }
        ctx.fillText(text[i], lw, top, width);
        lw += chw;
    }
    return canvas.toDataURL();
}

function CLUnZip(buffer, string) {
    if (window.pako == null) {
        CLLoad("/js/pako.min.js");
    }
    if (buffer.constructor == "".constructor) {
        buffer = new CLBase64().buffer(buffer);
    }
    var data = pako.inflate(buffer);
    if (string != false) {
        return CLStringFromUtf8(new Uint8Array(data));
    } else {
        return new Uint8Array(data);
    }
}

function CLZip(input) {
    if (window.pako == null) {
        CLLoad("/js/pako.min.js");
    }
    if (input.toLocaleLowerCase != null) {
        input = input.ToUtf8();
    }
    var data = pako.deflate(input);
    return data.ToBase64();
}

function CLECBEncrypt(key, data) {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    var encrypted = CryptoJS.DES.encrypt(data, keyHex, {
        iv: keyHex,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    return new CLBase64().hexString(encrypted.toString());
}

function CLECBDecrypt(key, data) {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    // direct decrypt data
    var ciphertext = CryptoJS.enc.Hex.parse(data)
    var decrypted = CryptoJS.DES.decrypt({
        ciphertext: CryptoJS.enc.Hex.parse(data)
    }, keyHex, {
        iv: keyHex,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    return decrypted.toString(CryptoJS.enc.Latin1);
}

//获取数字格式
function CLGetFormat(dataFormat) {
    var sFormat = "";
    if (dataFormat == null) {
        return sFormat;
    }
    if (dataFormat.type == "custom") {
        sFormat = dataFormat.format;
    } else if (dataFormat.format != null) {
        if (dataFormat.format.indexOf("千分符") >= 0) {
            sFormat += "#,##";
        }
        if (dataFormat.format.indexOf("小数位数") >= 0) {
            var index = dataFormat.format.indexOf("|") + 1;
            var val = parseInt(dataFormat.format.substr(index));
            if (!isNaN(val) && val != 0) {
                sFormat += "#.";
                for (var i = 0; i < val; i++) {
                    sFormat += "#";
                }
            } else {
                sFormat += "#";
            }
        }
        if (dataFormat.format.indexOf("百分比") >= 0) {
            sFormat += "%";
        }
    }
    return sFormat;
}

function CLNumFormatDialog(dataFormat, End) {
    var self = this;
    var divDlg = document.createElement("div");
    divDlg.style.cssText = "width:500px;height:400px";
    var _Dlg = new CLDialog(divDlg);
    //创建头部
    _Dlg.CreateHeader("数据格式");
    //创建主体
    var Body = _Dlg.CreateBody();
    if (dataFormat == null) {
        dataFormat = {
        };
    }
    dataFormat = {
        type: dataFormat.type == null ? "preset" : dataFormat.type,
        format: dataFormat.format == null ? "" : dataFormat.format
    }
    var formatList = dataFormat.format == null ? [] : dataFormat.format.split(',');
    //预定义
    var presetDiv = document.createElement("div");
    presetDiv.style.cssText = "margin-bottom: 20px;";
    Body.appendChild(presetDiv);
    Body.classList.add("InlineBox");
    var presetBtn = new CLRadioBox("预定义格式", presetDiv);
    var checkLine = document.createElement("div");
    checkLine.style.cssText = "height:30px;line-height:30px;;margin: 10px 0 10px 10px;";
    presetDiv.appendChild(checkLine);
    var Formats = (function () {
        return ["千分符", "百分比", "小数位数"];
    })();
    var Boxes = [];
    for (var i = 0; i < Formats.length; i++) {
        Boxes[i] = new CLCheckBox(Formats[i], checkLine);
        Boxes[i].Name = Formats[i];
        if (dataFormat.format.indexOf(Formats[i]) >= 0) {
            Boxes[i].checked = true;
        }
        Boxes[i].onchanged = function (self) {
            if (self.Name == "小数位数") {
                if (self.checked == true) {
                    input.style.display = "";
                    var index = dataFormat.format.indexOf("|") + 1;
                    if (index > 0) {
                        input.value = dataFormat.format.substr(index);
                    }
                    if (input.value == null || input.value.length == 0) {
                        input.value = 0;
                    }
                } else {
                    input.style.display = "none";
                }
            }
            resetFormat();
        }
        checkLine.lastChild.style.cssText = "width:80px;margin-left:10px;font-size:12px;display:inline-block";
    }
    var input = document.createElement("input");
    input.style.cssText = "width:170px;padding:0 8px;margin-left:5px;height:30px;outline:none;border:1px #e0e0e0 solid;display:none";
    checkLine.appendChild(input);
    if (dataFormat.format.indexOf("小数位数") >= 0) {
        input.style.display = "";
        input.value = dataFormat.format.substr(dataFormat.format.lastIndexOf("|") + 1);
    }
    input.setAttribute("placeholder", "0~5");
    function resetFormat() {
        if (customBtn.checked == true) {
            dataFormat.format = formatInput.value;
            showFormat();
            return;
        }
        dataFormat.format = "";
        for (var i = 0; i < Boxes.length; i++) {
            if (Boxes[i].checked) {
                dataFormat.format += Boxes[i].Name;
                if (Boxes[i].Name == "小数位数") {
                    dataFormat.format += "|" + (input.value.length == 0 ? '0' : input.value);
                }
                dataFormat.format += ",";
            }
        }
        if (dataFormat.format.length != 0) {
            dataFormat.format = dataFormat.format.substr(0, dataFormat.format.length - 1);
        }
        presetFormat = dataFormat.format;
        showFormat();
    }
    input.oninput = function () {
        CLCheckInt(input, 0, 5);
    }
    input.onchange = function () {
        resetFormat();
    }
    //自定义
    var customDiv = document.createElement("div");
    customDiv.style.cssText = "height:75px";
    Body.appendChild(customDiv);
    var customBtn = new CLRadioBox("自定义格式", customDiv);
    customDiv.lastChild.style.display = "inline-block";
    var formatInput = document.createElement("input");
    formatInput.style.cssText = "height:30px;width:calc(100% - 20px);outline:none;border:1px #e0e0e0 solid;margin: 10px 0 0 20px;padding:8px";
    customDiv.appendChild(formatInput);
    formatInput.onchange = function () {
        resetFormat();
    }
    var presetFormat = dataFormat.format;
    presetBtn.onchanged = function () {
        if (presetBtn.checked) {
            customBtn.checked = false;
            formatInput.disabled = true;
            formatInput.style.background = "#f4f5f5";
            dataFormat.type = "preset";
            dataFormat.format = presetFormat;
            for (var i = 0; i < Boxes.length ; i++) {
                Boxes[i].enable = true;
            }
            input.disabled = false;
            input.style.background = "";
            showFormat();
        } else {
            dataFormat.format = formatInput.value;
        }
    }
    customBtn.onchanged = function () {
        if (customBtn.checked) {
            formatInput.value = dataFormat.format = CLGetFormat(dataFormat);
            dataFormat.type = "custom";
            presetBtn.checked = false;
            formatInput.disabled = false;
            formatInput.style.background = "";
            for (var i = 0; i < Boxes.length ; i++) {
                Boxes[i].enable = false;
            }
            input.disabled = true;
            input.style.background = "#f4f5f5";
            showFormat();
        }
    }

    //预览框
    var label = document.createElement("div");
    label.innerHTML = "效果预览";
    label.style.cssText = "line-height:30px;";
    Body.appendChild(label);
    var preView = document.createElement("div");
    preView.style.cssText = "height:70px;color:#333;margin-left:20px;background: #F4F5F5;padding:8px 15px;";
    Body.appendChild(preView);
    function showFormat() {
        var sFormat = CLGetFormat(dataFormat);
        formatInput.value = sFormat;
        preView.innerHTML = (99999).toStringEx(sFormat);
    }
    //创建底部
    _Dlg.CreateBottom(function () {
        End(dataFormat)
    });
    if (dataFormat.type == "custom") {
        customBtn.checked = true;

    } else {
        presetBtn.checked = true;
    }
}

function CLDtFormatDialog(dataFormat, End) {
    var self = this;

    var divDlg = document.createElement("div");
    divDlg.style.cssText = "width:500px;height:305px";
    var _Dlg = new CLDialog(divDlg);
    //创建头部
    _Dlg.CreateHeader("数据格式");
    //创建主体
    var Body = _Dlg.CreateBody();
    //预定义
    var presetDiv = document.createElement("div");
    presetDiv.style.cssText = "margin-bottom: 20px;";
    Body.appendChild(presetDiv);
    Body.classList.add("InlineBox");
    var presetBtn = new CLRadioBox("预定义格式", presetDiv);
    var Sel = new CLSelect(presetDiv);
    if (dataFormat == null) {
        dataFormat = {
            type: "preset",
            format: "yyyy-MM-dd"
        }
    }
    Sel.AddItems([
        "2015-01-01",
        "2015-01-01 01:01:01",
        "2015/1/1",
        "2015/1/1 01:01:01",
        "2015年1月1日",
        "2015年1月1日 01时01分01秒",
        "2015年1月1日 星期四",
        "2015年1月",
        "1月1日",
        "星期四"
    ]);
    var formats = [
        "yyyy-MM-dd",
        "yyyy-MM-dd HH:mm:ss",
        "yyyy/MM/dd",
        "yyyy/MM/dd HH:mm:ss",
        "yyyy年MM月dd日",
        "yyyy年MM月dd日 HH时mm分ss秒",
        "yyyy年MM月dd日 dddd",
        "yyyy年MM月",
        "MM月dd日",
        "dddd"
    ];

    var selDiv = presetDiv.lastChild;
    selDiv.style.margin = "10px 0 0 20px";
    selDiv.style.width = "50%";
    //自定义
    var customDiv = document.createElement("div");
    customDiv.style.cssText = "height:75px";
    Body.appendChild(customDiv);
    var customBtn = new CLRadioBox("自定义格式", customDiv);
    customDiv.lastChild.style.display = "inline-block";
    var formatInput = document.createElement("input");
    formatInput.style.cssText = "height:30px;width:calc(100% - 20px);outline:none;border:1px #e0e0e0 solid;margin: 10px 0 0 20px;padding:8px";
    customDiv.appendChild(formatInput);
    presetBtn.onchanged = function () {
        if (presetBtn.checked == true) {
            customBtn.checked = false;
            Sel.Disabled = false;
            selDiv.style.background = ""
        } else {
            Sel.Disabled = true;
            selDiv.style.background = "#f7f7f7"
        }
    }
    customBtn.onchanged = function () {
        if (customBtn.checked == true) {
            presetBtn.checked = false;
            formatInput.readOnly = false;
            formatInput.style.background = "";
        } else {
            formatInput.readOnly = true;
            formatInput.style.background = "#f7f7f7";
        }
    }
    Sel.onchanged = function () {
        Sel.format = formats[Sel.selectedIndex];
        formatInput.value = Sel.format;
    }
    if (dataFormat.type == "preset") {
        presetBtn.checked = true;
    } else {
        customBtn.checked = true;
    }
    Sel.selectedIndex = formats.indexOf(dataFormat.format);
    formatInput.value = dataFormat.format;
    _Dlg.CreateBottom(function () {
        dataFormat.type = presetBtn.checked ? "preset" : "custom";
        dataFormat.format = formatInput.value;
        End(dataFormat);
    });
}

function CLRead(url, func, offset, lentgh) {
    var bytes = ''
    if (offset) {
        bytes += 'bytes=' + offset;
    }
    if (lentgh != -1 && lentgh != null) {
        bytes += '-' + offset + lentgh - 1;
    } else {
        bytes += '-';
    }
    var xhr = new XMLHttpRequest;
    xhr.responseType = 'arraybuffer';
    xhr.open('get', url);
    if (offset != null) {
        xhr.setRequestHeader('Range', bytes);
        xhr.setRequestHeader("Cache-Control", "no-cache");
    }
    var load = new Loading();
    xhr.onload = function () {
        load.Stop();
        func(xhr.response, xhr);
        xhr.abort();
    }
    xhr.onerror = function () {
        load.Stop();
        func(null);
        xhr.abort();
    }
    xhr.send();
    load.Request = xhr;
    return load;
}

function CLRight(Ele) {
    var divBg = document.createElement("div");
    divBg.className = "CLRightBg";
    Ele.appendChild(divBg);
    var divBox = document.createElement("div");
    divBox.className = "CLRight";
    divBg.appendChild(divBox);
    divBox.Close = function () {
        divBox.style.animationName = "CLRightClose";
        divBg.style.animationName = "CLRightBgClose";
        divBox.addEventListener("animationend", function () {
            divBg.remove();
        });
    }
    return divBox;
}

function CLAutoDialog(width, height, box) {
    width = width == null ? (box != null ? box.offsetWidth + "px" : "250px") : width + "px";
    height = height == null ? "250px" : height + "px";
    var Menu = {
        "style": {
            "width": width,
            "height": height,
            "overflow": "auto"
        },
        "Items": [
        ]
    }
    var _CLMenu = new CLMenu(Menu, box);
    return _CLMenu;
}

function CLShowProgress(Ele, path, progress, total, index, Info) {
    if (total == null) {
        if (Ele.divProgress) {
            Ele.divProgress.remove();
            Ele.divProgress = null;
        }
        return;
    }
    if (Ele.divProgress == null) {
        Ele.divProgress = document.createElement("div");
        Ele.divProgress.style.cssText = "position:absolute;top:150px;left:550px;transform:translate(-50%,-50%);height:60px";
        Ele.divProgress.style.pointerEvents = "none";
        Ele.divProgress.className = "Progress";
        Ele.appendChild(Ele.divProgress);
    }
    Info = Info == null ? "正在上传" : Info;
    if (total != 0) {
        Info += "(" + index + "/" + total + ")";
    }
    var totalItem = Ele.divProgress.getElementsByClassName("Item_total")[0];
    if (totalItem == null) {
        totalItem = document.createElement("div");
        totalItem.className = "Item_total";
        totalItem.style.width = "500px";
        totalItem.style.padding = "10px 20px";
        totalItem.style.textAlign = "left";
        totalItem.style.borderRadius = "50px";
        totalItem.style.margin = "20px";
        Ele.divProgress.appendChild(totalItem);
        var name = document.createElement("div");
        name.innerHTML = Info;
        name.style.lineHeight = "30px";
        name.style.color = "#0db3a6";
        totalItem.appendChild(name);
        var line = document.createElement("div");
        line.style.height = "10px";
        line.style.width = "100%";
        line.style.borderRadius = "10px";
        line.style.boxShadow = "0 0 20px 0 rgba(13,176,166,1)";
        totalItem.appendChild(line);
        var div = totalItem.progress = document.createElement("div");
        div.style.background = " rgba(13,176,166,7)";
        div.style.height = "100%";
        div.style.borderRadius = "20px";
        line.appendChild(div);
    }
    if (total != 0) {
        totalItem.progress.style.width = (((index - 1 + progress) / total) * 100).toFixed(2) + "%";
        totalItem.firstChild.innerHTML = Info;
    }
    if (!path) {
        return;
    }
    var sClass;
    var sName;
    var index = path.indexOf(">");
    if (index > 0) {
        sClass = path.substr(0, index);
        sName = sClass + path.substr(index + 1);
    }
    var item = Ele.divProgress.getElementsByClassName("Item_" + (sClass || path))[0];
    if (item == null) {
        item = totalItem.cloneNode(true);
        Ele.divProgress.appendChild(item);
        item.className = "Item_" + (sClass || path);
        var name = item.firstChild;
        name.innerHTML = (sName || path);
        item.progress = item.lastChild.firstChild;
    } else {
        var name = item.firstChild;
        name.innerHTML = (sName || path);
    }
    if (progress == 1) {
        item.remove();
        return;
    }
    item.progress.style.width = (progress * 100).toFixed(2) + "%";
    if (total == 0) {
        totalItem.style.display = "none";
    }
}

function CLCompileSheet(sSheet, Scope) {
    if (!sSheet) {
        return "";
    }
    var match = /:[\s]?Scope[\s]?\([^\{]*\)[\s]?\{/g;
    var arr = [];
    var ele;
    var index = 0;
    while (ele = match.exec(sSheet)) {
        if (ele.index > index) {
            arr.push(sSheet.substring(index, ele.index));
        }
        var name_ = ele[0];
        name_ = name_.substr(name_.indexOf('(') + 1);
        name_ = name_.substr(0, name_.lastIndexOf(')'));
        var tmp = 0;
        var list = [];
        for (var i = 0; i < name_.length ; i++) {
            if (name_[i] == '(') {
                while (name_[i] != ')') {
                    i++;
                    if (i == name_.length) {
                        break;
                    }
                }
            }
            if (name_[i] == ',') {
                list.push(Scope + " " + name_.substr(tmp, i - tmp));
                tmp = i + 1;
            }
        }
        if (tmp < name_.length) {
            list.push(Scope + " " + name_.substr(tmp));
        }
        arr.push(list.join());
        index = match.lastIndex - 1;
    }
    if (sSheet.length > index) {
        arr.push(sSheet.substr(index));
    }
    return arr.join(' ').replaceAll("${CorpId}", CLCorpId());
}

function CLReadPdf(file, func) {
    function PdfToExcel(file) {
        var url = CLGetObjectURL(file);
        var iFrame = document.createElement("iFrame");
        var path = CLUIPath + "third-party/CLPreView/";
        path += "pdf.js/web/viewer.html?file=" + encodeURIComponent(url);
        iFrame.setAttribute("src", path);
        iFrame.style.width = "800px";
        iFrame.style.height = "100%";
        iFrame.style.pointerEvents = "none";
        iFrame.style.opacity = 0;
        document.body.appendChild(iFrame);
        var Win = iFrame.contentWindow;
        var Map = {};
        var cur = 0;
        Win.addEventListener("load", function (e) {
            console.clear();
            Win.document.addEventListener("textlayerrendered", function (e) {
                var pageIndex = e.detail.pageNumber - 1;
                var pageView = Win.PDFView.pdfViewer.getPageView(pageIndex);
                Map[pageIndex] = pageView;
                pageView = Map[cur];
                if (pageView) {
                    func(pageView.textLayer.textContent.items, pageView, Win);
                    cur++;
                    while (pageView = Map[cur]) {
                        func(pageView.textLayer.textContent.items, pageView, Win);
                        cur++;
                    }
                    if (cur == Win.PDFView.pagesCount) {
                        func();
                        iFrame.remove();
                    } else {
                        Win.PDFView.page = cur + 1;
                    }
                } else {
                    Win.PDFView.page = cur + 1;
                }
            });
        });
    }
    PdfToExcel(file);
}

function CLFontList() {
    return ["Marlett", "Arial", "Arabic Transparent", "Arial Baltic", "Arial CE", "Arial CYR", "Arial Greek", "Arial TUR", "Batang", "@Batang", "BatangChe", "@BatangChe", "Gungsuh", "@Gungsuh", "GungsuhChe", "@GungsuhChe", "Courier New", "Courier New Baltic", "Courier New CE", "Courier New CYR", "Courier New Greek", "Courier New TUR", "DaunPenh", "DokChampa", "Estrangelo Edessa", "Euphemia", "Gautami", "Vani", "Gulim", "@Gulim", "GulimChe", "@GulimChe", "Dotum", "@Dotum", "DotumChe", "@DotumChe", "Impact", "Iskoola Pota", "Kalinga", "Kartika", "Khmer UI", "Lao UI", "Latha", "Lucida Console", "Malgun Gothic", "@Malgun Gothic", "Mangal", "Meiryo", "@Meiryo", "Meiryo UI", "@Meiryo UI", "Microsoft Himalaya", "Microsoft JhengHei", "@Microsoft JhengHei", "微软雅黑", "@微软雅黑", "MingLiU", "@MingLiU", "PMingLiU", "@PMingLiU", "MingLiU_HKSCS", "@MingLiU_HKSCS", "MingLiU-ExtB", "@MingLiU-ExtB", "PMingLiU-ExtB", "@PMingLiU-ExtB", "MingLiU_HKSCS-ExtB", "@MingLiU_HKSCS-ExtB", "Mongolian Baiti", "MS Gothic", "@MS Gothic", "MS PGothic", "@MS PGothic", "MS UI Gothic", "@MS UI Gothic", "MS Mincho", "@MS Mincho", "MS PMincho", "@MS PMincho", "MV Boli", "Microsoft New Tai Lue", "Nyala", "Microsoft PhagsPa", "Plantagenet Cherokee", "Raavi", "Segoe Script", "Segoe UI", "Segoe UI Semibold", "Segoe UI Light", "Segoe UI Symbol", "Shruti", "宋体", "@宋体", "新宋体", "@新宋体", "SimSun-ExtB", "@SimSun-ExtB", "Sylfaen", "Microsoft Tai Le", "Times New Roman", "Times New Roman Baltic", "Times New Roman CE", "Times New Roman CYR", "Times New Roman Greek", "Times New Roman TUR", "Tunga", "Vrinda", "Shonar Bangla", "Microsoft Yi Baiti", "Tahoma", "Microsoft Sans Serif", "Angsana New", "Aparajita", "Cordia New", "Ebrima", "Gisha", "Kokila", "Leelawadee", "Microsoft Uighur", "MoolBoran", "Symbol", "Utsaah", "Vijaya", "Wingdings", "Andalus", "Arabic Typesetting", "Simplified Arabic", "Simplified Arabic Fixed", "Sakkal Majalla", "Traditional Arabic", "Aharoni", "David", "FrankRuehl", "Levenim MT", "Miriam", "Miriam Fixed", "Narkisim", "Rod", "仿宋", "@仿宋", "黑体", "@黑体", "楷体", "@楷体", "AngsanaUPC", "Browallia New", "BrowalliaUPC", "CordiaUPC", "DilleniaUPC", "EucrosiaUPC", "FreesiaUPC", "IrisUPC", "JasmineUPC", "KodchiangUPC", "LilyUPC", "DFKai-SB", "@DFKai-SB", "Lucida Sans Unicode", "Arial Black", "Calibri", "Cambria", "Cambria Math", "Candara", "Comic Sans MS", "Consolas", "Constantia", "Corbel", "Franklin Gothic Medium", "Gabriola", "Georgia", "Palatino Linotype", "Segoe Print", "Trebuchet MS", "Verdana", "Webdings", "Buxton Sketch", "Segoe Marker", "SketchFlow Print", "EmojiOne Color", "Caladea", "Linux Biolinum G", "Source Serif Pro Black", "David CLM", "Reem Kufi", "Alef", "Source Code Pro Black", "Noto Kufi Arabic", "Liberation Mono", "Scheherazade", "DejaVu Math TeX Gyre", "Liberation Sans Narrow", "OpenSymbol", "Carlito", "Gentium Basic", "Source Sans Pro Black", "Amiri", "KacstBook", "David Libre", "Amiri Quran", "Frank Ruehl CLM", "Miriam CLM", "Miriam Mono CLM", "DejaVu Sans", "DejaVu Sans Light", "DejaVu Sans Condensed", "DejaVu Sans Mono", "DejaVu Serif", "DejaVu Serif Condensed", "Gentium Book Basic", "KacstOffice", "Liberation Sans", "Liberation Serif", "Linux Libertine Display G", "Linux Libertine G", "Rubik", "Noto Mono", "Noto Naskh Arabic", "Noto Naskh Arabic UI", "Noto Sans", "Noto Sans Cond", "Noto Sans Light", "Noto Sans Arabic", "Noto Sans Arabic UI", "Noto Sans Armenian", "Noto Sans Georgian", "Noto Sans Hebrew", "Noto Sans Lao", "Noto Sans Lisu", "Noto Serif", "Noto Serif Cond", "Noto Serif Light", "Noto Serif Armenian", "Noto Serif Georgian", "Noto Serif Hebrew", "Noto Serif Lao", "Source Code Pro", "Source Code Pro ExtraLight", "Source Code Pro Light", "Source Code Pro Medium", "Source Code Pro Semibold", "Source Sans Pro", "Source Sans Pro ExtraLight", "Source Sans Pro Light", "Source Sans Pro Semibold", "Source Serif Pro", "Source Serif Pro ExtraLight", "Source Serif Pro Light", "Source Serif Pro Semibold", "方正粗黑宋简体", "@方正粗黑宋简体", "NumberOnly", "icomoon", "方正等线", "@方正等线", "Microsoft MHei", "@Microsoft MHei", "Microsoft NeoGothic", "@Microsoft NeoGothic", "Yu Gothic", "@Yu Gothic", "Segoe WP Black", "Segoe WP", "Segoe WP Semibold", "Segoe WP Light", "Segoe WP SemiLight", "MT Extra", "DIN Next LT Pro", "DIN Next LT Pro Light", "DIN Next LT Pro Medium"]
}

; (function (附加) {
    if (!window["Ctrl_F10"]) {
        window["Ctrl_F10"] = true;
    } else {
        return;
    }
    var g_V8Debugger = null;
    var g_debuggerId = null;
    Object.defineProperty(window, "!debuggerId", {
        get: function () {
            return g_debuggerId;
        }
    });
    var oOpen = XMLHttpRequest.prototype.open;
    var g_DbgOpen = function (method, url, async, username, password) {
        if (url.indexOf("V8Debugger.chx") < 0) {
            url = url + (url.indexOf("?") < 0 ? "?debuggerId=" : "&debuggerId=") + g_debuggerId;
        }
        return oOpen.call(this, method, url, async, username, password);
    }
    window.CLStartDebug = function (Success) {
        if (creating) {
            return;
        }
        if (location.href.indexOf("V8Debugger.cml") > 0) {
            CLShowMsg("无法调试自己");
            return;
        }
        if (g_V8Debugger) {
            return;
        }
        creating = true;
        var Sock = CLGetSocket();
        var OnConnected = Sock.OnConnected;
        Sock.OnConnected = function () {
            if (g_V8Debugger) {
                g_V8Debugger.Close();
                XMLHttpRequest.prototype.open = oOpen;
                g_debuggerId = null;
                g_V8Debugger = null;
            }
            Sock.OnConnected = function () {
                if (g_V8Debugger) {
                    g_V8Debugger.Close();
                    XMLHttpRequest.prototype.open = oOpen;
                    g_debuggerId = null;
                    g_V8Debugger = null;
                }
            };
            XMLHttpRequest.prototype.open = g_DbgOpen;
            this.Invoke("Pages::WSV8Debugger", "WSApend", [g_debuggerId], function (data) {
                g_debuggerId = data.Msg;
                var StartGetMsg = V8Debugger.prototype.StartGetMsg;
                V8Debugger.prototype.StartGetMsg = function (Success) {
                    Success(data);
                }
                V8Debugger.prototype.Sock = Sock;
                g_V8Debugger = new V8Debugger(g_debuggerId, false);
                g_V8Debugger.Reset();
                var close = g_V8Debugger.Close;
                g_V8Debugger.Close = function () {
                    close.call(g_V8Debugger);
                    XMLHttpRequest.prototype.open = oOpen;
                    g_debuggerId = null;
                    g_V8Debugger = null;
                }
                V8Debugger.prototype.Sock = null;
                V8Debugger.prototype.StartGetMsg = StartGetMsg;
                g_V8Debugger.Sock = Sock;
                g_V8Debugger.StartGetMsg = function (Success) {
                    Success(data);
                };
                creating = false;
                if (Success) {
                    Success(g_V8Debugger);
                }
            });
        }
        Sock.OnMsg = function (msg) {
            g_V8Debugger && g_V8Debugger.RunDebugMsg(msg);
        }
    }
    var creating = false;
    window.addEventListener("keydown", function (e) {
        if (e.key == "F10") {
            CLStartDebug();
        }
    });
}());

(function () {
    if (!window.hasOwnProperty("event")) {
        var prototype = Object.getPrototypeOf(window);
        prototype.__defineGetter__(
            "event",
            function () {
                var func = arguments.callee.caller;
                while (func != null) {
                    var arg0 = func.arguments[0];
                    if (arg0
                      && (arg0.constructor == Event || arg0.constructor == MouseEvent)) {
                        return arg0;
                    }
                    func = func.caller;
                }
                return null;
            });
    }
})();

window.addEventListener("error", function (e) {
    CLShowMsg(e.message || e.toString());
    if (CLCorpId()) {
        var Url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpUpLoadError";
        try {
            HttpPost(Url, function (Json) {

            }, {
                Url: location.href,
                Info: e.error == null ? (e.message == null ? e.toString() : e.message) : (e.message == null ? e.toString() : e.message) + e.error.stack
            }, true);
        } catch (e) { }
    }

});

window.addEventListener("keydown", function (e) {
    if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
        e.preventDefault();
    }

});

; (function (CLTop) {
    var prototype = Object.getPrototypeOf(window);
    var Value = window;
    if (parent != window) {
        if (window.frameElement) {
            if (!window.frameElement.IsDebugging && !window.frameElement.Hidden) {
                Value = parent.CLTop;
            } else {
                var post = window.HttpPost;
                window.HttpPost = function (Url, CallBack, jsData, IsAsync, Error, Exception, File, FileName, onProgress) {
                    Url += "&debuggerId=" + window.frameElement.debuggerId;
                    return post(Url, CallBack, jsData, IsAsync, Error, Exception, File, FileName, onProgress);
                }
            }
        }
    }

    prototype.__defineGetter__("CLTop", function () {
        return Value;
    });

    prototype.__defineSetter__("CLTop", function (value) {
        Value = value;
    });

}());

if (window.__CssSrcDt__) {
    CLLoad("/api/CLUI.chx?Function=HttpGetAllJsOrCss&JsOrCss=css&v=" + __CssSrcDt__, null, null, "css");
} else {
    CLLoad("/api/CLUI.chx?Function=HttpGetAllJsOrCss&JsOrCss=css", null, null, "css");
}

if (IsMobile()) {
    window.open = function (url) {
        window.location.href = url;
    }
    if (navigator.userAgent.indexOf("DingTalk") > 0) {
        window.close = function () {
            dd.biz.navigation.close({
                onSuccess: function (result) {
                    /*result结构
                    {}
                    */
                },
                onFail: function (err) { }
            })
        }
    }
} else {
    if (CLTop != window) {
        open = CLTop.open;
    }
}

(function () {
    var table = 'Object';
    var dbName = 'LocalStorage';
    function open(success) {
        var openRequest = indexedDB.open(dbName);
        var db;
        openRequest.onupgradeneeded = function (e) {
            db = e.target.result;
            var objectStore;
            if (!db.objectStoreNames.contains(table)) {
                objectStore = db.createObjectStore(table, { keyPath: 'key' });
                objectStore.createIndex('value', 'value', { unique: false });
            }
        }

        openRequest.onsuccess = function (e) {
            db = openRequest.result;
            success(db);
        }

        openRequest.onerror = function (e) {
            CLShowMsg(e.toString());
        }
    }

    function read(db, key, success) {
        var transaction = db.transaction([table]);
        var objectStore = transaction.objectStore(table);
        var request = objectStore.get(key);
        request.onerror = function (e) {
            db.close();
            CLShowMsg(e.toString());
        };
        request.onsuccess = function (event) {
            if (request.result) {
                success(request.result);
            } else {
                success();
            }
        };
    }

    function add(db, key, value, success) {
        var transaction = db.transaction([table], 'readwrite');
        var objectStore = transaction.objectStore(table);
        var request = objectStore.add({ 'key': key, 'value': value });

        request.onsuccess = function (event) {
            success();
        };

        request.onerror = function (e) {
            db.close();
            CLShowMsg(e.toString());
        }
    }

    function update(db, key, value, success) {
        var request = db.transaction([table], 'readwrite')
          .objectStore(table)
          .put({ 'key': key, 'value': value });

        request.onsuccess = function (e) {
            success();
        };

        request.onerror = function (e) {
            db.close();
            CLShowMsg(e.toString());
        }
    }

    function remove(db, key, success) {
        var request = db.transaction([table], 'readwrite')
          .objectStore(table)
          .delete(key);

        request.onsuccess = function (event) {
            success();
        };
        request.onerror = function (e) {
            db.close();
            CLShowMsg(e.toString());
        }
    }

    window.CLLocalSave = function (key, value, success) {
        open(function (db) {
            read(db, key, function (oVal) {
                if (oVal == null) {
                    if (value !== undefined) {
                        add(db, key, value, function () {
                            if (success) {
                                success(value);
                            }
                        });
                    }
                } else {
                    if (value !== undefined) {
                        update(db, key, value, function () {
                            if (success) {
                                success(value);
                            }
                        });
                    } else {
                        remove(db, key, function () {
                            if (success) {
                                success(value);
                            }
                        });
                    }
                }
            });
        });
    }

    window.CLLocalGet = function (key, success) {
        open(function (db) {
            read(db, key, function (value) {
                success(value ? value.value : null);
            });
        });
    }

    window.CLLocalRemove = function (key) {
        open(function (db) {
            remove(db, key, function (oVal) {
            });
        });
    }
}());

function CLScan(Success, Cancel) {
    if (navigator.userAgent.indexOf("DingTalk") > 0 && navigator.userAgent.indexOf("Mobile") > 0) {
        dd.biz.util.scan({
            type: 'all',
            tips: "正在扫描...",
            onSuccess: function (result) {
                Success(result.text);
            },
            onFail: (function (err) {
                if (Cancel) {
                    Cancel();
                }
            })
        });
    }
    var fName = "Fun" + CLMakeId();
    window[fName] = function (code) {
        delete window[fName];
        Success(code);
    }
    if (navigator.userAgent.indexOf("iPhone") > 0 && navigator.userAgent.indexOf("JZWork") > 0) {
        webkit.messageHandlers.jzscn.postMessage(fName);
    }
    if (navigator.userAgent.indexOf("Android") > 0 && navigator.userAgent.indexOf("JZWork") > 0) {
        WebAppInterface.jzscn(fName);
    }
}

function CLDefSockUrl() {
    var url = "ws" + CLHost.substr(4);
    if (url[url.length - 1] == '/') {
        url = url.substr(0, url.length - 1);
    }
    var index = url.indexOf(":", 6);
    if (index > 0) {
        url = url.substr(0, index);
    }
    if (!window.__WsPort__) {
        window.__WsPort__ = 800;
    }
    if (!window.__WssPort__) {
        window.__WssPort__ = 883;
    }
    if (location.protocol == "http:") {
        url += ":" + __WsPort__;
    } else {
        url += ":" + __WssPort__;
    }
    return url;
}

function CLGetSocket(url, ref) {
    if (!url) {
        url = CLDefSockUrl();
        var CorpId = CLCorpId();
        if (!!CorpId) {
            url += "/" + CorpId;
        }
    }
    function CLSocket() { };

    var socket = new CLSocket();

    var ws = socket.WebSocket = ref ? (function () {
        var R = {};
        for (var key in WebSocket.prototype) {
            R[key] = null;
        }
        return R;
    }()) : new WebSocket(url);

    socket.Close = function () {
        ws.IsOpen = false;
        delete socket.WebSocket;
        if (ws.IsOpen) {
            ws.close();
        }
    }

    function funcHello() {
        CLDelay(function () {
            socket.WebSocket && socket.Invoke("api::WSApi", "WSHello", []);
        }, 30000, null, funcHello);
    }

    var Sent = {};

    function Send(Msg, Success) {
        Sent[Msg.Id] = {
            dt: new Date(),
            Msg: Msg,
            Success: Success
        }
        if (socket.useLoading && Msg.Function != "WSHello") {
            Sent[Msg.Id].Loading = new CLTop.Loading();
        }
        if (ws.IsOpen && !__Busy__) {
            funcHello();
            __Busy__ = true;
            if (Msg.IsArrayBuffer) {
                ws.send(Msg.buf);
            } else {
                ws.send(JSON.stringify(Msg));
            }
        }
        return Sent[Msg.Id].Loading;
    }

    var MsgId = -1;

    socket.Resend = function (Id) {
        var Msg = Sent[Id].Msg;
        if (!Msg) {
            return;
        }
        Msg.dt = new Date();
        if (ws.IsOpen && !__Busy__) {
            __Busy__ = true;
            funcHello();
            if (Msg.IsArrayBuffer) {
                ws.send(Msg.buf);
            } else {
                ws.send(JSON.stringify(Msg));
            }
        }
    }

    var __Busy__ = false;

    function Invoke(Handler, Function, arguments, Success, Src) {
        MsgId++;
        var jsData = {
            Id: MsgId,
            Src: Src,
            Handler: Handler,
            Function: Function,
            arguments: arguments
        }
        return Send(jsData, Success);
    }

    socket.Invoke = function (Handler, Function, arguments, Success, Src) {
        return Invoke(Handler, Function, arguments, function (data) {
            if (data.Msg && data.Msg.match && data.Msg.match(/^ERROR\:.*加载失败,请稍后再试$/)) {
                CLShowMsg(data.Msg);
                CLDelay(function () {
                    Invoke(Handler, Function, arguments, Success, Src);
                }, 300);
            } else if (Success) {
                Success(data);
            }
        }, Src);
    }

    socket.Install = function () {
        CLConfirm(function () {
            location.href = "/api/CLLocalService.chx?Function=HttpGetFile&CorpId=" + CLCorpId();
        }, "<div style='line-height:40px;padding:10px'>需要安装本地服务【CLLocalService】,你确定要安装吗?<div>");
        socket.Close();
    }

    socket.OnConnected = function () {

    }

    socket.OnMsg = function (Msg) {

    }

    socket.OnLost = function () {

    }

    socket.runCode = function (sCode) {
        eval(sCode);
    }

    socket.timeout = 10000;

    socket.useLoading = false;

    socket.EnableLoading = function (enable) {
        socket.useLoading = enable == true;
    }

    socket.autoResend = false;

    socket.EableAutoResend = function (enable) {
        socket.autoResend = enable;
    }

    socket.SendBuf = function (buf, Success) {
        Send({ Id: "TempBuffer_" + buf.byteLength, IsArrayBuffer: true, buf: buf }, Success);
    }

    socket.Bind = function (ele) {
        H5.OnLost(ele, function () {
            socket.Close();
        });
    }

    socket.IsBusy = function () {
        return __Busy__;
    }

    socket.Hello = true;

    socket.DisableHello = function () {
        socket.Hello = false;
    }

    socket.IsOpen = function () {
        return ws.IsOpen;
    }

    ws.onopen = function (event) {
        socket.OnConnected();
        ws.IsOpen = true;
        var keys = Object.keys(Sent);
        if (keys.length != 0) {
            socket.Resend(keys[0]);
        }
    }

    ws.onmessage = function (event) {
        var data;
        try {
            data = JSON.parse(event.data);
        } catch (e) {
            data = event.data;
            return;
        }

        var Id = data.Id;
        delete data.Id;
        if (data.R === true || data.R === false) {
            var o = Sent[Id];
            delete Sent[Id];
            __Busy__ = false;
            var keys = Object.keys(Sent);
            if (keys.length != 0) {
                socket.Resend(keys[0]);
            }
            if (o) {
                try {
                    if (o.Success) {
                        o.Success(data);
                    }
                } finally {
                    if (o.Loading) {
                        o.Loading.Stop();
                    }
                }
            }
        } else {
            window.__CurrentSocket__ = socket;
            try {
                if (data.type == "javascript") {
                    socket.runCode(data.javascript);
                } else {
                    socket.OnMsg(data);
                }
            } finally {
                delete window.__CurrentSocket__;
            }
        }
    }

    ws.onclose = function () {
        __Busy__ = false;
        ws.IsOpen = false;
        if (socket.WebSocket) {
            try {
                socket.OnLost();
            }
            catch (e) {
                console.log(e);
            }
            CLTimer(function () {
                if (!window.__Logining__ && !CLTop.__Logining__) {
                    if (socket.WebSocket) {
                        try {
                            socket.WebSocket = new WebSocket(url);
                            socket.WebSocket.onopen = ws.onopen;
                            socket.WebSocket.onmessage = ws.onmessage;
                            socket.WebSocket.onclose = ws.onclose;
                            socket.WebSocket.onerror = ws.onerror;
                            ws = socket.WebSocket;
                            for (var id in Sent) {
                                Sent[id].dt = new Date();
                            }
                        } catch (e) {

                        }
                    }
                    return false;
                }
            }, 1000);
        }
    }

    ws.onerror = function (event) {
        if (!ws.IsOpen && url.indexOf("127.0.0.1:999") >= 0) {
            socket.Install();
        }
        ws.close();
        ws.IsOpen = false;
        event.stopPropagation();
        event.preventDefault();
    }

    return socket;
}

function CLLocalInovke(src, Handler, Func, agrs, Success, timeout, Ip, quiet, flag) {
    if (!!src && src.indexOf("//") < 0) {
        src = CLHost + src;
    }
    Ip = Ip || "127.0.0.1";
    if (Ip.indexOf(":") < 0) {
        Ip += ":999";
    }
    var sock = CLGetSocket("ws://" + Ip);
    sock.timeout = timeout || 0x7fffffff;
    sock.EnableLoading(true);
    return sock.Invoke(Handler, Func, agrs, function (data) {
        sock.EnableLoading(false);
        Success(data);
    }, src);
}

function CLRestartService(Success) {
    CLLocalInovke("", "api::WSApi", "WSGetThreadsWorkTimes", [], function (data) {
        if (Success) {
            Success();
        }
    }, 100000, "127.0.0.1:1010");
}

function CLLocalThreads(Success) {
    CLLocalInovke("", "api::WSApi", "WSGetThreadsWorkTimes", [], Success, 100000, "127.0.0.1:1010");
}

function CLLocalThreadFrames(ThreadId, passIndex, Success) {
    CLLocalInovke("", "api::WSApi", "WSCaptureFrames", [ThreadId, passIndex], Success, 100000, "127.0.0.1:1010");
}

var sysUrl = "/" + CLCorpId() + "/Assets/19110510395867400035/SysHelper.ocx?Signature=" + encodeURIComponent("Ezahusc+rvkBzzRilDp3WP+HIGM=");

function CLOpenOsk(Success) {
    //bool OpenOsk()
    return CLLocalInovke(sysUrl, "OskHelper", "OpenOsk", [], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            if (Success) {
                Success();
            }
        }
    });
}

function CLLocalOpen(Url, Name, Success) {
    return CLLocalInovke(sysUrl, "System", "Open", [Url, Name, document.cookie], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            if (Success) {
                Success();
            }
        }
    });
}

function CLLocalOpenWith(Url, Name, App, success,err) {
    return CLLocalInovke(sysUrl, "System", "OpenWith", [Url, Name, App, document.cookie], function (data) {
        if (!data.R) {
            err ? err(data.Msg) : CLShowMsg(data.Msg);
        } else {
            if (success) {
                success();
            }
        }
    });
}

function CLLocalOpenDir(Path, Success) {
    return CLLocalInovke(sysUrl, "System", "OpenDir", [Path], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            if (Success) {
                Success();
            }
        }
    });
}

function CLAssocEnumHandlers(Ext, Success) {
    return CLLocalInovke(sysUrl, "System", "AssocEnumHandlers", [Ext], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            if (Success) {
                Success(data.Msg);
            }
        }
    });
}

function CLOpenAs_RunDLL(Url, Name, Success) {
    return CLLocalInovke(sysUrl, "System", "OpenAs_RunDLL", [Url, Name, document.cookie], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            if (Success) {
                Success();
            }
        }
    });
}

function CLSysHelperUrl() {
    return sysUrl;
}

function CLUseUndo(fn) {
    var Store = new Map();
    function get(o) {
        var R = Store.get(o);
        if (!R) {
            R = {
                undoList: [],
                redoList: [],
                Operation: null
            };
            Store.set(o, R);
        }
        return R;
    }

    Object.defineProperty(fn, "Undo", {
        get: function () {
            return function () {
                var self = this;
                var o = get(self);
                if (o.undoList.length == 0) {
                    return;
                }
                o.Operation = [];
                o.redoList.push(o.Operation);
                o.Operation.end = function () {
                    if (this.length == 0) {
                        o.redoList.pop();
                    }
                    o.Operation = null;
                    o.undoList.pop();
                    self.OnStateChanged(o.undoList.length > 0, o.redoList.length > 0);
                }
                var op = o.undoList[o.undoList.length - 1];
                try {
                    for (var i = op.length - 1; i > -1; i--) {
                        op[i](op[i].arg);
                    }
                } finally {
                    if (o.Operation && !o.Operation.async) {
                        o.Operation.end();
                    }
                }
            }
        }
    });
    Object.defineProperty(fn, "Redo", {
        get: function () {
            return function () {
                var self = this;
                var o = get(self);
                if (o.redoList.length == 0) {
                    return;
                }
                o.Operation = [];
                o.undoList.push(o.Operation);
                o.Operation.end = function () {
                    if (this.length == 0) {
                        o.undoList.pop();
                    }
                    o.Operation = null;
                    o.redoList.pop();
                    self.OnStateChanged(o.undoList.length > 0, o.redoList.length > 0);
                }
                var op = o.redoList[o.redoList.length - 1];
                while (op && op.length == 0) {
                    o.redoList.pop();
                    op = o.redoList[o.redoList.length - 1];
                }
                if (!op) {
                    return;
                }
                try {
                    for (var i = op.length - 1; i > -1; i--) {
                        op[i](op[i].arg);
                    }
                } finally {
                    if (o.Operation && !o.Operation.async) {
                        o.Operation.end();
                    }
                }
            }
        }
    });
    Object.defineProperty(fn, "PushUndo", {
        get: function () {
            return function (func, arg) {
                var self = this;
                var o = get(self);
                if (!o.Pause) {
                    func.arg = arg;
                    if (o.Operation) {
                        o.Operation.push(func);
                    } else {
                        o.redoList.length = 0;
                        o.undoList.push([func]);
                        self.OnStateChanged(o.undoList.length > 0, o.redoList.length > 0);
                    }
                }
            }
        }
    });
    Object.defineProperty(fn, "Operation", {
        get: function () {
            return function (func, type) {
                var self = this;
                if (typeof func == "string") {
                    type = func;
                    func = null;
                }
                if (type != null && type != "AsyncStart" && type != "AsyncEnd" && type != "Disable") {
                    CLShowMsg("参数错误");
                    return;
                }
                var o = get(self);
                if (type == "Disable") {
                    o.Pause = true;
                    try {
                        func();
                    } finally {
                        o.Pause = false;
                    }
                    return;
                }
                var end = false;
                if (o.Operation == null && !o.Pause) {
                    if (type == null || type == "AsyncStart") {
                        o.redoList.length = 0;
                        o.Operation = [];
                        o.undoList.push(o.Operation);
                        end = true;
                        o.Operation.end = function () {
                            if (this.length == 0) {
                                o.undoList.pop();
                            }
                            o.Operation = null;
                            self.OnStateChanged(o.undoList.length > 0, o.redoList.length > 0);
                        }
                    }
                }
                if (type == "AsyncStart") {
                    o.Operation.async = true;
                }
                if (func && type != "AsyncEnd") {
                    try {
                        func();
                    } finally {
                        if (o.Operation && !o.Operation.async && end) {
                            o.Operation.end();
                        }
                    }
                }
                if (type == "AsyncEnd") {
                    if (o.Operation) {
                        o.Operation.end();
                    }
                }
            }
        }
    });
    fn.Undo = null;

    fn.OnStateChanged = function () {

    }
}

function CLPrintDlg(pageInfo, Ip) {
    var self = this;
    self.Ip = Ip;
    self.SetPageInfo(pageInfo, false);
    if (!self.Printers) {
        self.Init(function () {
            CLPrintDlg.call(self, pageInfo, Ip);
        });
        return;
    }
    var doc = document.createElement("div");
    doc.style.cssText = " perspective: 1500;width:100%;height:100%:postion:fixed;overflow:hidden";
    document.body.appendChild(doc);
    var Ele = self.Ele = document.createElement("div");
    Ele.style.zIndex = CLMaxZIndex();
    Ele.className = "CLPrintDlg";
    doc.appendChild(Ele);
    var Body = self.Body = document.createElement("div");
    Body.className = "Body";
    Ele.appendChild(Body);
    var Prop = self.Prop = document.createElement("div");
    Prop.className = "Prop";
    Body.appendChild(Prop);
    var Box = document.createElement("div");
    Box.style.height = "125px";
    Box.style.width = "100%";
    Box.style.borderBottom = "solid 1px #ccc";
    Box.style.padding = "20px";
    Prop.appendChild(Box);
    var label = document.createElement("div");
    label.innerHTML = "打印";
    Box.appendChild(label);
    var divPaperNums = self.divPaperNums = document.createElement("div");
    divPaperNums.style.lineHeight = "30px";
    divPaperNums.style.color = "#000";
    divPaperNums.innerHTML = "总计: <code style='font-weight:900'>0 张纸</code>";
    Box.appendChild(divPaperNums);
    var divBtns = document.createElement("div");
    divBtns.style.height = "30px";
    Box.appendChild(divBtns);
    var btnCanel = document.createElement("div");
    btnCanel.className = "CLBtnCancel";
    btnCanel.innerHTML = "取消";
    btnCanel.style.width = "75px";
    btnCanel.style.height = "30px";
    btnCanel.style.lineHeight = "28px";
    btnCanel.style.cssFloat = "right";
    divBtns.appendChild(btnCanel);
    var btnPrint = btnCanel.cloneNode();
    btnPrint.className = "CLBtnGreen";
    btnPrint.innerHTML = "打印";
    divBtns.appendChild(btnPrint);

    btnCanel.onclick = function () {
        self.Close();
    }
    btnPrint.onclick = function () {
        self.Print(function () {
            self.Close();
            self.End && self.End();
        });
    }
    var divInfo = self.divInfo = document.createElement("div");
    divInfo.style.padding = "20px";
    divInfo.style.overflow = "hidden";
    Prop.appendChild(divInfo);
    var divPrinter = document.createElement("div");
    divInfo.appendChild(divPrinter);
    var label = document.createElement("div");
    label.innerHTML = "目标打印机";
    label.style.display = "inline-block";
    label.style.width = "90px";
    label.style.lineHeight = "45px";
    label.style.verticalAlign = "top";
    divPrinter.appendChild(label);
    var printBox = document.createElement("div");
    printBox.style.display = "inline-block";
    printBox.style.width = "calc(100% - 90px)";
    divPrinter.appendChild(printBox);
    var printName = self.printName = document.createElement("div");
    printName.className = "ellipsis";
    printName.style.lineHeight = "30px";
    printName.innerHTML = self.Printer.Name;
    printBox.appendChild(printName);
    var selectBtn = document.createElement("div");
    selectBtn.className = "CLBtnCancel";
    selectBtn.innerHTML = "更改";
    selectBtn.style.width = "75px";
    selectBtn.style.height = "30px";
    selectBtn.style.lineHeight = "28px";
    printBox.appendChild(selectBtn);
    selectBtn.onclick = function () {
        var dlg = CLAutoDialog(310, null, divInfo);
        var Div = dlg.Div;
        Div.style.padding = "15px";
        var data = [];
        var index = 0;
        for (var i = 0; i < self.Printers.length; i++) {
            data.push({
                ID: i,
                Name: self.Printers[i].Name
            });
            if (self.Printers[i] == self.Printer) {
                index = i;
            }
        }
        var list = new CLList(data, Div, false);
        list.Select(index);
        list.OnSelected = function (ItemData) {
            index = ItemData.ID;
        }
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "确定";
        Btn.style.cssFloat = "right";
        Btn.style.width = "75px";
        Btn.style.height = "30px";
        Btn.style.lineHeight = "28px";
        Div.appendChild(Btn);
        Div.style.height = "initial";
        dlg.Reset(divInfo);
        Btn.onclick = function () {
            if (checkBox.checked) {
                self.SetDefaultPrinter(self.Printers[index], function () {
                    self.Printer = self.Printers[index];
                    printName.innerHTML = self.Printer.Name;
                    dlg.Close();
                    self.paperInfo.Orientation = self.Printer.Info.Orientation;
                    self.paperInfo.paperWidth = self.Printer.Info.paperWidth;
                    self.paperInfo.paperLength = self.Printer.Info.paperLength;
                    self.Show();
                });
            } else {
                self.Printer = self.Printers[index];
                printName.innerHTML = self.Printer.Name;
                dlg.Close();
                self.paperInfo.Orientation = self.Printer.Info.Orientation;
                self.paperInfo.paperWidth = self.Printer.Info.paperWidth;
                self.paperInfo.paperLength = self.Printer.Info.paperLength;
                self.Show();
            }
        }
        var checkBox = new CLCheckBox("设为默认", Div);
        Div.lastChild.style.display = "inline-block";
        Div.lastChild.style.cssFloat = "right";
        Div.lastChild.style.height = "30px";
        Div.lastChild.style.padding = "3px";
        Div.lastChild.style.margin = "5px";

    }
    var setBtn = selectBtn.cloneNode();
    printBox.appendChild(setBtn);
    setBtn.innerHTML = "属性";
    setBtn.onclick = function (e) {
        self.PrinterPropDlg(e.screenX, e.screenY);
    }
    var divSize = divInfo.cloneNode();
    Prop.appendChild(divSize);
    var formSelect = new CLSelect(divSize);
    formSelect.EnableSearch(true);
    formSelect.AddItems([{
        Name: self.paperInfo.paperWidth + "*" + self.paperInfo.paperLength,
        Width: self.paperInfo.paperWidth,
        Height: self.paperInfo.paperLength,
        toString: function () {
            return this.Name;
        }
    }]);

    formSelect.onchanged = function () {
        var Item = formSelect.Items[formSelect.selectedIndex];
        self.Resize(Item.Width, Item.Height, self.pageInfo.direction);
    }
    formSelect.selectedIndex = 0;
    formSelect.getItems = function (Success) {
        self.QueryForms(function (Forms) {
            Forms = [formSelect.Items[0]].concat(Forms);
            for (var i = 0; i < Forms.length; i++) {
                Forms[i].toString = function () {
                    return this.Name;
                }
            }
            Success(Forms);
        });
    }
    divSize.style.borderTop = "solid 1px #ccc";
    var directionBox = new CLCheckBox("横向打印", divSize);
    directionBox.checked = self.paperInfo.Orientation == "横向";
    divSize.lastChild.style.padding = "5px 0";
    divSize.lastChild.style.width = "80px";
    divSize.lastChild.style.cssFloat = "right";
    divSize.lastChild.style.marginTop = "15px";
    self.dirBox = directionBox;
    directionBox.onchanged = function () {
        self.pageInfo.direction = directionBox.checked ? "横向" : "纵向";
        self.Resize(self.paperInfo.paperWidth, self.paperInfo.paperLength, self.pageInfo.direction);
    }
    var autoBox = self.autoBox = new CLCheckBox("自动居中", divSize);
    autoBox.checked = true;
    autoBox.onchanged = function () {
        self.Show();
    }
    divSize.lastChild.style.padding = "5px 0";
    divSize.lastChild.style.width = "80px";
    divSize.lastChild.style.cssFloat = "right";
    divSize.lastChild.style.marginTop = "15px";

    var Container = self.Container = document.createElement("div");
    Container.style.position = "absolute";
    Container.style.top = 0;
    Container.style.left = 0;
    Container.style.bottom = 0;
    Container.style.right = "310px";
    Container.style.overflow = "auto";
    Container.setAttribute("tabindex", "1");
    Container.style.outline = "none";
    Body.appendChild(Container);
}

var fn = CLPrintDlg.prototype;

fn.ocxUrl = "/" + CLCorpId() + "/Assets/19110510395867400035/CLHtmlPrinter.ocx?Signature=" + encodeURIComponent("xsrl4hsZ9qFizZuXeRhl7wD2lDg=");

fn.Ele = null;

fn.Body = null;

fn.Prop = null;

fn.divPaperNums = null;

fn.divInfo = null;

fn.printName = null;

fn.Printer = null;

fn.Printers = null;

fn.Container = null;

fn.Initialized = null;

fn.IsInitialized = false;

fn.PngUrl = null;

fn.nPages = null;

fn.pageInfo = null;

fn.paperInfo = null;

fn.Ip = "127.0.0.1";

fn.dirBox = null;

fn.PrinterPropDlg = function (left, top) {
    var self = this;
    CLLocalInovke(self.ocxUrl, "CLHtmlPrinter", "PrinterProperties", [self.Printer, self.autoPaper ? null : self.paperInfo, left, top], function (data) {
        if (data.R) {
            self.Printer.Info = data.Msg;
            self.paperInfo.Orientation = data.Msg.Orientation;
            self.paperInfo.paperWidth = data.Msg.paperWidth;
            self.paperInfo.paperLength = data.Msg.paperLength;
            self.dirBox.Checked = self.paperInfo.Orientation == "横向" ? true : false;
            self.Show();
        } else {
           // CLShowMsg(data.Msg);
        }
    }, null, self.Ip);
}

fn.GetPrinterInfo = function (Printer, Success) {
    var self = this;
    CLLocalInovke(self.ocxUrl, "CLHtmlPrinter", "GetPrinterInfo", [Printer.DriverName, Printer.Name, Printer.PortName], function (data) {
        if (data.R) {
            Success(data.Msg);
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, self.Ip);
}

fn.SetDefaultPrinter = function (Printer, Success) {
    var self = this;
    CLLocalInovke(self.ocxUrl, "CLHtmlPrinter", "SetDefPrinter", [Printer], function (data) {
        if (data.R) {
            Success(data.Msg);
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, self.Ip);
}

fn.Init = function (Success) {
    var self = this;
    CLEnumPrinters(self.Ip, self.paperInfo, function (Printers) {
        if (Printers == null || Printers.length == 0) {
            CLShowMsg("打印机不存在");
            return
        }
        var Printers = self.Printers = Printers;
        for (var i = 0 ; i < Printers.length ; i++) {
            if (Printers[i].IsDef) {
                self.Printer = Printers[i];
                Success();
                break;
            }
        }
        if (!self.Printer) {
            self.Printer = Printers[0];
            Success();
        }
        self.IsInitialized = true;
        if (self.Initialized) {
            for (var i = 0; i < self.Initialized.length ; i++) {
                self.Initialized[i]();
            }
        }
        self.Initialized = null;
    });
}

fn.OnInitialized = function (Func) {
    var self = this;
    if (self.Initialized == null) {
        self.Initialized = [];
    }
    self.Initialized.push(Func);
}

fn.Preview = function (oHtml, sHtml) {
    var self = this;
    self.sHtml = sHtml;
    self.oHtml = oHtml;
    if (self.IsInitialized) {
        self.Show();
    } else {
        self.OnInitialized(function () {
            self.Preview(oHtml, sHtml);
        });
    }
}

fn.SetPageInfo = function (pageInfo, bInit) {
    var self = this;
    self.pageInfo = pageInfo;
    if (self.paperInfo) {
        self.paperInfo.Orientation = pageInfo.direction;
        self.paperInfo.paperWidth = pageInfo.paperWidth;
        self.paperInfo.paperLength = pageInfo.paperLength;
    } else {
        self.paperInfo = {
            Orientation: pageInfo.direction,
            paperWidth: pageInfo.paperWidth,
            paperLength: pageInfo.paperLength,
        };
    }
    if (bInit !== false) {
        self.IsInitialized = false;
        var Name = self.Printer.Name;
        self.Init(function () {
            var Printers = self.Printers;
            for (var i = 0; i < Printers.length; i++) {
                if (Printers[i].Name == Name) {
                    self.Printer = Printers[i];
                }
            }
        });
    }
}

fn.Resize = function (width, height, direction) {

}

fn.Show = function () {
    var self = this;
    var pInfo = self.Printer.Info;
    var pageInfo = self.pageInfo;
    if (pInfo.Orientation != pageInfo.direction) {
        CLLocalInovke(self.ocxUrl, "CLHtmlPrinter", "SetOrientation", [self.Printer.Name, pageInfo.direction], function (data) {
            if (data.R) {
                pInfo.Orientation = pageInfo.direction;
                self.Show();
            } else {
                CLShowMsg(data.Msg);
            }
        }, null);
        return;
    }
    var nPages = pageInfo.nPages;
    var nLen = pageInfo.nLen;
    self.divPaperNums.innerHTML = "总计: <code style='font-weight:900'>" + nPages + " 张纸</code>";;
    var iLen = nLen / nPages;
    var sPng = self.sPng;
    if (sPng) {
        var file = new Blob([new CLBase64().buffer(sPng)], { type: "image/png" });
        self.PngUrl = CLGetObjectURL(file);
    }
    //创建纸张
    var Container = self.Container;
    Container.innerHTML = "";
    Container.className = "ExcelDesigner ExcelDesignerNoEidt";
    Container.innerHTML = self.oHtml;
    function mousewheel(e) {
        if (divExcel.isConnected) {
            if (e.ctrlKey) {
                if (divExcel.Zoom == null) {
                    divExcel.Zoom = 1;
                }
                if (e.wheelDelta > 0) {
                    if (divExcel.Zoom < 5) {
                        divExcel.Zoom *= 1.2;
                    }
                } else {
                    if (divExcel.Zoom > 0.5) {
                        divExcel.Zoom /= 1.2;
                    }
                }
                divExcel.style.zoom = divExcel.Zoom;
                e.stopPropagation();
                e.preventDefault();
            }
        } else {
            window.removeEventListener("mousewheel", mousewheel);
        }
    }
    window.addEventListener("mousewheel", mousewheel);
    var divExcel = Container.getElementsByClassName("CLExcel")[0];
    if (self.Printer.Info.Orientation == "横向") {
        divExcel.style.width = self.Printer.Info.Height + "px";
        divExcel.style.height = nPages * (self.Printer.Info.Width + 15) + 15 + "px";
    } else {
        divExcel.style.width = self.Printer.Info.Width + "px";
        divExcel.style.height = nPages * (self.Printer.Info.Height + 15) + 15 + "px";
    }
    divExcel.style.pointerEvents = "none";
    divExcel.style.margin = "auto";
    divExcel.style.background = "rgba(0,0,0,0)";
    var divBody = Container.getElementsByClassName("Body")[0];
    divBody.style.height = divExcel.style.height;
    divBody.style.width = divExcel.style.width;
    var divContainer = Container.getElementsByClassName("Container")[0];
    divContainer.style.height = divExcel.style.height;
    divContainer.style.width = divExcel.style.width;
    divContainer.style.position = "relative";
    var TableBoxes = divContainer.getElementsByClassName("TableBox");
    var Boxes = [];
    for (var i = 0; i < TableBoxes.length; i++) {
        Boxes.push(TableBoxes[i]);
    }
    for (var i = 0; i < Boxes.length; i++) {
        var divPaper = document.createElement("div");
        divPaper.appendChild(Boxes[i]);
        divContainer.appendChild(divPaper);
        divPaper.style.margin = "15px 0";
        divPaper.style.position = "relative";
        divPaper.style.overflow = "hidden";
        divPaper.style.background = "#fff";
        if (self.Printer.Info.Orientation == "横向") {
            divPaper.style.width = self.Printer.Info.Height + "px";
            divPaper.style.height = self.Printer.Info.Width + "px";
        } else {
            divPaper.style.width = self.Printer.Info.Width + "px";
            divPaper.style.height = self.Printer.Info.Height + "px";
        }
        var box = divPaper.firstChild;
        box.style.position = "absolute";
        box.style.right = "";
        box.style.bottom = "";
        divPaper.appendChild(box);
        if (self.autoBox.checked) {
            box.style.left = "50%";
            box.style.top = "50%";
            box.style.transform = "translate(-50%,-50%)";
        }
        box.style.width = pageInfo.width + "px";
        box.style.height = pageInfo.height + "px";
        if (self.paperInfo.Orientation == "横向") {
            if (self.autoBox.checked) {
                box.style.transform = "translate(-50%,-50%) rotate(90deg)";
            } else {
                box.style.left = divPaper.offsetWidth - (box.offsetHeight / 2 + box.offsetWidth / 2) + "px";
                box.style.top = box.offsetWidth / 2 - box.offsetHeight / 2 + "px";
                box.style.transform = "rotate(90deg)";
            }
        }
    }
}

fn.Close = function () {
    var self = this;
    self.Ele.style.animationName = "CLPrintDlgClose";
    self.Ele.addEventListener("animationend", function () {
        self.Ele.remove();
        window.removeEventListener("unload", function () {
            self.Ele.remove();
        });
    });
}

fn.Print = function (Success) {
    var self = this;
    PrintWithPrinter(self.Printer, self.paperInfo, self.sHtml, self.pageInfo.nPages, self.pageInfo.height, self.autoBox.checked, Success, self.Ip);
}

fn.QueryForms = function (Success) {
    var self = this;
    CLLocalInovke(CLPrintDlg.prototype.ocxUrl, "CLHtmlPrinter", "EnumForms", [self.Printer], function (data) {
        if (data.R) {
            var Forms = data.Msg;
            Success(Forms);
        } else {
            CLShowMsg(data.Msg);
        }
    });
}

function PrintWithPrinter(Printer, paperInfo, sHtml, nPages, pageHeight, autoCentered, Success, Ip, flag) {
    if (event && event.altKey && event.ctrlKey) {
        var args = {};
        var Info = Printer.Info;
        if (Info.Orientation != paperInfo.Orientation) {
            var tVal = Info.Orientation;
            Info.Orientation = paperInfo.Orientation;
            paperInfo.Orientation = tVal;
            tVal = Info.Width;
            Info.Width = Info.Height;
            Info.Height = tVal;
            tVal = Info.oWidth;
            Info.oWidth = Info.oHeight;
            Info.oHeight = tVal;
            tVal = Info.ScaleX;
            Info.ScaleX = Info.ScaleY;
            Info.ScaleY = tVal;
        }
        args["Printer"] = Printer;
        args["paperInfo"] = paperInfo;
        args["Html"] = sHtml;
        args["nPages"] = nPages;
        args["pageHeight"] = pageHeight;
        args["autoCentered"] = autoCentered;
        CLSaveAsLocal("Info", JSON.stringify(args));
        return;
    }
    CLLocalInovke(CLPrintDlg.prototype.ocxUrl, "CLHtmlPrinter", "PrintWithPrinter", [Printer, paperInfo, sHtml, nPages, pageHeight, autoCentered], function (data) {
        if (data.R) {
            if (Success) {
                Success();
            }
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, Ip);
}

function PrintWithDefault(paperInfo, sHtml, nPages, pageHeight, autoCentered, Success, Ip) {
    if (!Ip && IsMobile()) {
        CLShowMsg("未设置打印代理.");
        return;
    }
    CLLocalInovke(CLPrintDlg.prototype.ocxUrl, "CLHtmlPrinter", "PrintWithDefault", [paperInfo, sHtml, nPages, pageHeight, autoCentered], function (data) {
        if (data.R) {
            if (Success) {
                Success();
            }
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, Ip);
}

function CLWriteFile(files, Success, Ip, IsPrinter) {
    var count = files.length;
    if (!Ip) {
        Ip = "127.0.0.1";
    }
    var sock = CLGetSocket("ws://" + Ip + ":999");
    var load = new CLTop.Loading();
    function Save(name, data, Success) {
        var buffers = [];
        var index = 0;
        var s;
        var cb;
        do {
            var len = 65532;
            if (index + len > data.length) {
                len = data.length - index;
            }
            s = data.substr(index, len);
            buffers.push(s);
            index += s.length;
        } while (index < data.length);
        cb = buffers.length;
        var first = true;
        function Write(name, Success) {
            sock.Invoke(IsPrinter ? "CLHtmlPrinter" : "System", "WriteFile", [name, buffers[0], first != true], function (data) {
                if (data.R) {
                    if (buffers.length == 0) {
                        Success(data.Msg);
                    } else {
                        Write(name, Success);
                    }
                } else {
                    CLShowMsg(data.Msg);
                    load.Stop();
                }
            }, CLHost + (IsPrinter ? CLPrintDlg.prototype.ocxUrl : sysUrl));
            buffers.splice(0, 1);
            first = false;
        }
        Write(name, function () {
            Success();
        });
    }

    for (var i = 0; i < files.length; i++) {
        var name = files[i].name;
        name = name.replace(/\//g,"\\");
        var base64Img = files[i].base64;
        Save(name, base64Img, function () {
            count--;
            if (count == 0) {
                load.Stop();
                Success();
            }
        });
    }
}

function CLReadFile(path, Success, asBuffer) {
    var sock = CLGetSocket("ws://127.0.0.1:999");
    var file;
    path = path.replace(/\//g, "\\");
    sock.Invoke("System", "ReadFile", [path], function (json) {
        if (json.R) {
            var reader = new FileReader();
            reader.onload = function () {
                Success(reader.result);
            }
            if (asBuffer) {
                reader.readAsArrayBuffer(file);
            } else {
                reader.readAsText(file);
            }
        } else {
            CLShowMsg(asBuffer ? new ArrayBuffer() : "", json.Msg);
        }
        sock.Close();
    }, CLHost + sysUrl);
    sock.OnMsg = function (file_) {
        file = file_;
    }
}

function CLPrinterSaveImage(files, Success, Ip) {
    CLWriteFile(files, Success, Ip, true);
}

function CLPrinterIfReturnNoHas(Imgs, Success, Ip) {
    CLLocalInovke(CLPrintDlg.prototype.ocxUrl, "CLHtmlPrinter", "IfReturnNoHas", [Imgs], function (data) {
        if (data.R) {
            if (Success) {
                Success(data.Msg);
            }
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, Ip);
}

function CLEnumPrinters(Ip, paperInfo, Success) {
    CLLocalInovke(CLPrintDlg.prototype.ocxUrl, "CLHtmlPrinter", "EnumPrinters", [paperInfo], function (data) {
        if (data.R) {
            Success(data.Msg);
        } else {
            CLShowMsg(data.Msg);
        }
    }, null, Ip);
}

function CLOpenXlsx(path, Success) {
    return CLLocalInovke(sysUrl, "XlsxUnZip", "Run", [path], function (data) {
        if (!data.R) {
            CLShowMsg(data.Msg);
        } else {
            Success(data.Msg);
        }
    });
}

;!function(){var e,t={QRCode:{url:"/View/Form/lib/Frm/qrcode.min.js",ver:"1.1"}};for(e in t)!function(t,e){var r=Object.getPrototypeOf(window),i=0;r.__defineGetter__(t,function(){if(!(0<i))return i++,CLLoad(e.url,e.ver),window[t]}),r.__defineSetter__(t,function(e){delete Object.getPrototypeOf(this)[t],this[t]=e})}(e,t[e])}();
;!function(t,r){"object"==typeof exports?module.exports=exports=r():"function"==typeof define&&define.amd?define([],r):t.CryptoJS=r()}(this,function(){var t=t||function(t,r){var e=Object.create||function(){function t(){}return function(r){var e;return t.prototype=r,e=new t,t.prototype=null,e}}(),i={},n=i.lib={},o=n.Base=function(){return{extend:function(t){var r=e(this);return t&&r.mixIn(t),r.hasOwnProperty("init")&&this.init!==r.init||(r.init=function(){r.$super.init.apply(this,arguments)}),r.init.prototype=r,r.$super=this,r},create:function(){var t=this.extend();return t.init.apply(t,arguments),t},init:function(){},mixIn:function(t){for(var r in t)t.hasOwnProperty(r)&&(this[r]=t[r]);t.hasOwnProperty("toString")&&(this.toString=t.toString)},clone:function(){return this.init.prototype.extend(this)}}}(),s=n.WordArray=o.extend({init:function(t,e){t=this.words=t||[],e!=r?this.sigBytes=e:this.sigBytes=4*t.length},toString:function(t){return(t||c).stringify(this)},concat:function(t){var r=this.words,e=t.words,i=this.sigBytes,n=t.sigBytes;if(this.clamp(),i%4)for(var o=0;o<n;o++){var s=e[o>>>2]>>>24-o%4*8&255;r[i+o>>>2]|=s<<24-(i+o)%4*8}else for(var o=0;o<n;o+=4)r[i+o>>>2]=e[o>>>2];return this.sigBytes+=n,this},clamp:function(){var r=this.words,e=this.sigBytes;r[e>>>2]&=4294967295<<32-e%4*8,r.length=t.ceil(e/4)},clone:function(){var t=o.clone.call(this);return t.words=this.words.slice(0),t},random:function(r){for(var e,i=[],n=function(r){var r=r,e=987654321,i=4294967295;return function(){e=36969*(65535&e)+(e>>16)&i,r=18e3*(65535&r)+(r>>16)&i;var n=(e<<16)+r&i;return n/=4294967296,n+=.5,n*(t.random()>.5?1:-1)}},o=0;o<r;o+=4){var a=n(4294967296*(e||t.random()));e=987654071*a(),i.push(4294967296*a()|0)}return new s.init(i,r)}}),a=i.enc={},c=a.Hex={stringify:function(t){for(var r=t.words,e=t.sigBytes,i=[],n=0;n<e;n++){var o=r[n>>>2]>>>24-n%4*8&255;i.push((o>>>4).toString(16)),i.push((15&o).toString(16))}return i.join("")},parse:function(t){for(var r=t.length,e=[],i=0;i<r;i+=2)e[i>>>3]|=parseInt(t.substr(i,2),16)<<24-i%8*4;return new s.init(e,r/2)}},h=a.Latin1={stringify:function(t){for(var r=t.words,e=t.sigBytes,i=[],n=0;n<e;n++){var o=r[n>>>2]>>>24-n%4*8&255;i.push(String.fromCharCode(o))}return i.join("")},parse:function(t){for(var r=t.length,e=[],i=0;i<r;i++)e[i>>>2]|=(255&t.charCodeAt(i))<<24-i%4*8;return new s.init(e,r)}},l=a.Utf8={stringify:function(t){try{return decodeURIComponent(escape(h.stringify(t)))}catch(t){throw new Error("Malformed UTF-8 data")}},parse:function(t){return h.parse(unescape(encodeURIComponent(t)))}},f=n.BufferedBlockAlgorithm=o.extend({reset:function(){this._data=new s.init,this._nDataBytes=0},_append:function(t){"string"==typeof t&&(t=l.parse(t)),this._data.concat(t),this._nDataBytes+=t.sigBytes},_process:function(r){var e=this._data,i=e.words,n=e.sigBytes,o=this.blockSize,a=4*o,c=n/a;c=r?t.ceil(c):t.max((0|c)-this._minBufferSize,0);var h=c*o,l=t.min(4*h,n);if(h){for(var f=0;f<h;f+=o)this._doProcessBlock(i,f);var u=i.splice(0,h);e.sigBytes-=l}return new s.init(u,l)},clone:function(){var t=o.clone.call(this);return t._data=this._data.clone(),t},_minBufferSize:0}),u=(n.Hasher=f.extend({cfg:o.extend(),init:function(t){this.cfg=this.cfg.extend(t),this.reset()},reset:function(){f.reset.call(this),this._doReset()},update:function(t){return this._append(t),this._process(),this},finalize:function(t){t&&this._append(t);var r=this._doFinalize();return r},blockSize:16,_createHelper:function(t){return function(r,e){return new t.init(e).finalize(r)}},_createHmacHelper:function(t){return function(r,e){return new u.HMAC.init(t,e).finalize(r)}}}),i.algo={});return i}(Math);return function(){function r(t,r,e){for(var i=[],o=0,s=0;s<r;s++)if(s%4){var a=e[t.charCodeAt(s-1)]<<s%4*2,c=e[t.charCodeAt(s)]>>>6-s%4*2;i[o>>>2]|=(a|c)<<24-o%4*8,o++}return n.create(i,o)}var e=t,i=e.lib,n=i.WordArray,o=e.enc;o.Base64={stringify:function(t){var r=t.words,e=t.sigBytes,i=this._map;t.clamp();for(var n=[],o=0;o<e;o+=3)for(var s=r[o>>>2]>>>24-o%4*8&255,a=r[o+1>>>2]>>>24-(o+1)%4*8&255,c=r[o+2>>>2]>>>24-(o+2)%4*8&255,h=s<<16|a<<8|c,l=0;l<4&&o+.75*l<e;l++)n.push(i.charAt(h>>>6*(3-l)&63));var f=i.charAt(64);if(f)for(;n.length%4;)n.push(f);return n.join("")},parse:function(t){var e=t.length,i=this._map,n=this._reverseMap;if(!n){n=this._reverseMap=[];for(var o=0;o<i.length;o++)n[i.charCodeAt(o)]=o}var s=i.charAt(64);if(s){var a=t.indexOf(s);a!==-1&&(e=a)}return r(t,e,n)},_map:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}}(),function(r){function e(t,r,e,i,n,o,s){var a=t+(r&e|~r&i)+n+s;return(a<<o|a>>>32-o)+r}function i(t,r,e,i,n,o,s){var a=t+(r&i|e&~i)+n+s;return(a<<o|a>>>32-o)+r}function n(t,r,e,i,n,o,s){var a=t+(r^e^i)+n+s;return(a<<o|a>>>32-o)+r}function o(t,r,e,i,n,o,s){var a=t+(e^(r|~i))+n+s;return(a<<o|a>>>32-o)+r}var s=t,a=s.lib,c=a.WordArray,h=a.Hasher,l=s.algo,f=[];!function(){for(var t=0;t<64;t++)f[t]=4294967296*r.abs(r.sin(t+1))|0}();var u=l.MD5=h.extend({_doReset:function(){this._hash=new c.init([1732584193,4023233417,2562383102,271733878])},_doProcessBlock:function(t,r){for(var s=0;s<16;s++){var a=r+s,c=t[a];t[a]=16711935&(c<<8|c>>>24)|4278255360&(c<<24|c>>>8)}var h=this._hash.words,l=t[r+0],u=t[r+1],d=t[r+2],v=t[r+3],p=t[r+4],_=t[r+5],y=t[r+6],g=t[r+7],B=t[r+8],w=t[r+9],k=t[r+10],S=t[r+11],m=t[r+12],x=t[r+13],b=t[r+14],H=t[r+15],z=h[0],A=h[1],C=h[2],D=h[3];z=e(z,A,C,D,l,7,f[0]),D=e(D,z,A,C,u,12,f[1]),C=e(C,D,z,A,d,17,f[2]),A=e(A,C,D,z,v,22,f[3]),z=e(z,A,C,D,p,7,f[4]),D=e(D,z,A,C,_,12,f[5]),C=e(C,D,z,A,y,17,f[6]),A=e(A,C,D,z,g,22,f[7]),z=e(z,A,C,D,B,7,f[8]),D=e(D,z,A,C,w,12,f[9]),C=e(C,D,z,A,k,17,f[10]),A=e(A,C,D,z,S,22,f[11]),z=e(z,A,C,D,m,7,f[12]),D=e(D,z,A,C,x,12,f[13]),C=e(C,D,z,A,b,17,f[14]),A=e(A,C,D,z,H,22,f[15]),z=i(z,A,C,D,u,5,f[16]),D=i(D,z,A,C,y,9,f[17]),C=i(C,D,z,A,S,14,f[18]),A=i(A,C,D,z,l,20,f[19]),z=i(z,A,C,D,_,5,f[20]),D=i(D,z,A,C,k,9,f[21]),C=i(C,D,z,A,H,14,f[22]),A=i(A,C,D,z,p,20,f[23]),z=i(z,A,C,D,w,5,f[24]),D=i(D,z,A,C,b,9,f[25]),C=i(C,D,z,A,v,14,f[26]),A=i(A,C,D,z,B,20,f[27]),z=i(z,A,C,D,x,5,f[28]),D=i(D,z,A,C,d,9,f[29]),C=i(C,D,z,A,g,14,f[30]),A=i(A,C,D,z,m,20,f[31]),z=n(z,A,C,D,_,4,f[32]),D=n(D,z,A,C,B,11,f[33]),C=n(C,D,z,A,S,16,f[34]),A=n(A,C,D,z,b,23,f[35]),z=n(z,A,C,D,u,4,f[36]),D=n(D,z,A,C,p,11,f[37]),C=n(C,D,z,A,g,16,f[38]),A=n(A,C,D,z,k,23,f[39]),z=n(z,A,C,D,x,4,f[40]),D=n(D,z,A,C,l,11,f[41]),C=n(C,D,z,A,v,16,f[42]),A=n(A,C,D,z,y,23,f[43]),z=n(z,A,C,D,w,4,f[44]),D=n(D,z,A,C,m,11,f[45]),C=n(C,D,z,A,H,16,f[46]),A=n(A,C,D,z,d,23,f[47]),z=o(z,A,C,D,l,6,f[48]),D=o(D,z,A,C,g,10,f[49]),C=o(C,D,z,A,b,15,f[50]),A=o(A,C,D,z,_,21,f[51]),z=o(z,A,C,D,m,6,f[52]),D=o(D,z,A,C,v,10,f[53]),C=o(C,D,z,A,k,15,f[54]),A=o(A,C,D,z,u,21,f[55]),z=o(z,A,C,D,B,6,f[56]),D=o(D,z,A,C,H,10,f[57]),C=o(C,D,z,A,y,15,f[58]),A=o(A,C,D,z,x,21,f[59]),z=o(z,A,C,D,p,6,f[60]),D=o(D,z,A,C,S,10,f[61]),C=o(C,D,z,A,d,15,f[62]),A=o(A,C,D,z,w,21,f[63]),h[0]=h[0]+z|0,h[1]=h[1]+A|0,h[2]=h[2]+C|0,h[3]=h[3]+D|0},_doFinalize:function(){var t=this._data,e=t.words,i=8*this._nDataBytes,n=8*t.sigBytes;e[n>>>5]|=128<<24-n%32;var o=r.floor(i/4294967296),s=i;e[(n+64>>>9<<4)+15]=16711935&(o<<8|o>>>24)|4278255360&(o<<24|o>>>8),e[(n+64>>>9<<4)+14]=16711935&(s<<8|s>>>24)|4278255360&(s<<24|s>>>8),t.sigBytes=4*(e.length+1),this._process();for(var a=this._hash,c=a.words,h=0;h<4;h++){var l=c[h];c[h]=16711935&(l<<8|l>>>24)|4278255360&(l<<24|l>>>8)}return a},clone:function(){var t=h.clone.call(this);return t._hash=this._hash.clone(),t}});s.MD5=h._createHelper(u),s.HmacMD5=h._createHmacHelper(u)}(Math),function(){var r=t,e=r.lib,i=e.WordArray,n=e.Hasher,o=r.algo,s=[],a=o.SHA1=n.extend({_doReset:function(){this._hash=new i.init([1732584193,4023233417,2562383102,271733878,3285377520])},_doProcessBlock:function(t,r){for(var e=this._hash.words,i=e[0],n=e[1],o=e[2],a=e[3],c=e[4],h=0;h<80;h++){if(h<16)s[h]=0|t[r+h];else{var l=s[h-3]^s[h-8]^s[h-14]^s[h-16];s[h]=l<<1|l>>>31}var f=(i<<5|i>>>27)+c+s[h];f+=h<20?(n&o|~n&a)+1518500249:h<40?(n^o^a)+1859775393:h<60?(n&o|n&a|o&a)-1894007588:(n^o^a)-899497514,c=a,a=o,o=n<<30|n>>>2,n=i,i=f}e[0]=e[0]+i|0,e[1]=e[1]+n|0,e[2]=e[2]+o|0,e[3]=e[3]+a|0,e[4]=e[4]+c|0},_doFinalize:function(){var t=this._data,r=t.words,e=8*this._nDataBytes,i=8*t.sigBytes;return r[i>>>5]|=128<<24-i%32,r[(i+64>>>9<<4)+14]=Math.floor(e/4294967296),r[(i+64>>>9<<4)+15]=e,t.sigBytes=4*r.length,this._process(),this._hash},clone:function(){var t=n.clone.call(this);return t._hash=this._hash.clone(),t}});r.SHA1=n._createHelper(a),r.HmacSHA1=n._createHmacHelper(a)}(),function(r){var e=t,i=e.lib,n=i.WordArray,o=i.Hasher,s=e.algo,a=[],c=[];!function(){function t(t){for(var e=r.sqrt(t),i=2;i<=e;i++)if(!(t%i))return!1;return!0}function e(t){return 4294967296*(t-(0|t))|0}for(var i=2,n=0;n<64;)t(i)&&(n<8&&(a[n]=e(r.pow(i,.5))),c[n]=e(r.pow(i,1/3)),n++),i++}();var h=[],l=s.SHA256=o.extend({_doReset:function(){this._hash=new n.init(a.slice(0))},_doProcessBlock:function(t,r){for(var e=this._hash.words,i=e[0],n=e[1],o=e[2],s=e[3],a=e[4],l=e[5],f=e[6],u=e[7],d=0;d<64;d++){if(d<16)h[d]=0|t[r+d];else{var v=h[d-15],p=(v<<25|v>>>7)^(v<<14|v>>>18)^v>>>3,_=h[d-2],y=(_<<15|_>>>17)^(_<<13|_>>>19)^_>>>10;h[d]=p+h[d-7]+y+h[d-16]}var g=a&l^~a&f,B=i&n^i&o^n&o,w=(i<<30|i>>>2)^(i<<19|i>>>13)^(i<<10|i>>>22),k=(a<<26|a>>>6)^(a<<21|a>>>11)^(a<<7|a>>>25),S=u+k+g+c[d]+h[d],m=w+B;u=f,f=l,l=a,a=s+S|0,s=o,o=n,n=i,i=S+m|0}e[0]=e[0]+i|0,e[1]=e[1]+n|0,e[2]=e[2]+o|0,e[3]=e[3]+s|0,e[4]=e[4]+a|0,e[5]=e[5]+l|0,e[6]=e[6]+f|0,e[7]=e[7]+u|0},_doFinalize:function(){var t=this._data,e=t.words,i=8*this._nDataBytes,n=8*t.sigBytes;return e[n>>>5]|=128<<24-n%32,e[(n+64>>>9<<4)+14]=r.floor(i/4294967296),e[(n+64>>>9<<4)+15]=i,t.sigBytes=4*e.length,this._process(),this._hash},clone:function(){var t=o.clone.call(this);return t._hash=this._hash.clone(),t}});e.SHA256=o._createHelper(l),e.HmacSHA256=o._createHmacHelper(l)}(Math),function(){function r(t){return t<<8&4278255360|t>>>8&16711935}var e=t,i=e.lib,n=i.WordArray,o=e.enc;o.Utf16=o.Utf16BE={stringify:function(t){for(var r=t.words,e=t.sigBytes,i=[],n=0;n<e;n+=2){var o=r[n>>>2]>>>16-n%4*8&65535;i.push(String.fromCharCode(o))}return i.join("")},parse:function(t){for(var r=t.length,e=[],i=0;i<r;i++)e[i>>>1]|=t.charCodeAt(i)<<16-i%2*16;return n.create(e,2*r)}};o.Utf16LE={stringify:function(t){for(var e=t.words,i=t.sigBytes,n=[],o=0;o<i;o+=2){var s=r(e[o>>>2]>>>16-o%4*8&65535);n.push(String.fromCharCode(s))}return n.join("")},parse:function(t){for(var e=t.length,i=[],o=0;o<e;o++)i[o>>>1]|=r(t.charCodeAt(o)<<16-o%2*16);return n.create(i,2*e)}}}(),function(){if("function"==typeof ArrayBuffer){var r=t,e=r.lib,i=e.WordArray,n=i.init,o=i.init=function(t){if(t instanceof ArrayBuffer&&(t=new Uint8Array(t)),(t instanceof Int8Array||"undefined"!=typeof Uint8ClampedArray&&t instanceof Uint8ClampedArray||t instanceof Int16Array||t instanceof Uint16Array||t instanceof Int32Array||t instanceof Uint32Array||t instanceof Float32Array||t instanceof Float64Array)&&(t=new Uint8Array(t.buffer,t.byteOffset,t.byteLength)),t instanceof Uint8Array){for(var r=t.byteLength,e=[],i=0;i<r;i++)e[i>>>2]|=t[i]<<24-i%4*8;n.call(this,e,r)}else n.apply(this,arguments)};o.prototype=i}}(),function(r){function e(t,r,e){return t^r^e}function i(t,r,e){return t&r|~t&e}function n(t,r,e){return(t|~r)^e}function o(t,r,e){return t&e|r&~e}function s(t,r,e){return t^(r|~e)}function a(t,r){return t<<r|t>>>32-r}var c=t,h=c.lib,l=h.WordArray,f=h.Hasher,u=c.algo,d=l.create([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,7,4,13,1,10,6,15,3,12,0,9,5,2,14,11,8,3,10,14,4,9,15,8,1,2,7,0,6,13,11,5,12,1,9,11,10,0,8,12,4,13,3,7,15,14,5,6,2,4,0,5,9,7,12,2,10,14,1,3,8,11,6,15,13]),v=l.create([5,14,7,0,9,2,11,4,13,6,15,8,1,10,3,12,6,11,3,7,0,13,5,10,14,15,8,12,4,9,1,2,15,5,1,3,7,14,6,9,11,8,12,2,10,0,4,13,8,6,4,1,3,11,15,0,5,12,2,13,9,7,10,14,12,15,10,4,1,5,8,7,6,2,13,14,0,3,9,11]),p=l.create([11,14,15,12,5,8,7,9,11,13,14,15,6,7,9,8,7,6,8,13,11,9,7,15,7,12,15,9,11,7,13,12,11,13,6,7,14,9,13,15,14,8,13,6,5,12,7,5,11,12,14,15,14,15,9,8,9,14,5,6,8,6,5,12,9,15,5,11,6,8,13,12,5,12,13,14,11,8,5,6]),_=l.create([8,9,9,11,13,15,15,5,7,7,8,11,14,14,12,6,9,13,15,7,12,8,9,11,7,7,12,7,6,15,13,11,9,7,15,11,8,6,6,14,12,13,5,14,13,13,7,5,15,5,8,11,14,14,6,14,6,9,12,9,12,5,15,8,8,5,12,9,12,5,14,6,8,13,6,5,15,13,11,11]),y=l.create([0,1518500249,1859775393,2400959708,2840853838]),g=l.create([1352829926,1548603684,1836072691,2053994217,0]),B=u.RIPEMD160=f.extend({_doReset:function(){this._hash=l.create([1732584193,4023233417,2562383102,271733878,3285377520])},_doProcessBlock:function(t,r){for(var c=0;c<16;c++){var h=r+c,l=t[h];t[h]=16711935&(l<<8|l>>>24)|4278255360&(l<<24|l>>>8)}var f,u,B,w,k,S,m,x,b,H,z=this._hash.words,A=y.words,C=g.words,D=d.words,R=v.words,E=p.words,M=_.words;S=f=z[0],m=u=z[1],x=B=z[2],b=w=z[3],H=k=z[4];for(var F,c=0;c<80;c+=1)F=f+t[r+D[c]]|0,F+=c<16?e(u,B,w)+A[0]:c<32?i(u,B,w)+A[1]:c<48?n(u,B,w)+A[2]:c<64?o(u,B,w)+A[3]:s(u,B,w)+A[4],F|=0,F=a(F,E[c]),F=F+k|0,f=k,k=w,w=a(B,10),B=u,u=F,F=S+t[r+R[c]]|0,F+=c<16?s(m,x,b)+C[0]:c<32?o(m,x,b)+C[1]:c<48?n(m,x,b)+C[2]:c<64?i(m,x,b)+C[3]:e(m,x,b)+C[4],F|=0,F=a(F,M[c]),F=F+H|0,S=H,H=b,b=a(x,10),x=m,m=F;F=z[1]+B+b|0,z[1]=z[2]+w+H|0,z[2]=z[3]+k+S|0,z[3]=z[4]+f+m|0,z[4]=z[0]+u+x|0,z[0]=F},_doFinalize:function(){var t=this._data,r=t.words,e=8*this._nDataBytes,i=8*t.sigBytes;r[i>>>5]|=128<<24-i%32,r[(i+64>>>9<<4)+14]=16711935&(e<<8|e>>>24)|4278255360&(e<<24|e>>>8),t.sigBytes=4*(r.length+1),this._process();for(var n=this._hash,o=n.words,s=0;s<5;s++){var a=o[s];o[s]=16711935&(a<<8|a>>>24)|4278255360&(a<<24|a>>>8)}return n},clone:function(){var t=f.clone.call(this);return t._hash=this._hash.clone(),t}});c.RIPEMD160=f._createHelper(B),c.HmacRIPEMD160=f._createHmacHelper(B)}(Math),function(){var r=t,e=r.lib,i=e.Base,n=r.enc,o=n.Utf8,s=r.algo;s.HMAC=i.extend({init:function(t,r){t=this._hasher=new t.init,"string"==typeof r&&(r=o.parse(r));var e=t.blockSize,i=4*e;r.sigBytes>i&&(r=t.finalize(r)),r.clamp();for(var n=this._oKey=r.clone(),s=this._iKey=r.clone(),a=n.words,c=s.words,h=0;h<e;h++)a[h]^=1549556828,c[h]^=909522486;n.sigBytes=s.sigBytes=i,this.reset()},reset:function(){var t=this._hasher;t.reset(),t.update(this._iKey)},update:function(t){return this._hasher.update(t),this},finalize:function(t){var r=this._hasher,e=r.finalize(t);r.reset();var i=r.finalize(this._oKey.clone().concat(e));return i}})}(),function(){var r=t,e=r.lib,i=e.Base,n=e.WordArray,o=r.algo,s=o.SHA1,a=o.HMAC,c=o.PBKDF2=i.extend({cfg:i.extend({keySize:4,hasher:s,iterations:1}),init:function(t){this.cfg=this.cfg.extend(t)},compute:function(t,r){for(var e=this.cfg,i=a.create(e.hasher,t),o=n.create(),s=n.create([1]),c=o.words,h=s.words,l=e.keySize,f=e.iterations;c.length<l;){var u=i.update(r).finalize(s);i.reset();for(var d=u.words,v=d.length,p=u,_=1;_<f;_++){p=i.finalize(p),i.reset();for(var y=p.words,g=0;g<v;g++)d[g]^=y[g]}o.concat(u),h[0]++}return o.sigBytes=4*l,o}});r.PBKDF2=function(t,r,e){return c.create(e).compute(t,r)}}(),function(){var r=t,e=r.lib,i=e.Base,n=e.WordArray,o=r.algo,s=o.MD5,a=o.EvpKDF=i.extend({cfg:i.extend({keySize:4,hasher:s,iterations:1}),init:function(t){this.cfg=this.cfg.extend(t)},compute:function(t,r){for(var e=this.cfg,i=e.hasher.create(),o=n.create(),s=o.words,a=e.keySize,c=e.iterations;s.length<a;){h&&i.update(h);var h=i.update(t).finalize(r);i.reset();for(var l=1;l<c;l++)h=i.finalize(h),i.reset();o.concat(h)}return o.sigBytes=4*a,o}});r.EvpKDF=function(t,r,e){return a.create(e).compute(t,r)}}(),function(){var r=t,e=r.lib,i=e.WordArray,n=r.algo,o=n.SHA256,s=n.SHA224=o.extend({_doReset:function(){this._hash=new i.init([3238371032,914150663,812702999,4144912697,4290775857,1750603025,1694076839,3204075428])},_doFinalize:function(){var t=o._doFinalize.call(this);return t.sigBytes-=4,t}});r.SHA224=o._createHelper(s),r.HmacSHA224=o._createHmacHelper(s)}(),function(r){var e=t,i=e.lib,n=i.Base,o=i.WordArray,s=e.x64={};s.Word=n.extend({init:function(t,r){this.high=t,this.low=r}}),s.WordArray=n.extend({init:function(t,e){t=this.words=t||[],e!=r?this.sigBytes=e:this.sigBytes=8*t.length},toX32:function(){for(var t=this.words,r=t.length,e=[],i=0;i<r;i++){var n=t[i];e.push(n.high),e.push(n.low)}return o.create(e,this.sigBytes)},clone:function(){for(var t=n.clone.call(this),r=t.words=this.words.slice(0),e=r.length,i=0;i<e;i++)r[i]=r[i].clone();return t}})}(),function(r){var e=t,i=e.lib,n=i.WordArray,o=i.Hasher,s=e.x64,a=s.Word,c=e.algo,h=[],l=[],f=[];!function(){for(var t=1,r=0,e=0;e<24;e++){h[t+5*r]=(e+1)*(e+2)/2%64;var i=r%5,n=(2*t+3*r)%5;t=i,r=n}for(var t=0;t<5;t++)for(var r=0;r<5;r++)l[t+5*r]=r+(2*t+3*r)%5*5;for(var o=1,s=0;s<24;s++){for(var c=0,u=0,d=0;d<7;d++){if(1&o){var v=(1<<d)-1;v<32?u^=1<<v:c^=1<<v-32}128&o?o=o<<1^113:o<<=1}f[s]=a.create(c,u)}}();var u=[];!function(){for(var t=0;t<25;t++)u[t]=a.create()}();var d=c.SHA3=o.extend({cfg:o.cfg.extend({outputLength:512}),_doReset:function(){for(var t=this._state=[],r=0;r<25;r++)t[r]=new a.init;this.blockSize=(1600-2*this.cfg.outputLength)/32},_doProcessBlock:function(t,r){for(var e=this._state,i=this.blockSize/2,n=0;n<i;n++){var o=t[r+2*n],s=t[r+2*n+1];o=16711935&(o<<8|o>>>24)|4278255360&(o<<24|o>>>8),s=16711935&(s<<8|s>>>24)|4278255360&(s<<24|s>>>8);var a=e[n];a.high^=s,a.low^=o}for(var c=0;c<24;c++){for(var d=0;d<5;d++){for(var v=0,p=0,_=0;_<5;_++){var a=e[d+5*_];v^=a.high,p^=a.low}var y=u[d];y.high=v,y.low=p}for(var d=0;d<5;d++)for(var g=u[(d+4)%5],B=u[(d+1)%5],w=B.high,k=B.low,v=g.high^(w<<1|k>>>31),p=g.low^(k<<1|w>>>31),_=0;_<5;_++){var a=e[d+5*_];a.high^=v,a.low^=p}for(var S=1;S<25;S++){var a=e[S],m=a.high,x=a.low,b=h[S];if(b<32)var v=m<<b|x>>>32-b,p=x<<b|m>>>32-b;else var v=x<<b-32|m>>>64-b,p=m<<b-32|x>>>64-b;var H=u[l[S]];H.high=v,H.low=p}var z=u[0],A=e[0];z.high=A.high,z.low=A.low;for(var d=0;d<5;d++)for(var _=0;_<5;_++){var S=d+5*_,a=e[S],C=u[S],D=u[(d+1)%5+5*_],R=u[(d+2)%5+5*_];a.high=C.high^~D.high&R.high,a.low=C.low^~D.low&R.low}var a=e[0],E=f[c];a.high^=E.high,a.low^=E.low}},_doFinalize:function(){var t=this._data,e=t.words,i=(8*this._nDataBytes,8*t.sigBytes),o=32*this.blockSize;e[i>>>5]|=1<<24-i%32,e[(r.ceil((i+1)/o)*o>>>5)-1]|=128,t.sigBytes=4*e.length,this._process();for(var s=this._state,a=this.cfg.outputLength/8,c=a/8,h=[],l=0;l<c;l++){var f=s[l],u=f.high,d=f.low;u=16711935&(u<<8|u>>>24)|4278255360&(u<<24|u>>>8),d=16711935&(d<<8|d>>>24)|4278255360&(d<<24|d>>>8),h.push(d),h.push(u)}return new n.init(h,a)},clone:function(){for(var t=o.clone.call(this),r=t._state=this._state.slice(0),e=0;e<25;e++)r[e]=r[e].clone();return t}});e.SHA3=o._createHelper(d),e.HmacSHA3=o._createHmacHelper(d)}(Math),function(){function r(){return s.create.apply(s,arguments)}var e=t,i=e.lib,n=i.Hasher,o=e.x64,s=o.Word,a=o.WordArray,c=e.algo,h=[r(1116352408,3609767458),r(1899447441,602891725),r(3049323471,3964484399),r(3921009573,2173295548),r(961987163,4081628472),r(1508970993,3053834265),r(2453635748,2937671579),r(2870763221,3664609560),r(3624381080,2734883394),r(310598401,1164996542),r(607225278,1323610764),r(1426881987,3590304994),r(1925078388,4068182383),r(2162078206,991336113),r(2614888103,633803317),r(3248222580,3479774868),r(3835390401,2666613458),r(4022224774,944711139),r(264347078,2341262773),r(604807628,2007800933),r(770255983,1495990901),r(1249150122,1856431235),r(1555081692,3175218132),r(1996064986,2198950837),r(2554220882,3999719339),r(2821834349,766784016),r(2952996808,2566594879),r(3210313671,3203337956),r(3336571891,1034457026),r(3584528711,2466948901),r(113926993,3758326383),r(338241895,168717936),r(666307205,1188179964),r(773529912,1546045734),r(1294757372,1522805485),r(1396182291,2643833823),r(1695183700,2343527390),r(1986661051,1014477480),r(2177026350,1206759142),r(2456956037,344077627),r(2730485921,1290863460),r(2820302411,3158454273),r(3259730800,3505952657),r(3345764771,106217008),r(3516065817,3606008344),r(3600352804,1432725776),r(4094571909,1467031594),r(275423344,851169720),r(430227734,3100823752),r(506948616,1363258195),r(659060556,3750685593),r(883997877,3785050280),r(958139571,3318307427),r(1322822218,3812723403),r(1537002063,2003034995),r(1747873779,3602036899),r(1955562222,1575990012),r(2024104815,1125592928),r(2227730452,2716904306),r(2361852424,442776044),r(2428436474,593698344),r(2756734187,3733110249),r(3204031479,2999351573),r(3329325298,3815920427),r(3391569614,3928383900),r(3515267271,566280711),r(3940187606,3454069534),r(4118630271,4000239992),r(116418474,1914138554),r(174292421,2731055270),r(289380356,3203993006),r(460393269,320620315),r(685471733,587496836),r(852142971,1086792851),r(1017036298,365543100),r(1126000580,2618297676),r(1288033470,3409855158),r(1501505948,4234509866),r(1607167915,987167468),r(1816402316,1246189591)],l=[];!function(){for(var t=0;t<80;t++)l[t]=r()}();var f=c.SHA512=n.extend({_doReset:function(){this._hash=new a.init([new s.init(1779033703,4089235720),new s.init(3144134277,2227873595),new s.init(1013904242,4271175723),new s.init(2773480762,1595750129),new s.init(1359893119,2917565137),new s.init(2600822924,725511199),new s.init(528734635,4215389547),new s.init(1541459225,327033209)])},_doProcessBlock:function(t,r){for(var e=this._hash.words,i=e[0],n=e[1],o=e[2],s=e[3],a=e[4],c=e[5],f=e[6],u=e[7],d=i.high,v=i.low,p=n.high,_=n.low,y=o.high,g=o.low,B=s.high,w=s.low,k=a.high,S=a.low,m=c.high,x=c.low,b=f.high,H=f.low,z=u.high,A=u.low,C=d,D=v,R=p,E=_,M=y,F=g,P=B,W=w,O=k,U=S,I=m,K=x,X=b,L=H,j=z,N=A,T=0;T<80;T++){var Z=l[T];if(T<16)var q=Z.high=0|t[r+2*T],G=Z.low=0|t[r+2*T+1];else{var J=l[T-15],$=J.high,Q=J.low,V=($>>>1|Q<<31)^($>>>8|Q<<24)^$>>>7,Y=(Q>>>1|$<<31)^(Q>>>8|$<<24)^(Q>>>7|$<<25),tt=l[T-2],rt=tt.high,et=tt.low,it=(rt>>>19|et<<13)^(rt<<3|et>>>29)^rt>>>6,nt=(et>>>19|rt<<13)^(et<<3|rt>>>29)^(et>>>6|rt<<26),ot=l[T-7],st=ot.high,at=ot.low,ct=l[T-16],ht=ct.high,lt=ct.low,G=Y+at,q=V+st+(G>>>0<Y>>>0?1:0),G=G+nt,q=q+it+(G>>>0<nt>>>0?1:0),G=G+lt,q=q+ht+(G>>>0<lt>>>0?1:0);Z.high=q,Z.low=G}var ft=O&I^~O&X,ut=U&K^~U&L,dt=C&R^C&M^R&M,vt=D&E^D&F^E&F,pt=(C>>>28|D<<4)^(C<<30|D>>>2)^(C<<25|D>>>7),_t=(D>>>28|C<<4)^(D<<30|C>>>2)^(D<<25|C>>>7),yt=(O>>>14|U<<18)^(O>>>18|U<<14)^(O<<23|U>>>9),gt=(U>>>14|O<<18)^(U>>>18|O<<14)^(U<<23|O>>>9),Bt=h[T],wt=Bt.high,kt=Bt.low,St=N+gt,mt=j+yt+(St>>>0<N>>>0?1:0),St=St+ut,mt=mt+ft+(St>>>0<ut>>>0?1:0),St=St+kt,mt=mt+wt+(St>>>0<kt>>>0?1:0),St=St+G,mt=mt+q+(St>>>0<G>>>0?1:0),xt=_t+vt,bt=pt+dt+(xt>>>0<_t>>>0?1:0);j=X,N=L,X=I,L=K,I=O,K=U,U=W+St|0,O=P+mt+(U>>>0<W>>>0?1:0)|0,P=M,W=F,M=R,F=E,R=C,E=D,D=St+xt|0,C=mt+bt+(D>>>0<St>>>0?1:0)|0}v=i.low=v+D,i.high=d+C+(v>>>0<D>>>0?1:0),_=n.low=_+E,n.high=p+R+(_>>>0<E>>>0?1:0),g=o.low=g+F,o.high=y+M+(g>>>0<F>>>0?1:0),w=s.low=w+W,s.high=B+P+(w>>>0<W>>>0?1:0),S=a.low=S+U,a.high=k+O+(S>>>0<U>>>0?1:0),x=c.low=x+K,c.high=m+I+(x>>>0<K>>>0?1:0),H=f.low=H+L,f.high=b+X+(H>>>0<L>>>0?1:0),A=u.low=A+N,u.high=z+j+(A>>>0<N>>>0?1:0)},_doFinalize:function(){var t=this._data,r=t.words,e=8*this._nDataBytes,i=8*t.sigBytes;r[i>>>5]|=128<<24-i%32,r[(i+128>>>10<<5)+30]=Math.floor(e/4294967296),r[(i+128>>>10<<5)+31]=e,t.sigBytes=4*r.length,this._process();var n=this._hash.toX32();return n},clone:function(){var t=n.clone.call(this);return t._hash=this._hash.clone(),t},blockSize:32});e.SHA512=n._createHelper(f),e.HmacSHA512=n._createHmacHelper(f)}(),function(){var r=t,e=r.x64,i=e.Word,n=e.WordArray,o=r.algo,s=o.SHA512,a=o.SHA384=s.extend({_doReset:function(){this._hash=new n.init([new i.init(3418070365,3238371032),new i.init(1654270250,914150663),new i.init(2438529370,812702999),new i.init(355462360,4144912697),new i.init(1731405415,4290775857),new i.init(2394180231,1750603025),new i.init(3675008525,1694076839),new i.init(1203062813,3204075428)])},_doFinalize:function(){var t=s._doFinalize.call(this);return t.sigBytes-=16,t}});r.SHA384=s._createHelper(a),r.HmacSHA384=s._createHmacHelper(a)}(),t.lib.Cipher||function(r){var e=t,i=e.lib,n=i.Base,o=i.WordArray,s=i.BufferedBlockAlgorithm,a=e.enc,c=(a.Utf8,a.Base64),h=e.algo,l=h.EvpKDF,f=i.Cipher=s.extend({cfg:n.extend(),createEncryptor:function(t,r){return this.create(this._ENC_XFORM_MODE,t,r)},createDecryptor:function(t,r){return this.create(this._DEC_XFORM_MODE,t,r)},init:function(t,r,e){this.cfg=this.cfg.extend(e),this._xformMode=t,this._key=r,this.reset()},reset:function(){s.reset.call(this),this._doReset()},process:function(t){return this._append(t),this._process()},finalize:function(t){t&&this._append(t);var r=this._doFinalize();return r},keySize:4,ivSize:4,_ENC_XFORM_MODE:1,_DEC_XFORM_MODE:2,_createHelper:function(){function t(t){return"string"==typeof t?m:w}return function(r){return{encrypt:function(e,i,n){return t(i).encrypt(r,e,i,n)},decrypt:function(e,i,n){return t(i).decrypt(r,e,i,n)}}}}()}),u=(i.StreamCipher=f.extend({_doFinalize:function(){var t=this._process(!0);return t},blockSize:1}),e.mode={}),d=i.BlockCipherMode=n.extend({createEncryptor:function(t,r){return this.Encryptor.create(t,r)},createDecryptor:function(t,r){return this.Decryptor.create(t,r)},init:function(t,r){this._cipher=t,this._iv=r}}),v=u.CBC=function(){function t(t,e,i){var n=this._iv;if(n){var o=n;this._iv=r}else var o=this._prevBlock;for(var s=0;s<i;s++)t[e+s]^=o[s]}var e=d.extend();return e.Encryptor=e.extend({processBlock:function(r,e){var i=this._cipher,n=i.blockSize;t.call(this,r,e,n),i.encryptBlock(r,e),this._prevBlock=r.slice(e,e+n)}}),e.Decryptor=e.extend({processBlock:function(r,e){var i=this._cipher,n=i.blockSize,o=r.slice(e,e+n);i.decryptBlock(r,e),t.call(this,r,e,n),this._prevBlock=o}}),e}(),p=e.pad={},_=p.Pkcs7={pad:function(t,r){for(var e=4*r,i=e-t.sigBytes%e,n=i<<24|i<<16|i<<8|i,s=[],a=0;a<i;a+=4)s.push(n);var c=o.create(s,i);t.concat(c)},unpad:function(t){var r=255&t.words[t.sigBytes-1>>>2];t.sigBytes-=r}},y=(i.BlockCipher=f.extend({cfg:f.cfg.extend({mode:v,padding:_}),reset:function(){f.reset.call(this);var t=this.cfg,r=t.iv,e=t.mode;if(this._xformMode==this._ENC_XFORM_MODE)var i=e.createEncryptor;else{var i=e.createDecryptor;this._minBufferSize=1}this._mode&&this._mode.__creator==i?this._mode.init(this,r&&r.words):(this._mode=i.call(e,this,r&&r.words),this._mode.__creator=i)},_doProcessBlock:function(t,r){this._mode.processBlock(t,r)},_doFinalize:function(){var t=this.cfg.padding;if(this._xformMode==this._ENC_XFORM_MODE){t.pad(this._data,this.blockSize);var r=this._process(!0)}else{var r=this._process(!0);t.unpad(r)}return r},blockSize:4}),i.CipherParams=n.extend({init:function(t){this.mixIn(t)},toString:function(t){return(t||this.formatter).stringify(this)}})),g=e.format={},B=g.OpenSSL={stringify:function(t){var r=t.ciphertext,e=t.salt;if(e)var i=o.create([1398893684,1701076831]).concat(e).concat(r);else var i=r;return i.toString(c)},parse:function(t){var r=c.parse(t),e=r.words;if(1398893684==e[0]&&1701076831==e[1]){var i=o.create(e.slice(2,4));e.splice(0,4),r.sigBytes-=16}return y.create({ciphertext:r,salt:i})}},w=i.SerializableCipher=n.extend({cfg:n.extend({format:B}),encrypt:function(t,r,e,i){i=this.cfg.extend(i);var n=t.createEncryptor(e,i),o=n.finalize(r),s=n.cfg;return y.create({ciphertext:o,key:e,iv:s.iv,algorithm:t,mode:s.mode,padding:s.padding,blockSize:t.blockSize,formatter:i.format})},decrypt:function(t,r,e,i){i=this.cfg.extend(i),r=this._parse(r,i.format);var n=t.createDecryptor(e,i).finalize(r.ciphertext);return n},_parse:function(t,r){return"string"==typeof t?r.parse(t,this):t}}),k=e.kdf={},S=k.OpenSSL={execute:function(t,r,e,i){i||(i=o.random(8));var n=l.create({keySize:r+e}).compute(t,i),s=o.create(n.words.slice(r),4*e);return n.sigBytes=4*r,y.create({key:n,iv:s,salt:i})}},m=i.PasswordBasedCipher=w.extend({cfg:w.cfg.extend({kdf:S}),encrypt:function(t,r,e,i){i=this.cfg.extend(i);var n=i.kdf.execute(e,t.keySize,t.ivSize);i.iv=n.iv;var o=w.encrypt.call(this,t,r,n.key,i);return o.mixIn(n),o},decrypt:function(t,r,e,i){i=this.cfg.extend(i),r=this._parse(r,i.format);var n=i.kdf.execute(e,t.keySize,t.ivSize,r.salt);i.iv=n.iv;var o=w.decrypt.call(this,t,r,n.key,i);return o}})}(),t.mode.CFB=function(){function r(t,r,e,i){var n=this._iv;if(n){var o=n.slice(0);this._iv=void 0}else var o=this._prevBlock;i.encryptBlock(o,0);for(var s=0;s<e;s++)t[r+s]^=o[s]}var e=t.lib.BlockCipherMode.extend();return e.Encryptor=e.extend({processBlock:function(t,e){var i=this._cipher,n=i.blockSize;r.call(this,t,e,n,i),this._prevBlock=t.slice(e,e+n)}}),e.Decryptor=e.extend({processBlock:function(t,e){var i=this._cipher,n=i.blockSize,o=t.slice(e,e+n);r.call(this,t,e,n,i),this._prevBlock=o}}),e}(),t.mode.ECB=function(){var r=t.lib.BlockCipherMode.extend();return r.Encryptor=r.extend({processBlock:function(t,r){this._cipher.encryptBlock(t,r)}}),r.Decryptor=r.extend({processBlock:function(t,r){this._cipher.decryptBlock(t,r)}}),r}(),t.pad.AnsiX923={pad:function(t,r){var e=t.sigBytes,i=4*r,n=i-e%i,o=e+n-1;t.clamp(),t.words[o>>>2]|=n<<24-o%4*8,t.sigBytes+=n},unpad:function(t){var r=255&t.words[t.sigBytes-1>>>2];t.sigBytes-=r}},t.pad.Iso10126={pad:function(r,e){var i=4*e,n=i-r.sigBytes%i;r.concat(t.lib.WordArray.random(n-1)).concat(t.lib.WordArray.create([n<<24],1))},unpad:function(t){var r=255&t.words[t.sigBytes-1>>>2];t.sigBytes-=r}},t.pad.Iso97971={pad:function(r,e){r.concat(t.lib.WordArray.create([2147483648],1)),t.pad.ZeroPadding.pad(r,e)},unpad:function(r){t.pad.ZeroPadding.unpad(r),r.sigBytes--}},t.mode.OFB=function(){var r=t.lib.BlockCipherMode.extend(),e=r.Encryptor=r.extend({processBlock:function(t,r){var e=this._cipher,i=e.blockSize,n=this._iv,o=this._keystream;n&&(o=this._keystream=n.slice(0),this._iv=void 0),e.encryptBlock(o,0);for(var s=0;s<i;s++)t[r+s]^=o[s]}});return r.Decryptor=e,r}(),t.pad.NoPadding={pad:function(){},unpad:function(){}},function(r){var e=t,i=e.lib,n=i.CipherParams,o=e.enc,s=o.Hex,a=e.format;a.Hex={stringify:function(t){return t.ciphertext.toString(s)},parse:function(t){var r=s.parse(t);return n.create({ciphertext:r})}}}(),function(){var r=t,e=r.lib,i=e.BlockCipher,n=r.algo,o=[],s=[],a=[],c=[],h=[],l=[],f=[],u=[],d=[],v=[];!function(){for(var t=[],r=0;r<256;r++)r<128?t[r]=r<<1:t[r]=r<<1^283;for(var e=0,i=0,r=0;r<256;r++){var n=i^i<<1^i<<2^i<<3^i<<4;n=n>>>8^255&n^99,o[e]=n,s[n]=e;var p=t[e],_=t[p],y=t[_],g=257*t[n]^16843008*n;a[e]=g<<24|g>>>8,c[e]=g<<16|g>>>16,h[e]=g<<8|g>>>24,l[e]=g;var g=16843009*y^65537*_^257*p^16843008*e;f[n]=g<<24|g>>>8,u[n]=g<<16|g>>>16,d[n]=g<<8|g>>>24,v[n]=g,e?(e=p^t[t[t[y^p]]],i^=t[t[i]]):e=i=1}}();var p=[0,1,2,4,8,16,32,64,128,27,54],_=n.AES=i.extend({_doReset:function(){if(!this._nRounds||this._keyPriorReset!==this._key){for(var t=this._keyPriorReset=this._key,r=t.words,e=t.sigBytes/4,i=this._nRounds=e+6,n=4*(i+1),s=this._keySchedule=[],a=0;a<n;a++)if(a<e)s[a]=r[a];else{var c=s[a-1];a%e?e>6&&a%e==4&&(c=o[c>>>24]<<24|o[c>>>16&255]<<16|o[c>>>8&255]<<8|o[255&c]):(c=c<<8|c>>>24,c=o[c>>>24]<<24|o[c>>>16&255]<<16|o[c>>>8&255]<<8|o[255&c],c^=p[a/e|0]<<24),s[a]=s[a-e]^c}for(var h=this._invKeySchedule=[],l=0;l<n;l++){var a=n-l;if(l%4)var c=s[a];else var c=s[a-4];l<4||a<=4?h[l]=c:h[l]=f[o[c>>>24]]^u[o[c>>>16&255]]^d[o[c>>>8&255]]^v[o[255&c]]}}},encryptBlock:function(t,r){this._doCryptBlock(t,r,this._keySchedule,a,c,h,l,o)},decryptBlock:function(t,r){var e=t[r+1];t[r+1]=t[r+3],t[r+3]=e,this._doCryptBlock(t,r,this._invKeySchedule,f,u,d,v,s);var e=t[r+1];t[r+1]=t[r+3],t[r+3]=e},_doCryptBlock:function(t,r,e,i,n,o,s,a){for(var c=this._nRounds,h=t[r]^e[0],l=t[r+1]^e[1],f=t[r+2]^e[2],u=t[r+3]^e[3],d=4,v=1;v<c;v++){var p=i[h>>>24]^n[l>>>16&255]^o[f>>>8&255]^s[255&u]^e[d++],_=i[l>>>24]^n[f>>>16&255]^o[u>>>8&255]^s[255&h]^e[d++],y=i[f>>>24]^n[u>>>16&255]^o[h>>>8&255]^s[255&l]^e[d++],g=i[u>>>24]^n[h>>>16&255]^o[l>>>8&255]^s[255&f]^e[d++];h=p,l=_,f=y,u=g}var p=(a[h>>>24]<<24|a[l>>>16&255]<<16|a[f>>>8&255]<<8|a[255&u])^e[d++],_=(a[l>>>24]<<24|a[f>>>16&255]<<16|a[u>>>8&255]<<8|a[255&h])^e[d++],y=(a[f>>>24]<<24|a[u>>>16&255]<<16|a[h>>>8&255]<<8|a[255&l])^e[d++],g=(a[u>>>24]<<24|a[h>>>16&255]<<16|a[l>>>8&255]<<8|a[255&f])^e[d++];t[r]=p,t[r+1]=_,t[r+2]=y,t[r+3]=g},keySize:8});r.AES=i._createHelper(_)}(),function(){function r(t,r){var e=(this._lBlock>>>t^this._rBlock)&r;this._rBlock^=e,this._lBlock^=e<<t}function e(t,r){var e=(this._rBlock>>>t^this._lBlock)&r;this._lBlock^=e,this._rBlock^=e<<t;
}var i=t,n=i.lib,o=n.WordArray,s=n.BlockCipher,a=i.algo,c=[57,49,41,33,25,17,9,1,58,50,42,34,26,18,10,2,59,51,43,35,27,19,11,3,60,52,44,36,63,55,47,39,31,23,15,7,62,54,46,38,30,22,14,6,61,53,45,37,29,21,13,5,28,20,12,4],h=[14,17,11,24,1,5,3,28,15,6,21,10,23,19,12,4,26,8,16,7,27,20,13,2,41,52,31,37,47,55,30,40,51,45,33,48,44,49,39,56,34,53,46,42,50,36,29,32],l=[1,2,4,6,8,10,12,14,15,17,19,21,23,25,27,28],f=[{0:8421888,268435456:32768,536870912:8421378,805306368:2,1073741824:512,1342177280:8421890,1610612736:8389122,1879048192:8388608,2147483648:514,2415919104:8389120,2684354560:33280,2952790016:8421376,3221225472:32770,3489660928:8388610,3758096384:0,4026531840:33282,134217728:0,402653184:8421890,671088640:33282,939524096:32768,1207959552:8421888,1476395008:512,1744830464:8421378,2013265920:2,2281701376:8389120,2550136832:33280,2818572288:8421376,3087007744:8389122,3355443200:8388610,3623878656:32770,3892314112:514,4160749568:8388608,1:32768,268435457:2,536870913:8421888,805306369:8388608,1073741825:8421378,1342177281:33280,1610612737:512,1879048193:8389122,2147483649:8421890,2415919105:8421376,2684354561:8388610,2952790017:33282,3221225473:514,3489660929:8389120,3758096385:32770,4026531841:0,134217729:8421890,402653185:8421376,671088641:8388608,939524097:512,1207959553:32768,1476395009:8388610,1744830465:2,2013265921:33282,2281701377:32770,2550136833:8389122,2818572289:514,3087007745:8421888,3355443201:8389120,3623878657:0,3892314113:33280,4160749569:8421378},{0:1074282512,16777216:16384,33554432:524288,50331648:1074266128,67108864:1073741840,83886080:1074282496,100663296:1073758208,117440512:16,134217728:540672,150994944:1073758224,167772160:1073741824,184549376:540688,201326592:524304,218103808:0,234881024:16400,251658240:1074266112,8388608:1073758208,25165824:540688,41943040:16,58720256:1073758224,75497472:1074282512,92274688:1073741824,109051904:524288,125829120:1074266128,142606336:524304,159383552:0,176160768:16384,192937984:1074266112,209715200:1073741840,226492416:540672,243269632:1074282496,260046848:16400,268435456:0,285212672:1074266128,301989888:1073758224,318767104:1074282496,335544320:1074266112,352321536:16,369098752:540688,385875968:16384,402653184:16400,419430400:524288,436207616:524304,452984832:1073741840,469762048:540672,486539264:1073758208,503316480:1073741824,520093696:1074282512,276824064:540688,293601280:524288,310378496:1074266112,327155712:16384,343932928:1073758208,360710144:1074282512,377487360:16,394264576:1073741824,411041792:1074282496,427819008:1073741840,444596224:1073758224,461373440:524304,478150656:0,494927872:16400,511705088:1074266128,528482304:540672},{0:260,1048576:0,2097152:67109120,3145728:65796,4194304:65540,5242880:67108868,6291456:67174660,7340032:67174400,8388608:67108864,9437184:67174656,10485760:65792,11534336:67174404,12582912:67109124,13631488:65536,14680064:4,15728640:256,524288:67174656,1572864:67174404,2621440:0,3670016:67109120,4718592:67108868,5767168:65536,6815744:65540,7864320:260,8912896:4,9961472:256,11010048:67174400,12058624:65796,13107200:65792,14155776:67109124,15204352:67174660,16252928:67108864,16777216:67174656,17825792:65540,18874368:65536,19922944:67109120,20971520:256,22020096:67174660,23068672:67108868,24117248:0,25165824:67109124,26214400:67108864,27262976:4,28311552:65792,29360128:67174400,30408704:260,31457280:65796,32505856:67174404,17301504:67108864,18350080:260,19398656:67174656,20447232:0,21495808:65540,22544384:67109120,23592960:256,24641536:67174404,25690112:65536,26738688:67174660,27787264:65796,28835840:67108868,29884416:67109124,30932992:67174400,31981568:4,33030144:65792},{0:2151682048,65536:2147487808,131072:4198464,196608:2151677952,262144:0,327680:4198400,393216:2147483712,458752:4194368,524288:2147483648,589824:4194304,655360:64,720896:2147487744,786432:2151678016,851968:4160,917504:4096,983040:2151682112,32768:2147487808,98304:64,163840:2151678016,229376:2147487744,294912:4198400,360448:2151682112,425984:0,491520:2151677952,557056:4096,622592:2151682048,688128:4194304,753664:4160,819200:2147483648,884736:4194368,950272:4198464,1015808:2147483712,1048576:4194368,1114112:4198400,1179648:2147483712,1245184:0,1310720:4160,1376256:2151678016,1441792:2151682048,1507328:2147487808,1572864:2151682112,1638400:2147483648,1703936:2151677952,1769472:4198464,1835008:2147487744,1900544:4194304,1966080:64,2031616:4096,1081344:2151677952,1146880:2151682112,1212416:0,1277952:4198400,1343488:4194368,1409024:2147483648,1474560:2147487808,1540096:64,1605632:2147483712,1671168:4096,1736704:2147487744,1802240:2151678016,1867776:4160,1933312:2151682048,1998848:4194304,2064384:4198464},{0:128,4096:17039360,8192:262144,12288:536870912,16384:537133184,20480:16777344,24576:553648256,28672:262272,32768:16777216,36864:537133056,40960:536871040,45056:553910400,49152:553910272,53248:0,57344:17039488,61440:553648128,2048:17039488,6144:553648256,10240:128,14336:17039360,18432:262144,22528:537133184,26624:553910272,30720:536870912,34816:537133056,38912:0,43008:553910400,47104:16777344,51200:536871040,55296:553648128,59392:16777216,63488:262272,65536:262144,69632:128,73728:536870912,77824:553648256,81920:16777344,86016:553910272,90112:537133184,94208:16777216,98304:553910400,102400:553648128,106496:17039360,110592:537133056,114688:262272,118784:536871040,122880:0,126976:17039488,67584:553648256,71680:16777216,75776:17039360,79872:537133184,83968:536870912,88064:17039488,92160:128,96256:553910272,100352:262272,104448:553910400,108544:0,112640:553648128,116736:16777344,120832:262144,124928:537133056,129024:536871040},{0:268435464,256:8192,512:270532608,768:270540808,1024:268443648,1280:2097152,1536:2097160,1792:268435456,2048:0,2304:268443656,2560:2105344,2816:8,3072:270532616,3328:2105352,3584:8200,3840:270540800,128:270532608,384:270540808,640:8,896:2097152,1152:2105352,1408:268435464,1664:268443648,1920:8200,2176:2097160,2432:8192,2688:268443656,2944:270532616,3200:0,3456:270540800,3712:2105344,3968:268435456,4096:268443648,4352:270532616,4608:270540808,4864:8200,5120:2097152,5376:268435456,5632:268435464,5888:2105344,6144:2105352,6400:0,6656:8,6912:270532608,7168:8192,7424:268443656,7680:270540800,7936:2097160,4224:8,4480:2105344,4736:2097152,4992:268435464,5248:268443648,5504:8200,5760:270540808,6016:270532608,6272:270540800,6528:270532616,6784:8192,7040:2105352,7296:2097160,7552:0,7808:268435456,8064:268443656},{0:1048576,16:33555457,32:1024,48:1049601,64:34604033,80:0,96:1,112:34603009,128:33555456,144:1048577,160:33554433,176:34604032,192:34603008,208:1025,224:1049600,240:33554432,8:34603009,24:0,40:33555457,56:34604032,72:1048576,88:33554433,104:33554432,120:1025,136:1049601,152:33555456,168:34603008,184:1048577,200:1024,216:34604033,232:1,248:1049600,256:33554432,272:1048576,288:33555457,304:34603009,320:1048577,336:33555456,352:34604032,368:1049601,384:1025,400:34604033,416:1049600,432:1,448:0,464:34603008,480:33554433,496:1024,264:1049600,280:33555457,296:34603009,312:1,328:33554432,344:1048576,360:1025,376:34604032,392:33554433,408:34603008,424:0,440:34604033,456:1049601,472:1024,488:33555456,504:1048577},{0:134219808,1:131072,2:134217728,3:32,4:131104,5:134350880,6:134350848,7:2048,8:134348800,9:134219776,10:133120,11:134348832,12:2080,13:0,14:134217760,15:133152,2147483648:2048,2147483649:134350880,2147483650:134219808,2147483651:134217728,2147483652:134348800,2147483653:133120,2147483654:133152,2147483655:32,2147483656:134217760,2147483657:2080,2147483658:131104,2147483659:134350848,2147483660:0,2147483661:134348832,2147483662:134219776,2147483663:131072,16:133152,17:134350848,18:32,19:2048,20:134219776,21:134217760,22:134348832,23:131072,24:0,25:131104,26:134348800,27:134219808,28:134350880,29:133120,30:2080,31:134217728,2147483664:131072,2147483665:2048,2147483666:134348832,2147483667:133152,2147483668:32,2147483669:134348800,2147483670:134217728,2147483671:134219808,2147483672:134350880,2147483673:134217760,2147483674:134219776,2147483675:0,2147483676:133120,2147483677:2080,2147483678:131104,2147483679:134350848}],u=[4160749569,528482304,33030144,2064384,129024,8064,504,2147483679],d=a.DES=s.extend({_doReset:function(){for(var t=this._key,r=t.words,e=[],i=0;i<56;i++){var n=c[i]-1;e[i]=r[n>>>5]>>>31-n%32&1}for(var o=this._subKeys=[],s=0;s<16;s++){for(var a=o[s]=[],f=l[s],i=0;i<24;i++)a[i/6|0]|=e[(h[i]-1+f)%28]<<31-i%6,a[4+(i/6|0)]|=e[28+(h[i+24]-1+f)%28]<<31-i%6;a[0]=a[0]<<1|a[0]>>>31;for(var i=1;i<7;i++)a[i]=a[i]>>>4*(i-1)+3;a[7]=a[7]<<5|a[7]>>>27}for(var u=this._invSubKeys=[],i=0;i<16;i++)u[i]=o[15-i]},encryptBlock:function(t,r){this._doCryptBlock(t,r,this._subKeys)},decryptBlock:function(t,r){this._doCryptBlock(t,r,this._invSubKeys)},_doCryptBlock:function(t,i,n){this._lBlock=t[i],this._rBlock=t[i+1],r.call(this,4,252645135),r.call(this,16,65535),e.call(this,2,858993459),e.call(this,8,16711935),r.call(this,1,1431655765);for(var o=0;o<16;o++){for(var s=n[o],a=this._lBlock,c=this._rBlock,h=0,l=0;l<8;l++)h|=f[l][((c^s[l])&u[l])>>>0];this._lBlock=c,this._rBlock=a^h}var d=this._lBlock;this._lBlock=this._rBlock,this._rBlock=d,r.call(this,1,1431655765),e.call(this,8,16711935),e.call(this,2,858993459),r.call(this,16,65535),r.call(this,4,252645135),t[i]=this._lBlock,t[i+1]=this._rBlock},keySize:2,ivSize:2,blockSize:2});i.DES=s._createHelper(d);var v=a.TripleDES=s.extend({_doReset:function(){var t=this._key,r=t.words;this._des1=d.createEncryptor(o.create(r.slice(0,2))),this._des2=d.createEncryptor(o.create(r.slice(2,4))),this._des3=d.createEncryptor(o.create(r.slice(4,6)))},encryptBlock:function(t,r){this._des1.encryptBlock(t,r),this._des2.decryptBlock(t,r),this._des3.encryptBlock(t,r)},decryptBlock:function(t,r){this._des3.decryptBlock(t,r),this._des2.encryptBlock(t,r),this._des1.decryptBlock(t,r)},keySize:6,ivSize:2,blockSize:2});i.TripleDES=s._createHelper(v)}(),function(){function r(){for(var t=this._S,r=this._i,e=this._j,i=0,n=0;n<4;n++){r=(r+1)%256,e=(e+t[r])%256;var o=t[r];t[r]=t[e],t[e]=o,i|=t[(t[r]+t[e])%256]<<24-8*n}return this._i=r,this._j=e,i}var e=t,i=e.lib,n=i.StreamCipher,o=e.algo,s=o.RC4=n.extend({_doReset:function(){for(var t=this._key,r=t.words,e=t.sigBytes,i=this._S=[],n=0;n<256;n++)i[n]=n;for(var n=0,o=0;n<256;n++){var s=n%e,a=r[s>>>2]>>>24-s%4*8&255;o=(o+i[n]+a)%256;var c=i[n];i[n]=i[o],i[o]=c}this._i=this._j=0},_doProcessBlock:function(t,e){t[e]^=r.call(this)},keySize:8,ivSize:0});e.RC4=n._createHelper(s);var a=o.RC4Drop=s.extend({cfg:s.cfg.extend({drop:192}),_doReset:function(){s._doReset.call(this);for(var t=this.cfg.drop;t>0;t--)r.call(this)}});e.RC4Drop=n._createHelper(a)}(),t.mode.CTRGladman=function(){function r(t){if(255===(t>>24&255)){var r=t>>16&255,e=t>>8&255,i=255&t;255===r?(r=0,255===e?(e=0,255===i?i=0:++i):++e):++r,t=0,t+=r<<16,t+=e<<8,t+=i}else t+=1<<24;return t}function e(t){return 0===(t[0]=r(t[0]))&&(t[1]=r(t[1])),t}var i=t.lib.BlockCipherMode.extend(),n=i.Encryptor=i.extend({processBlock:function(t,r){var i=this._cipher,n=i.blockSize,o=this._iv,s=this._counter;o&&(s=this._counter=o.slice(0),this._iv=void 0),e(s);var a=s.slice(0);i.encryptBlock(a,0);for(var c=0;c<n;c++)t[r+c]^=a[c]}});return i.Decryptor=n,i}(),function(){function r(){for(var t=this._X,r=this._C,e=0;e<8;e++)a[e]=r[e];r[0]=r[0]+1295307597+this._b|0,r[1]=r[1]+3545052371+(r[0]>>>0<a[0]>>>0?1:0)|0,r[2]=r[2]+886263092+(r[1]>>>0<a[1]>>>0?1:0)|0,r[3]=r[3]+1295307597+(r[2]>>>0<a[2]>>>0?1:0)|0,r[4]=r[4]+3545052371+(r[3]>>>0<a[3]>>>0?1:0)|0,r[5]=r[5]+886263092+(r[4]>>>0<a[4]>>>0?1:0)|0,r[6]=r[6]+1295307597+(r[5]>>>0<a[5]>>>0?1:0)|0,r[7]=r[7]+3545052371+(r[6]>>>0<a[6]>>>0?1:0)|0,this._b=r[7]>>>0<a[7]>>>0?1:0;for(var e=0;e<8;e++){var i=t[e]+r[e],n=65535&i,o=i>>>16,s=((n*n>>>17)+n*o>>>15)+o*o,h=((4294901760&i)*i|0)+((65535&i)*i|0);c[e]=s^h}t[0]=c[0]+(c[7]<<16|c[7]>>>16)+(c[6]<<16|c[6]>>>16)|0,t[1]=c[1]+(c[0]<<8|c[0]>>>24)+c[7]|0,t[2]=c[2]+(c[1]<<16|c[1]>>>16)+(c[0]<<16|c[0]>>>16)|0,t[3]=c[3]+(c[2]<<8|c[2]>>>24)+c[1]|0,t[4]=c[4]+(c[3]<<16|c[3]>>>16)+(c[2]<<16|c[2]>>>16)|0,t[5]=c[5]+(c[4]<<8|c[4]>>>24)+c[3]|0,t[6]=c[6]+(c[5]<<16|c[5]>>>16)+(c[4]<<16|c[4]>>>16)|0,t[7]=c[7]+(c[6]<<8|c[6]>>>24)+c[5]|0}var e=t,i=e.lib,n=i.StreamCipher,o=e.algo,s=[],a=[],c=[],h=o.Rabbit=n.extend({_doReset:function(){for(var t=this._key.words,e=this.cfg.iv,i=0;i<4;i++)t[i]=16711935&(t[i]<<8|t[i]>>>24)|4278255360&(t[i]<<24|t[i]>>>8);var n=this._X=[t[0],t[3]<<16|t[2]>>>16,t[1],t[0]<<16|t[3]>>>16,t[2],t[1]<<16|t[0]>>>16,t[3],t[2]<<16|t[1]>>>16],o=this._C=[t[2]<<16|t[2]>>>16,4294901760&t[0]|65535&t[1],t[3]<<16|t[3]>>>16,4294901760&t[1]|65535&t[2],t[0]<<16|t[0]>>>16,4294901760&t[2]|65535&t[3],t[1]<<16|t[1]>>>16,4294901760&t[3]|65535&t[0]];this._b=0;for(var i=0;i<4;i++)r.call(this);for(var i=0;i<8;i++)o[i]^=n[i+4&7];if(e){var s=e.words,a=s[0],c=s[1],h=16711935&(a<<8|a>>>24)|4278255360&(a<<24|a>>>8),l=16711935&(c<<8|c>>>24)|4278255360&(c<<24|c>>>8),f=h>>>16|4294901760&l,u=l<<16|65535&h;o[0]^=h,o[1]^=f,o[2]^=l,o[3]^=u,o[4]^=h,o[5]^=f,o[6]^=l,o[7]^=u;for(var i=0;i<4;i++)r.call(this)}},_doProcessBlock:function(t,e){var i=this._X;r.call(this),s[0]=i[0]^i[5]>>>16^i[3]<<16,s[1]=i[2]^i[7]>>>16^i[5]<<16,s[2]=i[4]^i[1]>>>16^i[7]<<16,s[3]=i[6]^i[3]>>>16^i[1]<<16;for(var n=0;n<4;n++)s[n]=16711935&(s[n]<<8|s[n]>>>24)|4278255360&(s[n]<<24|s[n]>>>8),t[e+n]^=s[n]},blockSize:4,ivSize:2});e.Rabbit=n._createHelper(h)}(),t.mode.CTR=function(){var r=t.lib.BlockCipherMode.extend(),e=r.Encryptor=r.extend({processBlock:function(t,r){var e=this._cipher,i=e.blockSize,n=this._iv,o=this._counter;n&&(o=this._counter=n.slice(0),this._iv=void 0);var s=o.slice(0);e.encryptBlock(s,0),o[i-1]=o[i-1]+1|0;for(var a=0;a<i;a++)t[r+a]^=s[a]}});return r.Decryptor=e,r}(),function(){function r(){for(var t=this._X,r=this._C,e=0;e<8;e++)a[e]=r[e];r[0]=r[0]+1295307597+this._b|0,r[1]=r[1]+3545052371+(r[0]>>>0<a[0]>>>0?1:0)|0,r[2]=r[2]+886263092+(r[1]>>>0<a[1]>>>0?1:0)|0,r[3]=r[3]+1295307597+(r[2]>>>0<a[2]>>>0?1:0)|0,r[4]=r[4]+3545052371+(r[3]>>>0<a[3]>>>0?1:0)|0,r[5]=r[5]+886263092+(r[4]>>>0<a[4]>>>0?1:0)|0,r[6]=r[6]+1295307597+(r[5]>>>0<a[5]>>>0?1:0)|0,r[7]=r[7]+3545052371+(r[6]>>>0<a[6]>>>0?1:0)|0,this._b=r[7]>>>0<a[7]>>>0?1:0;for(var e=0;e<8;e++){var i=t[e]+r[e],n=65535&i,o=i>>>16,s=((n*n>>>17)+n*o>>>15)+o*o,h=((4294901760&i)*i|0)+((65535&i)*i|0);c[e]=s^h}t[0]=c[0]+(c[7]<<16|c[7]>>>16)+(c[6]<<16|c[6]>>>16)|0,t[1]=c[1]+(c[0]<<8|c[0]>>>24)+c[7]|0,t[2]=c[2]+(c[1]<<16|c[1]>>>16)+(c[0]<<16|c[0]>>>16)|0,t[3]=c[3]+(c[2]<<8|c[2]>>>24)+c[1]|0,t[4]=c[4]+(c[3]<<16|c[3]>>>16)+(c[2]<<16|c[2]>>>16)|0,t[5]=c[5]+(c[4]<<8|c[4]>>>24)+c[3]|0,t[6]=c[6]+(c[5]<<16|c[5]>>>16)+(c[4]<<16|c[4]>>>16)|0,t[7]=c[7]+(c[6]<<8|c[6]>>>24)+c[5]|0}var e=t,i=e.lib,n=i.StreamCipher,o=e.algo,s=[],a=[],c=[],h=o.RabbitLegacy=n.extend({_doReset:function(){var t=this._key.words,e=this.cfg.iv,i=this._X=[t[0],t[3]<<16|t[2]>>>16,t[1],t[0]<<16|t[3]>>>16,t[2],t[1]<<16|t[0]>>>16,t[3],t[2]<<16|t[1]>>>16],n=this._C=[t[2]<<16|t[2]>>>16,4294901760&t[0]|65535&t[1],t[3]<<16|t[3]>>>16,4294901760&t[1]|65535&t[2],t[0]<<16|t[0]>>>16,4294901760&t[2]|65535&t[3],t[1]<<16|t[1]>>>16,4294901760&t[3]|65535&t[0]];this._b=0;for(var o=0;o<4;o++)r.call(this);for(var o=0;o<8;o++)n[o]^=i[o+4&7];if(e){var s=e.words,a=s[0],c=s[1],h=16711935&(a<<8|a>>>24)|4278255360&(a<<24|a>>>8),l=16711935&(c<<8|c>>>24)|4278255360&(c<<24|c>>>8),f=h>>>16|4294901760&l,u=l<<16|65535&h;n[0]^=h,n[1]^=f,n[2]^=l,n[3]^=u,n[4]^=h,n[5]^=f,n[6]^=l,n[7]^=u;for(var o=0;o<4;o++)r.call(this)}},_doProcessBlock:function(t,e){var i=this._X;r.call(this),s[0]=i[0]^i[5]>>>16^i[3]<<16,s[1]=i[2]^i[7]>>>16^i[5]<<16,s[2]=i[4]^i[1]>>>16^i[7]<<16,s[3]=i[6]^i[3]>>>16^i[1]<<16;for(var n=0;n<4;n++)s[n]=16711935&(s[n]<<8|s[n]>>>24)|4278255360&(s[n]<<24|s[n]>>>8),t[e+n]^=s[n]},blockSize:4,ivSize:2});e.RabbitLegacy=n._createHelper(h)}(),t.pad.ZeroPadding={pad:function(t,r){var e=4*r;t.clamp(),t.sigBytes+=e-(t.sigBytes%e||e)},unpad:function(t){for(var r=t.words,e=t.sigBytes-1;!(r[e>>>2]>>>24-e%4*8&255);)e--;t.sigBytes=e+1}},t});
//# sourceMappingURL=crypto-js.min.js.map
;
function Loading_() {
    this.Stop = function () {
    }
    this.SetContainer = function () {
    }
}

Loading_.Use = function (func) {
    var old = Loading;
    Loading = Loading_
    try {
        func();
    } finally {
        Loading = old;
    }
}

Loading_.Pause = function () { }

Loading_.Share = function () { }

var HttpPostData = [
    {
        Invoke: function () { }
    }
]

function HttpPost(Url, CallBack, jsData, IsAsync, Error, Exception, File, FileName, onProgress) {
    if (Url.indexOf("Login") < 0) {
        HttpPostData = [].concat({
            Url: Url,
            CallBack: CallBack,
            jsData: jsData,
            IsAsync: IsAsync,
            Error: Error,
            Exception: Exception,
            File: File,
            FileName: FileName,
            onProgress: onProgress,
            Invoke: function () {
                return HttpPost(this.Url, this.CallBack, this.jsData, this.IsAsync, this.Error, this.Exception, this.File, this.FileName, this.onProgress);
            }
        });
    }
    var Data = new FormData();
    if (jsData != null && typeof (jsData) != "string") {
        jsData = JSON.stringify(jsData);
    }
    if (jsData != null && jsData.length > 100 && window.CLZip) {
        var input = jsData.ToUtf8();
        Data.append("UnZipLen", input.length);
        jsData = CLZip(jsData);
    }
    if (jsData != null) {
        Data.append("Data", jsData);
    }

    var timeout = 10000;
    timeout *= 6 * 60 * 2;
    if (File != null) {
        Data.append("File", File, FileName);
    }
    if (IsAsync == null) IsAsync = true;
    var load;
    if (IsAsync) {
        load = new Loading();
    } else {
        load = {
            Stop: function () { },
            SetContainer: function () { }
        };
    }
    try {
        $.ajax({
            type: "POST",
            url: Url,
            data: Data,
            timeout: timeout, //超时时间设置，单位毫秒
            async: IsAsync,
            cache: true,
            ifModified: true,
            contentType: false,
            processData: false,
            success: function (responseStr) {
                var Json = null
                try {
                    try {
                        Json = JSON.parse(responseStr);
                    } catch (e) {
                        Json = {};
                        Json.code = -1;
                        Json.msg = responseStr;
                    }
                    if (Json != null && Json.CallBack != null) {
                        window[Json.CallBack](Json.Param);
                        if (Error != null) { Error(); }
                    } else {
                        CallBack(Json);
                    }
                } finally {
                    load && load.Stop();
                }
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                load && load.Stop();
                if (Error == null) {
                    CLTop.CLShowMsg(JSON.stringify(XMLHttpRequest));
                } else {
                    Error(JSON.stringify(XMLHttpRequest));
                }
            },
            xhrFields: {
                withCredentials: true
            },
            crossDomain: true,
            xhr: function () {
                var xhr = $.ajaxSettings.xhr();
                if (onProgress) {
                    if (xhr.upload) {
                        xhr.upload.addEventListener("progress", function (e) {
                            e.IsUpLoad = true;
                            onProgress(e);
                        }, false);
                        xhr.addEventListener("progress", function (e) {
                            e.IsDownLoad = true;
                            onProgress(e);
                        }, false);
                    }
                }
                return xhr;
            }
        });
    } catch (e) {
        load && load.Stop();
        if (Exception == null) {
            CLShowMsg(e.message);
        } else {
            Exception(e.message);
        }
    }
    return load;
}

HttpPost.ForceSync = function (isSync) {
    this.IsForceSync = isSync;
}

function HttpGet(Url, CallBack, IsAsync, IsJson, onProgress) {
    var s;
    var load;
    if (IsAsync != false) {
        load = new Loading();
    }
    $.ajax({
        type: "GET",
        url: Url,
        async: IsAsync,
        cache: true,
        ifModified: false,
        timeout: 10000000,
        contentType: "text",
        processData: false,
        xhrFields: {
            withCredentials: true
        },
        crossDomain: true,
        success: function (data) {
            try {
                if (IsJson) {
                    data = JSON.parse(data);
                }
                if (CallBack) {
                    CallBack(data);
                }
                if (!IsAsync) {
                    s = data;
                }
            } catch (e) {
                if (load) {
                    load.Stop();
                }
                throw e;
            }

            if (load) {
                load.Stop();
            }
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            if (load) {
                load.Stop();
            }
        }
        , xhr: function () {
            var xhr = $.ajaxSettings.xhr();
            if (onProgress) {
                if (xhr.upload) {
                    xhr.upload.addEventListener("progress", function (e) {
                        e.IsUpLoad = true;
                        onProgress(e);
                    }, false);
                    xhr.addEventListener("progress", function (e) {
                        e.IsDownLoad = true;
                        onProgress(e);
                    }, false);
                }
            }
            return xhr;
        }
    });
    if (IsAsync) {
        return load
    } else {
        return s;
    }
}

;!function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this).pako=t()}}(function(){return function t(e,a,i){function n(s,o){if(!a[s]){if(!e[s]){var l="function"==typeof require&&require;if(!o&&l)return l(s,!0);if(r)return r(s,!0);var h=new Error("Cannot find module '"+s+"'");throw h.code="MODULE_NOT_FOUND",h}var d=a[s]={exports:{}};e[s][0].call(d.exports,function(t){var a=e[s][1][t];return n(a||t)},d,d.exports,t,e,a,i)}return a[s].exports}for(var r="function"==typeof require&&require,s=0;s<i.length;s++)n(i[s]);return n}({1:[function(t,e,a){"use strict";function i(t){if(!(this instanceof i))return new i(t);this.options=s.assign({level:_,method:c,chunkSize:16384,windowBits:15,memLevel:8,strategy:u,to:""},t||{});var e=this.options;e.raw&&e.windowBits>0?e.windowBits=-e.windowBits:e.gzip&&e.windowBits>0&&e.windowBits<16&&(e.windowBits+=16),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new h,this.strm.avail_out=0;var a=r.deflateInit2(this.strm,e.level,e.method,e.windowBits,e.memLevel,e.strategy);if(a!==f)throw new Error(l[a]);if(e.header&&r.deflateSetHeader(this.strm,e.header),e.dictionary){var n;if(n="string"==typeof e.dictionary?o.string2buf(e.dictionary):"[object ArrayBuffer]"===d.call(e.dictionary)?new Uint8Array(e.dictionary):e.dictionary,(a=r.deflateSetDictionary(this.strm,n))!==f)throw new Error(l[a]);this._dict_set=!0}}function n(t,e){var a=new i(e);if(a.push(t,!0),a.err)throw a.msg||l[a.err];return a.result}var r=t("./zlib/deflate"),s=t("./utils/common"),o=t("./utils/strings"),l=t("./zlib/messages"),h=t("./zlib/zstream"),d=Object.prototype.toString,f=0,_=-1,u=0,c=8;i.prototype.push=function(t,e){var a,i,n=this.strm,l=this.options.chunkSize;if(this.ended)return!1;i=e===~~e?e:!0===e?4:0,"string"==typeof t?n.input=o.string2buf(t):"[object ArrayBuffer]"===d.call(t)?n.input=new Uint8Array(t):n.input=t,n.next_in=0,n.avail_in=n.input.length;do{if(0===n.avail_out&&(n.output=new s.Buf8(l),n.next_out=0,n.avail_out=l),1!==(a=r.deflate(n,i))&&a!==f)return this.onEnd(a),this.ended=!0,!1;0!==n.avail_out&&(0!==n.avail_in||4!==i&&2!==i)||("string"===this.options.to?this.onData(o.buf2binstring(s.shrinkBuf(n.output,n.next_out))):this.onData(s.shrinkBuf(n.output,n.next_out)))}while((n.avail_in>0||0===n.avail_out)&&1!==a);return 4===i?(a=r.deflateEnd(this.strm),this.onEnd(a),this.ended=!0,a===f):2!==i||(this.onEnd(f),n.avail_out=0,!0)},i.prototype.onData=function(t){this.chunks.push(t)},i.prototype.onEnd=function(t){t===f&&("string"===this.options.to?this.result=this.chunks.join(""):this.result=s.flattenChunks(this.chunks)),this.chunks=[],this.err=t,this.msg=this.strm.msg},a.Deflate=i,a.deflate=n,a.deflateRaw=function(t,e){return e=e||{},e.raw=!0,n(t,e)},a.gzip=function(t,e){return e=e||{},e.gzip=!0,n(t,e)}},{"./utils/common":3,"./utils/strings":4,"./zlib/deflate":8,"./zlib/messages":13,"./zlib/zstream":15}],2:[function(t,e,a){"use strict";function i(t){if(!(this instanceof i))return new i(t);this.options=s.assign({chunkSize:16384,windowBits:0,to:""},t||{});var e=this.options;e.raw&&e.windowBits>=0&&e.windowBits<16&&(e.windowBits=-e.windowBits,0===e.windowBits&&(e.windowBits=-15)),!(e.windowBits>=0&&e.windowBits<16)||t&&t.windowBits||(e.windowBits+=32),e.windowBits>15&&e.windowBits<48&&0==(15&e.windowBits)&&(e.windowBits|=15),this.err=0,this.msg="",this.ended=!1,this.chunks=[],this.strm=new d,this.strm.avail_out=0;var a=r.inflateInit2(this.strm,e.windowBits);if(a!==l.Z_OK)throw new Error(h[a]);this.header=new f,r.inflateGetHeader(this.strm,this.header)}function n(t,e){var a=new i(e);if(a.push(t,!0),a.err)throw a.msg||h[a.err];return a.result}var r=t("./zlib/inflate"),s=t("./utils/common"),o=t("./utils/strings"),l=t("./zlib/constants"),h=t("./zlib/messages"),d=t("./zlib/zstream"),f=t("./zlib/gzheader"),_=Object.prototype.toString;i.prototype.push=function(t,e){var a,i,n,h,d,f,u=this.strm,c=this.options.chunkSize,b=this.options.dictionary,g=!1;if(this.ended)return!1;i=e===~~e?e:!0===e?l.Z_FINISH:l.Z_NO_FLUSH,"string"==typeof t?u.input=o.binstring2buf(t):"[object ArrayBuffer]"===_.call(t)?u.input=new Uint8Array(t):u.input=t,u.next_in=0,u.avail_in=u.input.length;do{if(0===u.avail_out&&(u.output=new s.Buf8(c),u.next_out=0,u.avail_out=c),(a=r.inflate(u,l.Z_NO_FLUSH))===l.Z_NEED_DICT&&b&&(f="string"==typeof b?o.string2buf(b):"[object ArrayBuffer]"===_.call(b)?new Uint8Array(b):b,a=r.inflateSetDictionary(this.strm,f)),a===l.Z_BUF_ERROR&&!0===g&&(a=l.Z_OK,g=!1),a!==l.Z_STREAM_END&&a!==l.Z_OK)return this.onEnd(a),this.ended=!0,!1;u.next_out&&(0!==u.avail_out&&a!==l.Z_STREAM_END&&(0!==u.avail_in||i!==l.Z_FINISH&&i!==l.Z_SYNC_FLUSH)||("string"===this.options.to?(n=o.utf8border(u.output,u.next_out),h=u.next_out-n,d=o.buf2string(u.output,n),u.next_out=h,u.avail_out=c-h,h&&s.arraySet(u.output,u.output,n,h,0),this.onData(d)):this.onData(s.shrinkBuf(u.output,u.next_out)))),0===u.avail_in&&0===u.avail_out&&(g=!0)}while((u.avail_in>0||0===u.avail_out)&&a!==l.Z_STREAM_END);return a===l.Z_STREAM_END&&(i=l.Z_FINISH),i===l.Z_FINISH?(a=r.inflateEnd(this.strm),this.onEnd(a),this.ended=!0,a===l.Z_OK):i!==l.Z_SYNC_FLUSH||(this.onEnd(l.Z_OK),u.avail_out=0,!0)},i.prototype.onData=function(t){this.chunks.push(t)},i.prototype.onEnd=function(t){t===l.Z_OK&&("string"===this.options.to?this.result=this.chunks.join(""):this.result=s.flattenChunks(this.chunks)),this.chunks=[],this.err=t,this.msg=this.strm.msg},a.Inflate=i,a.inflate=n,a.inflateRaw=function(t,e){return e=e||{},e.raw=!0,n(t,e)},a.ungzip=n},{"./utils/common":3,"./utils/strings":4,"./zlib/constants":6,"./zlib/gzheader":9,"./zlib/inflate":11,"./zlib/messages":13,"./zlib/zstream":15}],3:[function(t,e,a){"use strict";function i(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var n="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Int32Array;a.assign=function(t){for(var e=Array.prototype.slice.call(arguments,1);e.length;){var a=e.shift();if(a){if("object"!=typeof a)throw new TypeError(a+"must be non-object");for(var n in a)i(a,n)&&(t[n]=a[n])}}return t},a.shrinkBuf=function(t,e){return t.length===e?t:t.subarray?t.subarray(0,e):(t.length=e,t)};var r={arraySet:function(t,e,a,i,n){if(e.subarray&&t.subarray)t.set(e.subarray(a,a+i),n);else for(var r=0;r<i;r++)t[n+r]=e[a+r]},flattenChunks:function(t){var e,a,i,n,r,s;for(i=0,e=0,a=t.length;e<a;e++)i+=t[e].length;for(s=new Uint8Array(i),n=0,e=0,a=t.length;e<a;e++)r=t[e],s.set(r,n),n+=r.length;return s}},s={arraySet:function(t,e,a,i,n){for(var r=0;r<i;r++)t[n+r]=e[a+r]},flattenChunks:function(t){return[].concat.apply([],t)}};a.setTyped=function(t){t?(a.Buf8=Uint8Array,a.Buf16=Uint16Array,a.Buf32=Int32Array,a.assign(a,r)):(a.Buf8=Array,a.Buf16=Array,a.Buf32=Array,a.assign(a,s))},a.setTyped(n)},{}],4:[function(t,e,a){"use strict";function i(t,e){if(e<65537&&(t.subarray&&s||!t.subarray&&r))return String.fromCharCode.apply(null,n.shrinkBuf(t,e));for(var a="",i=0;i<e;i++)a+=String.fromCharCode(t[i]);return a}var n=t("./common"),r=!0,s=!0;try{String.fromCharCode.apply(null,[0])}catch(t){r=!1}try{String.fromCharCode.apply(null,new Uint8Array(1))}catch(t){s=!1}for(var o=new n.Buf8(256),l=0;l<256;l++)o[l]=l>=252?6:l>=248?5:l>=240?4:l>=224?3:l>=192?2:1;o[254]=o[254]=1,a.string2buf=function(t){var e,a,i,r,s,o=t.length,l=0;for(r=0;r<o;r++)55296==(64512&(a=t.charCodeAt(r)))&&r+1<o&&56320==(64512&(i=t.charCodeAt(r+1)))&&(a=65536+(a-55296<<10)+(i-56320),r++),l+=a<128?1:a<2048?2:a<65536?3:4;for(e=new n.Buf8(l),s=0,r=0;s<l;r++)55296==(64512&(a=t.charCodeAt(r)))&&r+1<o&&56320==(64512&(i=t.charCodeAt(r+1)))&&(a=65536+(a-55296<<10)+(i-56320),r++),a<128?e[s++]=a:a<2048?(e[s++]=192|a>>>6,e[s++]=128|63&a):a<65536?(e[s++]=224|a>>>12,e[s++]=128|a>>>6&63,e[s++]=128|63&a):(e[s++]=240|a>>>18,e[s++]=128|a>>>12&63,e[s++]=128|a>>>6&63,e[s++]=128|63&a);return e},a.buf2binstring=function(t){return i(t,t.length)},a.binstring2buf=function(t){for(var e=new n.Buf8(t.length),a=0,i=e.length;a<i;a++)e[a]=t.charCodeAt(a);return e},a.buf2string=function(t,e){var a,n,r,s,l=e||t.length,h=new Array(2*l);for(n=0,a=0;a<l;)if((r=t[a++])<128)h[n++]=r;else if((s=o[r])>4)h[n++]=65533,a+=s-1;else{for(r&=2===s?31:3===s?15:7;s>1&&a<l;)r=r<<6|63&t[a++],s--;s>1?h[n++]=65533:r<65536?h[n++]=r:(r-=65536,h[n++]=55296|r>>10&1023,h[n++]=56320|1023&r)}return i(h,n)},a.utf8border=function(t,e){var a;for((e=e||t.length)>t.length&&(e=t.length),a=e-1;a>=0&&128==(192&t[a]);)a--;return a<0?e:0===a?e:a+o[t[a]]>e?a:e}},{"./common":3}],5:[function(t,e,a){"use strict";e.exports=function(t,e,a,i){for(var n=65535&t|0,r=t>>>16&65535|0,s=0;0!==a;){a-=s=a>2e3?2e3:a;do{r=r+(n=n+e[i++]|0)|0}while(--s);n%=65521,r%=65521}return n|r<<16|0}},{}],6:[function(t,e,a){"use strict";e.exports={Z_NO_FLUSH:0,Z_PARTIAL_FLUSH:1,Z_SYNC_FLUSH:2,Z_FULL_FLUSH:3,Z_FINISH:4,Z_BLOCK:5,Z_TREES:6,Z_OK:0,Z_STREAM_END:1,Z_NEED_DICT:2,Z_ERRNO:-1,Z_STREAM_ERROR:-2,Z_DATA_ERROR:-3,Z_BUF_ERROR:-5,Z_NO_COMPRESSION:0,Z_BEST_SPEED:1,Z_BEST_COMPRESSION:9,Z_DEFAULT_COMPRESSION:-1,Z_FILTERED:1,Z_HUFFMAN_ONLY:2,Z_RLE:3,Z_FIXED:4,Z_DEFAULT_STRATEGY:0,Z_BINARY:0,Z_TEXT:1,Z_UNKNOWN:2,Z_DEFLATED:8}},{}],7:[function(t,e,a){"use strict";var i=function(){for(var t,e=[],a=0;a<256;a++){t=a;for(var i=0;i<8;i++)t=1&t?3988292384^t>>>1:t>>>1;e[a]=t}return e}();e.exports=function(t,e,a,n){var r=i,s=n+a;t^=-1;for(var o=n;o<s;o++)t=t>>>8^r[255&(t^e[o])];return-1^t}},{}],8:[function(t,e,a){"use strict";function i(t,e){return t.msg=A[e],e}function n(t){return(t<<1)-(t>4?9:0)}function r(t){for(var e=t.length;--e>=0;)t[e]=0}function s(t){var e=t.state,a=e.pending;a>t.avail_out&&(a=t.avail_out),0!==a&&(z.arraySet(t.output,e.pending_buf,e.pending_out,a,t.next_out),t.next_out+=a,e.pending_out+=a,t.total_out+=a,t.avail_out-=a,e.pending-=a,0===e.pending&&(e.pending_out=0))}function o(t,e){B._tr_flush_block(t,t.block_start>=0?t.block_start:-1,t.strstart-t.block_start,e),t.block_start=t.strstart,s(t.strm)}function l(t,e){t.pending_buf[t.pending++]=e}function h(t,e){t.pending_buf[t.pending++]=e>>>8&255,t.pending_buf[t.pending++]=255&e}function d(t,e,a,i){var n=t.avail_in;return n>i&&(n=i),0===n?0:(t.avail_in-=n,z.arraySet(e,t.input,t.next_in,n,a),1===t.state.wrap?t.adler=S(t.adler,e,n,a):2===t.state.wrap&&(t.adler=E(t.adler,e,n,a)),t.next_in+=n,t.total_in+=n,n)}function f(t,e){var a,i,n=t.max_chain_length,r=t.strstart,s=t.prev_length,o=t.nice_match,l=t.strstart>t.w_size-it?t.strstart-(t.w_size-it):0,h=t.window,d=t.w_mask,f=t.prev,_=t.strstart+at,u=h[r+s-1],c=h[r+s];t.prev_length>=t.good_match&&(n>>=2),o>t.lookahead&&(o=t.lookahead);do{if(a=e,h[a+s]===c&&h[a+s-1]===u&&h[a]===h[r]&&h[++a]===h[r+1]){r+=2,a++;do{}while(h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&h[++r]===h[++a]&&r<_);if(i=at-(_-r),r=_-at,i>s){if(t.match_start=e,s=i,i>=o)break;u=h[r+s-1],c=h[r+s]}}}while((e=f[e&d])>l&&0!=--n);return s<=t.lookahead?s:t.lookahead}function _(t){var e,a,i,n,r,s=t.w_size;do{if(n=t.window_size-t.lookahead-t.strstart,t.strstart>=s+(s-it)){z.arraySet(t.window,t.window,s,s,0),t.match_start-=s,t.strstart-=s,t.block_start-=s,e=a=t.hash_size;do{i=t.head[--e],t.head[e]=i>=s?i-s:0}while(--a);e=a=s;do{i=t.prev[--e],t.prev[e]=i>=s?i-s:0}while(--a);n+=s}if(0===t.strm.avail_in)break;if(a=d(t.strm,t.window,t.strstart+t.lookahead,n),t.lookahead+=a,t.lookahead+t.insert>=et)for(r=t.strstart-t.insert,t.ins_h=t.window[r],t.ins_h=(t.ins_h<<t.hash_shift^t.window[r+1])&t.hash_mask;t.insert&&(t.ins_h=(t.ins_h<<t.hash_shift^t.window[r+et-1])&t.hash_mask,t.prev[r&t.w_mask]=t.head[t.ins_h],t.head[t.ins_h]=r,r++,t.insert--,!(t.lookahead+t.insert<et)););}while(t.lookahead<it&&0!==t.strm.avail_in)}function u(t,e){for(var a,i;;){if(t.lookahead<it){if(_(t),t.lookahead<it&&e===Z)return _t;if(0===t.lookahead)break}if(a=0,t.lookahead>=et&&(t.ins_h=(t.ins_h<<t.hash_shift^t.window[t.strstart+et-1])&t.hash_mask,a=t.prev[t.strstart&t.w_mask]=t.head[t.ins_h],t.head[t.ins_h]=t.strstart),0!==a&&t.strstart-a<=t.w_size-it&&(t.match_length=f(t,a)),t.match_length>=et)if(i=B._tr_tally(t,t.strstart-t.match_start,t.match_length-et),t.lookahead-=t.match_length,t.match_length<=t.max_lazy_match&&t.lookahead>=et){t.match_length--;do{t.strstart++,t.ins_h=(t.ins_h<<t.hash_shift^t.window[t.strstart+et-1])&t.hash_mask,a=t.prev[t.strstart&t.w_mask]=t.head[t.ins_h],t.head[t.ins_h]=t.strstart}while(0!=--t.match_length);t.strstart++}else t.strstart+=t.match_length,t.match_length=0,t.ins_h=t.window[t.strstart],t.ins_h=(t.ins_h<<t.hash_shift^t.window[t.strstart+1])&t.hash_mask;else i=B._tr_tally(t,0,t.window[t.strstart]),t.lookahead--,t.strstart++;if(i&&(o(t,!1),0===t.strm.avail_out))return _t}return t.insert=t.strstart<et-1?t.strstart:et-1,e===N?(o(t,!0),0===t.strm.avail_out?ct:bt):t.last_lit&&(o(t,!1),0===t.strm.avail_out)?_t:ut}function c(t,e){for(var a,i,n;;){if(t.lookahead<it){if(_(t),t.lookahead<it&&e===Z)return _t;if(0===t.lookahead)break}if(a=0,t.lookahead>=et&&(t.ins_h=(t.ins_h<<t.hash_shift^t.window[t.strstart+et-1])&t.hash_mask,a=t.prev[t.strstart&t.w_mask]=t.head[t.ins_h],t.head[t.ins_h]=t.strstart),t.prev_length=t.match_length,t.prev_match=t.match_start,t.match_length=et-1,0!==a&&t.prev_length<t.max_lazy_match&&t.strstart-a<=t.w_size-it&&(t.match_length=f(t,a),t.match_length<=5&&(t.strategy===H||t.match_length===et&&t.strstart-t.match_start>4096)&&(t.match_length=et-1)),t.prev_length>=et&&t.match_length<=t.prev_length){n=t.strstart+t.lookahead-et,i=B._tr_tally(t,t.strstart-1-t.prev_match,t.prev_length-et),t.lookahead-=t.prev_length-1,t.prev_length-=2;do{++t.strstart<=n&&(t.ins_h=(t.ins_h<<t.hash_shift^t.window[t.strstart+et-1])&t.hash_mask,a=t.prev[t.strstart&t.w_mask]=t.head[t.ins_h],t.head[t.ins_h]=t.strstart)}while(0!=--t.prev_length);if(t.match_available=0,t.match_length=et-1,t.strstart++,i&&(o(t,!1),0===t.strm.avail_out))return _t}else if(t.match_available){if((i=B._tr_tally(t,0,t.window[t.strstart-1]))&&o(t,!1),t.strstart++,t.lookahead--,0===t.strm.avail_out)return _t}else t.match_available=1,t.strstart++,t.lookahead--}return t.match_available&&(i=B._tr_tally(t,0,t.window[t.strstart-1]),t.match_available=0),t.insert=t.strstart<et-1?t.strstart:et-1,e===N?(o(t,!0),0===t.strm.avail_out?ct:bt):t.last_lit&&(o(t,!1),0===t.strm.avail_out)?_t:ut}function b(t,e){for(var a,i,n,r,s=t.window;;){if(t.lookahead<=at){if(_(t),t.lookahead<=at&&e===Z)return _t;if(0===t.lookahead)break}if(t.match_length=0,t.lookahead>=et&&t.strstart>0&&(n=t.strstart-1,(i=s[n])===s[++n]&&i===s[++n]&&i===s[++n])){r=t.strstart+at;do{}while(i===s[++n]&&i===s[++n]&&i===s[++n]&&i===s[++n]&&i===s[++n]&&i===s[++n]&&i===s[++n]&&i===s[++n]&&n<r);t.match_length=at-(r-n),t.match_length>t.lookahead&&(t.match_length=t.lookahead)}if(t.match_length>=et?(a=B._tr_tally(t,1,t.match_length-et),t.lookahead-=t.match_length,t.strstart+=t.match_length,t.match_length=0):(a=B._tr_tally(t,0,t.window[t.strstart]),t.lookahead--,t.strstart++),a&&(o(t,!1),0===t.strm.avail_out))return _t}return t.insert=0,e===N?(o(t,!0),0===t.strm.avail_out?ct:bt):t.last_lit&&(o(t,!1),0===t.strm.avail_out)?_t:ut}function g(t,e){for(var a;;){if(0===t.lookahead&&(_(t),0===t.lookahead)){if(e===Z)return _t;break}if(t.match_length=0,a=B._tr_tally(t,0,t.window[t.strstart]),t.lookahead--,t.strstart++,a&&(o(t,!1),0===t.strm.avail_out))return _t}return t.insert=0,e===N?(o(t,!0),0===t.strm.avail_out?ct:bt):t.last_lit&&(o(t,!1),0===t.strm.avail_out)?_t:ut}function m(t,e,a,i,n){this.good_length=t,this.max_lazy=e,this.nice_length=a,this.max_chain=i,this.func=n}function w(t){t.window_size=2*t.w_size,r(t.head),t.max_lazy_match=x[t.level].max_lazy,t.good_match=x[t.level].good_length,t.nice_match=x[t.level].nice_length,t.max_chain_length=x[t.level].max_chain,t.strstart=0,t.block_start=0,t.lookahead=0,t.insert=0,t.match_length=t.prev_length=et-1,t.match_available=0,t.ins_h=0}function p(){this.strm=null,this.status=0,this.pending_buf=null,this.pending_buf_size=0,this.pending_out=0,this.pending=0,this.wrap=0,this.gzhead=null,this.gzindex=0,this.method=q,this.last_flush=-1,this.w_size=0,this.w_bits=0,this.w_mask=0,this.window=null,this.window_size=0,this.prev=null,this.head=null,this.ins_h=0,this.hash_size=0,this.hash_bits=0,this.hash_mask=0,this.hash_shift=0,this.block_start=0,this.match_length=0,this.prev_match=0,this.match_available=0,this.strstart=0,this.match_start=0,this.lookahead=0,this.prev_length=0,this.max_chain_length=0,this.max_lazy_match=0,this.level=0,this.strategy=0,this.good_match=0,this.nice_match=0,this.dyn_ltree=new z.Buf16(2*$),this.dyn_dtree=new z.Buf16(2*(2*Q+1)),this.bl_tree=new z.Buf16(2*(2*V+1)),r(this.dyn_ltree),r(this.dyn_dtree),r(this.bl_tree),this.l_desc=null,this.d_desc=null,this.bl_desc=null,this.bl_count=new z.Buf16(tt+1),this.heap=new z.Buf16(2*J+1),r(this.heap),this.heap_len=0,this.heap_max=0,this.depth=new z.Buf16(2*J+1),r(this.depth),this.l_buf=0,this.lit_bufsize=0,this.last_lit=0,this.d_buf=0,this.opt_len=0,this.static_len=0,this.matches=0,this.insert=0,this.bi_buf=0,this.bi_valid=0}function v(t){var e;return t&&t.state?(t.total_in=t.total_out=0,t.data_type=Y,e=t.state,e.pending=0,e.pending_out=0,e.wrap<0&&(e.wrap=-e.wrap),e.status=e.wrap?rt:dt,t.adler=2===e.wrap?0:1,e.last_flush=Z,B._tr_init(e),D):i(t,U)}function k(t){var e=v(t);return e===D&&w(t.state),e}function y(t,e,a,n,r,s){if(!t)return U;var o=1;if(e===L&&(e=6),n<0?(o=0,n=-n):n>15&&(o=2,n-=16),r<1||r>G||a!==q||n<8||n>15||e<0||e>9||s<0||s>M)return i(t,U);8===n&&(n=9);var l=new p;return t.state=l,l.strm=t,l.wrap=o,l.gzhead=null,l.w_bits=n,l.w_size=1<<l.w_bits,l.w_mask=l.w_size-1,l.hash_bits=r+7,l.hash_size=1<<l.hash_bits,l.hash_mask=l.hash_size-1,l.hash_shift=~~((l.hash_bits+et-1)/et),l.window=new z.Buf8(2*l.w_size),l.head=new z.Buf16(l.hash_size),l.prev=new z.Buf16(l.w_size),l.lit_bufsize=1<<r+6,l.pending_buf_size=4*l.lit_bufsize,l.pending_buf=new z.Buf8(l.pending_buf_size),l.d_buf=1*l.lit_bufsize,l.l_buf=3*l.lit_bufsize,l.level=e,l.strategy=s,l.method=a,k(t)}var x,z=t("../utils/common"),B=t("./trees"),S=t("./adler32"),E=t("./crc32"),A=t("./messages"),Z=0,R=1,C=3,N=4,O=5,D=0,I=1,U=-2,T=-3,F=-5,L=-1,H=1,j=2,K=3,M=4,P=0,Y=2,q=8,G=9,X=15,W=8,J=286,Q=30,V=19,$=2*J+1,tt=15,et=3,at=258,it=at+et+1,nt=32,rt=42,st=69,ot=73,lt=91,ht=103,dt=113,ft=666,_t=1,ut=2,ct=3,bt=4,gt=3;x=[new m(0,0,0,0,function(t,e){var a=65535;for(a>t.pending_buf_size-5&&(a=t.pending_buf_size-5);;){if(t.lookahead<=1){if(_(t),0===t.lookahead&&e===Z)return _t;if(0===t.lookahead)break}t.strstart+=t.lookahead,t.lookahead=0;var i=t.block_start+a;if((0===t.strstart||t.strstart>=i)&&(t.lookahead=t.strstart-i,t.strstart=i,o(t,!1),0===t.strm.avail_out))return _t;if(t.strstart-t.block_start>=t.w_size-it&&(o(t,!1),0===t.strm.avail_out))return _t}return t.insert=0,e===N?(o(t,!0),0===t.strm.avail_out?ct:bt):(t.strstart>t.block_start&&(o(t,!1),t.strm.avail_out),_t)}),new m(4,4,8,4,u),new m(4,5,16,8,u),new m(4,6,32,32,u),new m(4,4,16,16,c),new m(8,16,32,32,c),new m(8,16,128,128,c),new m(8,32,128,256,c),new m(32,128,258,1024,c),new m(32,258,258,4096,c)],a.deflateInit=function(t,e){return y(t,e,q,X,W,P)},a.deflateInit2=y,a.deflateReset=k,a.deflateResetKeep=v,a.deflateSetHeader=function(t,e){return t&&t.state?2!==t.state.wrap?U:(t.state.gzhead=e,D):U},a.deflate=function(t,e){var a,o,d,f;if(!t||!t.state||e>O||e<0)return t?i(t,U):U;if(o=t.state,!t.output||!t.input&&0!==t.avail_in||o.status===ft&&e!==N)return i(t,0===t.avail_out?F:U);if(o.strm=t,a=o.last_flush,o.last_flush=e,o.status===rt)if(2===o.wrap)t.adler=0,l(o,31),l(o,139),l(o,8),o.gzhead?(l(o,(o.gzhead.text?1:0)+(o.gzhead.hcrc?2:0)+(o.gzhead.extra?4:0)+(o.gzhead.name?8:0)+(o.gzhead.comment?16:0)),l(o,255&o.gzhead.time),l(o,o.gzhead.time>>8&255),l(o,o.gzhead.time>>16&255),l(o,o.gzhead.time>>24&255),l(o,9===o.level?2:o.strategy>=j||o.level<2?4:0),l(o,255&o.gzhead.os),o.gzhead.extra&&o.gzhead.extra.length&&(l(o,255&o.gzhead.extra.length),l(o,o.gzhead.extra.length>>8&255)),o.gzhead.hcrc&&(t.adler=E(t.adler,o.pending_buf,o.pending,0)),o.gzindex=0,o.status=st):(l(o,0),l(o,0),l(o,0),l(o,0),l(o,0),l(o,9===o.level?2:o.strategy>=j||o.level<2?4:0),l(o,gt),o.status=dt);else{var _=q+(o.w_bits-8<<4)<<8;_|=(o.strategy>=j||o.level<2?0:o.level<6?1:6===o.level?2:3)<<6,0!==o.strstart&&(_|=nt),_+=31-_%31,o.status=dt,h(o,_),0!==o.strstart&&(h(o,t.adler>>>16),h(o,65535&t.adler)),t.adler=1}if(o.status===st)if(o.gzhead.extra){for(d=o.pending;o.gzindex<(65535&o.gzhead.extra.length)&&(o.pending!==o.pending_buf_size||(o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),s(t),d=o.pending,o.pending!==o.pending_buf_size));)l(o,255&o.gzhead.extra[o.gzindex]),o.gzindex++;o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),o.gzindex===o.gzhead.extra.length&&(o.gzindex=0,o.status=ot)}else o.status=ot;if(o.status===ot)if(o.gzhead.name){d=o.pending;do{if(o.pending===o.pending_buf_size&&(o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),s(t),d=o.pending,o.pending===o.pending_buf_size)){f=1;break}f=o.gzindex<o.gzhead.name.length?255&o.gzhead.name.charCodeAt(o.gzindex++):0,l(o,f)}while(0!==f);o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),0===f&&(o.gzindex=0,o.status=lt)}else o.status=lt;if(o.status===lt)if(o.gzhead.comment){d=o.pending;do{if(o.pending===o.pending_buf_size&&(o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),s(t),d=o.pending,o.pending===o.pending_buf_size)){f=1;break}f=o.gzindex<o.gzhead.comment.length?255&o.gzhead.comment.charCodeAt(o.gzindex++):0,l(o,f)}while(0!==f);o.gzhead.hcrc&&o.pending>d&&(t.adler=E(t.adler,o.pending_buf,o.pending-d,d)),0===f&&(o.status=ht)}else o.status=ht;if(o.status===ht&&(o.gzhead.hcrc?(o.pending+2>o.pending_buf_size&&s(t),o.pending+2<=o.pending_buf_size&&(l(o,255&t.adler),l(o,t.adler>>8&255),t.adler=0,o.status=dt)):o.status=dt),0!==o.pending){if(s(t),0===t.avail_out)return o.last_flush=-1,D}else if(0===t.avail_in&&n(e)<=n(a)&&e!==N)return i(t,F);if(o.status===ft&&0!==t.avail_in)return i(t,F);if(0!==t.avail_in||0!==o.lookahead||e!==Z&&o.status!==ft){var u=o.strategy===j?g(o,e):o.strategy===K?b(o,e):x[o.level].func(o,e);if(u!==ct&&u!==bt||(o.status=ft),u===_t||u===ct)return 0===t.avail_out&&(o.last_flush=-1),D;if(u===ut&&(e===R?B._tr_align(o):e!==O&&(B._tr_stored_block(o,0,0,!1),e===C&&(r(o.head),0===o.lookahead&&(o.strstart=0,o.block_start=0,o.insert=0))),s(t),0===t.avail_out))return o.last_flush=-1,D}return e!==N?D:o.wrap<=0?I:(2===o.wrap?(l(o,255&t.adler),l(o,t.adler>>8&255),l(o,t.adler>>16&255),l(o,t.adler>>24&255),l(o,255&t.total_in),l(o,t.total_in>>8&255),l(o,t.total_in>>16&255),l(o,t.total_in>>24&255)):(h(o,t.adler>>>16),h(o,65535&t.adler)),s(t),o.wrap>0&&(o.wrap=-o.wrap),0!==o.pending?D:I)},a.deflateEnd=function(t){var e;return t&&t.state?(e=t.state.status)!==rt&&e!==st&&e!==ot&&e!==lt&&e!==ht&&e!==dt&&e!==ft?i(t,U):(t.state=null,e===dt?i(t,T):D):U},a.deflateSetDictionary=function(t,e){var a,i,n,s,o,l,h,d,f=e.length;if(!t||!t.state)return U;if(a=t.state,2===(s=a.wrap)||1===s&&a.status!==rt||a.lookahead)return U;for(1===s&&(t.adler=S(t.adler,e,f,0)),a.wrap=0,f>=a.w_size&&(0===s&&(r(a.head),a.strstart=0,a.block_start=0,a.insert=0),d=new z.Buf8(a.w_size),z.arraySet(d,e,f-a.w_size,a.w_size,0),e=d,f=a.w_size),o=t.avail_in,l=t.next_in,h=t.input,t.avail_in=f,t.next_in=0,t.input=e,_(a);a.lookahead>=et;){i=a.strstart,n=a.lookahead-(et-1);do{a.ins_h=(a.ins_h<<a.hash_shift^a.window[i+et-1])&a.hash_mask,a.prev[i&a.w_mask]=a.head[a.ins_h],a.head[a.ins_h]=i,i++}while(--n);a.strstart=i,a.lookahead=et-1,_(a)}return a.strstart+=a.lookahead,a.block_start=a.strstart,a.insert=a.lookahead,a.lookahead=0,a.match_length=a.prev_length=et-1,a.match_available=0,t.next_in=l,t.input=h,t.avail_in=o,a.wrap=s,D},a.deflateInfo="pako deflate (from Nodeca project)"},{"../utils/common":3,"./adler32":5,"./crc32":7,"./messages":13,"./trees":14}],9:[function(t,e,a){"use strict";e.exports=function(){this.text=0,this.time=0,this.xflags=0,this.os=0,this.extra=null,this.extra_len=0,this.name="",this.comment="",this.hcrc=0,this.done=!1}},{}],10:[function(t,e,a){"use strict";e.exports=function(t,e){var a,i,n,r,s,o,l,h,d,f,_,u,c,b,g,m,w,p,v,k,y,x,z,B,S;a=t.state,i=t.next_in,B=t.input,n=i+(t.avail_in-5),r=t.next_out,S=t.output,s=r-(e-t.avail_out),o=r+(t.avail_out-257),l=a.dmax,h=a.wsize,d=a.whave,f=a.wnext,_=a.window,u=a.hold,c=a.bits,b=a.lencode,g=a.distcode,m=(1<<a.lenbits)-1,w=(1<<a.distbits)-1;t:do{c<15&&(u+=B[i++]<<c,c+=8,u+=B[i++]<<c,c+=8),p=b[u&m];e:for(;;){if(v=p>>>24,u>>>=v,c-=v,0===(v=p>>>16&255))S[r++]=65535&p;else{if(!(16&v)){if(0==(64&v)){p=b[(65535&p)+(u&(1<<v)-1)];continue e}if(32&v){a.mode=12;break t}t.msg="invalid literal/length code",a.mode=30;break t}k=65535&p,(v&=15)&&(c<v&&(u+=B[i++]<<c,c+=8),k+=u&(1<<v)-1,u>>>=v,c-=v),c<15&&(u+=B[i++]<<c,c+=8,u+=B[i++]<<c,c+=8),p=g[u&w];a:for(;;){if(v=p>>>24,u>>>=v,c-=v,!(16&(v=p>>>16&255))){if(0==(64&v)){p=g[(65535&p)+(u&(1<<v)-1)];continue a}t.msg="invalid distance code",a.mode=30;break t}if(y=65535&p,v&=15,c<v&&(u+=B[i++]<<c,(c+=8)<v&&(u+=B[i++]<<c,c+=8)),(y+=u&(1<<v)-1)>l){t.msg="invalid distance too far back",a.mode=30;break t}if(u>>>=v,c-=v,v=r-s,y>v){if((v=y-v)>d&&a.sane){t.msg="invalid distance too far back",a.mode=30;break t}if(x=0,z=_,0===f){if(x+=h-v,v<k){k-=v;do{S[r++]=_[x++]}while(--v);x=r-y,z=S}}else if(f<v){if(x+=h+f-v,(v-=f)<k){k-=v;do{S[r++]=_[x++]}while(--v);if(x=0,f<k){k-=v=f;do{S[r++]=_[x++]}while(--v);x=r-y,z=S}}}else if(x+=f-v,v<k){k-=v;do{S[r++]=_[x++]}while(--v);x=r-y,z=S}for(;k>2;)S[r++]=z[x++],S[r++]=z[x++],S[r++]=z[x++],k-=3;k&&(S[r++]=z[x++],k>1&&(S[r++]=z[x++]))}else{x=r-y;do{S[r++]=S[x++],S[r++]=S[x++],S[r++]=S[x++],k-=3}while(k>2);k&&(S[r++]=S[x++],k>1&&(S[r++]=S[x++]))}break}}break}}while(i<n&&r<o);i-=k=c>>3,u&=(1<<(c-=k<<3))-1,t.next_in=i,t.next_out=r,t.avail_in=i<n?n-i+5:5-(i-n),t.avail_out=r<o?o-r+257:257-(r-o),a.hold=u,a.bits=c}},{}],11:[function(t,e,a){"use strict";function i(t){return(t>>>24&255)+(t>>>8&65280)+((65280&t)<<8)+((255&t)<<24)}function n(){this.mode=0,this.last=!1,this.wrap=0,this.havedict=!1,this.flags=0,this.dmax=0,this.check=0,this.total=0,this.head=null,this.wbits=0,this.wsize=0,this.whave=0,this.wnext=0,this.window=null,this.hold=0,this.bits=0,this.length=0,this.offset=0,this.extra=0,this.lencode=null,this.distcode=null,this.lenbits=0,this.distbits=0,this.ncode=0,this.nlen=0,this.ndist=0,this.have=0,this.next=null,this.lens=new u.Buf16(320),this.work=new u.Buf16(288),this.lendyn=null,this.distdyn=null,this.sane=0,this.back=0,this.was=0}function r(t){var e;return t&&t.state?(e=t.state,t.total_in=t.total_out=e.total=0,t.msg="",e.wrap&&(t.adler=1&e.wrap),e.mode=N,e.last=0,e.havedict=0,e.dmax=32768,e.head=null,e.hold=0,e.bits=0,e.lencode=e.lendyn=new u.Buf32(dt),e.distcode=e.distdyn=new u.Buf32(ft),e.sane=1,e.back=-1,z):E}function s(t){var e;return t&&t.state?(e=t.state,e.wsize=0,e.whave=0,e.wnext=0,r(t)):E}function o(t,e){var a,i;return t&&t.state?(i=t.state,e<0?(a=0,e=-e):(a=1+(e>>4),e<48&&(e&=15)),e&&(e<8||e>15)?E:(null!==i.window&&i.wbits!==e&&(i.window=null),i.wrap=a,i.wbits=e,s(t))):E}function l(t,e){var a,i;return t?(i=new n,t.state=i,i.window=null,(a=o(t,e))!==z&&(t.state=null),a):E}function h(t){if(ut){var e;for(f=new u.Buf32(512),_=new u.Buf32(32),e=0;e<144;)t.lens[e++]=8;for(;e<256;)t.lens[e++]=9;for(;e<280;)t.lens[e++]=7;for(;e<288;)t.lens[e++]=8;for(m(p,t.lens,0,288,f,0,t.work,{bits:9}),e=0;e<32;)t.lens[e++]=5;m(v,t.lens,0,32,_,0,t.work,{bits:5}),ut=!1}t.lencode=f,t.lenbits=9,t.distcode=_,t.distbits=5}function d(t,e,a,i){var n,r=t.state;return null===r.window&&(r.wsize=1<<r.wbits,r.wnext=0,r.whave=0,r.window=new u.Buf8(r.wsize)),i>=r.wsize?(u.arraySet(r.window,e,a-r.wsize,r.wsize,0),r.wnext=0,r.whave=r.wsize):((n=r.wsize-r.wnext)>i&&(n=i),u.arraySet(r.window,e,a-i,n,r.wnext),(i-=n)?(u.arraySet(r.window,e,a-i,i,0),r.wnext=i,r.whave=r.wsize):(r.wnext+=n,r.wnext===r.wsize&&(r.wnext=0),r.whave<r.wsize&&(r.whave+=n))),0}var f,_,u=t("../utils/common"),c=t("./adler32"),b=t("./crc32"),g=t("./inffast"),m=t("./inftrees"),w=0,p=1,v=2,k=4,y=5,x=6,z=0,B=1,S=2,E=-2,A=-3,Z=-4,R=-5,C=8,N=1,O=2,D=3,I=4,U=5,T=6,F=7,L=8,H=9,j=10,K=11,M=12,P=13,Y=14,q=15,G=16,X=17,W=18,J=19,Q=20,V=21,$=22,tt=23,et=24,at=25,it=26,nt=27,rt=28,st=29,ot=30,lt=31,ht=32,dt=852,ft=592,_t=15,ut=!0;a.inflateReset=s,a.inflateReset2=o,a.inflateResetKeep=r,a.inflateInit=function(t){return l(t,_t)},a.inflateInit2=l,a.inflate=function(t,e){var a,n,r,s,o,l,f,_,dt,ft,_t,ut,ct,bt,gt,mt,wt,pt,vt,kt,yt,xt,zt,Bt,St=0,Et=new u.Buf8(4),At=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15];if(!t||!t.state||!t.output||!t.input&&0!==t.avail_in)return E;(a=t.state).mode===M&&(a.mode=P),o=t.next_out,r=t.output,f=t.avail_out,s=t.next_in,n=t.input,l=t.avail_in,_=a.hold,dt=a.bits,ft=l,_t=f,xt=z;t:for(;;)switch(a.mode){case N:if(0===a.wrap){a.mode=P;break}for(;dt<16;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(2&a.wrap&&35615===_){a.check=0,Et[0]=255&_,Et[1]=_>>>8&255,a.check=b(a.check,Et,2,0),_=0,dt=0,a.mode=O;break}if(a.flags=0,a.head&&(a.head.done=!1),!(1&a.wrap)||(((255&_)<<8)+(_>>8))%31){t.msg="incorrect header check",a.mode=ot;break}if((15&_)!==C){t.msg="unknown compression method",a.mode=ot;break}if(_>>>=4,dt-=4,yt=8+(15&_),0===a.wbits)a.wbits=yt;else if(yt>a.wbits){t.msg="invalid window size",a.mode=ot;break}a.dmax=1<<yt,t.adler=a.check=1,a.mode=512&_?j:M,_=0,dt=0;break;case O:for(;dt<16;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(a.flags=_,(255&a.flags)!==C){t.msg="unknown compression method",a.mode=ot;break}if(57344&a.flags){t.msg="unknown header flags set",a.mode=ot;break}a.head&&(a.head.text=_>>8&1),512&a.flags&&(Et[0]=255&_,Et[1]=_>>>8&255,a.check=b(a.check,Et,2,0)),_=0,dt=0,a.mode=D;case D:for(;dt<32;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.head&&(a.head.time=_),512&a.flags&&(Et[0]=255&_,Et[1]=_>>>8&255,Et[2]=_>>>16&255,Et[3]=_>>>24&255,a.check=b(a.check,Et,4,0)),_=0,dt=0,a.mode=I;case I:for(;dt<16;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.head&&(a.head.xflags=255&_,a.head.os=_>>8),512&a.flags&&(Et[0]=255&_,Et[1]=_>>>8&255,a.check=b(a.check,Et,2,0)),_=0,dt=0,a.mode=U;case U:if(1024&a.flags){for(;dt<16;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.length=_,a.head&&(a.head.extra_len=_),512&a.flags&&(Et[0]=255&_,Et[1]=_>>>8&255,a.check=b(a.check,Et,2,0)),_=0,dt=0}else a.head&&(a.head.extra=null);a.mode=T;case T:if(1024&a.flags&&((ut=a.length)>l&&(ut=l),ut&&(a.head&&(yt=a.head.extra_len-a.length,a.head.extra||(a.head.extra=new Array(a.head.extra_len)),u.arraySet(a.head.extra,n,s,ut,yt)),512&a.flags&&(a.check=b(a.check,n,ut,s)),l-=ut,s+=ut,a.length-=ut),a.length))break t;a.length=0,a.mode=F;case F:if(2048&a.flags){if(0===l)break t;ut=0;do{yt=n[s+ut++],a.head&&yt&&a.length<65536&&(a.head.name+=String.fromCharCode(yt))}while(yt&&ut<l);if(512&a.flags&&(a.check=b(a.check,n,ut,s)),l-=ut,s+=ut,yt)break t}else a.head&&(a.head.name=null);a.length=0,a.mode=L;case L:if(4096&a.flags){if(0===l)break t;ut=0;do{yt=n[s+ut++],a.head&&yt&&a.length<65536&&(a.head.comment+=String.fromCharCode(yt))}while(yt&&ut<l);if(512&a.flags&&(a.check=b(a.check,n,ut,s)),l-=ut,s+=ut,yt)break t}else a.head&&(a.head.comment=null);a.mode=H;case H:if(512&a.flags){for(;dt<16;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(_!==(65535&a.check)){t.msg="header crc mismatch",a.mode=ot;break}_=0,dt=0}a.head&&(a.head.hcrc=a.flags>>9&1,a.head.done=!0),t.adler=a.check=0,a.mode=M;break;case j:for(;dt<32;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}t.adler=a.check=i(_),_=0,dt=0,a.mode=K;case K:if(0===a.havedict)return t.next_out=o,t.avail_out=f,t.next_in=s,t.avail_in=l,a.hold=_,a.bits=dt,S;t.adler=a.check=1,a.mode=M;case M:if(e===y||e===x)break t;case P:if(a.last){_>>>=7&dt,dt-=7&dt,a.mode=nt;break}for(;dt<3;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}switch(a.last=1&_,_>>>=1,dt-=1,3&_){case 0:a.mode=Y;break;case 1:if(h(a),a.mode=Q,e===x){_>>>=2,dt-=2;break t}break;case 2:a.mode=X;break;case 3:t.msg="invalid block type",a.mode=ot}_>>>=2,dt-=2;break;case Y:for(_>>>=7&dt,dt-=7&dt;dt<32;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if((65535&_)!=(_>>>16^65535)){t.msg="invalid stored block lengths",a.mode=ot;break}if(a.length=65535&_,_=0,dt=0,a.mode=q,e===x)break t;case q:a.mode=G;case G:if(ut=a.length){if(ut>l&&(ut=l),ut>f&&(ut=f),0===ut)break t;u.arraySet(r,n,s,ut,o),l-=ut,s+=ut,f-=ut,o+=ut,a.length-=ut;break}a.mode=M;break;case X:for(;dt<14;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(a.nlen=257+(31&_),_>>>=5,dt-=5,a.ndist=1+(31&_),_>>>=5,dt-=5,a.ncode=4+(15&_),_>>>=4,dt-=4,a.nlen>286||a.ndist>30){t.msg="too many length or distance symbols",a.mode=ot;break}a.have=0,a.mode=W;case W:for(;a.have<a.ncode;){for(;dt<3;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.lens[At[a.have++]]=7&_,_>>>=3,dt-=3}for(;a.have<19;)a.lens[At[a.have++]]=0;if(a.lencode=a.lendyn,a.lenbits=7,zt={bits:a.lenbits},xt=m(w,a.lens,0,19,a.lencode,0,a.work,zt),a.lenbits=zt.bits,xt){t.msg="invalid code lengths set",a.mode=ot;break}a.have=0,a.mode=J;case J:for(;a.have<a.nlen+a.ndist;){for(;St=a.lencode[_&(1<<a.lenbits)-1],gt=St>>>24,mt=St>>>16&255,wt=65535&St,!(gt<=dt);){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(wt<16)_>>>=gt,dt-=gt,a.lens[a.have++]=wt;else{if(16===wt){for(Bt=gt+2;dt<Bt;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(_>>>=gt,dt-=gt,0===a.have){t.msg="invalid bit length repeat",a.mode=ot;break}yt=a.lens[a.have-1],ut=3+(3&_),_>>>=2,dt-=2}else if(17===wt){for(Bt=gt+3;dt<Bt;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}dt-=gt,yt=0,ut=3+(7&(_>>>=gt)),_>>>=3,dt-=3}else{for(Bt=gt+7;dt<Bt;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}dt-=gt,yt=0,ut=11+(127&(_>>>=gt)),_>>>=7,dt-=7}if(a.have+ut>a.nlen+a.ndist){t.msg="invalid bit length repeat",a.mode=ot;break}for(;ut--;)a.lens[a.have++]=yt}}if(a.mode===ot)break;if(0===a.lens[256]){t.msg="invalid code -- missing end-of-block",a.mode=ot;break}if(a.lenbits=9,zt={bits:a.lenbits},xt=m(p,a.lens,0,a.nlen,a.lencode,0,a.work,zt),a.lenbits=zt.bits,xt){t.msg="invalid literal/lengths set",a.mode=ot;break}if(a.distbits=6,a.distcode=a.distdyn,zt={bits:a.distbits},xt=m(v,a.lens,a.nlen,a.ndist,a.distcode,0,a.work,zt),a.distbits=zt.bits,xt){t.msg="invalid distances set",a.mode=ot;break}if(a.mode=Q,e===x)break t;case Q:a.mode=V;case V:if(l>=6&&f>=258){t.next_out=o,t.avail_out=f,t.next_in=s,t.avail_in=l,a.hold=_,a.bits=dt,g(t,_t),o=t.next_out,r=t.output,f=t.avail_out,s=t.next_in,n=t.input,l=t.avail_in,_=a.hold,dt=a.bits,a.mode===M&&(a.back=-1);break}for(a.back=0;St=a.lencode[_&(1<<a.lenbits)-1],gt=St>>>24,mt=St>>>16&255,wt=65535&St,!(gt<=dt);){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(mt&&0==(240&mt)){for(pt=gt,vt=mt,kt=wt;St=a.lencode[kt+((_&(1<<pt+vt)-1)>>pt)],gt=St>>>24,mt=St>>>16&255,wt=65535&St,!(pt+gt<=dt);){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}_>>>=pt,dt-=pt,a.back+=pt}if(_>>>=gt,dt-=gt,a.back+=gt,a.length=wt,0===mt){a.mode=it;break}if(32&mt){a.back=-1,a.mode=M;break}if(64&mt){t.msg="invalid literal/length code",a.mode=ot;break}a.extra=15&mt,a.mode=$;case $:if(a.extra){for(Bt=a.extra;dt<Bt;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.length+=_&(1<<a.extra)-1,_>>>=a.extra,dt-=a.extra,a.back+=a.extra}a.was=a.length,a.mode=tt;case tt:for(;St=a.distcode[_&(1<<a.distbits)-1],gt=St>>>24,mt=St>>>16&255,wt=65535&St,!(gt<=dt);){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(0==(240&mt)){for(pt=gt,vt=mt,kt=wt;St=a.distcode[kt+((_&(1<<pt+vt)-1)>>pt)],gt=St>>>24,mt=St>>>16&255,wt=65535&St,!(pt+gt<=dt);){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}_>>>=pt,dt-=pt,a.back+=pt}if(_>>>=gt,dt-=gt,a.back+=gt,64&mt){t.msg="invalid distance code",a.mode=ot;break}a.offset=wt,a.extra=15&mt,a.mode=et;case et:if(a.extra){for(Bt=a.extra;dt<Bt;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}a.offset+=_&(1<<a.extra)-1,_>>>=a.extra,dt-=a.extra,a.back+=a.extra}if(a.offset>a.dmax){t.msg="invalid distance too far back",a.mode=ot;break}a.mode=at;case at:if(0===f)break t;if(ut=_t-f,a.offset>ut){if((ut=a.offset-ut)>a.whave&&a.sane){t.msg="invalid distance too far back",a.mode=ot;break}ut>a.wnext?(ut-=a.wnext,ct=a.wsize-ut):ct=a.wnext-ut,ut>a.length&&(ut=a.length),bt=a.window}else bt=r,ct=o-a.offset,ut=a.length;ut>f&&(ut=f),f-=ut,a.length-=ut;do{r[o++]=bt[ct++]}while(--ut);0===a.length&&(a.mode=V);break;case it:if(0===f)break t;r[o++]=a.length,f--,a.mode=V;break;case nt:if(a.wrap){for(;dt<32;){if(0===l)break t;l--,_|=n[s++]<<dt,dt+=8}if(_t-=f,t.total_out+=_t,a.total+=_t,_t&&(t.adler=a.check=a.flags?b(a.check,r,_t,o-_t):c(a.check,r,_t,o-_t)),_t=f,(a.flags?_:i(_))!==a.check){t.msg="incorrect data check",a.mode=ot;break}_=0,dt=0}a.mode=rt;case rt:if(a.wrap&&a.flags){for(;dt<32;){if(0===l)break t;l--,_+=n[s++]<<dt,dt+=8}if(_!==(4294967295&a.total)){t.msg="incorrect length check",a.mode=ot;break}_=0,dt=0}a.mode=st;case st:xt=B;break t;case ot:xt=A;break t;case lt:return Z;case ht:default:return E}return t.next_out=o,t.avail_out=f,t.next_in=s,t.avail_in=l,a.hold=_,a.bits=dt,(a.wsize||_t!==t.avail_out&&a.mode<ot&&(a.mode<nt||e!==k))&&d(t,t.output,t.next_out,_t-t.avail_out)?(a.mode=lt,Z):(ft-=t.avail_in,_t-=t.avail_out,t.total_in+=ft,t.total_out+=_t,a.total+=_t,a.wrap&&_t&&(t.adler=a.check=a.flags?b(a.check,r,_t,t.next_out-_t):c(a.check,r,_t,t.next_out-_t)),t.data_type=a.bits+(a.last?64:0)+(a.mode===M?128:0)+(a.mode===Q||a.mode===q?256:0),(0===ft&&0===_t||e===k)&&xt===z&&(xt=R),xt)},a.inflateEnd=function(t){if(!t||!t.state)return E;var e=t.state;return e.window&&(e.window=null),t.state=null,z},a.inflateGetHeader=function(t,e){var a;return t&&t.state?0==(2&(a=t.state).wrap)?E:(a.head=e,e.done=!1,z):E},a.inflateSetDictionary=function(t,e){var a,i,n=e.length;return t&&t.state?0!==(a=t.state).wrap&&a.mode!==K?E:a.mode===K&&(i=1,(i=c(i,e,n,0))!==a.check)?A:d(t,e,n,n)?(a.mode=lt,Z):(a.havedict=1,z):E},a.inflateInfo="pako inflate (from Nodeca project)"},{"../utils/common":3,"./adler32":5,"./crc32":7,"./inffast":10,"./inftrees":12}],12:[function(t,e,a){"use strict";var i=t("../utils/common"),n=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,0,0],r=[16,16,16,16,16,16,16,16,17,17,17,17,18,18,18,18,19,19,19,19,20,20,20,20,21,21,21,21,16,72,78],s=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,0,0],o=[16,16,16,16,17,17,18,18,19,19,20,20,21,21,22,22,23,23,24,24,25,25,26,26,27,27,28,28,29,29,64,64];e.exports=function(t,e,a,l,h,d,f,_){var u,c,b,g,m,w,p,v,k,y=_.bits,x=0,z=0,B=0,S=0,E=0,A=0,Z=0,R=0,C=0,N=0,O=null,D=0,I=new i.Buf16(16),U=new i.Buf16(16),T=null,F=0;for(x=0;x<=15;x++)I[x]=0;for(z=0;z<l;z++)I[e[a+z]]++;for(E=y,S=15;S>=1&&0===I[S];S--);if(E>S&&(E=S),0===S)return h[d++]=20971520,h[d++]=20971520,_.bits=1,0;for(B=1;B<S&&0===I[B];B++);for(E<B&&(E=B),R=1,x=1;x<=15;x++)if(R<<=1,(R-=I[x])<0)return-1;if(R>0&&(0===t||1!==S))return-1;for(U[1]=0,x=1;x<15;x++)U[x+1]=U[x]+I[x];for(z=0;z<l;z++)0!==e[a+z]&&(f[U[e[a+z]]++]=z);if(0===t?(O=T=f,w=19):1===t?(O=n,D-=257,T=r,F-=257,w=256):(O=s,T=o,w=-1),N=0,z=0,x=B,m=d,A=E,Z=0,b=-1,C=1<<E,g=C-1,1===t&&C>852||2===t&&C>592)return 1;for(;;){p=x-Z,f[z]<w?(v=0,k=f[z]):f[z]>w?(v=T[F+f[z]],k=O[D+f[z]]):(v=96,k=0),u=1<<x-Z,B=c=1<<A;do{h[m+(N>>Z)+(c-=u)]=p<<24|v<<16|k|0}while(0!==c);for(u=1<<x-1;N&u;)u>>=1;if(0!==u?(N&=u-1,N+=u):N=0,z++,0==--I[x]){if(x===S)break;x=e[a+f[z]]}if(x>E&&(N&g)!==b){for(0===Z&&(Z=E),m+=B,R=1<<(A=x-Z);A+Z<S&&!((R-=I[A+Z])<=0);)A++,R<<=1;if(C+=1<<A,1===t&&C>852||2===t&&C>592)return 1;h[b=N&g]=E<<24|A<<16|m-d|0}}return 0!==N&&(h[m+N]=x-Z<<24|64<<16|0),_.bits=E,0}},{"../utils/common":3}],13:[function(t,e,a){"use strict";e.exports={2:"need dictionary",1:"stream end",0:"","-1":"file error","-2":"stream error","-3":"data error","-4":"insufficient memory","-5":"buffer error","-6":"incompatible version"}},{}],14:[function(t,e,a){"use strict";function i(t){for(var e=t.length;--e>=0;)t[e]=0}function n(t,e,a,i,n){this.static_tree=t,this.extra_bits=e,this.extra_base=a,this.elems=i,this.max_length=n,this.has_stree=t&&t.length}function r(t,e){this.dyn_tree=t,this.max_code=0,this.stat_desc=e}function s(t){return t<256?et[t]:et[256+(t>>>7)]}function o(t,e){t.pending_buf[t.pending++]=255&e,t.pending_buf[t.pending++]=e>>>8&255}function l(t,e,a){t.bi_valid>M-a?(t.bi_buf|=e<<t.bi_valid&65535,o(t,t.bi_buf),t.bi_buf=e>>M-t.bi_valid,t.bi_valid+=a-M):(t.bi_buf|=e<<t.bi_valid&65535,t.bi_valid+=a)}function h(t,e,a){l(t,a[2*e],a[2*e+1])}function d(t,e){var a=0;do{a|=1&t,t>>>=1,a<<=1}while(--e>0);return a>>>1}function f(t){16===t.bi_valid?(o(t,t.bi_buf),t.bi_buf=0,t.bi_valid=0):t.bi_valid>=8&&(t.pending_buf[t.pending++]=255&t.bi_buf,t.bi_buf>>=8,t.bi_valid-=8)}function _(t,e){var a,i,n,r,s,o,l=e.dyn_tree,h=e.max_code,d=e.stat_desc.static_tree,f=e.stat_desc.has_stree,_=e.stat_desc.extra_bits,u=e.stat_desc.extra_base,c=e.stat_desc.max_length,b=0;for(r=0;r<=K;r++)t.bl_count[r]=0;for(l[2*t.heap[t.heap_max]+1]=0,a=t.heap_max+1;a<j;a++)(r=l[2*l[2*(i=t.heap[a])+1]+1]+1)>c&&(r=c,b++),l[2*i+1]=r,i>h||(t.bl_count[r]++,s=0,i>=u&&(s=_[i-u]),o=l[2*i],t.opt_len+=o*(r+s),f&&(t.static_len+=o*(d[2*i+1]+s)));if(0!==b){do{for(r=c-1;0===t.bl_count[r];)r--;t.bl_count[r]--,t.bl_count[r+1]+=2,t.bl_count[c]--,b-=2}while(b>0);for(r=c;0!==r;r--)for(i=t.bl_count[r];0!==i;)(n=t.heap[--a])>h||(l[2*n+1]!==r&&(t.opt_len+=(r-l[2*n+1])*l[2*n],l[2*n+1]=r),i--)}}function u(t,e,a){var i,n,r=new Array(K+1),s=0;for(i=1;i<=K;i++)r[i]=s=s+a[i-1]<<1;for(n=0;n<=e;n++){var o=t[2*n+1];0!==o&&(t[2*n]=d(r[o]++,o))}}function c(){var t,e,a,i,r,s=new Array(K+1);for(a=0,i=0;i<U-1;i++)for(it[i]=a,t=0;t<1<<W[i];t++)at[a++]=i;for(at[a-1]=i,r=0,i=0;i<16;i++)for(nt[i]=r,t=0;t<1<<J[i];t++)et[r++]=i;for(r>>=7;i<L;i++)for(nt[i]=r<<7,t=0;t<1<<J[i]-7;t++)et[256+r++]=i;for(e=0;e<=K;e++)s[e]=0;for(t=0;t<=143;)$[2*t+1]=8,t++,s[8]++;for(;t<=255;)$[2*t+1]=9,t++,s[9]++;for(;t<=279;)$[2*t+1]=7,t++,s[7]++;for(;t<=287;)$[2*t+1]=8,t++,s[8]++;for(u($,F+1,s),t=0;t<L;t++)tt[2*t+1]=5,tt[2*t]=d(t,5);rt=new n($,W,T+1,F,K),st=new n(tt,J,0,L,K),ot=new n(new Array(0),Q,0,H,P)}function b(t){var e;for(e=0;e<F;e++)t.dyn_ltree[2*e]=0;for(e=0;e<L;e++)t.dyn_dtree[2*e]=0;for(e=0;e<H;e++)t.bl_tree[2*e]=0;t.dyn_ltree[2*Y]=1,t.opt_len=t.static_len=0,t.last_lit=t.matches=0}function g(t){t.bi_valid>8?o(t,t.bi_buf):t.bi_valid>0&&(t.pending_buf[t.pending++]=t.bi_buf),t.bi_buf=0,t.bi_valid=0}function m(t,e,a,i){g(t),i&&(o(t,a),o(t,~a)),A.arraySet(t.pending_buf,t.window,e,a,t.pending),t.pending+=a}function w(t,e,a,i){var n=2*e,r=2*a;return t[n]<t[r]||t[n]===t[r]&&i[e]<=i[a]}function p(t,e,a){for(var i=t.heap[a],n=a<<1;n<=t.heap_len&&(n<t.heap_len&&w(e,t.heap[n+1],t.heap[n],t.depth)&&n++,!w(e,i,t.heap[n],t.depth));)t.heap[a]=t.heap[n],a=n,n<<=1;t.heap[a]=i}function v(t,e,a){var i,n,r,o,d=0;if(0!==t.last_lit)do{i=t.pending_buf[t.d_buf+2*d]<<8|t.pending_buf[t.d_buf+2*d+1],n=t.pending_buf[t.l_buf+d],d++,0===i?h(t,n,e):(h(t,(r=at[n])+T+1,e),0!==(o=W[r])&&l(t,n-=it[r],o),h(t,r=s(--i),a),0!==(o=J[r])&&l(t,i-=nt[r],o))}while(d<t.last_lit);h(t,Y,e)}function k(t,e){var a,i,n,r=e.dyn_tree,s=e.stat_desc.static_tree,o=e.stat_desc.has_stree,l=e.stat_desc.elems,h=-1;for(t.heap_len=0,t.heap_max=j,a=0;a<l;a++)0!==r[2*a]?(t.heap[++t.heap_len]=h=a,t.depth[a]=0):r[2*a+1]=0;for(;t.heap_len<2;)r[2*(n=t.heap[++t.heap_len]=h<2?++h:0)]=1,t.depth[n]=0,t.opt_len--,o&&(t.static_len-=s[2*n+1]);for(e.max_code=h,a=t.heap_len>>1;a>=1;a--)p(t,r,a);n=l;do{a=t.heap[1],t.heap[1]=t.heap[t.heap_len--],p(t,r,1),i=t.heap[1],t.heap[--t.heap_max]=a,t.heap[--t.heap_max]=i,r[2*n]=r[2*a]+r[2*i],t.depth[n]=(t.depth[a]>=t.depth[i]?t.depth[a]:t.depth[i])+1,r[2*a+1]=r[2*i+1]=n,t.heap[1]=n++,p(t,r,1)}while(t.heap_len>=2);t.heap[--t.heap_max]=t.heap[1],_(t,e),u(r,h,t.bl_count)}function y(t,e,a){var i,n,r=-1,s=e[1],o=0,l=7,h=4;for(0===s&&(l=138,h=3),e[2*(a+1)+1]=65535,i=0;i<=a;i++)n=s,s=e[2*(i+1)+1],++o<l&&n===s||(o<h?t.bl_tree[2*n]+=o:0!==n?(n!==r&&t.bl_tree[2*n]++,t.bl_tree[2*q]++):o<=10?t.bl_tree[2*G]++:t.bl_tree[2*X]++,o=0,r=n,0===s?(l=138,h=3):n===s?(l=6,h=3):(l=7,h=4))}function x(t,e,a){var i,n,r=-1,s=e[1],o=0,d=7,f=4;for(0===s&&(d=138,f=3),i=0;i<=a;i++)if(n=s,s=e[2*(i+1)+1],!(++o<d&&n===s)){if(o<f)do{h(t,n,t.bl_tree)}while(0!=--o);else 0!==n?(n!==r&&(h(t,n,t.bl_tree),o--),h(t,q,t.bl_tree),l(t,o-3,2)):o<=10?(h(t,G,t.bl_tree),l(t,o-3,3)):(h(t,X,t.bl_tree),l(t,o-11,7));o=0,r=n,0===s?(d=138,f=3):n===s?(d=6,f=3):(d=7,f=4)}}function z(t){var e;for(y(t,t.dyn_ltree,t.l_desc.max_code),y(t,t.dyn_dtree,t.d_desc.max_code),k(t,t.bl_desc),e=H-1;e>=3&&0===t.bl_tree[2*V[e]+1];e--);return t.opt_len+=3*(e+1)+5+5+4,e}function B(t,e,a,i){var n;for(l(t,e-257,5),l(t,a-1,5),l(t,i-4,4),n=0;n<i;n++)l(t,t.bl_tree[2*V[n]+1],3);x(t,t.dyn_ltree,e-1),x(t,t.dyn_dtree,a-1)}function S(t){var e,a=4093624447;for(e=0;e<=31;e++,a>>>=1)if(1&a&&0!==t.dyn_ltree[2*e])return R;if(0!==t.dyn_ltree[18]||0!==t.dyn_ltree[20]||0!==t.dyn_ltree[26])return C;for(e=32;e<T;e++)if(0!==t.dyn_ltree[2*e])return C;return R}function E(t,e,a,i){l(t,(O<<1)+(i?1:0),3),m(t,e,a,!0)}var A=t("../utils/common"),Z=4,R=0,C=1,N=2,O=0,D=1,I=2,U=29,T=256,F=T+1+U,L=30,H=19,j=2*F+1,K=15,M=16,P=7,Y=256,q=16,G=17,X=18,W=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0],J=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],Q=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,3,7],V=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],$=new Array(2*(F+2));i($);var tt=new Array(2*L);i(tt);var et=new Array(512);i(et);var at=new Array(256);i(at);var it=new Array(U);i(it);var nt=new Array(L);i(nt);var rt,st,ot,lt=!1;a._tr_init=function(t){lt||(c(),lt=!0),t.l_desc=new r(t.dyn_ltree,rt),t.d_desc=new r(t.dyn_dtree,st),t.bl_desc=new r(t.bl_tree,ot),t.bi_buf=0,t.bi_valid=0,b(t)},a._tr_stored_block=E,a._tr_flush_block=function(t,e,a,i){var n,r,s=0;t.level>0?(t.strm.data_type===N&&(t.strm.data_type=S(t)),k(t,t.l_desc),k(t,t.d_desc),s=z(t),n=t.opt_len+3+7>>>3,(r=t.static_len+3+7>>>3)<=n&&(n=r)):n=r=a+5,a+4<=n&&-1!==e?E(t,e,a,i):t.strategy===Z||r===n?(l(t,(D<<1)+(i?1:0),3),v(t,$,tt)):(l(t,(I<<1)+(i?1:0),3),B(t,t.l_desc.max_code+1,t.d_desc.max_code+1,s+1),v(t,t.dyn_ltree,t.dyn_dtree)),b(t),i&&g(t)},a._tr_tally=function(t,e,a){return t.pending_buf[t.d_buf+2*t.last_lit]=e>>>8&255,t.pending_buf[t.d_buf+2*t.last_lit+1]=255&e,t.pending_buf[t.l_buf+t.last_lit]=255&a,t.last_lit++,0===e?t.dyn_ltree[2*a]++:(t.matches++,e--,t.dyn_ltree[2*(at[a]+T+1)]++,t.dyn_dtree[2*s(e)]++),t.last_lit===t.lit_bufsize-1},a._tr_align=function(t){l(t,D<<1,3),h(t,Y,$),f(t)}},{"../utils/common":3}],15:[function(t,e,a){"use strict";e.exports=function(){this.input=null,this.next_in=0,this.avail_in=0,this.total_in=0,this.output=null,this.next_out=0,this.avail_out=0,this.total_out=0,this.msg="",this.state=null,this.data_type=2,this.adler=0}},{}],"/":[function(t,e,a){"use strict";var i={};(0,t("./lib/utils/common").assign)(i,t("./lib/deflate"),t("./lib/inflate"),t("./lib/zlib/constants")),e.exports=i},{"./lib/deflate":1,"./lib/inflate":2,"./lib/utils/common":3,"./lib/zlib/constants":6}]},{},[])("/")});

;(function () {
    CLRegiste("CLBtnGroup", null, true);

    var CLBtnGroup = window.CLBtnGroup = function (Ele, Btns) {
        var self = this;
        self.Ele = Ele;
        var groupDiv = self.groupDiv = document.createElement("div");
        groupDiv.className = "CLBtnGroup";
        Ele.appendChild(groupDiv);
        for (var i = 0; i < Btns.length; i++) {
            var divBtn = document.createElement("div");
            divBtn.className = "Btn";
            divBtn.style.width = Btns[i].Width;
            divBtn.innerHTML = Btns[i].Name;
            groupDiv.appendChild(divBtn);
            divBtn.Btn = Btns[i];
            var IsSel;
            if (typeof Btns[i].IsSel == "function") {
                IsSel = Btns[i].IsSel();
            } else {
                IsSel = Btns[i].IsSel;
            }
            if (IsSel) {
                self.Select(divBtn);
            }
            divBtn.onclick = function () {
                self.Select(this);
            }
            if (Btns[i].OnBtnCreated != null) {
                Btns[i].OnBtnCreated(divBtn);
            }
        }
        this.getBtns = function () {
            return groupDiv.childNodes;
        }
    }
    
    var fn = CLBtnGroup.prototype;

    fn.groupDiv = null;

    fn.Disable = function (divBtn) {
        var self = this;
        if (typeof divBtn == "number") {
            divBtn = self.groupDiv.childNodes[divBtn];
        }
        divBtn.classList.add("Btn-disble");
    }

    fn.Select = function (divBtn,bEvent) {
        var self = this;
        var BtnSel = self.Ele.getElementsByClassName("BtnSel")[0];
        if (typeof divBtn == "number") {
            divBtn = self.groupDiv.childNodes[divBtn];
            if (!divBtn) {
                BtnSel && BtnSel.classList.remove("BtnSel");
                return;
            }
        }
        if (divBtn.classList.contains("Btn-disble")) {
            return;
        }
        if (BtnSel == divBtn) {
            return;
        }
        if (BtnSel != null) {
            BtnSel.classList.remove("BtnSel");
            BtnSel.Btn.IsSel = false;
        }
        divBtn.classList.add("BtnSel");
        divBtn.Btn.IsSel = true;
        BtnSel = divBtn;
        if (bEvent != false) {
            self.OnSelected(divBtn);
        }
        return divBtn;
    }

    fn.OnSelected = function (divBtn) {

    }
}())

;/// <reference path="../CLUI.js" />

(function () {
    CLRegiste("CLChart", null, true);
    var timer = null;
    var funcs = new Map();
    function Async(key, func) {
        funcs.set(key, func);
        if (timer == null) {
            timer = setInterval(function () {
                var dt = new Date();
                var it = funcs.entries();
                var item = null;
                while (true) {
                    item = it.next();
                    if (item.done) {
                        break;
                    }
                    item.value[0];
                    item.value[1]();
                    funcs.delete(item.value[0]);
                    if (new Date() - dt > 10) {
                        break;
                    }
                }
                if (funcs.size == 0) {
                    clearInterval(timer);
                    timer = null;
                }
            }, 20);
        }
    }

    //type: 'TableOfPointer','PivotTable','LineChart','ColumnChart','BarChart','AreaChart','PieChart','RadarChart'

    var CLChart = window.CLChart = function (Ele, SourceType) {
        (function () {
            CLRegiste("echarts.min", null, false, "/third-party/CLChart/dist", "1.0");
            //CLRegiste("echarts-all", null, false, "/third-party/CLChart/source", '1.0');
        })();

        this.Ele = Ele;
        Ele.classList.add("CLChart");
        this.SourceType = SourceType;//'CLFlowTable',code,'sql'
    }

    var fn = CLChart.prototype;

    fn.Ele = null;

    fn.LinesPerPage = 10;

    fn.Data = null;

    fn.getDepartNameById = function () {

    }

    fn.getMemberNameById = function () {

    }

    CLChart.MColors = [
       [
           '#18FEF0', '#0988FC', '#06F7A1', '#FD9B30', '#57E0FE',
           '#FC09E4', '#6F18FE', '#FDE830', '#F7064E', '#8FFF00'
       ],
       [
           '#338AFC', '#33D898', '#8364FC', '#F7B100', '#F64C52',
           '#75D000', '#6468FC', '#F66F34', '#2EC4FB', '#CD64FC'
       ],
       [
           '#1C7596', '#29AC79', '#225496', '#259DC8', '#272274',
           '#2A6FC8', '#3E4096', '#312A9A', '#503E96', '#5154C9',
       ],
       [
           '#6468FC', '#9B9DFD', '#8364FC', '#AF9BFD', '#CD64FC',
           '#DF9BFD', '#F64C52', '#F88B8F', '#F66F34', '#F89C72',
       ],
       [
           '#155840', '#29AC79', '#325500', '#5EA600', '#7E5B00',
           '#CE9500', '#7D4513', '#CD7528', '#62301A', '#C3592B',
       ],
       [
           '#FCC4C6', '#F88B8F', '#EECCFE', '#DF9BFD', '#D6CCFE',
           '#AF9BFD', '#CCCEFE', '#9B9DFD', '#B6B3E9', '#9692DF',
       ],
       [
           '#7D7B98', '#A8A6C2', '#A47FB6', '#988FBD', '#7B6EAD',
           '#8F90BD', '#749C90', '#93AF70', '#75ABBD', '#C4AC70',
       ]
    ];
    CLChart.SColors = [
        [
            '#FDD374', '#FDBD5F', '#FCA64B', '#F79238', '#DE7D23',
            '#C66A00', '#AD5700', '#954500', '#7F3300', '#6B2200'
        ],
        [
            '#72FFD4', '#5AF2BE', '#3FDAA9', '#2EC494', '#29AC80',
            '#24986D', '#1F835A', '#1A6F49', '#165B38', '#114929',
        ],
        [
            '#91EFFF', '#77D8FF', '#5EC2FF', '#41ACFF', '#2498E8',
            '#1F84D2', '#1B70BB', '#165EA5', '#124C90', '#0E3D7C',
        ],
        [
            '#D7E0FF', '#BFCAFF', '#A8B5FF', '#90A0FF', '#7A8BFF',
            '#6377E8', '#4C65D1', '#3253BA', '#1042A5', '#0C338F',
        ],
        [
            '#FDD3FF', '#F4BCFF', '#DCA6FF', '#C591FF', '#AE7CFF',
            '#9769F0', '#8056D8', '#6B43C2', '#5532AB', '#402096',
        ],
        [
            '#FDC8D1', '#FCB0BB', '#FC9BA6', '#FB8591', '#FB6F7D',
            '#E15A6A', '#C94658', '#B13147', '#9A1636', '#830028',
        ]
    ];

    CLChart.SetColor = function (Box, func) {
        var div = document.createElement("div");
        div.innerHTML = "默认";
        Box.appendChild(div);
        var divColors = document.createElement("div");
        divColors.classList.add("ChartColors");
        CLChart.MColors[0].forEach(function (color) {
            var divColor = document.createElement("div");
            divColor.style.cssText = "background:" + color;
            divColors.appendChild(divColor);
            divColor.onclick = function () {
                func(CLChart.MColors[0]);
            }
        });
        Box.appendChild(divColors);
        function show(name, data) {
            div = document.createElement("div");
            div.innerHTML = name;
            Box.appendChild(div);
            var mOther = document.createElement("div");
            Box.appendChild(mOther);
            data.forEach(function (colors) {
                divColors = document.createElement("div");
                divColors.classList.add("ChartColors");
                mOther.appendChild(divColors);
                colors.forEach(function (color) {
                    var divColor = document.createElement("div");
                    divColor.style.cssText = "background:" + color;
                    divColors.appendChild(divColor);
                    divColor.onclick = function () {
                        func(colors);
                    }
                });
            });
        }
        show("其他(多色)", CLChart.MColors.slice(1, CLChart.MColors.length));
        show("其他(单色)", CLChart.SColors);
    }

    fn.bgColors = CLChart.MColors[0];

    fn.Colors = [
        '#ff0', '#f0f', '#00f'
    ];

    fn.axisLabelColor = "#3cb371";

    fn.axisLineColor = "#3cb371";

    fn.axisTickColor = "#3cb371";

    //Dimensions = [
    //    {
    //        ID: "",
    //        Name: "",
    //        className: ""
    //        sortType:""//排序方式:'默认','升序','降序'
    //        collectType:""//|汇总方式:[时间日期]'年','年-季','年-月','年-周','年-月-日'
    //    }
    //];
    //Pointers = [
    //    {
    //        ID: "",
    //        Name: "",
    //        className: ""
    //        sortType:""//排序方式:'默认','升序','降序'
    //        collectType:""//汇总方式:[数字]'求和','平均','最大值','最小值','计数'|[其他]'计数'
    //        resultShow:""//'显示为实际值','显示为占比','实际值与占比'
    //        collectAll:""//'是','否'
    //        onclick:{runCode:"",originalCode:"",Marks:[]}
    //        dataFormat:{//数据格式
    //              type:"",//'custom''preset'
    //              format:""//type='preset'时:"千分符,百分比,小数位数|5";type='preset'时:"#,##0%"(自定义格式,详细见Number.prototype.toStringEx(sFormat))
    //        }
    //    }
    //];

    fn.Render = function (type, data, Dimensions, Dimensions2, Pointers) {
        if (this["Render_" + type]) {
            this["Render_" + type].call(this, data, Dimensions, Dimensions2, Pointers);
        } else {
            this.Empty();
            return;
        }
    }

    fn.getFormat = function (dataFormat) {
        return CLGetFormat(dataFormat);
    }

    CLChart.Empty = function (Ele, sDesc) {
        if (sDesc == null) {
            sDesc = "暂无数据";
        }
        Ele.innerHTML = "<div style='display: flex;align-items: center;height:100%'><div style='margin:auto;text-align: center;color:#ccc;'>"
            + "<div style='font-family:CLFont;font-size:50px;'>&#xe804;</div>"
            + "<div style=''>" + sDesc + "</div></div></div>";
    }

    fn.Empty = function (sDesc) {
        CLChart.Empty(this.Ele, sDesc);
    }

    //计数
    fn.Count = function (data, field, ParentID) {
        var iRet = 0;
        var field2 = "SubTable_" + ParentID;
        for (var i = 0; i < data.length; i++) {
            if (ParentID != null && data[i].ParentID == null) {
                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                    if (data[i][field2][j][field] != null) {
                        iRet += 1;
                    }
                }
            } else {
                if (data[i][field] != null) {
                    iRet += 1;
                }
            }
        }
        return iRet;
    }

    //求和
    fn.Sum = function (data, field, ParentID) {
        var dbRet = 0;
        var field2 = "SubTable_" + ParentID;
        for (var i = 0; i < data.length; i++) {
            if (ParentID != null && data[i].ParentID == null) {
                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                    if (data[i][field2][j][field] != null) {
                        dbRet += data[i][field2][j][field] * 1;
                    }
                }
            } else {
                if (data[i][field] != null) {
                    dbRet += data[i][field] * 1;
                }
            }
        }
        return dbRet;
    }

    //平均
    fn.Average = function (data, field, ParentID) {
        if (data.length == 0) {
            return 0;
        }
        var average = 0;
        var field2 = "SubTable_" + ParentID;
        var count = 0;
        for (var i = 0; i < data.length; i++) {
            if (ParentID != null && data[i].ParentID == null) {
                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                    count++;
                    if (data[i][field2][j][field] != null) {
                        average += data[i][field2][j][field] * 1;
                    }
                }
            } else {
                if (data[i][field] !== undefined) {
                    count++;
                }
                if (data[i][field] != null) {
                    average += data[i][field] * 1;
                }
            }
        }
        return average / count;
    }

    //最大值
    fn.Max = function (data, field, ParentID) {
        var result = null;
        var field2 = "SubTable_" + ParentID;
        for (var i = 0; i < data.length; i++) {
            if (ParentID != null && data[i].ParentID == null) {
                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                    var n = data[i][field2][j][field] * 1;
                    result = result == null ? n : (result < n ? n : result);
                }
            } else {
                var n = data[i][field] * 1;
                result = result == null ? n : (result < n ? n : result);
            }
        }
        return result;
    }

    //最小值
    fn.Min = function (data, field, ParentID) {
        var result = null;
        var field2 = "SubTable_" + ParentID;
        for (var i = 0; i < data.length; i++) {
            if (ParentID != null && data[i].ParentID == null) {
                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                    var n = data[i][field2][j][field] * 1;
                    result = result == null ? n : (result > n ? n : result);
                }
            } else {
                var n = data[i][field] * 1;
                result = result == null ? n : (result > n ? n : result);
            }
        }
        return result;
    }

    fn.TestDimension = function (Dimensions, Dimensions2, Pointers) {
        var Fields = Dimensions.concat(Dimensions2).concat(Pointers);
        var ParentID = null;
        for (var i = 0; i < Fields.length ; i++) {
            if (Fields[i].ParentID != null) {
                if (ParentID == null) {
                    ParentID = Fields[i].ParentID;
                } else if (ParentID != Fields[i].ParentID) {
                    return false;
                }
            } else if (ParentID != null) {
                return false
            }
        }
        return true;
    }

    fn.ConvertDt = function (sVal, collectType) {
        if (sVal == null) {
            return null;
        }
        if (collectType == "年") {
            return Date.Parse(sVal).getFullYear() + "年";
        }
        if (collectType == "年-季") {
            var Dt = Date.Parse(sVal);
            return Dt.getFullYear() + "年" + "第" + parseInt(Dt.getMonth() / 3 + 1) + "季度";
        }
        if (collectType == "年-周") {
            var Dt = Date.Parse(sVal);
            return Dt.getFullYear() + "年" + "第" + Dt.WeekNum() + "周";
        }
        if (collectType == "年-月") {
            var Dt = Date.Parse(sVal);
            return Date.Parse(sVal).Format("yyyy年MM月");
        }
        if (collectType == "年-月-日") {
            return Date.Parse(sVal).Format("yyyy年MM月dd日");
        }
    }

    //获取维度结构
    fn.getMultDimensionTable = function (oData, Dimensions, Dimensions2, Pointers, bCollect) {
        //测试是否有效
        var data = CLClone(oData);
        var self = this;
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            return null;
        }
        var prefix = "";
        var classList = ["提交人", "提交时间", "更新时间", "流程状态"];
        var 时间控件 = ["时间日期", "提交时间", "更新时间"];
        function GetDimension(Dimension, data) {
            var retTable = null;
            var field = null;
            if (classList.indexOf(Dimension.className) < 0 && self.SourceType == "CLFlowTable") {
                field = "DataField_" + Dimension.ID;
            } else {
                field = Dimension.ID;
            }
            var Count = 0;
            var Keys = [];
            for (var i = 0; i < data.length; i++) {
                var val = null;
                if (Dimension.ParentID == null || data[i].ParentID != null) {
                    val = data[i][field];
                    if (时间控件.indexOf(Dimension.className) >= 0) {
                        val = self.ConvertDt(val, Dimension.collectType);
                    }
                    if (val == null) {
                        continue;
                    }
                    if (retTable == null) {
                        retTable = {};
                    }
                    var Name = val.Name == null ? val : val.Name;
                    var ID = val.ID == null ? val : val.ID;
                    if (retTable[ID] == null) {
                        retTable[ID] = [];
                        Count++;
                        if (Dimension.className == "成员单选" || Dimension.className == "提交人") {
                            if (val.ID == null && val.Name == null) {
                                Name = self.getMemberNameById(val);
                            }
                        }
                        if (Dimension.className == "部门单选") {
                            if (val.ID == null && val.Name == null) {
                                Name = self.getDepartNameById(val);
                            }
                        }
                        if (Dimension.className == "流程状态") {
                            if (val.ID == null && val.Name == null) {
                                Name = ["进行中", "已完成", "已终止"][(val * 1) - 1];
                            }
                        }
                        if (ID == null) {
                            continue;
                        }
                        Keys.push({
                            ID: ID,
                            Name: Name == null ? ID : Name
                        });
                    }
                    retTable[ID].push(data[i]);
                } else {
                    val = data[i]["SubTable_" + Dimension.ParentID];
                    for (var j = 0; j < val.length ; j++) {
                        var subVal = val[j][field];
                        if (时间控件.indexOf(Dimension.className) >= 0) {
                            subVal = self.ConvertDt(subVal, Dimension.collectType);
                        }
                        if (subVal == null) {
                            continue;
                        }
                        if (retTable == null) {
                            retTable = {};
                        }
                        var Name = subVal.Name == null ? subVal : subVal.Name;
                        var ID = subVal.ID == null ? subVal : subVal.ID;
                        if (retTable[ID] == null) {
                            retTable[ID] = [];
                            Count++;
                            if (Dimension.className == "成员单选" || Dimension.className == "提交人") {
                                if (subVal.ID == null && subVal.Name == null) {
                                    Name = self.getMemberNameById(subVal);
                                }
                            }
                            if (Dimension.className == "部门单选") {
                                if (subVal.ID == null && subVal.Name == null) {
                                    Name = self.getDepartNameById(subVal);
                                }
                            }
                            if (ID == null) {
                                continue;
                            }
                            Keys.push({
                                ID: ID,
                                Name: Name == null ? ID : Name
                            });
                        }
                        retTable[ID].push(val[j]);
                    }
                }
            }
            //排序
            if (Dimension.sortType == "升序") {
                CLQuickSort(Keys, function (key1, key2) {
                    if (key1.ID.charAt == null) {
                        if (key1.ID > key2.ID) {
                            return 1;
                        }
                        if (key1.ID == key2.ID) {
                            return 0;
                        }
                        if (key1.ID < key2.ID) {
                            return -1;
                        }
                    } else {
                        return CLStrCmp(key1.ID, key2.ID);
                    }
                    return CLStrCmp(key1.ID, key2.ID);
                });
            }
            else if (Dimension.sortType == "降序") {
                CLQuickSort(Keys, function (key1, key2) {
                    if (key1.charAt == null) {
                        if (key1.ID > key2.ID) {
                            return 1;
                        }
                        if (key1.ID == key2.ID) {
                            return 0;
                        }
                        if (key1.ID < key2.ID) {
                            return -1;
                        }
                    } else {
                        return CLStrCmp(key1.ID, key2.ID);
                    }
                });
                var tempKey = [].concat(Keys);
                Keys = [];
                for (var i = tempKey.length - 1; i > -1 ; i--) {
                    Keys.push(tempKey[i]);
                }
            }
            return {
                count: Count,
                data: retTable,
                Span: 0,
                keys: Keys
            };
        }

        function AddSpan(Node, Span) {
            if (Node.parent != null) {
                AddSpan(Node.parent, Span);
            }
            Node.Span += Span;
        }

        function collect(data) {
            var resultData = {};
            for (var iPoint = 0; iPoint < Pointers.length; iPoint++) {
                var field = null;
                if (classList.indexOf(Pointers[iPoint].className) < 0 && self.SourceType == "CLFlowTable" && Pointers[iPoint].code == null) {
                    field = "DataField_" + Pointers[iPoint].ID;
                } else {
                    field = Pointers[iPoint].ID;
                }
                if (Pointers[iPoint].code == null) {
                    if (Pointers[iPoint].collectType == "计数") {
                        resultData[Pointers[iPoint].ID] = self.Count(data, field, Pointers[iPoint].ParentID);
                    }
                    if (Pointers[iPoint].collectType == "求和") {
                        resultData[Pointers[iPoint].ID] = self.Sum(data, field, Pointers[iPoint].ParentID);
                    }
                    if (Pointers[iPoint].collectType == "平均") {
                        resultData[Pointers[iPoint].ID] = self.Average(data, field, Pointers[iPoint].ParentID);
                    }
                    if (Pointers[iPoint].collectType == "最大值") {
                        resultData[Pointers[iPoint].ID] = self.Max(data, field, Pointers[iPoint].ParentID);
                    }
                    if (Pointers[iPoint].collectType == "最小值") {
                        resultData[Pointers[iPoint].ID] = self.Min(data, field, Pointers[iPoint].ParentID);
                    }
                }
            }
            var VALUE = function (Field) {
                var ID = Field.ID;
                return resultData[ID];
            }
            for (var iPoint = 0; iPoint < Pointers.length; iPoint++) {
                if (Pointers[iPoint].code != null) {
                    resultData[Pointers[iPoint].ID] = eval(Pointers[iPoint].code.runCode);
                    if (resultData[Pointers[iPoint].ID] == null) {
                        resultData[Pointers[iPoint].ID] = 0;
                    }
                }
            }
            return resultData;
        }
        if (bCollect == false) {
            collect = function (data) {
                return data;
            }
        }
        var Level = 0;
        var table = data;
        var tempRet = null;
        var ListToHandle = [
            {
                Level: 0,
                data: data,
                parent: null,
                field: null
            }
        ];
        var Fields = Dimensions.concat(Dimensions2);
        if (Pointers == Dimensions2) {
            Fields = Dimensions.concat([Pointers[0]]);
        }
        if (Fields.length == 0) {
            return null;
        }
        var retTable = {};
        var currentLine = null;
        var IsValid = true;
        var InvalidIDs = [];
        var Count = 0;
        while (true) {
            var ToHandle = ListToHandle[ListToHandle.length - 1];
            if (ToHandle == null) {
                break;
            }
            tempRet = GetDimension(Fields[ToHandle.Level], ToHandle.data);
            if (Dimensions2 != Pointers && tempRet.count == 0) {
                IsValid = false;
                if (InvalidIDs.indexOf(Fields[ToHandle.Level].ID)) {
                    InvalidIDs.push(Fields[ToHandle.Level].ID);
                }
            }
            if (ToHandle.parent != null) {
                ToHandle.parent.data[ToHandle.field] = tempRet;
                tempRet.parent = ToHandle.parent;
            } else {
                retTable = tempRet;
            }
            ListToHandle.splice(ListToHandle.length - 1, 1);
            //计算列信息时 Dimensions2 == Pointers
            if (Dimensions2 == Pointers) {
                if (ToHandle.Level + 1 == Dimensions.length + 1) {
                    AddSpan(tempRet, Pointers.length);
                }
            } else {
                if (ToHandle.Level + 1 == Dimensions.length) {
                    AddSpan(tempRet, tempRet.count);
                    Count += tempRet.count;
                }
                if (ToHandle.Level == Dimensions.length) {
                    currentLine = tempRet;
                    //行汇总
                    currentLine.collectData = collect(ToHandle.data);
                }
            }
            if (ToHandle.Level + 1 < Fields.length && tempRet.data != null) {
                for (var key in tempRet.data) {
                    ListToHandle.push({
                        Level: ToHandle.Level + 1,
                        data: tempRet.data[key],
                        parent: tempRet,
                        field: key
                    });
                }
            } else {
                //统计
                if (Dimensions2 != Pointers) {
                    for (var key in tempRet.data) {
                        var collect_data = collect(tempRet.data[key]);
                        tempRet.data[key] = collect_data;
                        //获取最大值
                        for (var k in collect_data) {
                            retTable.maxVal = retTable.maxVal == null ? collect_data[k] : (retTable.maxVal < collect_data[k] ? collect_data[k] : retTable.maxVal);
                        }
                    }
                }
            }
        }
        retTable.IsValid = IsValid;
        retTable.InvalidIDs = InvalidIDs;
        retTable.TotalCount = Count;

        function getValByKeyList(data, KeyList, keyIndex) {
            if (keyIndex == null) {
                keyIndex = 0;
            }
            if (keyIndex < KeyList.length - 1) {
                return data.data[KeyList[keyIndex]] == null ? "-" : getValByKeyList(data.data[KeyList[keyIndex]], KeyList, keyIndex + 1);
            } else {
                return data == null ? "-" : data[KeyList[keyIndex]];
            }
        }

        function getLine(data, KeyList, keyIndex) {
            if (keyIndex == null) {
                keyIndex = 0;
            }
            if (keyIndex < KeyList.length - 1) {
                return data.data[KeyList[keyIndex]] == null ? "-" : getLine(data.data[KeyList[keyIndex]], KeyList, keyIndex + 1);
            } else {
                return data.data == null ? "-" : data.data[KeyList[keyIndex]];
            }
        }

        if (Dimensions2 != Pointers) {
            retTable.collectX = function (Keys) {
                var self = this;
                var KeysY = [];
                var collectData = 0;
                var vals = [];
                function collectLine(data, Level) {
                    for (var i = 0; i < data.count; i++) {
                        if (Level < Dimensions.length) {
                            KeysY.push(data.keys[i].ID);
                            if (Level == Dimensions.length - 1 && Dimensions2.length == 0) {
                                var val = getValByKeyList(self, KeysY.concat(Keys));
                                if (val != '-') {
                                    collectData += val;
                                    vals.push(val);
                                } else {
                                    vals.push(val);
                                }
                                KeysY.pop();
                            } else {
                                collectLine(data.data[data.keys[i].ID], Level + 1);
                                KeysY.pop();
                            }
                        } else {
                            var val = getValByKeyList(self, KeysY.concat(Keys));
                            if (val != '-') {
                                collectData += val;
                                vals.push(val);
                            }
                            break;
                        }
                    }
                }
                collectLine(self, 0);
                return collectData;
            }
            retTable.getValByKeyList = getValByKeyList;
            retTable.getLine = getLine;
        }
        return retTable;
    }

    //指标表
    fn.Render_TableOfPointer = function (data, Dimensions, Dimensions2, Pointers) {
        var Ele = this.Ele;
        var self = this;
        if (Pointers.length != 1 || data == null) {
            self.Empty();
            return;
        }
        var classList = ["提交人", "提交时间", "更新时间", "流程状态"];
        var sFormat = self.getFormat(Pointers[0].dataFormat);
        if (Dimensions.length == 0 && Dimensions2.length == 0) {
            var field = null;
            if (this.SourceType == "CLFlowTable" && Pointers[0].code == null) {
                if (classList.indexOf(Pointers[0].className) < 0) {
                    field = "DataField_" + Pointers[0].ID;
                } else {
                    field = Pointers[0].ID;
                }
            } else {
                field = Pointers[0].ID;
            }
            var dbNum = 0;

            if (Pointers[0].code != null) {
                try {
                    var VALUE = function (field) {
                        var jRet = [];
                        var ParentID = field.ParentID;
                        var field2 = "SubTable_" + ParentID;
                        for (var i = 0; i < data.length; i++) {
                            if (ParentID != null && data[i].ParentID == null) {
                                for (var j = 0; data[i][field2] != null && j < data[i][field2].length; j++) {
                                    if (data[i][field2][j][field] != null) {
                                        jRet.push(data[i][field2][j][field]);
                                    }
                                }
                            } else {
                                if (data[i][field.ID] != null) {
                                    jRet.push(data[i][field.ID]);
                                }
                            }
                        }
                        return jRet;
                    }

                    var COUNT = function (Val) {
                        return Val.length;
                    }

                    var SUM = function (Val) {
                        var result = 0;
                        var Ja = Val;
                        for (var i = 0; i < Ja.length ; i++) {
                            result += Ja[i] * 1;
                        }
                        return result;
                    }

                    var AVERAGE = function (Val) {
                        if (Val.length == 0) {
                            return 0;
                        }
                        var average = 0;
                        for (var i = 0; i < Val.length; i++) {
                            average += Val[i] * 1;
                        }
                        return average / Val.length;
                    }

                    var MAX = function (Val) {
                        var result = null;
                        for (var i = 0; i < Val.length; i++) {
                            result = result == null ? Val[i] : (result < Val[i] ? Val[i] : result);
                        }
                        return result;
                    }

                    dbNum = eval(Pointers[0].code.runCode);
                    if (dbNum == null) {
                        rdbNum = 0;
                    }
                } catch (e) {
                    CLShowMsg(e.message);
                    dbNum = 0;
                }
            } else {
                if (Pointers[0].collectType == "计数") {
                    dbNum = self.Count(data, field, Pointers[0].ParentID);
                } else if (Pointers[0].collectType == "求和") {
                    dbNum = self.Sum(data, field, Pointers[0].ParentID);
                } else if (Pointers[0].collectType == "平均") {
                    dbNum = self.Average(data, field, Pointers[0].ParentID);
                } else if (Pointers[0].collectType == "最大值") {
                    dbNum = self.Max(data, field, Pointers[0].ParentID);
                } else if (Pointers[0].collectType == "最小值") {
                    dbNum = self.Min(data, field, Pointers[0].ParentID);
                }
                if (Pointers[0].resultShow == "显示为占比") {
                    dbNum = 1;
                }
            }
            Ele.innerHTML = "<div style='top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);font-size:30px;color:#123;'>" + dbNum.toStringEx(sFormat) + "</div>";
            if (Ele.firstChild.offsetWidth > Ele.offsetWidth * 0.8) {
                Ele.firstChild.style.transform = "translate(-50%,-50%)" + "scale(" + (Ele.offsetWidth * 0.8 / Ele.firstChild.offsetWidth) + ")";
            }
        } else {
            //计算维度
            self.Render_PivotTable(data, Dimensions, Dimensions2, Pointers);
        }
    }

    //透视表
    fn.Render_PivotTable = function (data, Dimensions, Dimensions2, Pointers) {
        var self = this;
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            self.Empty("来自不同子表单的字段无法汇总,请调整字段或切换为数据表");
            return;
        }
        if ((Dimensions.length == 0 && Dimensions2.length == 0) || Pointers.length == 0) {
            self.Empty();
            return;
        }
        //计算维度
        var MultDimensionTable = self.getMultDimensionTable(data, Dimensions, Dimensions2, Pointers);
        var MultDimensionTableX = self.getMultDimensionTable(data, Dimensions2, Pointers, Pointers);

        var collectDataX = MultDimensionTable.collectDataX;
        var InvalidIDs = MultDimensionTable.InvalidIDs;
        var Ele = self.Ele;
        Ele.innerHTML = "";
        var TableContainer = document.createElement("div");
        Ele.appendChild(TableContainer);
        TableContainer.classList.add("PivotTable");
        var TableDiv = document.createElement("div");
        TableDiv.style.cssText = "height:100%;width:100%;overflow:auto";
        TableContainer.appendChild(TableDiv);
        var TableMenu = document.createElement("div");
        TableMenu.className = "TableMenu";
        TableMenu.style.cssText = "height:50px;width:100%;padding:10px 15px;line-height:30px;";
        TableContainer.appendChild(TableMenu);
        var currentPage = 1;
        var iLinesPerPage = self.LinesPerPage;
        var totalPage = MultDimensionTable.TotalCount / iLinesPerPage;
        var iTotalPage = parseInt(totalPage);
        if (iTotalPage < totalPage) {
            iTotalPage += 1;
        }
        if (iTotalPage == 0) {
            iTotalPage = 1;
        }

        function ShowMenu(MenuDiv) {
            var right = document.createElement("div");
            right.style.cssFloat = "right";
            TableMenu.appendChild(right);

            var input = document.createElement("input");
            right.appendChild(input);
            input.value = currentPage;
            input.oninput = function () {
                CLCheckInt(input, 1, iTotalPage);
            }
            input.onchange = function () {
                if (currentPage != input.value) {
                    currentPage = input.value * 1;
                }
                PrePage.classList.remove("JmpBtnDisable");
                FirstPage.classList.remove("JmpBtnDisable");
                NextPage.classList.remove("JmpBtnDisable");
                LastPage.classList.remove("JmpBtnDisable");
                if (currentPage == 1) {
                    PrePage.classList.add("JmpBtnDisable");
                    FirstPage.classList.add("JmpBtnDisable");
                }
                if (currentPage == iTotalPage) {
                    NextPage.classList.add("JmpBtnDisable");
                    LastPage.classList.add("JmpBtnDisable");
                }
                Show(TableDiv);
            }

            var Total = document.createElement("span");
            Total.className = "Total";
            Total.innerText = " / " + iTotalPage;
            right.appendChild(Total);

            var FirstPage = document.createElement("span");
            FirstPage.className = "JmpBtn";
            if (currentPage == 1) {
                FirstPage.classList.add("JmpBtnDisable");
            }
            FirstPage.onclick = function () {
                if (this.classList.contains("JmpBtnDisable") || currentPage == 1) {
                    return;
                }
                PrePage.classList.add("JmpBtnDisable");
                FirstPage.classList.add("JmpBtnDisable");
                NextPage.classList.remove("JmpBtnDisable");
                LastPage.classList.remove("JmpBtnDisable");
                currentPage = 1;
                input.value = currentPage;
                Show(TableDiv);

            }
            FirstPage.innerHTML = "&#xe603;";
            right.appendChild(FirstPage);

            var PrePage = document.createElement("span");
            PrePage.className = "JmpBtn";
            if (currentPage == 1) {
                PrePage.classList.add("JmpBtnDisable");
            }
            PrePage.onclick = function () {
                if (this.classList.contains("JmpBtnDisable")) {
                    return;
                }
                currentPage--;
                input.value = currentPage;
                if (currentPage == 1) {
                    PrePage.classList.add("JmpBtnDisable");
                    FirstPage.classList.add("JmpBtnDisable");
                }
                NextPage.classList.remove("JmpBtnDisable");
                LastPage.classList.remove("JmpBtnDisable");
                Show(TableDiv);
            }
            PrePage.innerHTML = "&#xe679;";
            right.appendChild(PrePage);

            var NextPage = document.createElement("span");
            NextPage.className = "JmpBtn";
            if (currentPage == iTotalPage) {
                NextPage.classList.add("JmpBtnDisable");
            }
            NextPage.onclick = function () {
                if (this.classList.contains("JmpBtnDisable")) {
                    return;
                }
                currentPage++;
                input.value = currentPage;
                if (currentPage == iTotalPage) {
                    NextPage.classList.add("JmpBtnDisable");
                    LastPage.classList.add("JmpBtnDisable");
                }
                PrePage.classList.remove("JmpBtnDisable");
                FirstPage.classList.remove("JmpBtnDisable");
                Show(TableDiv);
            }
            NextPage.innerHTML = "&#xe6a3;";
            right.appendChild(NextPage);

            var LastPage = document.createElement("span");
            LastPage.className = "JmpBtn";
            if (currentPage == iTotalPage) {
                LastPage.classList.add("JmpBtnDisable");
            }
            LastPage.onclick = function () {
                if (this.classList.contains("JmpBtnDisable")) {
                    return;
                }
                NextPage.classList.add("JmpBtnDisable");
                LastPage.classList.add("JmpBtnDisable");
                PrePage.classList.remove("JmpBtnDisable");
                FirstPage.classList.remove("JmpBtnDisable");
                currentPage = iTotalPage;
                input.value = currentPage;
                Show(TableDiv);
            }
            LastPage.innerHTML = "&#xe604;";
            right.appendChild(LastPage);

        }

        function Show(Container) {
            var startLineIndex = (currentPage - 1) * iLinesPerPage;
            var ShownLineCount = 0;
            var PassedLine = 0;
            Container.innerHTML = "";
            var Table = document.createElement("table");
            Table.setAttribute("cellspacing", "0");
            Table.setAttribute("cellpadding", "0");
            Container.appendChild(Table);
            for (var i = 0; i < Dimensions2.length ; i++) {
                var Line = document.createElement("tr");
                Table.appendChild(Line);
                var Column = document.createElement("th");
                Column.setAttribute("colspan", Dimensions.length);
                Column.innerHTML = Dimensions2[i].Name;
                if (InvalidIDs.indexOf(Dimensions2[i].ID) >= 0) {
                    Column.style.color = "#cbc";
                    Column.style.textDecoration = "line-through";
                }
                Line.appendChild(Column);
            }

            var Line = document.createElement("tr");
            Table.appendChild(Line);
            for (var i = 0; i < Dimensions.length; i++) {
                var Column = document.createElement("th");
                Column.innerHTML = Dimensions[i].Name;
                if (InvalidIDs.indexOf(Dimensions[i].ID) >= 0) {
                    Column.style.color = "#cbc";
                    Column.style.textDecoration = "line-through";
                }
                Line.appendChild(Column);
            }
            if (Dimensions.length == 0) {
                var Column = document.createElement("th");
                Column.innerHTML = " ";
                Line.appendChild(Column);
            }
            var dataX = MultDimensionTableX;
            var Lines = Table.childNodes;
            var headerColumns = [];
            var KeyListX = [];

            function ShowLevelX(data, Level) {
                if (Level == Lines.length - 1) {
                    //显示指标
                    for (var i = 0; i < Pointers.length ; i++) {
                        var Column = document.createElement("th");
                        Column.innerHTML = Pointers[i].Name;
                        Lines[Level].appendChild(Column);
                        headerColumns.push(Column);
                        Column.Keys = [].concat(KeyListX);
                        Column.Keys.push(Pointers[i].ID);
                        Column.Pointer = Pointers[i];
                        Column.collectData = MultDimensionTable.collectX(Column.Keys);
                    }
                } else if (MultDimensionTable.IsValid) {
                    //显示维度
                    for (var i = 0; i < data.count; i++) {
                        var Column = document.createElement("th");
                        Column.innerHTML = data.keys[i].Name;
                        Column.setAttribute("colspan", data.data[data.keys[i].ID].Span);
                        Lines[Level].appendChild(Column);
                        if (Level < Lines.length - 1) {
                            KeyListX.push(data.keys[i].ID);
                            ShowLevelX(data.data[data.keys[i].ID], Level + 1);
                            KeyListX.pop();
                        }
                    }
                }
                if (Level == 0 && Dimensions2.length != 0) {
                    //汇总列
                    var Column = document.createElement("th");
                    Column.innerHTML = "汇总";
                    Column.setAttribute("rowspan", Dimensions2.length);
                    Column.setAttribute("colspan", Pointers.length);
                    Lines[Level].appendChild(Column);
                    //显示指标
                    for (var i = 0; i < Pointers.length ; i++) {
                        var Column = document.createElement("th");
                        Column.innerHTML = Pointers[i].Name;
                        Lines[Lines.length - 1].appendChild(Column);
                    }
                }
            }

            if (dataX != null && Lines.length != 0) {
                ShowLevelX(dataX, 0);
            }

            var TotalCollectData = {};
            var TotalKeys = [];
            for (var i = 0; i < headerColumns.length; i++) {
                var Pointer = headerColumns[i].Pointer;
                var val = headerColumns[i].collectData;
                if (TotalCollectData[Pointer.ID] == null) {
                    TotalCollectData[Pointer.ID] = val;
                    TotalKeys.push(Pointer.ID);
                } else {
                    TotalCollectData[Pointer.ID] += val;
                }
            }

            var dataY = MultDimensionTable;
            var KeyListY = [];

            function ShowLevelY(data, Tr, Level, SkipSpan) {
                if (SkipSpan == null) {
                    SkipSpan = 0;
                }
                var LostSpan = 0;
                var index = 0;
                var Trs = [Tr];
                for (var i = 0; i < data.count; i++) {
                    var spanVal = data.data[data.keys[i].ID].Span;
                    if (spanVal == 0 || spanVal == null) {
                        spanVal = 1;
                    }
                    if (SkipSpan >= spanVal) {
                        SkipSpan -= spanVal;
                        Trs[i + 1] = Tr;
                        continue;
                    } else if (SkipSpan != 0) {
                        LostSpan = SkipSpan;
                        i--;
                        SkipSpan = 0;
                        continue;
                    }
                    if (Trs[i] == null) {
                        if (PassedLine + spanVal < startLineIndex) {
                            PassedLine += spanVal;
                            continue;
                        } else if (PassedLine < startLineIndex) {
                            LostSpan = startLineIndex - PassedLine;
                            PassedLine = startLineIndex;
                            if (spanVal > LostSpan) {
                                i--;
                            } else {
                                LostSpan -= spanVal;
                            }
                            continue;
                        }
                        ShownLineCount++;
                        Trs[i] = document.createElement("tr");
                        Table.appendChild(Trs[i]);
                        if (ShownLineCount == iLinesPerPage + 1) {
                            return;
                        }
                    }
                    var Column = document.createElement("td");
                    Column.innerHTML = data.keys[i].Name;
                    var columnRowSpan = spanVal - LostSpan;
                    if (columnRowSpan > iLinesPerPage + 1 - ShownLineCount) {
                        columnRowSpan = iLinesPerPage + 1 - ShownLineCount;
                    }
                    Column.setAttribute("rowspan", columnRowSpan);
                    Trs[i].appendChild(Column);
                    if (Level < Dimensions.length - 1) {
                        KeyListY.push(data.keys[i].ID);
                        ShowLevelY(data.data[data.keys[i].ID], Trs[i], Level + 1, LostSpan);
                        LostSpan = 0;
                        KeyListY.pop();
                        if (ShownLineCount == iLinesPerPage + 1) {
                            return;
                        }
                    } else {
                        //汇总列
                        KeyListY.push(data.keys[i].ID);
                        var collectData = dataY.getLine(dataY, KeyListY).collectData;
                        //显示数据
                        for (var iColumn = 0; iColumn < headerColumns.length; iColumn++) {
                            var Column = document.createElement("td");
                            var val = dataY.getValByKeyList(dataY, KeyListY.concat(headerColumns[iColumn].Keys));
                            var Pointer = headerColumns[iColumn].Pointer;
                            if (Pointer.resultShow == "显示为占比") {
                                Column.innerHTML = val == '-' ? val : (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]).toStringEx(self.getFormat(Pointer.dataFormat));
                            } else if (Pointer.resultShow == "显示为实际值") {
                                Column.innerHTML = val == '-' ? val : val.toStringEx(self.getFormat(Pointer.dataFormat));
                            } else {
                                Column.innerHTML = '-';
                            }
                            Trs[i].appendChild(Column);
                        }
                        //显示汇总列
                        if (collectData != null) {
                            for (var iColumn = 0; iColumn < Pointers.length ; iColumn++) {
                                var Column = document.createElement("td");
                                Column.innerHTML = collectData[Pointers[iColumn].ID];
                                if (Pointers[iColumn].resultShow == "显示为占比") {
                                    Column.innerHTML = (collectData[Pointers[iColumn].ID] / TotalCollectData[Pointers[iColumn].ID]).toStringEx(self.getFormat(Pointers[iColumn].dataFormat));
                                } else if (Pointers[iColumn].resultShow == "显示为实际值") {
                                    Column.innerHTML = collectData[Pointers[iColumn].ID].toStringEx(self.getFormat(Pointers[iColumn].dataFormat));
                                } else {
                                    Column.innerHTML = "-";
                                }
                                Trs[i].appendChild(Column);
                            }
                        }
                        KeyListY.pop();
                    }
                }
            }
            if (Dimensions.length > 0 && dataY.IsValid) {
                ShowLevelY(dataY, null, 0);
            }
            if (currentPage != iTotalPage && dataY.IsValid) {
                return;
            }
            //显示汇总行
            var LastLine = document.createElement("tr");
            Table.appendChild(LastLine);
            var Column = document.createElement("th");
            Column.innerHTML = "汇总";
            Column.setAttribute("colspan", Dimensions.length);
            LastLine.appendChild(Column);

            for (var i = 0; i < headerColumns.length; i++) {
                var Column = document.createElement("td");
                var Pointer = headerColumns[i].Pointer;
                var val = headerColumns[i].collectData;
                if (Pointer.collectAll != '否') {
                    if (Pointer.resultShow == "显示为占比") {
                        Column.innerHTML = val == null ? '-' : (val / TotalCollectData[Pointer.ID]).toStringEx(self.getFormat(Pointer.dataFormat));
                    } else if (Pointer.resultShow == "显示为实际值") {
                        Column.innerHTML = val == null ? '-' : (val).toStringEx(self.getFormat(Pointer.dataFormat));
                    }
                } else {
                    Column.innerHTML = "-";
                }
                LastLine.appendChild(Column);
            }
            for (var i = 0; Dimensions2.length != 0 && i < Pointers.length; i++) {
                var Column = document.createElement("td");
                var val = TotalCollectData[Pointers[i].ID];
                if (val == null) {
                    val = null;
                }
                if (Pointers[i].collectAll != '否') {
                    if (Pointers[i].resultShow == "显示为占比") {
                        Column.innerHTML = (1).toStringEx(self.getFormat(Pointers[i].dataFormat));
                    } else if (Pointers[i].resultShow == "显示为实际值") {
                        Column.innerHTML = val == null ? '-' : (val).toStringEx(self.getFormat(Pointers[i].dataFormat));;
                    }
                } else {
                    Column.innerHTML = "-";
                }
                LastLine.appendChild(Column);
            }
        }
        Show(TableDiv);
        ShowMenu(TableMenu);
    }

    //导出数据
    fn.ExportData = function (data, Dimensions, Dimensions2, Pointers) {
        var self = this;
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            self.Empty("来自不同子表单的字段无法汇总,请调整字段或切换为数据表");
            return;
        }
        if ((Dimensions.length == 0 && Dimensions2.length == 0) || Pointers.length == 0) {
            self.Empty();
            return;
        }
        //计算维度
        var MultDimensionTable = self.getMultDimensionTable(data, Dimensions, Dimensions2, Pointers);
        var MultDimensionTableX = self.getMultDimensionTable(data, Dimensions2, Pointers, Pointers);

        var collectDataX = MultDimensionTable.collectDataX;
        var InvalidIDs = MultDimensionTable.InvalidIDs;

        var currentPage = 1;
        var iLinesPerPage = MultDimensionTable.TotalCount;

        var iTotalPage = 1;

        var Table = [];
        function Show() {
            var startLineIndex = (currentPage - 1) * iLinesPerPage;
            var ShownLineCount = 0;
            var PassedLine = 0;
            for (var i = 0; i < Dimensions2.length ; i++) {
                var Line = [];
                Table.push(Line);
                var Column = {
                    colspan: 1,
                    rowspan: 1
                };
                Column.colspan = Dimensions.length;
                Column.innerHTML = Dimensions2[i].Name;
                if (InvalidIDs.indexOf(Dimensions2[i].ID) >= 0) {
                    Column.Invalid = true;
                }
                Line.push(Column);
            }

            var Line = [];
            Table.push(Line);
            for (var i = 0; i < Dimensions.length; i++) {
                var Column = {
                    colspan: 1,
                    rowspan: 1
                };
                Column.innerHTML = Dimensions[i].Name;
                if (InvalidIDs.indexOf(Dimensions[i].ID) >= 0) {
                    Column.Invalid = true;
                }
                Line.push(Column);
            }
            if (Dimensions.length == 0) {
                var Column = {
                    colspan: 1,
                    rowspan: 1
                };
                Column.innerHTML = " ";
                Line.push(Column);
            }
            var dataX = MultDimensionTableX;
            var Lines = Table;
            var headerColumns = [];
            var KeyListX = [];

            function ShowLevelX(data, Level) {
                if (Level == Lines.length - 1) {
                    //显示指标
                    for (var i = 0; i < Pointers.length ; i++) {
                        var Column = {
                            colspan: 1,
                            rowspan: 1
                        };
                        Column.innerHTML = Pointers[i].Name;
                        Lines[Level].push(Column);
                        headerColumns.push(Column);
                        Column.Keys = [].concat(KeyListX);
                        Column.Keys.push(Pointers[i].ID);
                        Column.Pointer = Pointers[i];
                        Column.collectData = MultDimensionTable.collectX(Column.Keys);
                    }
                } else if (MultDimensionTable.IsValid) {
                    //显示维度
                    for (var i = 0; i < data.count; i++) {
                        var Column = {
                            colspan: 1,
                            rowspan: 1
                        };
                        Column.innerHTML = data.keys[i].Name;
                        Column.colspan = data.data[data.keys[i].ID].Span;
                        Lines[Level].push(Column);
                        if (Level < Lines.length - 1) {
                            KeyListX.push(data.keys[i].ID);
                            ShowLevelX(data.data[data.keys[i].ID], Level + 1);
                            KeyListX.pop();
                        }
                    }
                }
                if (Level == 0 && Dimensions2.length != 0) {
                    //汇总列
                    var Column = {
                        colspan: 1,
                        rowspan: 1
                    };
                    Column.innerHTML = "汇总";
                    Column.rowspan = Dimensions2.length;
                    Column.colspan = Pointers.length;
                    Lines[Level].push(Column);
                    //显示指标
                    for (var i = 0; i < Pointers.length ; i++) {
                        var Column = {
                            colspan: 1,
                            rowspan: 1
                        };
                        Column.innerHTML = Pointers[i].Name;
                        Lines[Lines.length - 1].push(Column);
                    }
                }
            }

            if (dataX != null && Lines.length != 0) {
                ShowLevelX(dataX, 0);
            }

            var TotalCollectData = {};
            var TotalKeys = [];
            for (var i = 0; i < headerColumns.length; i++) {
                var Pointer = headerColumns[i].Pointer;
                var val = headerColumns[i].collectData;
                if (TotalCollectData[Pointer.ID] == null) {
                    TotalCollectData[Pointer.ID] = val;
                    TotalKeys.push(Pointer.ID);
                } else {
                    TotalCollectData[Pointer.ID] += val;
                }
            }

            var dataY = MultDimensionTable;
            var KeyListY = [];

            function ShowLevelY(data, Tr, Level, SkipSpan) {
                if (SkipSpan == null) {
                    SkipSpan = 0;
                }
                var LostSpan = 0;
                var index = 0;
                var Trs = [Tr];
                for (var i = 0; i < data.count; i++) {
                    var spanVal = data.data[data.keys[i].ID].Span;
                    if (spanVal == 0 || spanVal == null) {
                        spanVal = 1;
                    }
                    if (SkipSpan >= spanVal) {
                        SkipSpan -= spanVal;
                        Trs[i + 1] = Tr;
                        continue;
                    } else if (SkipSpan != 0) {
                        LostSpan = SkipSpan;
                        i--;
                        SkipSpan = 0;
                        continue;
                    }
                    if (Trs[i] == null) {
                        if (PassedLine + spanVal < startLineIndex) {
                            PassedLine += spanVal;
                            continue;
                        } else if (PassedLine < startLineIndex) {
                            LostSpan = startLineIndex - PassedLine;
                            PassedLine = startLineIndex;
                            if (spanVal > LostSpan) {
                                i--;
                            } else {
                                LostSpan -= spanVal;
                            }
                            continue;
                        }
                        ShownLineCount++;
                        Trs[i] = [];
                        Table.push(Trs[i]);
                        if (ShownLineCount == iLinesPerPage + 1) {
                            return;
                        }
                    }
                    var Column = {
                        colspan: 1,
                        rowspan: 1
                    };
                    Column.innerHTML = data.keys[i].Name;
                    var columnRowSpan = spanVal - LostSpan;
                    if (columnRowSpan > iLinesPerPage + 1 - ShownLineCount) {
                        columnRowSpan = iLinesPerPage + 1 - ShownLineCount;
                    }
                    Column.rowspan = columnRowSpan;
                    Trs[i].push(Column);
                    if (Level < Dimensions.length - 1) {
                        KeyListY.push(data.keys[i].ID);
                        ShowLevelY(data.data[data.keys[i].ID], Trs[i], Level + 1, LostSpan);
                        LostSpan = 0;
                        KeyListY.pop();
                        if (ShownLineCount == iLinesPerPage + 1) {
                            return;
                        }
                    } else {
                        //汇总列
                        KeyListY.push(data.keys[i].ID);
                        var collectData = dataY.getLine(dataY, KeyListY).collectData;
                        //显示数据
                        for (var iColumn = 0; iColumn < headerColumns.length; iColumn++) {
                            var Column = {
                                colspan: 1,
                                rowspan: 1
                            };
                            var val = dataY.getValByKeyList(dataY, KeyListY.concat(headerColumns[iColumn].Keys));
                            var Pointer = headerColumns[iColumn].Pointer;
                            if (Pointer.resultShow == "显示为占比") {
                                Column.innerHTML = val == '-' ? val : (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]).toStringEx(self.getFormat(Pointer.dataFormat));
                            } else if (Pointer.resultShow == "显示为实际值") {
                                Column.innerHTML = val == '-' ? val : val.toStringEx(self.getFormat(Pointer.dataFormat));
                            } else {
                                Column.innerHTML = '-';
                            }
                            Trs[i].push(Column);
                        }
                        //显示汇总列
                        if (collectData != null) {
                            for (var iColumn = 0; iColumn < Pointers.length ; iColumn++) {
                                var Column = {
                                    colspan: 1,
                                    rowspan: 1
                                };
                                Column.innerHTML = collectData[Pointers[iColumn].ID];
                                if (Pointers[iColumn].resultShow == "显示为占比") {
                                    Column.innerHTML = (collectData[Pointers[iColumn].ID] / TotalCollectData[Pointers[iColumn].ID]).toStringEx(self.getFormat(Pointers[iColumn].dataFormat));
                                } else if (Pointers[iColumn].resultShow == "显示为实际值") {
                                    Column.innerHTML = collectData[Pointers[iColumn].ID].toStringEx(self.getFormat(Pointers[iColumn].dataFormat));
                                } else {
                                    Column.innerHTML = "-";
                                }
                                Trs[i].push(Column);
                            }
                        }
                        KeyListY.pop();
                    }
                }
            }
            if (Dimensions.length > 0 && dataY.IsValid) {
                ShowLevelY(dataY, null, 0);
            }
            if (currentPage != iTotalPage && dataY.IsValid) {
                return;
            }
            //显示汇总行
            var LastLine = [];
            Table.push(LastLine);
            var Column = {
                colspan: 1,
                rowspan: 1
            };
            Column.innerHTML = "汇总";
            Column.colspan = Dimensions.length;
            LastLine.push(Column);

            for (var i = 0; i < headerColumns.length; i++) {
                var Column = {
                    colspan: 1,
                    rowspan: 1
                };
                var Pointer = headerColumns[i].Pointer;
                var val = headerColumns[i].collectData;
                if (Pointer.collectAll != '否') {
                    if (Pointer.resultShow == "显示为占比") {
                        Column.innerHTML = val == null ? '-' : (val / TotalCollectData[Pointer.ID]).toStringEx(self.getFormat(Pointer.dataFormat));
                    } else if (Pointer.resultShow == "显示为实际值") {
                        Column.innerHTML = val == null ? '-' : (val).toStringEx(self.getFormat(Pointer.dataFormat));
                    }
                } else {
                    Column.innerHTML = "-";
                }

                LastLine.push(Column);
            }
            for (var i = 0; Dimensions2.length != 0 && i < Pointers.length; i++) {
                var Column = {
                    colspan: 1,
                    rowspan: 1
                };
                var val = TotalCollectData[Pointers[i].ID];
                if (val == null) {
                    val = null;
                }
                if (Pointers[i].collectAll != '否') {
                    if (Pointers[i].resultShow == "显示为占比") {
                        Column.innerHTML = (1).toStringEx(self.getFormat(Pointers[i].dataFormat));
                    } else if (Pointers[i].resultShow == "显示为实际值") {
                        Column.innerHTML = val == null ? '-' : (val).toStringEx(self.getFormat(Pointers[i].dataFormat));;
                    }
                } else {
                    Column.innerHTML = "-";
                }
                LastLine.push(Column);
            }
        }
        Show();
        for (var i = 0; i < Table.length; i++) {
            for (var j = 0; j < Table[i].length; j++) {
                var column = Table[i][j];
                for (var key in column) {
                    if (key != "innerHTML" && key != "colspan" && key != "rowspan") {
                        delete column[key];
                    }
                }
            }
        }
        return Table;
    }

    //折线图
    fn.Render_LineChart = function (data, Dimensions, Dimensions2, Pointers) {
        //1个维度,1个或多个指标
        //2个维度,1个指标
        Dimensions = [].concat(Dimensions).concat(Dimensions2);
        Dimensions2 = [];
        if (Dimensions.length > 2) {
            Dimensions.splice(2, Dimensions.length - 2);
            if (Pointers.length > 1) {
                Pointers = [Pointers[0]]
            }
        }
        this.DrawChart(data, Dimensions, Dimensions2, Pointers, "line", false);
    }

    //柱状图
    fn.Render_ColumnChart = function (data, Dimensions, Dimensions2, Pointers) {
        //1个维度,1个或多个指标
        //2个维度,1个指标
        Dimensions = [].concat(Dimensions).concat(Dimensions2);
        Dimensions2 = [];
        if (Dimensions.length > 2) {
            Dimensions.splice(2, Dimensions.length - 2);
            if (Pointers.length > 1) {
                Pointers = [Pointers[0]]
            }
        }
        this.DrawChart(data, Dimensions, Dimensions2, Pointers, "bar", false);
    }

    //条形图
    fn.Render_BarChart = function (data, Dimensions, Dimensions2, Pointers) {
        //1个维度,1个或多个指标
        //2个维度,1个指标
        Dimensions = [].concat(Dimensions).concat(Dimensions2);
        Dimensions2 = [];
        if (Dimensions.length > 2) {
            Dimensions.splice(2, Dimensions.length - 2);
            if (Pointers.length > 1) {
                Pointers = [Pointers[0]]
            }
        }
        this.DrawChart(data, Dimensions, Dimensions2, Pointers, "horizontalBar", false);
    }

    //面积图
    fn.Render_AreaChart = function (data, Dimensions, Dimensions2, Pointers, fill) {
        //1个维度,1个或多个指标
        //2个维度,1个指标
        Dimensions = [].concat(Dimensions).concat(Dimensions2);
        Dimensions2 = [];
        if (Dimensions.length > 2) {
            Dimensions.splice(2, Dimensions.length - 2);
            if (Pointers.length > 1) {
                Pointers = [Pointers[0]]
            }
        }
        this.DrawChart(data, Dimensions, Dimensions2, Pointers, "line", true);
    }

    //扇形图
    fn.Render_PieChart = function (data, Dimensions, Dimensions2, Pointers) {
        //1个维度,1个指标
        //2个维度,1个指标
        Dimensions = [].concat(Dimensions).concat(Dimensions2);
        Dimensions2 = [];
        if (Dimensions.length > 2) {
            Dimensions.splice(2, Dimensions.length - 2);
        }
        if (Pointers.length > 1) {
            Pointers = [Pointers[0]]
        }
        Pointers.splice(1, Pointers.length - 1);
        this.DrawChart(data, Dimensions, Dimensions2, Pointers, "pie", false);
    }

    //雷达图
    fn.Render_RadarChart = function (data, Dimensions, Dimensions2, Pointers) {
        var self = this;
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            self.Empty("来自不同子表单的字段无法汇总,请调整字段或切换为数据表");
            return;
        }
        if ((Dimensions.length == 0 && Dimensions2.length == 0) || Pointers.length == 0) {
            self.Empty();
            return;
        }
        if (self.Data == null) {
            self.Data = {};
        }
        var Ele = self.Ele;
        Ele.innerHTML = "";
        var divChart = document.createElement("div");
        divChart.style.cssText = "left:0;top:0;bottom:0;right:0;position:absolute";
        Ele.appendChild(divChart);
        var myChart = self.eChart = echarts.init(divChart, "macarons", {
            renderer: "svg"
        });
        var option;
        var MultData = self.getMultDimensionTable(data, Dimensions, Dimensions2, Pointers);
        var getWhere = self.GetWhere;
        var bgColors = self.bgColors = Dimensions[0].bgColors == null ? self.bgColors : Dimensions[0].bgColors;
        var jsColor = Dimensions[0].jsColor == null ? null : Dimensions[0].jsColor;
        jsColor = jsColor == null ? null : eval("(" + jsColor + ")");
        (function () {
            var Block = self.Data.Block;
            var list = [];
            if (!!Block) {
                list = Block.split(" ");
            }
            if (list.length == 0) {
                list = [0, 0, 0, 0];
            }
            if (list.length == 1) {
                var v = list[0] * 1;
                list = [v, v, v, v];
            }
            if (list.length == 2) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                list = [v1, v2, v1, v2];
            }
            if (list.length == 3) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                var v3 = list[2] * 1;
                list = [v1, v2, v3, v3];
            }
            if (list.length == 4) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                var v3 = list[2] * 1;
                var v4 = list[3] * 1;
                list = [v1, v2, v3, v4];
            }
            option = {
                grid: {
                    left: list[3],
                    top: list[0],
                    right: list[1],
                    bottom: list[2],
                    show: true,
                    borderWidth: 0,
                    containLabel: true,
                },
                title: {
                    text: ''
                },
                tooltip: {
                    trigger: "item",
                    selectedMode: 'single',
                    confine: true,
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    },
                    formatter: function (params, ticket, callback) {
                        var showHtm = "<div style='text-align:left'>";
                        showHtm += Dimensions[0].Name + '<br>';
                        var value = params.value;
                        for (var i = 0; i < MultData.keys.length; i++) {
                            format = self.getFormat(Pointers[params.dataIndex].dataFormat);
                            var index = params.dataIndex;
                            var color = jsColor == null ? bgColors[index] : jsColor(index, "lable");
                            var span = "<span style='display:inline-block;padding:6px;margin:0px 5px -1px 0;background:" + color + ";border-radius:2px'></span>";
                            //名称
                            var text = MultData.keys[i].Name;
                            //值
                            if (value[i] == null) {
                                continue;
                            }
                            showHtm += span + text + '：' + value[i].toStringEx(format) + '<br>';
                        }
                        showHtm += "</div>";
                        return showHtm;
                    }
                },
                legend: {
                    data: []
                },
                radar: {
                    // shape: 'circle',
                    name: {
                        textStyle: {
                            color: self.axisLabelColor,
                            backgroundColor: 'rgba(0,0,0,0)',
                            borderRadius: 3,
                            padding: [5, 5, 5, 5]
                        }
                    },
                    splitLine: {
                        lineStyle: {
                            color: self.axisLineColor,

                        }
                    },
                    splitArea: {
                        show: false
                    },
                    indicator: []
                },
            };
            var maxVal = MultData.maxVal + "";
            var max = ((maxVal[0] * 1) + 1) * Math.pow(10, maxVal.length - 1);
            for (var i = 0; i < MultData.count; i++) {
                option.radar.indicator.push({ text: MultData.keys[i].Name, max: max });
            }
            var data = [];
            for (var i = 0; i < Pointers.length; i++) {
                option.legend.data.push({
                    name: Pointers[i].Name,
                    textStyle: {
                        color: (jsColor && jsColor(i, "text")) || self.TextColor
                    }
                });
                var ele = {
                    name: Pointers[i].Name,
                    value: [],
                    textStyle: {
                        color: (jsColor && jsColor(i, "text")) || self.TextColor
                    },
                    lineStyle: {
                        color: (jsColor && jsColor(i, "line")) || bgColors[i]
                    },
                    areaStyle: {
                        color: (jsColor && jsColor(i, "line")) || bgColors[i],
                        opacity: 0.3
                    },
                    label: {
                        show: self.showText != "隐藏",
                        color: (jsColor && jsColor(i, "label")) || bgColors[i],
                        formatter: function (params) {
                            return params.value;
                        }
                    }
                }
                for (var j = 0; j < MultData.keys.length; j++) {
                    ele.value.push(MultData.data[MultData.keys[j].ID][Pointers[i].ID]);
                }
                data.push(ele);
            }
            option.series = [{ type: 'radar', data: data }];
        }());
        if (option == null) {
            return;
        }
        var showLable = self.Data.showLable;
        if (showLable != null && showLable != "无" && option.legend != null) {
            option.legend.show = true;
            if (showLable == "顶部") {
                option.legend.top = "top";
            }
            if (showLable == "底部") {
                option.legend.bottom = "bottom";
            }
            if (showLable == "左上") {
                option.legend.left = "left";
                option.legend.top = "20";
            }
            if (showLable == "右上") {
                option.legend.right = "right";
                option.legend.top = "20";
            }
            if (showLable == "左下") {
                option.legend.left = "left";
                option.legend.bottom = "20";
            }
            if (showLable == "右下") {
                option.legend.right = "right";
                option.legend.bottom = "20";
            }
            if (jsColor) {
                option.color = [];
                for (var i = 0; i < option.legend.data.length; i++) {
                    option.color.push(jsColor(i, "lable"));
                }
            }
        } else {
            option.legend.show = false;
        }
        Async(self, function () {
            myChart.setOption(option);
        });
        var _CLChart = this;
        myChart.on("click", function (param) {
            var Pointer = null;
            if (Pointers.length == 1) {
                Pointer = Pointers[0];
            } else {
                Pointer = Pointers[param.componentIndex];
            }
            var onclick = Pointer.onclick;
            if (onclick != null) {
                var Self = {
                    ID: Pointer.ID,
                    Name: Pointer.Name,
                    className: Pointer.className,
                    CLChart: _CLChart,
                    Wheres: param.data.Wheres
                }
                if (Pointer.ParentID != null) {
                    Self.ParentID = Pointer.ParentID;
                }
                _CLChart.Exec(Self, onclick.runCode);
            }
        });
    }

    //旭日图
    fn.Render_SunChart = function (data, Dimensions, Dimensions2, Pointers) {
        var self = this;
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            self.Empty("来自不同子表单的字段无法汇总,请调整字段或切换为数据表");
            return;
        }
        if ((Dimensions.length == 0 && Dimensions2.length == 0) || Pointers.length == 0) {
            self.Empty();
            return;
        }
        if (self.Data == null) {
            self.Data = {};
        }
        var Ele = self.Ele;
        Ele.innerHTML = "";
        var divChart = document.createElement("div");
        divChart.style.cssText = "left:0;top:0;bottom:0;right:0;position:absolute";
        Ele.appendChild(divChart);
        var myChart = self.eChart = echarts.init(divChart, "macarons", {
            renderer: "svg"
        });
        var option;
        var MultData = self.getMultDimensionTable(data, Dimensions, Dimensions2, Pointers);
        var getWhere = self.GetWhere;
        var data = [];
        function create(data, MultData, iLevel) {
            var bgColors = self.bgColors = Dimensions[iLevel].bgColors == null ? self.bgColors : Dimensions[iLevel].bgColors;
            var jsColor = Dimensions[iLevel].jsColor == null ? null : Dimensions[iLevel].jsColor;
            jsColor = jsColor == null ? null : eval("(" + jsColor + ")");
            for (var i = 0; i < MultData.count ; i++) {
                var ele = {
                    name: MultData.keys[i].Name,
                    itemStyle: {
                        color: (jsColor && jsColor(i, "item")) || bgColors[i % bgColors.length]
                    }
                };
                data.push(ele);
                if (MultData.data[MultData.keys[i].ID].count != null) {
                    ele.children = [];
                    create(ele.children, MultData.data[MultData.keys[i].ID], iLevel + 1);
                } else {
                    ele.value = MultData.data[MultData.keys[i].ID][Pointers[0].ID];
                }
            }
        }
        (function () {
            create(data, MultData, 0);
        }());
        var Block = self.Data.Block;
        var list = [];
        if (!!Block) {
            list = Block.split(" ");
        }
        if (list.length == 0) {
            list = [0, 0, 0, 0];
        }
        if (list.length == 1) {
            var v = list[0] * 1;
            list = [v, v, v, v];
        }
        if (list.length == 2) {
            var v1 = list[0] * 1;
            var v2 = list[1] * 1;
            list = [v1, v2, v1, v2];
        }
        if (list.length == 3) {
            var v1 = list[0] * 1;
            var v2 = list[1] * 1;
            var v3 = list[2] * 1;
            list = [v1, v2, v3, v3];
        }
        if (list.length == 4) {
            var v1 = list[0] * 1;
            var v2 = list[1] * 1;
            var v3 = list[2] * 1;
            var v4 = list[3] * 1;
            list = [v1, v2, v3, v4];
        }
        option = {
            grid: {
                left: list[3],
                top: list[0],
                right: list[1],
                bottom: list[2],
                show: true,
                borderWidth: 0,
                containLabel: true,
            },
            series: [{
                type: 'sunburst',
                center: ['50%', '48%'],
                data: data,
            }]
        };
        if (option == null) {
            return;
        }
        var showLable = self.Data.showLable;
        option.legend = {};
        if (showLable != null && showLable != "无" && option.legend != null) {
            option.legend.show = true;
            if (showLable == "顶部") {
                option.legend.top = "top";
            }
            if (showLable == "底部") {
                option.legend.bottom = "bottom";
            }
            if (showLable == "左上") {
                option.legend.left = "left";
                option.legend.top = "20";
            }
            if (showLable == "右上") {
                option.legend.right = "right";
                option.legend.top = "20";
            }
            if (showLable == "左下") {
                option.legend.left = "left";
                option.legend.bottom = "20";
            }
            if (showLable == "右下") {
                option.legend.right = "right";
                option.legend.bottom = "20";
            }
        } else {
            option.legend.show = false;
        }
        Async(self, function () {
            myChart.setOption(option);
        });
        var _CLChart = this;
        myChart.on("click", function (param) {
            var Pointer = null;
            if (Pointers.length == 1) {
                Pointer = Pointers[0];
            } else {
                Pointer = Pointers[param.componentIndex];
            }
            var onclick = Pointer.onclick;
            if (onclick != null) {
                var Self = {
                    ID: Pointer.ID,
                    Name: Pointer.Name,
                    className: Pointer.className,
                    CLChart: _CLChart,
                    Wheres: param.data.Wheres
                }
                if (Pointer.ParentID != null) {
                    Self.ParentID = Pointer.ParentID;
                }
                _CLChart.Exec(Self, onclick.runCode);
            }
        });
    }

    fn.GetWhere = function (Dimension, Val) {
        var Where = {
            ID: Dimension.ID,
            Name: Dimension.Name,
            className: Dimension.className
        }
        if (Dimension.ParentID != null) {
            Where.ParentID = Dimension.ParentID;
        }
        var classList = ["时间日期", "提交时间", "更新时间"];
        if (classList.indexOf(Where.className) >= 0) {
            Where.Operator = "选择范围";
            if (Dimension.collectType == "年") {
                var year = parseInt(Val);
                var dtStart = year + "-01-01 00:00:00";
                var dtEnd = year + 1 + "-01-01 00:00:00";
                Where.Val = {
                    dtStart: dtStart,
                    dtEnd: dtEnd
                }
            }
            if (Dimension.collectType == "年-季") {
                var year = Val.substr(0, Val.indexOf('年')) * 1;
                var quarter = Val.substring(Val.indexOf('第') + 1, Val.indexOf('季')) * 1;
                var dtStart = year + "-" + ((quarter - 1) * 3 + 1).toStringEx('00') + "-01 00:00:00";
                var dtEnd = (quarter == 4 ? year + 1 : year) + "-" + (((quarter - 1) * 3 + 4) % 12).toStringEx('00') + "-01 00:00:00";
                Where.Val = {
                    dtStart: dtStart,
                    dtEnd: dtEnd
                }
            }
            if (Dimension.collectType == "年-月") {
                var year = Val.substr(0, Val.indexOf('年')) * 1;
                var mouth = Val.substring(Val.indexOf('年') + 1, Val.indexOf('月')) * 1;
                var dtStart = year + "-" + mouth.toStringEx('00') + "-01 00:00:00";
                var dtEnd = (mouth == 12 ? year + 1 : year) + "-" + (mouth == 12 ? 1 : mouth + 1).toStringEx('00') + "-01 00:00:00";
                Where.Val = {
                    dtStart: dtStart,
                    dtEnd: dtEnd
                }
            }
            if (Dimension.collectType == "年-周") {
                var year = Val.substr(0, Val.indexOf('年')) * 1;
                var week = Val.substring(Val.indexOf('第') + 1, Val.indexOf('周'));
                var dt = Date.Parse(year + '-01-01');
                dt.setDate(dt.getDate() + (week - dt.WeekNum()) * 7);
                while (dt.WeekNum() == week) {
                    dt.setDate(dt.getDate() - 1);
                }
                dt.setDate(dt.getDate() + 1);
                var dtStart = dt.toString();
                while (dt.WeekNum() == week) {
                    dt.setDate(dt.getDate() + 1);
                }
                var dtEnd = dt.toString();
                Where.Val = {
                    dtStart: dtStart,
                    dtEnd: dtEnd
                }
            }
            if (Dimension.collectType == "年-月-日") {
                var dtStart = Val + "".replace(/年|月|日/, '-');
                var dt = Date.Parse(dtStart);
                dt.setDate(dt.getDate() + 1);
                Where.Val = {
                    dtStart: dtStart,
                    dtEnd: dt.toString()
                }
            }
        } else {
            Where.Operator = "等于";
            Where.Val = Val;
        }
        return Where;
    }

    fn.DrawChart = function (data, Dimensions, Dimensions2, Pointers, type, fill) {
        var self = this;
        if (fill == null) {
            fill = true;
        }
        if ((Dimensions.length == 0 && Dimensions2.length == 0) || Pointers.length == 0) {
            self.Empty();
            return;
        }
        if (!self.TestDimension(Dimensions, Dimensions2, Pointers)) {
            self.Empty("来自不同子表单的字段无法汇总,请调整字段或切换为数据表");
            return;
        }
        if (self.Data == null) {
            self.Data = {};
        }
        var Ele = self.Ele;
        Ele.innerHTML = "";
        var divChart = document.createElement("div");
        divChart.style.cssText = "left:0;top:0;bottom:0;right:0;position:absolute";
        Ele.appendChild(divChart);
        var myChart = self.eChart = echarts.init(divChart, "macarons", {
            renderer: "svg"
        });
        var option;
        var MultData;
        var getWhere = self.GetWhere;
        var bgColors;
        var jsColor;
        var minY = 0x7fffffff;
        var maxY = 0;
        ; (function () {
            var StackDimensions = [];
            if (self.Data.stackInfo) {
                if (Dimensions.length == 1) {
                    StackDimensions = [self.Data.stackInfo, Dimensions[0]];
                    MultData = self.getMultDimensionTable(data, StackDimensions, [], Pointers);
                    MultData.StackId = "Yes";
                    Dimensions = StackDimensions;
                } else {
                    StackDimensions = [Dimensions[0], self.Data.stackInfo, Dimensions[1]];
                    var StackMultData = self.getMultDimensionTable(data, StackDimensions, [], Pointers);
                    for (var x = 0; x < StackMultData.count ; x++) {
                        var MultData0 = StackMultData.data[StackMultData.keys[x].ID];
                        var tempMultData = {};
                        for (var key in MultData0) {
                            tempMultData[key] = MultData0[key];
                        }
                        var mapData = [];
                        var IDs = [];
                        var Keys = [];
                        var StackMap = {};
                        for (var i = 0; i < MultData0.count ; i++) {
                            var tempData = MultData0.data[MultData0.keys[i].ID];
                            for (var j = 0; j < tempData.count; j++) {
                                if (IDs.indexOf(tempData.keys[j]) >= 0) {
                                    self.Empty("堆叠字段不合理");
                                    return;
                                } else {
                                    IDs.push(tempData.keys[j].ID);
                                    Keys.push(tempData.keys[j]);
                                    mapData[tempData.keys[j].ID] = tempData.data[tempData.keys[j].ID];
                                    StackMap[tempData.keys[j].ID] = MultData0.keys[i].ID;
                                }
                            }
                        }
                        tempMultData.count = IDs.length;
                        tempMultData.data = mapData;
                        tempMultData.keys = Keys;
                        tempMultData.StackMap = StackMap;
                        StackMultData.data[StackMultData.keys[x].ID] = tempMultData;
                    }
                    MultData = StackMultData;
                }

                MultData.collectX = function (Keys) {
                    var self = this;
                    var KeysY = [];
                    var collectData = 0;
                    var vals = [];
                    function collectLine(data, Level) {
                        for (var i = 0; i < data.count; i++) {
                            if (Level < Dimensions.length) {
                                KeysY.push(data.keys[i].ID);
                                if (Level == Dimensions.length - 1 && Dimensions2.length == 0) {
                                    var val = self.getValByKeyList(self, KeysY.concat(Keys));
                                    if (val != '-') {
                                        collectData += val;
                                        vals.push(val);
                                    } else {
                                        vals.push(val);
                                    }
                                    KeysY.pop();
                                } else {
                                    collectLine(data.data[data.keys[i].ID], Level + 1);
                                    KeysY.pop();
                                }
                            } else {
                                var val = self.getValByKeyList(self, KeysY.concat(Keys));
                                if (val != '-') {
                                    collectData += val;
                                    vals.push(val);
                                }
                                break;
                            }
                        }
                    }
                    collectLine(self, 0);
                    return collectData;
                }
            } else {
                MultData = self.getMultDimensionTable(data, Dimensions, [], Pointers);
            }
            self.bgColors = bgColors = Dimensions[Dimensions.length - 1].bgColors == null ? self.bgColors : Dimensions[Dimensions.length - 1].bgColors;
            jsColor = Dimensions[Dimensions.length - 1].jsColor == null ? null : Dimensions[Dimensions.length - 1].jsColor;
            jsColor = jsColor == null ? null : eval("(" + jsColor + ")");
            if (MultData.count == 0) {
                self.Empty();
                return;
            }
            var TotalCollectData = {};
            for (var i = 0; i < Pointers.length; i++) {
                var Pointer = Pointers[i];
                var val = MultData.collectX([Pointers[i].ID]);
                if (TotalCollectData[Pointer.ID] == null) {
                    TotalCollectData[Pointer.ID] = val;
                } else {
                    TotalCollectData[Pointer.ID] += val;
                }
            }
            var Block = self.Data.Block;
            var list = [];
            if (!!Block) {
                list = Block.split(" ");
            }
            if (list.length == 0) {
                list = [0, 0, 0, 0];
            }
            if (list.length == 1) {
                var v = list[0] * 1;
                list = [v, v, v, v];
            }
            if (list.length == 2) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                list = [v1, v2, v1, v2];
            }
            if (list.length == 3) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                var v3 = list[2] * 1;
                list = [v1, v2, v3, v3];
            }
            if (list.length == 4) {
                var v1 = list[0] * 1;
                var v2 = list[1] * 1;
                var v3 = list[2] * 1;
                var v4 = list[3] * 1;
                list = [v1, v2, v3, v4];
            }
            option = {
                color: bgColors,
                grid: {
                    left: list[3],
                    top: list[0],
                    right: list[1],
                    bottom: list[2],
                    show: true,
                    borderWidth: 0,
                    containLabel: true,
                },
                tooltip: {
                    trigger: type == "pie" ? "item" : 'axis',
                    selectedMode: 'single',
                    confine: true,
                    axisPointer: { // 坐标轴指示器，坐标轴触发有效
                        type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                    },
                    formatter: function (params, ticket, callback) {
                        var showHtm = "<div style='text-align:left'>";
                        if (Array.isArray(params)) {
                            showHtm += params[0].axisValue + '<br>';
                            for (var i = 0; i < params.length; i++) {
                                var pointer;
                                if (Pointers.length == 1) {
                                    pointer = Pointers[0];
                                } else {
                                    pointer = Pointers[i];
                                }
                                format = self.getFormat(pointer.dataFormat);
                                if (pointer.showText == '隐藏' && (pointer.chartType == 'line' || type == 'line')) {
                                    continue;
                                }
                                var color = jsColor && jsColor(i, "lable") || bgColors[i % bgColors.length];
                                var span = "<span style='display:inline-block;padding:6px;margin:0px 5px -1px 0;background:" + color + ";border-radius:2px'></span>";
                                //名称
                                var text = params[i].seriesName;
                                //值
                                var data = params[i].data;
                                if (data == null) {
                                    continue;
                                }
                                var value;
                                if (data.resultShow == null || data.resultShow == "显示为实际值") {
                                    value = (params[i].value.toStringEx(format));
                                } else if (data.resultShow == "显示为占比") {
                                    value = (data.percentage.toStringEx(format));
                                } else if (data.resultShow == "实际值与占比") {
                                    value = (params[i].value.toStringEx(format)) + " (" + (data.percentage.toStringEx("#.##%")) + (")");
                                }
                                if (value == null) {
                                    continue;
                                }
                                showHtm += span + text + '：' + value + '<br>';
                            }
                            showHtm += "</div>";
                            return showHtm;
                        } else {
                            showHtm += params.name + '<br>';
                            format = self.getFormat(Pointers[0].dataformat);
                            var index = params.seriesType == "pie" ? params.dataIndex : 0;
                            var color = jsColor && jsColor(index, "lable") || bgColors[index % bgColors.length];
                            var span = "<span style='display:inline-block;padding:6px;margin:0px 5px -1px 0;background:" + color + ";border-radius:2px'></span>";
                            //名称
                            var text = params.seriesName;
                            //值
                            var value;
                            var data = params.data;
                            if (data.resultShow == null || data.resultShow == "显示为实际值") {
                                value = (params.value.toStringEx(format));
                            } else if (data.resultShow == "显示为占比") {
                                value = (data.percentage.toStringEx(format));
                            } else if (data.resultShow == "实际值与占比") {
                                value = (params.value.toStringEx(format)) + " (" + (data.percentage.toStringEx("#.##%")) + (")");
                            }
                            showHtm += span + text + '：' + value + '<br>';
                            return showHtm;
                        }
                    }
                }
            };
            if (type != 'pie') {
                option.dataZoom = [
                    {
                        type: 'inside',
                        throttle: 100
                    }
                ]
            }
            (function () {
                option.legend = {
                    data: []
                };
                option.legend.textStyle = {
                    color: 'auto'
                }
                if (type == "pie") {
                    option.xAxis = [

                    ];
                    option.yAxis = [

                    ];
                    var names = [];

                    for (var i = 0; i < MultData.count; i++) {
                        if (names.indexOf(MultData.keys[i].Name) >= 0) {
                            continue;
                        }
                        names.push(MultData.keys[i].Name);
                        option.legend.data.push({
                            name: MultData.keys[i].Name,
                            textStyle: {
                                color: (jsColor && jsColor(i, "text")) || self.TextColor
                            }
                        });
                    };
                } else {
                    option.xAxis = [
                    ];

                    option.yAxis = [
                         {
                             type: 'value',
                             splitLine: {
                                 show: false
                             },
                             splitArea: {
                                 show: false
                             },
                             axisLabel: {
                                 textStyle: { color: self.axisLabelColor },
                             },
                             axisLine: { lineStyle: { color: self.axisLineColor } },
                             axisTick: { lineStyle: { color: self.axisTickColor } }
                         }
                    ]
                    if (Dimensions.length == 1) {
                        //多个指标
                        option.xAxis.push(
                        {
                            type: 'category',
                            splitLine: {
                                show: false
                            },
                            splitArea: {
                                show: false
                            },
                            axisLabel: {
                                textStyle: { color: self.axisLabelColor },
                                rotate: self.Rotate == null ? 30 : self.Rotate
                            },
                            axisLine: { lineStyle: { color: self.axisLineColor } },
                            axisTick: { lineStyle: { color: self.axisTickColor } },
                            boundaryGap: type == 'line' ? false : true,
                            data: []
                        });
                        var names = [];
                        for (var i = 0; i < Pointers.length; i++) {
                            if (names.indexOf(Pointers[i].Name) >= 0) {
                                continue;
                            }
                            option.legend.data.push({
                                name: Pointers[i].Name,
                                textStyle: {
                                    color: (jsColor && jsColor(i, "text")) || self.TextColor
                                }
                            });
                        };
                        for (var i = 0; i < MultData.count; i++) {
                            option.xAxis[0].data.push(MultData.keys[i].Name);
                        };
                    } else {
                        //两个维度一个指标
                        option.xAxis.push(
                        {
                            type: 'category',
                            splitLine: {
                                show: false
                            },
                            splitArea: {
                                show: false
                            },
                            axisLabel: {
                                textStyle: { color: self.axisLabelColor },
                                rotate: self.Rotate == null ? 30 : self.Rotate
                            },
                            axisLine: { lineStyle: { color: self.axisLineColor } },
                            axisTick: { lineStyle: { color: self.axisTickColor } },
                            boundaryGap: type == 'line' ? false : true,
                            data: []
                        });
                        for (var i = 0; i < MultData.count; i++) {
                            option.xAxis[0].data.push(MultData.keys[i].Name);
                        };
                    }
                }
                option.series = [
                ];
                if (Dimensions.length == 1) {
                    //多个指标
                    for (var i = 0; i < MultData.count ; i++) {
                        for (var j = 0; j < Pointers.length; j++) {
                            var Pointer = Pointers[j];
                            var MarkLine = Pointers[j].MarkLine;
                            var serie = option.series[j];
                            if (serie == null) {
                                ; (function (NewSeries) {
                                    serie = {
                                        name: Pointer.Name,
                                        type: type == "horizontalBar" ? "bar" : (type != "pie" ? (Pointer.chartType == null ? type : "line") : type),
                                        smooth: type == "line" ? self.Data.Smooth != false : true,
                                        itemStyle: {
                                            normal: {
                                                color: function (params) {
                                                    var index = params.seriesType == "pie" ? params.dataIndex : params.seriesIndex;
                                                    return (jsColor && jsColor(index, "item")) || bgColors[index % bgColors.length];
                                                }
                                            }
                                        },
                                        sFormmat: self.getFormat(Pointer.dataFormat),
                                        data: []
                                    };
                                    if (fill || Pointer.chartType == "area") {
                                        serie.itemStyle.normal.areaStyle = {
                                            type: 'default'
                                        }
                                        serie.areaStyle = {
                                            normal: {
                                                color: (jsColor && jsColor(j, "area")) || bgColors[j % bgColors.length]
                                            }
                                        };
                                    }
                                    if (Pointer.chartType == "line" || type == "line") {
                                        serie.lineStyle = {
                                            color: (jsColor && jsColor(j, "line")) || bgColors[j % bgColors.length]
                                        };
                                        if (self.Data.lineWidth) {
                                            serie.lineStyle.width = self.Data.lineWidth;
                                        }
                                        if (Pointer.lineType == "虚线") {
                                            serie.lineStyle.type = 'dashed';
                                        }
                                        if (Pointer.lineType == "点线") {
                                            serie.lineStyle.type = 'dotted';
                                        }
                                    }
                                    serie.itemStyle.normal.label = {
                                        position: self.showText == "隐藏" ? undefined : type == 'pie' ? (self.showText == '里边' ? 'inner' : 'outter') : type == 'horizontalBar' ? 'right' : 'top',
                                        show: self.showText != "隐藏",
                                        formatter: function (arg, w) {
                                            var data = arg.data;
                                            if (data.resultShow == null || data.resultShow == "显示为实际值") {
                                                return (arg.value.toStringEx(self.getFormat(Pointers[arg.seriesIndex].dataFormat)));
                                            } else if (data.resultShow == "显示为占比") {
                                                return (data.percentage.toStringEx(self.getFormat(Pointers[arg.seriesIndex].dataFormat)));
                                            } else if (data.resultShow == "实际值与占比") {
                                                return (arg.value.toStringEx(self.getFormat(Pointers[arg.seriesIndex].dataFormat))) + "\n\n" + (data.percentage.toStringEx("#.##%"));
                                            }
                                        }
                                    }
                                    if (Pointer.showText == '隐藏' && (Pointer.chartType == 'line' || type == 'line')) {
                                        serie.itemStyle.normal.label.show = false;
                                        serie.symbolSize = 0;
                                    }
                                    if (type == 'pie') {
                                        serie.itemStyle.normal.labelLine = {
                                            show: self.showText != "隐藏",
                                        }
                                        serie.top = list[0];
                                        serie.right = list[1];
                                        serie.bottom = list[2];
                                        serie.left = list[3];
                                        if (self.Data.Radius) {
                                            var radius = self.Data.Radius.split(" ");
                                            serie.radius = [radius[0], radius[1]];
                                        }
                                        //serie.itemStyle.normal.label.formatter = function (arg) {
                                        //    return (arg.value.toStringEx(self.getFormat(Pointers[arg.seriesIndex].dataFormat)));
                                        //}
                                    }
                                    ; (function () {
                                        if (MarkLine != null && type != 'pie') {
                                            var val = {
                                                name: MarkLine.Name
                                            };
                                            serie.markLine = {
                                                itemStyle: {
                                                    normal: {
                                                        label: {
                                                            formatter: MarkLine.Name
                                                        }
                                                    }
                                                },
                                                symbol: 'none'
                                            }
                                            serie.markLine.lineStyle = {
                                                color: (jsColor && jsColor(j, 'markline')) || bgColors[j % bgColors.length],
                                            };
                                            if (type == "line" && self.Data.lineWidth) {
                                                serie.markLine.lineStyle.width = self.Data.lineWidth;
                                            }
                                            if (MarkLine.Type == "平均值") {
                                                serie.markLine.data = [
                                                    {
                                                        type: 'average',
                                                        name: MarkLine.Name
                                                    }
                                                ]
                                            } else {
                                                if (type != "horizontalBar") {
                                                    serie.markLine.data = [
                                                        [
                                                            {
                                                                name: MarkLine.Name,
                                                                xAxis: 0,
                                                                yAxis: MarkLine.Value * 1
                                                            },
                                                            {
                                                                name: MarkLine.Name,
                                                                xAxis: 0x7fffffff,
                                                                yAxis: MarkLine.Value * 1
                                                            }
                                                        ]
                                                    ]
                                                } else {
                                                    serie.markLine.data = [
                                                        [
                                                            {
                                                                name: MarkLine.Name,
                                                                yAxis: 0,
                                                                xAxis: MarkLine.Value * 1
                                                            },
                                                            {
                                                                name: MarkLine.Name,
                                                                yAxis: 0x7fffffff,
                                                                xAxis: MarkLine.Value * 1
                                                            }
                                                        ]
                                                    ]
                                                }
                                            }
                                        }
                                    })();
                                    option.series[j] = serie;
                                })();
                            }
                            var data = serie.data;
                            var val = MultData.data[MultData.keys[i].ID][Pointers[j].ID];
                            minY = val < minY ? val : minY;
                            maxY = val > maxY ? val : maxY;
                            var Pointer = Pointers[j];
                            //if (val != null && Pointer.resultShow == "显示为占比") {
                            //    val = (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]);
                            //}
                            data[i] = {
                                name: MultData.keys[i].Name,
                                value: val,
                                percentage: (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]),
                                resultShow: Pointer.resultShow,
                                Wheres: [
                                    getWhere(Dimensions[0], MultData.keys[i].ID)
                                ],
                                Keys: [
                                    MultData.keys[i].ID
                                ]
                            };
                        }
                    }
                } else if (Dimensions.length == 2) {
                    //两个维度一个指标
                    var names = [];
                    var Pointer = Pointers[0];
                    var MarkLine = Pointer.MarkLine;
                    for (var i = 0; i < MultData.count ; i++) {
                        var data = MultData.data[MultData.keys[i].ID];
                        for (var j = 0; j < data.count; j++) {
                            var val = data.data[data.keys[j].ID][Pointers[0].ID];
                            minY = val < minY ? val : minY;
                            maxY = val > maxY ? val : maxY;
                            var Index = names.indexOf(data.keys[j].Name);
                            if (option.series[Index] == null) {
                                ; (function (NewSeries) {
                                    if (Index < 0) {
                                        names.push(data.keys[j].Name);
                                        option.legend.data.push({
                                            name: data.keys[j].Name,
                                            textStyle: {
                                                name: MultData.keys[i].Name,
                                                textStyle: {
                                                    color: (jsColor && jsColor(option.series.length, "text")) || self.TextColor
                                                }
                                            }
                                        });
                                        Index = option.legend.data.length - 1;
                                    }
                                    var StackId = MultData.StackId ? MultData.StackId : (data.StackMap == null ? null : data.StackMap[data.keys[j].ID]);
                                    option.series[Index] = {
                                        name: data.keys[j].Name,
                                        type: type == "horizontalBar" ? "bar" : type,
                                        smooth: true,
                                        stack: StackId,
                                        itemStyle: {
                                            normal: {
                                                color: function (params) {
                                                    var index = params.seriesIndex;
                                                    return (jsColor && jsColor(index, "item")) || bgColors[index % bgColors.length];
                                                }
                                            }
                                        },
                                        data: []
                                    }

                                    if (fill) {
                                        option.series[Index].itemStyle.normal.areaStyle = {
                                            type: 'default'
                                        }
                                        option.series[Index].areaStyle = {
                                            normal: {
                                                color: (jsColor && jsColor(j, 'area')) || bgColors[j % bgColors.length]
                                            }
                                        };
                                    }
                                    var sFormat = self.getFormat(Pointer.dataFormat);
                                    option.series[Index].itemStyle.normal.label = {
                                        position: self.showText == "隐藏" ? undefined : (self.showText == "里边" ? 'inside' : 'outside'),
                                        show: self.showText != "隐藏",
                                        formatter: function (arg) {
                                            var data = arg.data;
                                            if (data.resultShow == null || data.resultShow == "显示为实际值") {
                                                return (arg.value.toStringEx(sFormat));
                                            } else if (data.resultShow == "显示为占比") {
                                                return (data.percentage.toStringEx(sFormat));
                                            } else if (data.resultShow == "实际值与占比") {
                                                return (arg.value.toStringEx(sFormat)) + "\n\n" + (data.percentage.toStringEx("#.##%"));
                                            }
                                        }
                                    }
                                    ; (function () {
                                        if (MarkLine != null) {
                                            var val = {
                                                name: MarkLine.Name
                                            };
                                            var serie = option.series[Index];
                                            serie.markLine = {
                                                itemStyle: {
                                                    normal: {
                                                        label: {
                                                            formatter: MarkLine.Name
                                                        }
                                                    }
                                                }
                                            }
                                            if (MarkLine.Type == "平均值") {
                                                serie.markLine.data = [
                                                    {
                                                        type: 'average',
                                                        name: MarkLine.Name
                                                    }
                                                ]
                                            } else {
                                                if (type != "horizontalBar") {
                                                    serie.markLine.data = [
                                                        [
                                                            {
                                                                name: MarkLine.Name,
                                                                xAxis: 0,
                                                                yAxis: MarkLine.Value * 1
                                                            },
                                                            {
                                                                name: MarkLine.Name,
                                                                xAxis: 0x7fffffff,
                                                                yAxis: MarkLine.Value * 1
                                                            }
                                                        ]
                                                    ]
                                                } else {
                                                    serie.markLine.data = [
                                                        [
                                                            {
                                                                name: MarkLine.Name,
                                                                yAxis: 0,
                                                                xAxis: MarkLine.Value * 1
                                                            },
                                                            {
                                                                name: MarkLine.Name,
                                                                yAxis: 0x7fffffff,
                                                                xAxis: MarkLine.Value * 1
                                                            }
                                                        ]
                                                    ]
                                                }
                                            }
                                        }
                                    })();
                                    if (type != "bar") {
                                        for (var a = 0; a < MultData.count; a++) {
                                            option.series[Index].data.push(0);
                                        }
                                    }
                                    if (Pointers[0].chartType == "line" || type == "line") {
                                        option.series[Index].lineStyle = {
                                            color: (jsColor && jsColor(Index, 'line')) || bgColors[Index % bgColors.length]
                                        };

                                        if (Pointer.lineType == "虚线") {
                                            serie.lineStyle.type = 'dashed';
                                        }
                                        if (Pointer.lineType == "点线") {
                                            serie.lineStyle.type = 'dotted';
                                        }
                                    }
                                    option.series[Index].data[i] = {
                                        name: data.keys[j].Name,
                                        value: val,
                                        percentage: (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]),
                                        resultShow: Pointer.resultShow,
                                        Wheres: [
                                            getWhere(Dimensions[0], MultData.keys[i].ID),
                                            getWhere(Dimensions[1], data.keys[j].ID),
                                        ],
                                        Keys: [
                                            MultData.keys[i].ID,
                                            data.keys[j].ID
                                        ]
                                    };
                                })();
                            } else {
                                option.series[Index].data[i] = {
                                    name: data.keys[j].Name,
                                    value: val,
                                    percentage: (TotalCollectData[Pointer.ID] == 0 ? 1 : val / TotalCollectData[Pointer.ID]),
                                    resultShow: Pointer.resultShow,
                                    Wheres: [
                                        getWhere(Dimensions[0], MultData.keys[i].ID),
                                        getWhere(Dimensions[1], data.keys[j].ID),
                                    ],
                                    Keys: [
                                        MultData.keys[i].ID,
                                        data.keys[j].ID
                                    ]
                                };
                            }
                        }
                    }
                }
            })();
        })();
        // 为echarts对象加载数据 
        if (type == "horizontalBar") {
            var xAxis = option.xAxis;
            var yAxis = option.yAxis;
            option.yAxis = xAxis;
            option.xAxis = yAxis;
        }
        if (option == null) {
            return;
        }
        var showLable = self.Data.showLable;
        if (showLable != null && showLable != "无" && option.legend != null) {
            option.legend.show = true;
            if (showLable == "顶部") {
                option.legend.top = "top";
            }
            if (showLable == "底部") {
                option.legend.top = "bottom";
            }
            if (showLable == "左侧") {
                option.legend.left = "left";
                option.legend.top = "middle";
                option.legend.orient = "vertical";
            }
            if (showLable == "右侧") {
                option.legend.right = "right";
                option.legend.top = "middle";
                option.legend.orient = "vertical";
                option.legend.align = "right";
            }

            if (showLable == "左上") {
                option.legend.left = "left";
                option.legend.top = "20";
                option.legend.orient = "vertical";
            }
            if (showLable == "右上") {
                option.legend.right = "right";
                option.legend.top = "20";
                option.legend.orient = "vertical";
                option.legend.align = "right";
            }
            if (showLable == "左下") {
                option.legend.left = "left";
                option.legend.bottom = "20";
                option.legend.orient = "vertical";
            }
            if (showLable == "右下") {
                option.legend.right = "right";
                option.legend.bottom = "20";
                option.legend.orient = "vertical";
                option.legend.align = "right";
            }
            if (jsColor) {
                option.color = [];
                for (var i = 0; i < option.legend.data.length; i++) {
                    var color = (jsColor && jsColor(i, 'line')) || bgColors[i % bgColors.length];
                    option.color.push(color);
                }
            }
        } else {
            option.legend.show = false;
        }
        if (Dimensions.length == 2) {
            if (Dimensions[1].sortType == "升序") {
                CLQuickSort(option.legend.data, function (s1, s2) {
                    return CLStrCmp(s1.name, s2.name);
                });
                CLQuickSort(option.series, function (serie1, serie2) {
                    return CLStrCmp(serie1.name, serie2.name);
                });
            }
            if (Dimensions[1].sortType == "降序") {
                CLQuickSort(option.legend.data, function (s1, s2) {
                    return 0 - CLStrCmp(s1.name, s2.name);
                });
                CLQuickSort(option.series, function (serie1, serie2) {
                    return 0 - CLStrCmp(serie1.name, serie2.name);
                });
            }
        }
        if (type == 'line') {
            var v = (maxY - minY) / 10;
            option.yAxis[0].min = (minY - v).toFixed(2) * 1;
        }
        Async(self, function () {
            myChart.setOption(option);
        });
        var _CLChart = this;
        myChart.on("click", function (param) {
            var Pointer = null;
            if (Pointers.length == 1) {
                Pointer = Pointers[0];
            } else {
                Pointer = Pointers[param.componentIndex];
            }
            var onclick = Pointer.onclick;
            if (onclick != null) {
                var Self = {
                    ID: Pointer.ID,
                    Name: Pointer.Name,
                    className: Pointer.className,
                    CLChart: _CLChart,
                    Wheres: param.data.Wheres
                }
                if (Pointer.ParentID != null) {
                    Self.ParentID = Pointer.ParentID;
                }
                _CLChart.Exec(Self, onclick.runCode);
            }
        });
    }

    fn.Exec = function (EventData, runCode) {
        var self = this;
        (function () {
            eval(runCode);
        }).call(self);
    }

    fn.resize = function () {
        var self = this;
        if (self.eChart) {
            self.Ele.querySelector("svg");
            if (!self.resizeKey) {
                self.resizeKey = {};
            }
            Async(self.resizeKey, function () {
                self.eChart.resize();
            });
        }
    }
}());
;(function () {
    CLRegiste("CLCheckBox", null, true);
    function CLCheckBox(Name, Container) {
        var self = this;
        var Box = self.Box = document.createElement("div");
        Box.className = "CLCheckBox";
        var Icon = self.Icon = document.createElement("div");
        Icon.className = "Icon";
        Icon.style.cursor = "pointer";
        Box.appendChild(Icon);
        var val = document.createElement("div");
        val.className = "Name";
        val.innerHTML = Name;
        Box.appendChild(val);
        self.Ele = Container;
        Container.appendChild(Box);
        Box.onmousedown = function (e) {
            if (self.enable) {
                self.checked = !self.checked;
            }
        }
        self.Enable = true;
    }

    var fn = CLCheckBox.prototype;

    fn.Box = document.body;

    fn.onchanged = function () { };

    Object.defineProperty(fn, "enable", {
        get: function () {
            var self = this;
            return self.Enable;
        },
        set: function (val) {
            var self = this;
            var Box = self.Box;
            self.Enable = (val == true);
            Box.classList.remove("CLCheckBoxDisable");
            Box.classList.remove("CLCheckBoxDisableChecked");
            if (self.Enable) {
                Box.style.color = "";
                self.checked = self.checked;
            } else {
                if (self.checked) {
                    Box.classList.add("CLCheckBoxDisableChecked");
                } else {
                    Box.classList.add("CLCheckBoxDisable");
                }
            }
        }
    });

    Object.defineProperty(fn, "checked", {
        get: function () {
            var self = this;
            var Box = self.Box;
            return Box.classList.contains("CLCheckBoxChecked");
        },
        set: function (val) {
            var self = this;
            var Box = self.Box;
            if (!self.enable || (val == true) == Box.classList.contains("CLCheckBoxChecked")) {
                if (val == true && self.enable) {
                    Box.classList.remove("CLCheckBoxDisable");
                    Box.classList.remove("CLCheckBoxDisableChecked");
                }
                return;
            }
            if (val == true) {
                Box.classList.add("CLCheckBoxChecked");
            } else {
                Box.classList.remove("CLCheckBoxChecked");
            }
            self.onchanged(self);
        }
    });
    Object.defineProperty(fn, "Checked", {
        set: function (val) {
            var self = this;
            var Box = self.Box;
            if (!self.enable || (val == true) == Box.classList.contains("CLCheckBoxChecked")) {
                if (val == true && self.enable) {
                    Box.classList.remove("CLCheckBoxDisable");
                    Box.classList.remove("CLCheckBoxDisableChecked");
                }
                return;
            }
            if (val == true) {
                Box.classList.add("CLCheckBoxChecked");
            } else {
                Box.classList.remove("CLCheckBoxChecked");

            }
        }
    });
    Object.defineProperty(fn, "IconRight", {
        set: function (val) {
            var self = this;
            var Icon = self.Icon;
            if (val == true) {
                Icon.style.cssFloat = "right";
            } else {
                Icon.style.cssFloat = "";
            }
        }
    });

    window.CLCheckBox = CLCheckBox;
}());

;/// <reference path="../CLUI.js" />
(function () {
    CLLoad("/CLUI/third-party/CLCodeEditor/ParseJs/Parse.js", "1.4");
    //mode:|'javascript'|'css'|'html'|text/x-sql, text/x-mysql, text/x-mariadb, text/x-cassandra, text/x-plsql, text/x-mssql, text/x-hive, text/x-pgsql, text/x-gql, text/x-gpsql. text/x-esper.
    var CLCodeEditor = window.CLCodeEditor = function (Ele, mode) {
        (function () {
            CLRegiste("codemirror", null, false, "third-party/CLCodeEditor/lib", '1.4');
            CLRegiste("codemirror", null, true, "third-party/CLCodeEditor/lib", '1.4');
            CLRegiste("show-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');
            CLRegiste("show-hint", null, true, "third-party/CLCodeEditor/lib/addon/hint", '1.4');
            CLRegiste("matchbrackets", null, false, "third-party/CLCodeEditor/lib/addon/edit", '1.4');

            CLRegiste("sql", null, false, "third-party/CLCodeEditor/mode/sql", '1.4');
            CLRegiste("sql-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');
            CLRegiste("css", null, false, "third-party/CLCodeEditor/mode/css", '1.4');
            CLRegiste("css-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');

            CLRegiste("html", null, false, "third-party/CLCodeEditor/mode/html", '1.4');
            CLRegiste("xml", null, false, "third-party/CLCodeEditor/mode/xml", '1.4');
            CLRegiste("html-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');
            CLRegiste("xml-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');

            CLRegiste("JavaScript", null, false, "third-party/CLCodeEditor/mode/JavaScript", '1.4');
            CLRegiste("javascript-hint", null, false, "third-party/CLCodeEditor/lib/addon/hint", '1.4');

            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/edit/closetag.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/edit/matchtags.js", "1.4");

            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/foldgutter.css", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/foldgutter.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/foldcode.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/comment-fold.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/xml-fold.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/indent-fold.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/fold/brace-fold.js", "1.4");

            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/search/matchesonscrollbar.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/search/match-highlighter.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/search/jump-to-line.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/search/searchcursor.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/search/search.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/scroll/annotatescrollbar.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/dialog/dialog.js", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/lib/addon/dialog/dialog.css", "1.4");
            CLLoad("/CLUI/third-party/CLCodeEditor/References.js", "1.4");

            CLRegiste("CLCodeEditor", null, true);
        }());

        var self = this;
        self.Ele = Ele;
        var Box_Editor = document.createElement("TextArea");
        Box_Editor.style.cssText = "width:100%;height:100%;resize:none;border:#e0e0e0 1px solid;outline:none;padding:8px";
        Ele.appendChild(Box_Editor);
        self.mode = mode;
        self.Create(Box_Editor, mode);
        var codeBlock = self.Ele.querySelector(".CodeMirror-code");
        (function () {
            self.dataMenu = {
                "style": {
                    "max-height": "250px",
                },
                "Items": []
            };
            var Items = self.dataMenu.Items;
            Items.push({
                Text: "复制(CtrlC)",
                Enable: true,
                CallBack: function (e) {
                    self.Copy();
                    self.focus();
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
            Items.push({
                Text: "剪切(CtrlX)",
                Enable: true,
                CallBack: function (e) {
                    self.Cut();
                    self.focus();
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
            Items.push({
                Text: "粘贴(CtrlV)",
                Enable: true,
                CallBack: function (e) {
                    self.focus();
                    CLShowMsg("请使用Ctrl+V执行此操作");
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
            Items.push({
                Text: "删除(Delete)",
                Enable: true,
                CallBack: function (e) {
                    self.pushText("");
                    self.focus();
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
        }());
        codeBlock.oncontextmenu = function (e) {
            var _CLMenu = new CLMenu(self.dataMenu);
            _CLMenu.Reset(e);
            return false;
        }
    }
    var fn = CLCodeEditor.prototype;
    //用于javascript代码提示
    fn.setGlobalScope = function (globalScope) {
        if ((globalScope.constructor + "").substr(9, 6) == "Window") {
            JsParser.ScopeBrowser(globalScope);
            JsParser.ScopeBrowser(window);
        } else {
            globalScope.JSON = JSON;
            globalScope.Object = Object;
            globalScope.eval = eval;
        }
        globalScope["if(true){\n}"] = null;
        globalScope["if(true){\n}else{\n}"] = null;
        globalScope["for(){\n}"] = null;
        globalScope["for(){\n}"] = null;
        globalScope["while(true){\n}"] = null;
        globalScope["do{\n}while(false);"] = null;
        globalScope["try{\n}finally{\n}"] = null;
        globalScope["try{\n}catch(e){\n}"] = null;
        globalScope["try{\n}catch(e){\n}finally{\n}"] = null;
        globalScope["function(){\n}"] = null;
        globalScope["switch(switch_on){\ndefault:\nbreak;\n}"] = null;
        this.editor.globalScope = globalScope;
    }

    fn.getGlobalScope = function () {
        return this.editor.globalScope;
    }

    fn.cusCopy = true;

    fn.sMode = null;

    fn.name_data = "FieldData";

    fn.delayTimer = null;
    //用于sql代码提示
    fn.setTables = function (tables) {
        this.editor.setOption("hintOptions", {
            tables: tables
        });
    }

    fn.Create = function (TextArea, mode) {
        var editor;
        var self = this;
        var config = {
            matchBrackets: true,
            continueComments: "Enter",
            mode: mode,
            autoCloseTags: true,
            matchTags: {
                bothTags: true
            },
            lineNumbers: true,
            lineWrapping: true,    // 自动换行
            foldGutter: true,
            localVars: {
                name: ""
            },
            gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"],
        }

        self.sMode = typeof mode == "string" ? mode.toLocaleLowerCase() : mode.name.toLocaleLowerCase();
        if (mode.toLocaleLowerCase != null && mode.toLocaleLowerCase() == "text/css") {
            config.inline = true;
        } else if (mode.toLocaleLowerCase != null && mode.toLocaleLowerCase() == "style/css") {
            config.mode = "text/css";
            config.inline = false;
        }

        this.editor = editor = CodeMirror.fromTextArea(TextArea, config);
        Object.defineProperty(self, "readOnly", {
            set: function (Val) {
                editor.display.input.readOnlyChanged(Val ? "nocursor" : "");
            }
        });
        TextArea.parentNode.classList.add("CLCodeEditor");
        var wrapper = self.Wrapper = editor.display.wrapper;
        var textarea = wrapper.querySelector("textarea");
        textarea.Inputed = true;
        textarea.addEventListener("compositionstart", function (e) {
            this.Inputed = false;
        });
        textarea.addEventListener("compositionend", function (e) {
            this.Inputed = true;
        });
        editor.setSize('auto', '100%');
        editor.setOption("extraKeys", {
            "Shift-Tab": function (cm) {

            },
            "Ctrl-F": function (cm) {
            },
            "Ctrl-U": function (cm) {
            },
            "Shift-Ctrl-U": function (cm) {
            }
        });
        function change(editor, object) {
            var cm = editor.doc.cm;
            var code;
            var text = object.text.length == 1 ? object.text[0] : "";
            code = text.charCodeAt(0);
            if (object.origin == "+input") {
                if (object.text.length == 1) {
                    if (code < 0 || code > 127 || (code > 64 && code < 91) || (code > 96 && code < 123) || code == 46 || code == 32) {
                        self.showHint(code);
                    } else if (code == '<'.charCodeAt(0) && self.mode.name == "html") {
                        self.showHint(code);
                    } else if (code == '>'.charCodeAt(0) && self.mode.name == "html") {
                        var cur = editor.getCursor();
                        var match = CodeMirror.findMatchingTag(editor, { line: cur.line, ch: cur.ch - 1 });
                        if (match && match.at == "open") {
                            var tag = match.open.tag;
                            if (document.createElement(match.open.tag).outerHTML.length == tag.length + 2) {
                                self.Operation(function () {
                                    self.setCursor(cur.line, cur.ch);
                                    self.setCursor(cur.line, cur.ch - 1);
                                    self.pushText(" /");
                                    self.setCursor(cur.line, cur.ch + 2);
                                });
                            }
                        }
                    } else {
                        self.showHint(code);
                    }
                }
            } else if (object.origin == "*compose") {
                self.showHint(code);
            } else if (object.origin == "+delete") {
                self.showHint(0);
            }
        }

        var timer = null;
        editor.on("change", function (editor, object) {
            if (["undo", "redo"].includes(object.origin)) {
                self.CheckMarks();
            }
            if (editor["+pauseChange"]) {
                return;
            }
            if ((object.text.length != 1 || object.text[0].length != 1) && (object.removed.length != 1 || object.removed[0].length != 1)) {
                if (timer) {
                    clearTimeout(timer);
                    timer = null;
                }
            } else {
                if (timer) {
                    clearTimeout(timer);
                    timer = null;
                }
                timer = setTimeout(function () {
                    clearTimeout(timer);
                    timer = null;
                    change(editor, object);
                }, 50);
            }
        });

        editor.on("beforeChange", function (editor, object) {
            CLTitle.Close();
            self.JsError();
            if (editor["+pauseChange"]) {
                return;
            }
            if (CodeMirror.findMatchingTag && self.mode.name == "html" && object.text.length == 1 && !/[\s]/.test(object.text[0])) {
                if (self.updateTag(object.text[0], object.from, object.to)) {
                    object.cancel(true);
                }
            }
        });

        editor.on("startCompletion", function (editor) {
            self.startCompletion(editor);
        });

        editor.on("finishHintUpdate", function (editor, data) {
            self.finishHintUpdate(editor, data);
        });
        var _menu;
        var paused = false;
        editor.on("cursorActivity", function (editor, object) {
            var oCode = editor.getSelection();
            if (CLColors.IsColor(oCode)) {
                var ranges = editor.doc.sel.ranges;
                range = ranges[0];
                var cur;
                if (range.anchor.line < range.head.line || (range.anchor.line == range.head.line && range.anchor.ch < range.head.ch)) {
                    cur = range.anchor;
                } else {
                    cur = range.head;
                }
                var pos = editor.cursorCoords(cur);
                if (_menu) {
                    _menu.creating = true;
                    var div = _menu.divPos;
                    div.style.left = pos.left + "px";
                    div.style.top = pos.bottom + "px";
                    _menu.Reset(event);
                    delete _menu.creating;
                } else {
                    var div = document.createElement("div");
                    div.style.position = "absolute";
                    div.style.left = pos.left + "px";
                    div.style.top = pos.bottom + "px";
                    document.body.appendChild(div);
                    _menu = CLColors.Dialog({
                        color: oCode,
                        gradient: true,
                        onchange: function (color) {
                            if (!_menu.creating) {
                                paused = true;
                                self.Paste(color);
                                self.Select(cur, { line: cur.line, ch: cur.ch + color.length });
                                paused = false;
                            }
                        }
                    }, div);
                    _menu.divPos = div;
                    _menu.onclosed = function () {
                        div.remove();
                        _menu = null;
                    }
                }
            } else if (!paused) {
                _menu && _menu.Close();
            }
        });
        editor.TextArea = TextArea;

        if (mode == "javascript") {
            editor.globalScope = {};
        }
        var ctrlKeyM = false;
        var ctrlKeyK = false;
        wrapper.addEventListener("keydown", function (e) {
            if (e.code == "KeyM" && e.ctrlKey == true) {
                ctrlKeyM = true;
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyO" && e.ctrlKey == true && ctrlKeyM) {
                self.foldAll();
                ctrlKeyM = false;
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyK" && e.ctrlKey == true) {
                ctrlKeyK = true;
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyF" && e.ctrlKey == true) {
                if (ctrlKeyK) {
                    self.indentAuto();
                    ctrlKeyK = false;
                } else {
                    self.find();
                }
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyR" && e.ctrlKey == true) {
                self.Compile();
                self.focus();
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyC" && e.ctrlKey == true) {
                if (ctrlKeyK) {
                    ctrlKeyK = false;
                    self.Comment(true);
                } else {
                    self.Copy();
                    self.focus();
                }
                e.preventDefault();
                e.stopPropagation();
            } else if (e.code == "KeyU" && e.ctrlKey == true) {
                if (ctrlKeyK) {
                    ctrlKeyK = false;
                    self.Comment(false);
                    self.focus();
                } else if (e.shiftKey) {
                    self.toUpper();
                } else {
                    self.toLower();
                }
                e.preventDefault();
                e.stopPropagation();
            } else if (self.keydowns) {
                self.keydowns.forEach(function (func) {
                    func(e);
                });
            }
        });

        wrapper.addEventListener("paste", function (e) {
            if (!self.cusCopy || !e.srcElement.parentNode || !e.srcElement.parentNode.parentNode || !e.srcElement.parentNode.parentNode.classList.contains("CodeMirror")) {
                return;
            }
            e.stopPropagation();
            e.preventDefault();
            var text = "";
            var items = e.clipboardData.items;
            var IsSet = false;
            var data = null;
            var marks = null;
            var sVal = null;
            var sMarks = null;
            if (items.length == 2 && items[1].type == "marks") {
                marks = items[1];
                data = items[0];
            } else {
                for (var i = 0; i < items.length; i++) {
                    if (items[i].kind == "string") {
                        data = items[i];
                        break;
                    }
                }
            }
            if (data) {
                data.getAsString(function (sV) {
                    sVal = sV;
                    if (!marks || !!sMarks) {
                        self.Paste(sVal, JSON.parse(sMarks));
                        self.focus();
                    }
                });
            }
            if (marks) {
                marks.getAsString(function (sM) {
                    sMarks = sM;
                    if (sVal) {
                        self.Paste(sVal, JSON.parse(sMarks));
                        self.focus();
                    }
                });
            }
        }, true);

        wrapper.addEventListener("drop", function (e) {
            e.stopPropagation();
            e.preventDefault();
        });

        var iFrame = document.createElement("iFrame");
        iFrame.style.display = "none";
        iFrame.setAttribute("src", "about:blank");
        wrapper.appendChild(iFrame);
        function func() {
            if (!iFrame.contentWindow) {
                CLDelay(function () {
                    func();
                }, 100);
                return;
            }
            for (var key in window) {
                if (key[0] == "C" && key[1] == "L" && iFrame.contentWindow) {
                    iFrame.contentWindow[key] = window[key];
                }
            }
            iFrame.contentWindow.H5 = window.H5;
            iFrame.contentWindow.H5Colors = window.H5Colors;
            iFrame.contentWindow.VirtualExcel = VirtualExcel;
            iFrame.contentWindow.MsXlsx = MsXlsx;
            iFrame.contentWindow.JsParser = JsParser;
            var win = iFrame.contentWindow;
            self.setGlobalScope(iFrame.contentWindow);
        }
        func();
        var dlgBox = null;
        editor.openDialog = function (template, callback, options) {
            if (!dlgBox) {
                dlgBox = document.createElement("div");
                dlgBox.className = "SearchBox R";
                var LBtn = document.createElement("div");
                LBtn.className = "LBtn";
                dlgBox.appendChild(LBtn);
                LBtn.onclick = function () {
                    if (!dlgBox.classList.contains("R")) {
                        dlgBox.classList.add("R");
                    } else {
                        dlgBox.classList.remove("R");
                    }
                }
                var SV = document.createElement("div");
                SV.className = "SV";
                dlgBox.appendChild(SV);
                var SInput = document.createElement("input");
                SInput.setAttribute("placeholder", "支持正则表达式");
                SV.appendChild(SInput);
                SInput.onkeydown = function (e) {
                    if (e.keyCode == 13) {
                        searchBtn.onclick();
                    }
                }
                var RV = document.createElement("div");
                RV.className = "RV";
                dlgBox.appendChild(RV);

                var RInput = document.createElement("input");
                RV.appendChild(RInput);

                var search = document.createElement("div");
                search.className = "C_Btn Search";
                SV.appendChild(search);
                var downBtn = document.createElement("div");
                downBtn.className = "C_Btn";
                downBtn.setAttribute("name", "下拉");
                downBtn.setAttribute("value", "查找");
                downBtn.onclick = function () {
                    var list = dlgBox.list || [];
                    var dataMenu = {
                        Items: []
                    }
                    var Items = dataMenu.Items;
                    list.forEach(function (text) {
                        Items.push({
                            "Text": text,
                            "Enable": true,
                            "style": {
                                "height": "25px",
                                "line-height": "25px"
                            },
                            "CallBack": function () {
                                SInput.value = text;
                                menu.Close();
                                self.focus();
                            }
                        });
                    });
                    var menu = new CLMenu(dataMenu, SV);
                }
                SV.appendChild(downBtn);

                var DBlock = document.createElement("div");
                DBlock.className = "DBlock";
                dlgBox.appendChild(DBlock);

                var searchBtn = document.createElement("div");
                searchBtn.className = "C_Btn";
                searchBtn.setAttribute("name", "下一个");
                searchBtn.onclick = function () {
                    var list = dlgBox.list || [];
                    if (!!SInput.value) {
                        var index = list.indexOf(SInput.value);
                        if (index >= 0) {
                            list.splice(index, 1);
                        }
                        list.splice(0, 0, SInput.value);
                        if (list.length > 20) {
                            list.length = 20;
                        }
                        dlgBox.list = list;
                        callback(SInput.value, searchBtn.getAttribute("name")[0] == "上");
                        self.focus();
                    }
                }
                DBlock.appendChild(searchBtn);

                var dirBtn = document.createElement("div");
                dirBtn.className = "C_Btn";
                dirBtn.setAttribute("name", "下拉");
                dirBtn.setAttribute("value", "方向");
                dirBtn.onclick = function () {
                    var list = ["下一个", "上一个"];
                    var dataMenu = {
                        Items: []
                    }
                    var Items = dataMenu.Items;
                    list.forEach(function (text) {
                        Items.push({
                            "Text": text,
                            "Enable": true,
                            "style": {
                                "height": "25px",
                                "line-height": "25px"
                            },
                            "CallBack": function () {
                                searchBtn.setAttribute("name", text);
                                menu.Close();
                                self.focus();
                            }
                        });
                    });
                    var menu = new CLMenu(dataMenu, DBlock);
                }
                DBlock.appendChild(dirBtn);

                var closeBtn = document.createElement("div");
                closeBtn.className = "C_Btn";
                closeBtn.setAttribute("name", "关闭");
                dlgBox.appendChild(closeBtn);
                closeBtn.onclick = function () {
                    CodeMirror.commands.clearSearch(self.editor);
                    dlgBox.remove();
                }

                var replaceBtn = document.createElement("div");
                replaceBtn.className = "C_Btn";
                replaceBtn.setAttribute("name", "替换");
                function checkMarker() {
                    var range = editor.doc.sel.ranges[0];
                    var doc = editor.doc;
                    var cur = { line: range.anchor.line, ch: range.anchor.ch };
                    var cur_0 = { line: range.head.line, ch: range.head.ch };
                    if ((cur.line < cur_0.line) || (cur.line == cur_0.line && cur.ch < cur_0.ch)) {
                        var temp = cur;
                        cur = cur_0;
                        cur_0 = temp;
                    }
                    while (true) {
                        var mark = doc.findMarksAt({ line: cur.line, ch: cur.ch })[0];
                        if (mark && mark.replacedWith) {
                            return true;
                        }
                        cur.ch--;
                        if (cur.ch <= 0) {
                            var token = self.backwardToken(cur.line, cur.ch);
                            cur.line = token.line;
                            cur.ch = token.end;
                        }
                        if (cur.line < cur_0.line || (cur.line == cur_0.line && cur.ch <= cur_0.ch)) {
                            break;
                        }
                    }
                    return false;
                }
                replaceBtn.onclick = function () {
                    var cm = self.editor;
                    self.focus();
                    cm.operation(function () {
                        var flag_r;
                        while (true) {
                            callback(SInput.value, false);
                            var cur = self.getCursor();
                            if (flag_r && flag_r.line == cur.line && flag_r.ch == cur.ch) {
                                CLShowMsg("没有找到匹配项");
                                break;
                            }
                            if (cm.getSelection() == SInput.value) {
                                if (!checkMarker()) {
                                    self.pushText(RInput.value);
                                    break;
                                } else if (!flag_r) {
                                    flag_r = CLClone(cur);
                                }
                            }
                        }
                    });
                }
                dlgBox.appendChild(replaceBtn);

                var replaceAllBtn = document.createElement("div");
                replaceAllBtn.className = "C_Btn";
                replaceAllBtn.setAttribute("name", "替换所有");
                replaceAllBtn.onclick = function () {
                    var cm = self.editor;
                    if (SInput.value) {
                        cm.operation(function () {
                            var flag_r;
                            var N = 0;
                            while (true) {
                                callback(SInput.value, false);
                                var cur = self.getCursor();
                                if (flag_r && flag_r.line == cur.line && flag_r.ch == cur.ch) {
                                    CLShowMsg("没有找到匹配项");
                                    break;
                                }
                                if (cm.getSelection() == SInput.value) {
                                    if (!checkMarker()) {
                                        self.pushText(RInput.value);
                                        N++;
                                    } else if (!flag_r) {
                                        flag_r = CLClone(cur);
                                    }
                                } else {
                                    break;
                                }
                            }
                            CLShowMsg("操作成功,共替换" + N + "处", false);
                        });
                    }
                }
                dlgBox.appendChild(replaceAllBtn);

            }
            var search = dlgBox.querySelector(".SV .Search");
            var SInput = dlgBox.querySelector(".SV input");
            SInput.value = options.value;
            SInput.select();
            SInput.oninput = function () {
                if (!!SInput.value) {
                    search.classList.add("Delete");
                    search.onclick = function () {
                        SInput.value = "";
                        search.classList.remove("Delete");
                    }
                } else {
                    search.classList.remove("Delete");
                }
            }
            SInput.oninput();
            TextArea.parentNode.appendChild(dlgBox);
            CLAsync(function () {
                SInput.focus();
            });

        }
        editor.openConfirm = function (template, callback, options) {

        }
        editor.openNotification = function (template, options) {
            CLShowMsg(template, options.duration);
        }
    }

    fn.find = function () {
        var self = this;
        CodeMirror.commands.find(self.editor);
    }

    fn.updateTag = function (text, from, to) {
        var self = this;
        var editor = self.editor;
        if (CodeMirror.findMatchingTag && self.mode.name == "html") {
            var cur = self.getCursor();
            var match = CodeMirror.findMatchingTag(editor, editor.getCursor());
            if (match && match.open && match.close) {
                var eCh = match.close.from.ch + 2;
                var eLine = match.close.from.line;
                var line = match.open.from.line;
                var ch = match.open.from.ch + 1;
                var tag = match.open.tag;
                if (match.at == "open") {
                    if (from.line == line
                        && to.line == line
                        && from.ch >= ch
                        && to.ch < ch + tag.length + 1
                        ) {
                        var nTag = tag.substr(0, from.ch - ch) + text + tag.substr(to.ch - ch);
                        var eCh = match.close.from.ch + 2;
                        var eLine = match.close.from.line;
                        self.Operation(function () {
                            self.Select({ line: eLine, ch: eCh }, { line: eLine, ch: eCh + tag.length });
                            self.pushText(nTag);
                            self.Select({ line: line, ch: ch }, { line: line, ch: ch + tag.length });
                            self.pushText(nTag);
                            self.setCursor({ line: line, ch: from.ch + text.length });
                        });
                        self.showHint(0);
                        return true;
                    }
                } else if (match.at == "close") {
                    if (from.line == eLine
                        && to.line == eLine
                        && from.ch >= eCh
                        && to.ch < eCh + tag.length + 1
                        ) {
                        var nTag = tag.substr(0, from.ch - eCh) + text + tag.substr(to.ch - eCh);
                        self.Operation(function () {
                            self.Select({ line: eLine, ch: eCh }, { line: eLine, ch: eCh + tag.length });
                            self.pushText(nTag);
                            self.Select({ line: line, ch: ch }, { line: line, ch: ch + tag.length });
                            self.pushText(nTag);
                            self.setCursor({ line: eLine, ch: from.ch + text.length });
                        });
                        self.showHint(0);
                        return true;
                    }
                }
            }
        }
    }

    fn.keydowns = null;

    fn.onkeydown = function (func) {
        var self = this;
        if (self.keydowns == null) {
            self.keydowns = [];
        }
        self.keydowns.push(func);
        return func;
    }

    fn.BeforePaste = function () {

    }

    fn.AfterPaste = function () {

    }

    fn.scrollToCursor = function () {
        var self = this;
        var cm = self.editor.doc.cm;
        if (cm.getOption("disableInput")) {
            return CodeMirror.Pass;
        }
        // 获取当前光标所在位置
        var top = cm.cursorCoords(true, "local").top;
        // 获取当前编辑器高度
        var editor_height = cm.getWrapperElement().offsetHeight;
        // 获取当前行高
        var lh = cm.defaultTextHeight();
        var scroll_y = Math.round(top - editor_height / 2 + lh / 2);
        cm.scrollTo(null, scroll_y);
    }

    fn.setSize = function (width, height) {
        var self = this;
        self.editor.setSize(width, height);
    }

    fn.indentAuto = function () {
        var self = this;
        var editor = self.editor;
        var cm = editor.doc.cm;
        editor["+pauseChange"] = true;
        cm.execCommand("indentAuto");
        delete editor["+pauseChange"];
    }

    fn.foldAll = function () {
        var self = this;
        var cm = self.editor.doc.cm;
        cm.execCommand("foldAll");
    }

    fn.showHint = function (code) {
        var self = this;
        if (code == 0 || code == 59) {
            CLMenu.Clear();
            return;
        }
        var options = {
            completeSingle: false,
            globalScope: self.editor.globalScope
        }
        var editor = self.editor;
        var mode = self.getInnerMode();
        if (mode.name == "javascript") {
            try {
                self.showJsHint();
            } catch (e) {
            }
        } else {
            var cur = editor.getCursor();
            var data = editor.getHelpers(cur, "hint")[0](editor, options);
            if (data && data.list && data.list.length) {
                var token = self.getToken(cur);
                if (!token) {
                    return;
                }
                var curString = token.string;
                var list = [];
                data.list.forEach(function (ele) {
                    if (ele.indexOf(curString) == 0 && curString != ele) {
                        list.push(ele);
                    }
                });
                self.shownHint(editor, { list: list });
            } else {
                CLMenu.Clear();
            }
        }
    }

    fn.JsError = function (Pos, message) {
        var self = this;
        var ele = self.Wrapper.querySelector(".JsError");
        ele && ele.mark && ele.mark.clear();
        ele && ele.classList.remove("JsError");
        if (!Pos) {
            return;
        }
        var token = self.forewardToken(Pos.line, Pos.ch);
        if (!token) {
            return;
        }
        var editor = self.editor;
        var mark = editor.doc.markText({ line: token.line, ch: token.start }, { line: token.line, ch: token.end }, {
            className: "JsError",
            atomic: false,
            clearOnEnter: true
        });
        ele = self.Wrapper.querySelector(".JsError");
        if (ele) {
            ele.setAttribute("err", message);
            ele.mark = mark;
        }
    }

    fn.JsVars = null;

    fn.JsValue = function (Cur) {
        var self = this;
        var firstLine = 0;
        var editor = self.editor;
        var cur = Cur;
        cur = { line: cur.line, ch: cur.ch };
        var lines = editor.doc.getValue(false);
        var Token;
        var Tokens = editor.getLineTokens(cur.line);
        var text = lines[cur.line];
        var inProperty;
        var outProperty;
        var inVariable;
        var cc;
        var eLine = cur.line;
        var eCh = cur.ch;
        var PropName = ""
        var VarName = "";
        var global = self.getGlobalScope();
        for (var j = Tokens.length - 1; j > -1; j--) {
            if (Tokens[j].end == cur.ch || inProperty) {
                if (Tokens[j].end == cur.ch) {
                    Token = Tokens[j];
                }
                if (Tokens[j].string == ".") {
                    cc = cur.ch - Tokens[j].start;
                    eCh = cur.ch = Tokens[j].start;
                    var temp;
                    do {
                        temp = self.backwardToken(temp ? temp.line : eLine, temp ? temp.start : Tokens[j].start);
                        if (temp.string == "?") {
                            lines[temp.line] = lines[temp.line].substr(0, temp.start) + " " + lines[temp.line].substr(temp.end + lines[temp.line].length - temp.end);
                            temp = self.backwardToken(temp ? temp.line : eLine, temp ? temp.start : 0);
                        }
                    } while (temp && /^[\s]*$/.test(temp.string));
                    var prev = lines[cur.line].substr(0, cur.ch);
                    eCh = temp.end;
                    eLine = temp.line;
                    lines[cur.line] = prev + text.substr(cur.ch + cc);
                    outProperty = !inProperty;
                    break;
                } else if (Tokens[j].type == "property") {
                    inProperty = true;
                    PropName = Tokens[j].string;
                    var prev = text.substr(0, Tokens[j].start);
                    if (/^[\s]*$/.test(prev) && eLine) {
                        var token;
                        do {
                            token = self.backwardToken(eLine, 0);
                            eLine--;
                        } while (token && token.string != ".");
                        if (token) {
                            do {
                                token = self.backwardToken(token.line, token.start);
                                eLine = token.line;
                            } while (token && /^[\s]*$/.test(token.string));
                        }
                        if (token) {
                            eCh = token.end;
                            cc = Tokens[j].string.length - 1;
                        } else {
                            break;
                        }
                        break;
                    }
                } else if (Tokens[j].type == "keyword") {
                    return {
                        keyword: true,
                        name: Tokens[j].string,
                        value: null
                    };
                }
                else if (Tokens[j].type == "variable-2" || Tokens[j].type == "variable") {
                    inVariable = true;
                    VarName = Tokens[j].string;
                    cc = cur.ch - Tokens[j].start;
                    eCh = cur.ch = Tokens[j].end;
                    break;
                } else if (inProperty && /^[\s]*$/.test(Tokens[j].string)) {
                    continue;
                } else if (Tokens[j].type == "def") {
                    VarName = Tokens[j].string;
                    cc = 0;
                    eCh = cur.ch = Tokens[j].end;
                    break;
                } else {
                    return;
                }
            }
        }
        if (cc == null) {
            return;
        }
        var code;
        if (self.sMode == "html") {
            var token = Token;
            token.line = cur.line;
            var range = token.state.localState.range;
            if (!range.end) {
                var index = token.line;
                while (!/<\/script>/i.test(lines[index])) {
                    index++;
                }
                range.end = {
                    line: index,
                    ch: /<\/script>/i.exec(lines[index]).index
                }
            }
            firstLine = range.start.line, lastLine = range.end.line;
            var ch1 = range.start.ch, ch2 = range.end.ch;
            lines.splice(0, firstLine);
            lines[0] = ''.padStart(ch1, ' ') + lines[0].substr(ch1);
            if (lastLine > cur.line) {
                lines.splice(lastLine - firstLine + 1);
            } else {
                lines.splice(lastLine - firstLine + 1);
            }
            if (cur.line == lastLine && ch2 > cur.ch) {
                ch2 -= cc;
            }
            lines[lines.length - 1] = lines[lines.length - 1].substr(0, ch2);
            code = lines.join("\n");
        } else {
            lines.cc = cc;
            lines.cur = cur;
            code = self.getRunCodeEx(null, null, lines);
        }
        var __Ast__ = editor.__Ast__;
        if (!__Ast__ || code != __Ast__.JsCode) {
            try {
                editor.__Ast__ = __Ast__ = JsParser.Parse(code);
                __Ast__.JsCode = code;
                self.JsError();
            } catch (e) {
                if (inVariable && e.line + firstLine - 1 == eLine) {
                    editor.__Ast__ = __Ast__ = JsParser.Parse(VarName);
                    __Ast__.JsCode = "";
                    self.JsError();
                    eLine = firstLine;
                    eCh = 0;
                } else {
                    var Pos = { line: e.line + firstLine - 1, ch: e.col };
                    if (cur.line == Pos.line && Pos.ch > cur.ch - cc) {
                        Pos.ch += cc;
                    }
                    if (Cur.hit) {
                        self.JsError(Pos, e.message);
                    }
                    editor.__Ast__ = __Ast__ = null;
                    return null;
                }
            }
        }

        if (__Ast__) {
            var info = JsParser.ContextAt(__Ast__, {
                global: global,
                eLine: eLine - firstLine + 1,
                eCh: eCh,
                JsVars: self.JsVars,
                markValue: function (mark) {
                    var span = mark.replacedWith;
                    if (!span.Mark) {
                        return null;
                    }
                    if (span.hasOwnProperty("+Props")) {
                        return span["+Props"];
                    } else {
                        mark = {
                            Color: span.style.color
                           , className: span.Mark.className
                        }
                        mark[self.name_data] = span[self.name_data];
                        span["+Props"] = self.MarkerProps(mark);
                        return span["+Props"];
                    }
                },
                findMarksAt: function (position) {
                    var doc = editor.doc;
                    var ch = position.ch;
                    var line = position.line;
                    if (cur.line == position.line && position.ch > cur.ch) {
                        ch += cc;
                    }
                    var marks = doc.findMarksAt({ line: line + firstLine, ch: ch });
                    if (marks[0] && marks[0].replacedWith && marks[0].replacedWith.Mark) {
                        return marks[0];
                    }
                },
                scoped:true
            });
            info.curString = PropName || VarName;
            info.property = inProperty || outProperty;
            return info;
        }
    }

    fn.showJsHint = function () {
        var self = this;
        var editor = self.editor;
        var cur = editor.getCursor();
        cur = { line: cur.line, ch: cur.ch, hit: true };
        var info = self.JsValue(cur);
        var global = self.getGlobalScope();
        var names = [];
        var curString;
        var keys = info.keywords;

        function pushName(key) {
            if (/^[0-9]*$/.test(key) || /[0-9]/.test(key[0])) {
                return;
            }
            if (!/[\w$\xa1-\uffff]/.test(key[0])) {
                return;
            }
            var key2 = "";
            if (/^DataField_[0-9]+$/.test(key)) {
                key2 = self.Translate(key);
            }
            if (key.indexOf(curString) == 0 || key2.indexOf(curString) == 0) {
                if (names.indexOf(key) < 0) {
                    names.push(key);
                }
            }
        }

        function forAllProps(obj, callback) {
            if (!Object.getOwnPropertyNames || !Object.getPrototypeOf) {
                for (var name in obj) callback(name);
            } else {
                for (var o = obj; o; o = Object.getPrototypeOf(o)) {
                    Object.getOwnPropertyNames(o).forEach(callback);
                }
            }
        }

        if (!info.property && info.type == "SymbolRef") {
            curString = info.curString;
            for (var i = 0; i < keys.length; i++) {
                pushName(keys[i]);
            }
            var vars = info.vars;
            vars && vars.forEach(function (name) {
                pushName(name);
            });
            forAllProps(global, pushName);
        } else if (info && info.property && info.value != null) {
            curString = info.curString;
            var value = info.value;
            if (Array.isArray(value)) {
                forAllProps(value.constructor.prototype, pushName);
            } else if (typeof value == "object" || typeof value == "function") {
                for (var key in info.props) {
                    pushName(key);
                }
                forAllProps(value, function (name) {
                    if (!value.__proto__ && (name == "valueOf" || name == "toString")) {
                        return;
                    }
                    pushName(name);
                });
            } else {
                forAllProps(value.constructor.prototype, pushName);
            }
        } else if (info.keyword) {
            var scope = self.getGlobalScope();
            curString = info.name;
            for (var key in scope) {
                pushName(key);
            }
        }

        if (names.length) {
            var oo = Object.create(Object.prototype);
            oo["__proto__"] = {};
            CLQuickSort(names, function (e1, e2) {
                if (oo[e1] && !oo[e2]) {
                    return 1;
                } else if (!oo[e1] && oo[e2]) {
                    return -1;
                } else {
                    if (e1 < e2) {
                        return -1;
                    } else if (e1 > e2) {
                        return 1;
                    } else {
                        return 0;
                    }
                }
            });
            var data = {
                list: names
            };
            self.shownHint(editor, data);
        } else {
            CLMenu.Clear();
        }
    }

    fn.MarkerProps = function (mark) {
        var self = this;
        return null;
    }

    //开始创建计算提示信息时回调
    fn.startCompletion = function (editor) {

    }
    //获取到提示数据时回调
    fn.finishHintUpdate = function (editor, data) {

    }
    //创建完提示菜单时回调
    fn.shownHint = function (editor, data) {
        var self = this;
        var cur = editor.getCursor();
        var Pos = editor.cursorCoords(cur);
        var line = self.GetCmLine(cur.line);
        if (line.text[cur.ch - 1] == ' ') {
            CLMenu.Clear();
            return;
        }
        var Menu = {
            "style": {
                "max-height": "250px",
            },
            "Items": []
        };
        function Indent(cur, ID) {
            var n = ID.match(/\n/g);
            if (n) {
                n = n.length + 1;
                self.Operation(function () {
                    self.editor.setSelection({ line: cur.line, ch: 0 }, { line: cur.line + n, ch: 0 });
                    self.indentAuto();
                    var ele = /\([a-z|_]*\)/.exec(ID);
                    if (ele) {
                        self.editor.setSelection({ line: cur.line, ch: token.start + ele.index + 1 }, { line: cur.line, ch: token.start + ele.index + ele[0].length - 1 });
                    }
                });
            }
        }
        var cur = self.editor.getCursor();
        var token = self.getToken({ line: cur.line, ch: cur.ch });
        var text = self.GetCmLine(cur.line).text.substr(cur.ch);
        var Items = Menu.Items;
        var mode = self.getInnerMode();
        for (var i = 0; i < data.list.length; i++) {
            var item = {
                ID: data.list[i].toLocaleLowerCase == null ? data.list[i].text : data.list[i],
                Enable: true,
                CallBack: function () {
                    var item = this;
                    if (item.ID[0] == "<") {
                        if (self.updateTag(item.ID.substr(1), { line: token.line, ch: token.start + 1 }, { line: token.line, ch: token.end })) {
                            _CLMenu.Close();
                            return;
                        }
                    }
                    self.Operation(function () {
                        if (token.string != "." && token.string != ":") {
                            self.Select({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                        }
                        self.pushText(item.ID);
                        Indent(cur, item.ID);
                        self.focus();
                    });
                    _CLMenu.Close();
                }
            }
            var ch = item.ID[item.ID.length - 1];
            if (!!text && (ch == "}" || ch == ';') && text[0] != ")") {
                item.ID += "\n";
            }
            if (mode.name == "javascript") {
                item.Html = self.Translate(item.ID);
            } else {
                item.Text = self.Translate(item.ID);
            }
            if (self.sMode == "javascript") {
                var ele = self.editor.globalScope[item.ID];
                if (typeof ele == "function" && ele.Note) {
                    item.Note = ele.Note;
                    item.OnCreated = function (divItem) {
                        var item = this;
                        divItem.onmouseenter = function () {
                            var Div = document.createElement("div");
                            Div.style.cssText = "min-width:120px;max-width:500px;padding:10px;color:#05a;animation:none";
                            var tilte = new CLTitle(divItem, Div);
                            var Box = Div.parentNode;
                            var rect = divItem.getBoundingClientRect();
                            Box.style.left = rect.right - 15 + "px";
                            Box.style.top = rect.top + "px";
                            Div.innerHTML = "<pre style='white-space:pre-line;line-height:30px'>" + item.Note + "</pre>";
                            var boxRect = Box.getBoundingClientRect();
                            if (boxRect.right > CLTop.innerWidth) {
                                Box.style.left = "";
                                Box.style.right = CLTop.innerWidth - rect.left + "px";
                            }
                            if (boxRect.bottom > CLTop.innerHeight) {
                                Box.style.top = "";
                                Box.style.bottom = 0;
                            }
                        }
                    }
                }
            }
            Items.push(item);
        }
        if (Items.length == 0) {
            return;
        }

        var _CLMenu = new CLMenu(Menu);
        var Box = _CLMenu.Box;
        Box.style.left = Pos.left + "px";
        Box.style.top = Pos.bottom + "px";
        Box.style.transform = "none";
        Box.parentNode.classList.add("toolTip");
        Box.firstChild.firstChild.classList.add("ItemSel");
        var mRect = Box.getBoundingClientRectEx();
        if (mRect.bottom > CLTop.innerHeight) {
            Box.style.top = mRect.top - mRect.height + "px";
            if (Box.offsetTop < 8) {
                Box.style.top = "8px";
            }
        }
        if (mRect.right > CLTop.innerWidth) {
            Box.style.left = CLTop.innerWidth - Box.offsetWidth + "px";
        }
        var Close = _CLMenu.Close;
        _CLMenu.Close = function () {
            window.removeEventListener("keydown", keydown, true);
            Close.call(_CLMenu);
        }
        function keydown(e) {
            var ItemSel = Box.getElementsByClassName("ItemSel")[0];
            if (e.code == "ArrowLeft" || e.code == "ArrowRight") {
                _CLMenu.Close();
                return;
            }
            if (e.code == "ArrowDown") {
                ItemSel.classList.remove("ItemSel");
                ItemSel = ItemSel.nextSibling == null ? ItemSel : ItemSel.nextSibling;
                ItemSel.classList.add("ItemSel");
                if (ItemSel.offsetTop + ItemSel.offsetHeight > ItemSel.parentNode.offsetHeight) {
                    ItemSel.parentNode.scrollTop = ItemSel.offsetTop + ItemSel.offsetHeight - ItemSel.parentNode.offsetHeight;
                }
                e.preventDefault();
                e.stopPropagation();
            }

            if (e.code == "ArrowUp") {
                ItemSel.classList.remove("ItemSel");
                ItemSel = ItemSel.previousSibling == null ? ItemSel : ItemSel.previousSibling;
                ItemSel.classList.add("ItemSel");
                if (ItemSel.offsetTop - ItemSel.parentNode.scrollTop < 0) {
                    ItemSel.parentNode.scrollTop = ItemSel.offsetTop - 10;
                }
                e.preventDefault();
                e.stopPropagation();
            }

            if (e.key == "Enter") {
                e.preventDefault();
                e.stopPropagation();
                if (ItemSel.ItemData.ID[0] == "<") {
                    if (self.updateTag(ItemSel.ItemData.ID.substr(1), { line: token.line, ch: token.start + 1 }, { line: token.line, ch: token.end })) {
                        _CLMenu.Close();
                        return;
                    }
                }
                self.Operation(function () {
                    if (token.string != "." && token.string != ":") {
                        self.Select({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                    }
                    self.pushText(ItemSel.ItemData.ID);
                    Indent(cur, ItemSel.ItemData.ID);
                    self.focus();
                });
                _CLMenu.Close();
            }
        }
        window.addEventListener("keydown", keydown, true);
        Box.firstChild.style.height = "initial";
    }

    fn.Translate = function (Val) {
        return Val;
    }

    fn.focus = function () {
        var self = this;
        self.editor.focus();
    }

    fn.getInnerMode = function (pos) {
        var self = this;
        pos = pos || self.editor.getCursor()
        var mode = self.editor.getModeAt(pos);
        return mode;
    }

    fn.getToken = function (cur) {
        var self = this;
        var line = null;
        var editor = self.editor;
        var doc = editor.doc;
        var token = self.backwardToken(cur.line, cur.ch);
        if (!token) {
            return null;
        }
        if (token.string == ".") {
            return token;
        }
        while (token && /^[\s]*$/.test(token.string)) {
            token = self.backwardToken(token.line, token.start);
        }
        if (token) {
            var mark = doc.findMarksAt({ line: token.line, ch: token.end })[0];
            if (mark && mark.replacedWith) {
                token.type = "Mark";
                var Mark = {
                    Color: mark.replacedWith.style.color
                    , className: mark.replacedWith.Mark.className
                }
                Mark[self.name_data] = mark.replacedWith[self.name_data];
                token.Mark = Mark;
                return token;
            } else {
                if (token.type == "tag") {
                    var temp = self.backwardToken(token.line, token.start);
                    if (temp.type == "tag bracket" && temp.line == token.line) {
                        token.start = temp.start;
                        token.string = temp.string + token.string;
                    }
                }
                return token;
            }
        }
    }

    fn.GetCmLine = function (Index) {
        var self = this;
        var Doc = self.editor.doc;
        return Doc.getLineHandle(Index);
    }

    fn.renderAll = function () {
        var self = this;
        var cursor = self.getCursor();
        var index = 0;
        var line;
        do {
            line = self.GetCmLine(index);
            if (line && !!line.text && line.styles == null) {
                self.setCursor(index, 0);
            }
            index++;
        } while (line);
        self.setCursor(cursor);
    }

    fn.forewardToken = function (line, ch) {
        var self = this;
        var editor = self.editor;
        var token = editor.getTokenAt({ line: line, ch: ch + 1 });
        if (token.start < ch) {
            line++;
            if (line < editor.lineCount()) {
                token = editor.getTokenAt({ line: line, ch: 1 });
            } else {
                return null
            }
        }
        token.line = line;
        return token;
    }

    fn.backwardToken = function (line, ch) {
        var self = this;
        var editor = self.editor;
        if (ch == 0) {
            line--;
            ch = 0x7fffffff;
            if (line < 0) {
                return null;
            }
        }
        var token = editor.getTokenAt({ line: line, ch: ch });
        token.line = line;
        return token;
    }

    fn.pushText = function (sText) {
        var self = this;
        var editor = this.editor;
        var cm = editor.doc.cm;
        editor["+pauseChange"] = true;
        var ranges = editor.doc.sel.ranges;
        if (ranges.length > 1) {
            CLShowMsg("不支持多个选中区域的替换...");
        } else {
            self.Operation(function () {
                marks = self.ComputeMarks(sText);
                cm.replaceSelection(sText);
                if (marks && marks.length > 0) {
                    self.renderMarks(marks, ranges[0].from());
                }
            });
        }
        delete editor["+pauseChange"];
        cm.focus();
    }

    fn.Operation = function (func) {
        var self = this;
        if (self.inOperation) {
            func();
        } else {
            self.inOperation = true;
            var editor = this.editor;
            editor.operation(func);
            self.inOperation = false;
        }
    }

    fn.setCursor = function (cursor, ch) {
        var self = this;
        var Editor = self.editor;
        Editor.focus();
        if (ch == null) {
            if (cursor.left != null && cursor.top != null) {
                cursor = Editor.coordsChar(cursor);
            }
            Editor.doc.setCursor({ line: cursor.line, ch: cursor.ch });
        } else {
            Editor.doc.setCursor({ line: cursor, ch: ch });
        }
    }

    fn.getCursor = function () {
        var self = this;
        return self.editor.getCursor();
    }

    fn.pushMark = function (Mark, code) {
        var self = this;
        var editor = self.editor;
        var text;
        editor["+pauseChange"] = true;
        self.Operation(function () {
            var cm = editor.doc.cm;
            cm.replaceSelection('');
            var Pos1 = editor.doc.getCursor();
            cm.replaceSelection(code || Mark[self.name_data].Name);
            var Pos2 = editor.doc.getCursor();
            text = document.createElement("span");
            text.style.color = Mark.Color;
            text.innerHTML = Mark[self.name_data].Name.replace("●", ".");
            text.classList.add("Mark_" + Mark.className);
            text.Mark = editor.doc.markText(Pos1, Pos2, {
                className: Mark.className,
                atomic: false,
                clearOnEnter: false,
                replacedWith: text
            });
            text.title = self.Title(Mark);
            text.onclick = function (e) {
                var text = e.currentTarget;
                if (editor.doc.sel.ranges.length == 0 || !e.ctrlKey) {
                    if (e.offsetX - text.offsetLeft > text.offsetWidth / 2) {
                        editor.doc.setCursor(text.Mark.find().to);
                    } else {
                        editor.doc.setCursor(text.Mark.find().from);
                    }
                }
                cm.focus();
            }
            text.Select = function () {
                editor.setSelection(this.Mark.find().from, this.Mark.find().to);
            }
            text.ondblclick = function (e) {
                var text = e.currentTarget;
                if (e.ctrlKey) {
                    editor.addSelection(text.Mark.find().from, text.Mark.find().to);
                } else {
                    editor.setSelection(text.Mark.find().from, text.Mark.find().to);
                }
            }
            text[self.name_data] = Mark[self.name_data];
            cm.focus();
            self.OnRenderMark(text);
        });
        delete editor["+pauseChange"];
        return text;
    }

    fn.getMarks = function (From, To) {
        var AllMarks = this.getAllMarks();
        var Marks = [];
        for (var i = 0; i < AllMarks.length ; i++) {
            var Mark = AllMarks[i];
            if (((Mark.From.line == From.line && Mark.From.ch >= From.ch) || (Mark.From.line > From.line))
                 && ((Mark.To.line == To.line && Mark.To.ch <= To.ch) || (Mark.To.line < To.line))) {
                Mark.From.line = Mark.From.line - From.line;
                Mark.To.line = Mark.To.line - From.line;
                if (Mark.From.line == 0) {
                    Mark.From.ch = Mark.From.ch - From.ch;
                }
                if (Mark.To.line == 0) {
                    Mark.To.ch = Mark.To.ch - From.ch;
                }
                Marks.push(Mark);
            }
        }
        return Marks;
    }

    fn.renderMarks = function (Marks, From) {
        var self = this;
        var editor = self.editor;
        self.Operation(function () {
            for (var i = 0; i < Marks.length; i++) {
                if (Marks[i].From.line == 0) {
                    Marks[i].From.ch = Marks[i].From.ch + From.ch;
                }
                if (Marks[i].To.line == 0) {
                    Marks[i].To.ch = Marks[i].To.ch + From.ch;
                }
                Marks[i].From.line = Marks[i].From.line + From.line;
                Marks[i].To.line = Marks[i].To.line + From.line;
            }
            self.renderAllMarks(Marks);
        });
    }

    fn.getAllMarks = function () {
        var self = this;
        var editor = self.editor;
        var _Marks = this.editor.getAllMarks();
        var Marks = [];
        for (var i = 0; i < _Marks.length; i++) {
            var Obj = _Marks[i].find();
            if (_Marks[i].replacedWith == null) {
                continue;
            }
            if (_Marks[i].replacedWith == null || _Marks[i].replacedWith[self.name_data] == null) {
                continue;
            }
            var mark = {
                From: Obj.from
                , To: Obj.to
                , Color: _Marks[i].replacedWith.style.color
                , className: _Marks[i].className
            }
            mark[self.name_data] = _Marks[i].replacedWith[self.name_data];
            if (mark.className == "Var") {
                var token = editor.getTokenAt({ line: Obj.from.line, ch: Obj.from.ch });
                if (token) {
                    mark.S = token.type == "string";
                }
            }
            Marks.push(mark);
        }
        return Marks;
    }

    fn.updateMark = function (markData, ID) {
        var self = this;
        var editor = self.editor;
        var Ret;
        self.Operation(function () {
            markData = CLClone(markData);
            if (ID == null) {
                ID = markData.ID;
            }
            var AllMarks = self.editor.getAllMarks();
            for (var i = 0; i < AllMarks.length; i++) {
                var text = AllMarks[i].replacedWith;
                if (text == null) {
                    continue;
                }
                if ("ID" in markData && text[self.name_data] && text[self.name_data].ID == ID) {
                    var mark = {
                        className: text.Mark.className,
                        Color: text.style.color
                    }
                    mark[self.name_data] = markData;
                    var obj = text.Mark.find();
                    self.editor.replaceRange("", obj.from, obj.to);
                    self.editor.doc.setCursor(obj.from);
                    Ret = self.pushMark(mark);
                }
            }
        });
        return Ret;
    }

    fn.getValue = function () {
        var self = this;
        var sValue = self.editor.doc.getValue();
        var Marks = self.getAllMarks();
        var runCode = self.getRunCode().trim();
        var code = {
            originalCode: sValue,
            runCode: runCode,
            Marks: Marks
        }
        return code;
    }

    fn.setValue = function (code, focus) {
        var self = this;
        var editor = self.editor;
        editor["+pauseChange"] = true;
        self.Operation(function () {
            if (code == null) {
                self.editor.doc.setValue("");
                return;
            }
            var marks = null;
            var code_s = "";
            if (code.constructor == "".constructor) {
                marks = self.ComputeMarks(code);
                if (!marks.length) {
                    self.editor.doc.setValue(code);
                    return;
                }
                code_s = code;
            } else if (code.originalCode == null) {
                return;
            } else {
                code_s = code.originalCode;
                marks = self.ComputeMarks(code).concat(code.Marks || []);
            }
            self.editor.doc.setValue(code_s);
            if (!marks) {
                return;
            }
            self.renderAllMarks(marks);
            if (focus != false) {
                self.editor.doc.cm.focus();
            }
        });
        delete editor["+pauseChange"];
    }

    fn.Select = function (from, to) {
        var self = this;
        self.editor.setSelection(from, to);
    }

    fn.Copy = function (range) {
        var self = this;
        var editor = self.editor;
        var ranges = editor.doc.sel.ranges;
        if (range == null) {
            range = ranges[0];
        }
        if (range == null || ranges.length != 1) {
            return;
        }
        var oCode = editor.getSelection();
        var Marks = self.getMarks(range.from(), range.to());
        CLCopy([{ data: oCode, type: "text/plain" }, { data: JSON.stringify(Marks), type: "marks" }], false);
    }

    fn.Cut = function (range) {
        var self = this;
        self.Copy(range);
        var editor = self.editor;
        var cm = editor.doc.cm;
        cm.replaceSelection('');
    }

    fn.Paste = function (sVal, marks) {
        var self = this;
        var editor = self.editor;
        editor["+pauseChange"] = true;
        function Set(sVal) {
            try {
                if (sVal == null || sVal == "null" || sVal.length == 0) {
                    return;
                }
                self.Operation(function () {
                    var ranges = editor.doc.sel.ranges;
                    if (ranges.length > 1) {
                        CLShowMsg("不支持多个选中区域的替换...");
                        return;
                    }
                    var Pos = editor.doc.getCursor();
                    marks = self.ComputeMarks(sVal).concat(marks || []);
                    if (marks.length > 0) {
                        var cm = editor.doc.cm;
                        cm.replaceSelection(sVal);
                        var range = ranges[0];
                        self.renderMarks(marks, range.from());
                    } else {
                        var cm = editor.doc.cm;
                        cm.replaceSelection(sVal);
                    }
                });

            } catch (e) {

            }
        }
        self.BeforePaste();
        Set(sVal, marks);
        self.AfterPaste();
        delete editor["+pauseChange"];
    }

    fn.Compile = function () {
        var self = this;
        var editor = self.editor;
        var ranges = editor.doc.sel.ranges;
        if (ranges.length > 1) {
            CLShowMsg("代码格式不正确");
        }
        if (self.sMode.indexOf("sql") < 0) {
            return;
        }
        var range = ranges[0];
        if (CLCopy(self.getRunCode(range.from(), range.to()), false)) {
            CLShowMsg("编译成功", false);
        }
    }
    //注释或取消注释
    fn.Comment = function (bFlag) {
        var self = this;
        var editor = self.editor;
        var ranges = editor.doc.sel.ranges;
        if (ranges.length != 1) {
            return;
        }
        editor["+pauseChange"] = true;
        var range = ranges[0];
        function positions() {
            var f = _from(from, s);
            var t = _to(to, e);
            var arr = [];
            var index = 0;
            var min = f.ch;
            var text = self.GetCmLine(f.line).text;
            f.ch = text.search(/\S/);
            while (f.line < t.line || (f.line == t.line && f.ch < t.ch)) {
                if (index < 0) {
                    break;
                } else {
                    var ch;
                    do {
                        ch = oCode.charCodeAt(index);
                        if (oCode[index] == '\n') {
                            f.line++;
                            f.ch = 0;
                        } else if (ch > 0 && ch <= 32) {
                            f.ch++;
                        } else {
                            break;
                        }
                        index++;
                    } while (true);
                    arr.push(CLClone(f));
                    min = min < f.ch ? min : f.ch;
                }
                index = oCode.indexOf("\n", index);
            }
            arr.forEach(function (ele) {
                ele.ch = min;
            });
            return arr;
        }
        function positions2(op) {
            var index = 0;
            var arr = [];
            var f = _from(from, s);
            var text = self.GetCmLine(f.line).text;
            var cc = text.search(/\S/);
            if (cc != f.ch && text[cc] == '/' && text[cc + 1] == '/') {
                arr.push({ line: f.line, ch: cc });
                index = oCode.indexOf('\n');
                if (index < 0) {
                    return arr;
                } else {
                    f.line++;
                    f.ch = 0;
                    index++;
                }
            }
            while (index < oCode.length) {
                if (oCode[index] == '"' || oCode[index] == "'") {
                    var ch = oCode[index];
                    f.ch++;
                    index++;
                    while (index < oCode.length && oCode[index] != ch) {
                        if (oCode[index] == '\n') {
                            f.line++;
                            f.ch = 0;
                        } else {
                            f.ch++;
                        }
                        index++;
                    }
                    if (!(index < oCode.length)) {
                        break;
                    }
                } else if (oCode[index] == op[0] && oCode[index + 1] == op[1]) {
                    arr.push(CLClone(f));
                    index = oCode.indexOf('\n', index);
                    if (index < 0) {
                        break;
                    }
                    f.line++;
                    f.ch = 0;
                    index++;
                    if (!(index < oCode.length)) {
                        break;
                    }
                } else {
                    if (oCode[index] == '\n') {
                        f.line++;
                        f.ch = 0;
                    } else {
                        f.ch++;
                    }
                    index++;
                }
            }
            return arr;
        }
        function startWith(s, op, index) {
            for (var i = 0; i < op.length ; i++) {
                if (op[i] != s[index + i]) {
                    return false;
                }
            }
            return true;
        }
        function positions3(op1, op2) {
            var index = 0;
            var arr = [];
            var f = _from(from, s);

            while (index < oCode.length) {
                if (startWith(oCode, op1, index)) {
                    arr.push({ line: f.line, ch: f.ch, cc: op1.length });
                    f.ch++;
                    index++;
                    while (index < oCode.length) {
                        if (oCode[index] == '\n') {
                            f.line++;
                            f.ch = 0;
                            index++;
                            continue;
                        }
                        if (startWith(oCode, op2, index)) {
                            arr.push({ line: f.line, ch: f.ch, cc: op2.length });
                            break;
                        }
                        f.ch++;
                        index++;
                    }
                }
                if (oCode[index] == '\n') {
                    f.line++;
                    f.ch = 0;
                } else {
                    f.ch++;
                }
                index++;
            }
            return arr;
        }
        function _from(from, s) {
            from = { line: from.line, ch: from.ch }
            if (!s) {
                return from;
            }
            var arr = s.match(/\n/g);
            if (arr) {
                from.line += arr.length;
                if (arr.length != 0) {
                    from.ch += s.substr(s.lastIndexOf("\n") + 1).length;
                }
            } else {
                from.ch += s.length;
            }
            return from;
        }
        function _to(to, s) {
            to = { line: to.line, ch: to.ch }
            if (!s) {
                return to;
            }
            var arr = s.match(/\n/g);
            if (arr) {
                to.line -= arr.length;
                if (arr.length != 0) {
                    var line = self.GetCmLine(to.line);
                    to.ch = line.text.length - s.indexOf("\n");
                }
            }
            return to;
        }
        function javascript() {
            if (bFlag) {
                self.Operation(function () {
                    var arr = positions();
                    if (arr.length > 0) {
                        arr.forEach(function (ele) {
                            self.setCursor(ele);
                            self.pushText("//");
                        });
                        if (arr[arr.length - 1].line == to.line) {
                            to.ch += 2;
                        }
                        self.Select(from, to);
                    }
                });
            } else {
                self.Operation(function () {
                    var arr = positions2("//");
                    if (arr.length != 0) {
                        self.editor.setSelection(from, from);
                        arr.forEach(function (ele) {
                            editor.addSelection(ele, { line: ele.line, ch: ele.ch + 2 });
                        });
                        editor.replaceSelection("");
                        if (arr[arr.length - 1].line == to.line) {
                            to.ch -= 2;
                        }
                        self.Select(from, to);
                    }
                });
            }
        }
        function css() {
            if (bFlag) {
                self.Operation(function () {
                    var f = _from(from, s);
                    var t = _to(to, e);
                    self.setCursor(f.line, f.ch);
                    self.pushText("/*");
                    self.setCursor(t.line, t.ch + 2);
                    self.pushText("*/");
                    to.ch += 4;
                    self.Select(from, to);
                });
            } else {
                self.Operation(function () {
                    var arr = positions3("/*", "*/");
                    if (arr.length != 0) {
                        self.editor.setSelection(from, from);
                        arr.forEach(function (ele) {
                            editor.addSelection(ele, { line: ele.line, ch: ele.ch + ele.cc });
                        });
                        editor.replaceSelection("");
                        if (to.line == from.line) {
                            to.ch -= 2;
                        }
                        if (arr[arr.length - 1].line == to.line) {
                            to.ch -= 2;
                        }
                        self.Select(from, to);
                    }
                });
            }
        }
        function style() {
            CLShowMsg("不支持该操作");
        }
        function html() {
            if (st.name == "xml" && st.name == "xml") {
                if (bFlag) {
                    if (!oCode.match(/<!--(.|[\r\n])*?-->/)) {
                        self.Operation(function () {
                            var f = _from(from, s);
                            var t = _to(to, e);
                            self.setCursor(f.line, f.ch);
                            self.pushText("<!--");
                            self.setCursor(t.line, t.line == f.line ? t.ch + 4 : t.ch);
                            self.pushText("-->");
                            to.ch += to.line == f.line ? 7 : 4;
                            self.Select(from, to);
                        });
                    }
                } else {
                    self.Operation(function () {
                        var arr = positions3("<!--", "-->");
                        if (arr.length != 0) {
                            self.editor.setSelection(from, from);
                            arr.forEach(function (ele) {
                                editor.addSelection(ele, { line: ele.line, ch: ele.ch + ele.cc });
                            });
                            editor.replaceSelection("");
                            if (to.line == from.line) {
                                to.ch -= 4;
                            }
                            if (arr[arr.length - 1].line == to.line) {
                                to.ch -= 3;
                            }
                            self.Select(from, to);
                        }
                    });
                }
            } else if (st.name == ed.name) {
                if (st.name == "javascript") {
                    if (!oCode.contains("</" + "script>")) {
                        javascript()
                    } else {
                        CLShowMsg("不支持该操作");
                    }
                } else if (st.name == "css") {
                    if (!oCode.contains("</" + "style>")) {
                        css()
                    } else {
                        CLShowMsg("不支持该操作");
                    }
                } else {
                    CLShowMsg("不支持该操作")
                }
            } else {
                CLShowMsg("不支持该操作")
            }
        }
        function sql() {
            var tag = "--";
            if (mode.indexOf("mysql")) {
                tag += " ";
            }
            if (bFlag) {
                self.Operation(function () {
                    var arr = positions();
                    if (arr.length > 0) {
                        arr.forEach(function (ele) {
                            self.setCursor(ele);
                            self.pushText(tag);
                        });
                        if (arr[arr.length - 1].line == to.line) {
                            to.ch += 2;
                        }
                        self.Select(from, to);
                    }
                });
            } else {
                self.Operation(function () {
                    var arr = positions2(tag);
                    if (arr.length != 0) {
                        self.editor.setSelection(from, from);
                        arr.forEach(function (ele) {
                            editor.addSelection(ele, { line: ele.line, ch: ele.ch + 2 });
                        });
                        editor.replaceSelection("");
                        if (arr[arr.length - 1].line == to.line) {
                            to.ch -= 2;
                        }
                        self.Select(from, to);
                    }
                });
            }
        }
        var mode = self.sMode;
        var from = range.from();
        var to = range.to();
        from = { line: from.line, ch: from.ch }
        to = { line: to.line, ch: to.ch }
        var st = editor.getModeAt(from);
        var ed = editor.getModeAt(to);
        var oCode = editor.getSelection();
        var s = oCode.match(/^\s+/g);
        s = s ? s[0] : s;
        var e = oCode.match(/\s+$/g);
        e = e ? e[0] : e;
        oCode = oCode.trim();
        if (mode.contains("javascript")) {
            javascript();
        } else if (mode.contains("text/css")) {
            style();
        } else if (mode.contains("style/css")) {
            css();
        } else if (mode.contains("html")) {
            html();
        } else if (mode.contains("sql")) {
            sql();
        }
        delete editor["+pauseChange"];
    }

    fn.toLower = function () {
        var self = this;
        var editor = self.editor;
        var ranges = editor.doc.sel.ranges;
        if (ranges.length != 1) {
            return;
        }
        self.Operation(function () {
            var range = ranges[0];
            var oCode = editor.getSelection();
            var Marks = self.getMarks(range.from(), range.to());
            oCode = oCode.toLocaleLowerCase();
            self.Paste(oCode, Marks);
            self.Select(range.from(), range.to());
        });
    }

    fn.toUpper = function () {
        var self = this;
        var editor = self.editor;
        var ranges = editor.doc.sel.ranges;
        if (ranges.length != 1) {
            return;
        }
        var range = ranges[0];
        var oCode = editor.getSelection();
        var Marks = self.getMarks(range.from(), range.to());
        oCode = oCode.toLocaleUpperCase();
        self.Paste(oCode, Marks);
        self.Select(range.from(), range.to());
    }
    //回调接口
    fn.testMark = function (Mark) {

    }
    //回调接口
    fn.replacedWith = function (className, data) {

    }

    fn.renderAllMarks = function (Marks) {
        var self = this;
        var editor = self.editor;
        var cm = editor.doc.cm;
        var text = null;
        for (var i = 0; i < Marks.length; i++) {
            text = document.createElement("span");
            text.style.color = Marks[i].Color;
            var className = "";
            if (!this.testMark(Marks[i])) {
                text.classList.add("mark-error");
                if (Marks[i].className != "Var") {
                    text.style.animation = "none";
                } else {
                    text.style.color = "#c00";
                }
            }
            className = Marks[i].className;
            text.classList.add("Mark_" + className);
            var data = Marks[i][self.name_data];
            if (data) {
                text.innerHTML = Marks[i][self.name_data].Name.replace("●", ".");
            }
            text.index = i;
            text[self.name_data] = data;
            text.Mark = editor.doc.markText(Marks[i].From, Marks[i].To, {
                className: className,
                atomic: false,
                clearOnEnter: false,
                replacedWith: text
            });
            text.dataMark = Marks[i];
            text.title = self.Title(Marks[i]);
            text.onclick = function (e) {
                var text = e.currentTarget;
                if (editor.doc.sel.ranges.length == 0 || !e.ctrlKey) {
                    if (e.offsetX - text.offsetLeft > text.offsetWidth / 2) {
                        editor.doc.setCursor(text.Mark.find().to);
                    } else {
                        editor.doc.setCursor(text.Mark.find().from);
                    }
                }
                cm.focus();
                e.stopPropagation();
            }
            text.ondblclick = function (e) {
                var text = e.currentTarget;
                if (e.ctrlKey) {
                    editor.addSelection(text.Mark.find().from, text.Mark.find().to);
                } else {
                    editor.setSelection(text.Mark.find().from, text.Mark.find().to);
                }
            }
            text.Select = function () {
                editor.setSelection(this.Mark.find().from, this.Mark.find().to);
            }
            self.OnRenderMark(text);
        }
    }

    fn.ComputeMarks = function (code) {
        return [];
    }

    fn.MarkRename = function (mark) { }

    fn.CheckMarks = function () {
        var self = this;
        var cursor = self.getCursor();
        var marks = this.editor.getAllMarks();
        marks.forEach(function (mark) {
            var _mark = {};
            if (!mark.replacedWith || !mark.replacedWith[self.name_data]) {
                return;
            }
            Object.defineProperty(_mark, "From", {
                get: function () {
                    var data = mark.find();
                    return data.from;
                }
            });
            Object.defineProperty(_mark, "To", {
                get: function () {
                    var data = mark.find();
                    return data.to;
                }
            });
            _mark[self.name_data] = mark.replacedWith[self.name_data];
            _mark.className = mark.className;
            self.Select(_mark.From, _mark.To);
            self.MarkRename(_mark);
            var text = mark.replacedWith;
            text.innerHTML = _mark[self.name_data].Name;
            if (!self.testMark(_mark)) {
                text.classList.add("mark-error");
            }
        });
        self.setCursor(cursor);
    }

    function EncodeName(Name) {
        var match = /[\x20-\x2F]|[\x3A-\x40]|[\x5B-\x60]|[\x7B-\x7F]/g;
        return Name.replace(match, "_");
    }

    fn.getRunCodeEx = function (From, To, lines) {
        var self = this;
        var sValue = "";
        var line;
        if (From == null) {
            From = { line: 0, ch: 0 };
        }
        if (To == null) {
            To = { line: 0x7fffffff, ch: 0x7fffffff };
        }
        var index = From.line;
        do {
            var pos = index == From.line ? From.ch : 0;
            line = self.GetCmLine(index);
            if (!line) {
                break;
            }
            var text = line.text;
            if (lines) {
                text = lines[index];
            }
            if (!text) {
                sValue += "\n";
                index++;
                continue;
            }
            if (!line.markedSpans) {
                if (index == To.line) {
                    sValue += text.substr(pos, To.ch - pos) + "\n";
                    break;
                } else {
                    sValue += (pos == 0 ? text : text.substr(pos)) + "\n";
                }
                index++;
                continue;
            }
            var markedSpans = [].concat(line.markedSpans);
            CLQuickSort(markedSpans, function (e1, e2) {
                return e1.from - e2.from;
            });
            for (var i = 0; i < markedSpans.length; i++) {
                var span = markedSpans[i];
                if (!span.marker.replacedWith) {
                    continue;
                }
                if (!span.marker.replacedWith.Mark) {
                    continue;
                }
                flag = true;
                var className = span.marker.replacedWith.Mark.className;
                var data = span.marker.replacedWith[self.name_data];
                var from = span.from;
                var to = span.to;
                if (lines) {
                    if (index == lines.cur.line && from > lines.cur.ch - lines.cc) {
                        from -= lines.cc;
                        to -= lines.cc;
                    }
                }
                var len = from - pos;
                if (len > 0) {
                    sValue += text.substr(pos, len);
                } else if (len < 0) {
                    continue;
                }
                pos = from;
                if (to - pos > 0) {
                    if (lines == null) {
                        sValue += self.replacedWith(className, data);
                    } else {
                        var name = text.substr(pos, to - pos);
                        sValue += EncodeName(name);
                    }
                }
                pos = to;
                if (index == To.line && pos >= To.ch) {
                    break;
                }
            }
            if (index < To.line) {
                sValue += text.substr(pos) + "\n";
            } else if (pos < To.ch) {
                sValue += text.substr(pos, To.ch) + "\n";
            }
            index++;
            if (index > To.line) {
                break;
            }
        }
        while (line);
        return sValue.replace(/\n$/,"");
    }

    fn.getRunCode = function (From, To) {
        var self = this;
        return self.getRunCodeEx(From, To);
    }

    fn.getOriginalCode = function () {
        return this.editor.doc.getValue();
    }

    fn.EnableBreak = function () {
        var self = this;
        self.Ele.addEventListener("mousedown", function (e) {
            var numberEle = self.getLineNumberEle(e);
            if (numberEle != null) {
                self.SetBreak(numberEle);
            }
        });
    }

    fn.getLineNumberEle = function (e) {
        var path = e.path;
        var Ele = e.srcElement;
        while (Ele != null && Ele.classList != null && !Ele.classList.contains("CodeMirror-linenumber")) {
            Ele = Ele.parentNode;
        }
        if (Ele != null && Ele.classList != null && Ele.classList.contains("CodeMirror-linenumber")) {
            return Ele;
        }
    }

    fn.Breaks = null;

    fn.SetBreak = function (numberEle) {
        var self = this;
        if (numberEle.classList.contains("cm_break")) {
            numberEle.classList.remove("cm_break");
            delete self.Breaks[numberEle.innerText];
        } else {
            if (self.Breaks == null) {
                self.Breaks = {};
            }
            self.Breaks[numberEle.innerText] = true;
            numberEle.classList.add("cm_break");
        }
    }

    fn.GetBreaks = function () {
        var self = this;
        return self.Breaks;
    }

    fn.OnRenderMark = function (text) { }

    fn.Title = function (Mark) {
        return "";
    }

    document.addEventListener("keydown", function (e) {
        if (e.code == "KeyR" && e.ctrlKey == true) {
            e.stopPropagation();
            e.preventDefault();
        }
    });
}());
;(function () {

    /***********************************************************************

  A JavaScript tokenizer / parser / beautifier / compressor.
  https://github.com/mishoo/UglifyJS

  -------------------------------- (C) ---------------------------------

                           Author: Mihai Bazon
                         <mihai.bazon@gmail.com>
                       http://mihai.bazon.net/blog

  Distributed under the BSD license:

    Copyright 2012 (c) Mihai Bazon <mihai.bazon@gmail.com>

    Redistribution and use in source and binary forms, with or without
    modification, are permitted provided that the following conditions
    are met:

        * Redistributions of source code must retain the above
          copyright notice, this list of conditions and the following
          disclaimer.

        * Redistributions in binary form must reproduce the above
          copyright notice, this list of conditions and the following
          disclaimer in the documentation and/or other materials
          provided with the distribution.

    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
    EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
    PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
    LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
    OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
    PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
    PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
    THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
    TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
    THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
    SUCH DAMAGE.

 ***********************************************************************/

    "use strict";

    function characters(str) {
        return str.split("");
    }

    function member(name, array) {
        return array.indexOf(name) >= 0;
    }

    function find_if(func, array) {
        for (var i = array.length; --i >= 0;) if (func(array[i])) return array[i];
    }

    function configure_error_stack(fn) {
        Object.defineProperty(fn.prototype, "stack", {
            get: function () {
                var err = new Error(this.message);
                err.name = this.name;
                try {
                    throw err;
                } catch (e) {
                    return e.stack;
                }
            }
        });
    }

    function DefaultsError(msg, defs) {
        this.message = msg;
        this.defs = defs;
    }

    DefaultsError.prototype = Object.create(Error.prototype);

    DefaultsError.prototype.constructor = DefaultsError;

    DefaultsError.prototype.name = "DefaultsError";

    configure_error_stack(DefaultsError);

    function defaults(args, defs, croak) {
        if (croak) for (var i in args) {
            if (HOP(args, i) && !HOP(defs, i)) throw new DefaultsError("`" + i + "` is not a supported option", defs);
        }
        for (var i in args) {
            if (HOP(args, i)) defs[i] = args[i];
        }
        return defs;
    }

    function noop() { }

    function return_false() { return false; }

    function return_true() { return true; }

    function return_this() { return this; }

    function return_null() { return null; }

    var List = (function () {
        function List(a, f) {
            var ret = [];
            for (var i = 0; i < a.length; i++) {
                var val = f(a[i], i);
                if (val === skip) continue;
                if (val instanceof Splice) {
                    ret.push.apply(ret, val.v);
                } else {
                    ret.push(val);
                }
            }
            return ret;
        }
        List.is_op = function (val) {
            return val === skip || val instanceof Splice;
        };
        List.splice = function (val) {
            return new Splice(val);
        };
        var skip = List.skip = {};
        function Splice(val) {
            this.v = val;
        }
        return List;
    })();

    function push_uniq(array, el) {
        if (array.indexOf(el) < 0) return array.push(el);
    }

    function string_template(text, props) {
        return text.replace(/\{([^{}]+)\}/g, function (str, p) {
            var value = props[p];
            return value instanceof AST_Node ? value.print_to_string() : value;
        });
    }

    function remove(array, el) {
        var index = array.indexOf(el);
        if (index >= 0) array.splice(index, 1);
    }

    function makePredicate(words) {
        if (!Array.isArray(words)) words = words.split(" ");
        var map = Object.create(null);
        words.forEach(function (word) {
            map[word] = true;
        });
        return map;
    }

    function all(array, predicate) {
        for (var i = array.length; --i >= 0;)
            if (!predicate(array[i], i))
                return false;
        return true;
    }

    function Dictionary() {
        this.values = Object.create(null);
    }
    Dictionary.prototype = {
        set: function (key, val) {
            if (key == "__proto__") {
                this.proto_value = val;
            } else {
                this.values[key] = val;
            }
            return this;
        },
        add: function (key, val) {
            var list = this.get(key);
            if (list) {
                list.push(val);
            } else {
                this.set(key, [val]);
            }
            return this;
        },
        get: function (key) {
            return key == "__proto__" ? this.proto_value : this.values[key];
        },
        del: function (key) {
            if (key == "__proto__") {
                delete this.proto_value;
            } else {
                delete this.values[key];
            }
            return this;
        },
        has: function (key) {
            return key == "__proto__" ? "proto_value" in this : key in this.values;
        },
        all: function (predicate) {
            for (var i in this.values)
                if (!predicate(this.values[i], i)) return false;
            if ("proto_value" in this && !predicate(this.proto_value, "__proto__")) return false;
            return true;
        },
        each: function (f) {
            for (var i in this.values)
                f(this.values[i], i);
            if ("proto_value" in this) f(this.proto_value, "__proto__");
        },
        size: function () {
            return Object.keys(this.values).length + ("proto_value" in this);
        },
        map: function (f) {
            var ret = [];
            for (var i in this.values)
                ret.push(f(this.values[i], i));
            if ("proto_value" in this) ret.push(f(this.proto_value, "__proto__"));
            return ret;
        },
        clone: function () {
            var ret = new Dictionary();
            this.each(function (value, i) {
                ret.set(i, value);
            });
            return ret;
        },
        toObject: function () {
            var obj = {};
            this.each(function (value, i) {
                obj["$" + i] = value;
            });
            return obj;
        },
    };
    Dictionary.fromObject = function (obj) {
        var dict = new Dictionary();
        for (var i in obj)
            if (HOP(obj, i)) dict.set(i.slice(1), obj[i]);
        return dict;
    };

    function HOP(obj, prop) {
        return Object.prototype.hasOwnProperty.call(obj, prop);
    }

    // return true if the node at the top of the stack (that means the
    // innermost node in the current output) is lexically the first in
    // a statement.
    function first_in_statement(stack, arrow, export_default) {
        var node = stack.parent(-1);
        for (var i = 0, p; p = stack.parent(i++) ; node = p) {
            if (is_arrow(p)) {
                return arrow && p.value === node;
            } else if (p instanceof AST_Binary) {
                if (p.left === node) continue;
            } else if (p.TYPE == "Call") {
                if (p.expression === node) continue;
            } else if (p instanceof AST_Conditional) {
                if (p.condition === node) continue;
            } else if (p instanceof AST_ExportDefault) {
                return export_default;
            } else if (p instanceof AST_PropAccess) {
                if (p.expression === node) continue;
            } else if (p instanceof AST_Sequence) {
                if (p.expressions[0] === node) continue;
            } else if (p instanceof AST_SimpleStatement) {
                return true;
            } else if (p instanceof AST_Template) {
                if (p.tag === node) continue;
            } else if (p instanceof AST_UnaryPostfix) {
                if (p.expression === node) continue;
            }
            return false;
        }
    }

    function DEF_BITPROPS(ctor, props) {
        if (props.length > 31) throw new Error("Too many properties: " + props.length + "\n" + props.join(", "));
        props.forEach(function (name, pos) {
            var mask = 1 << pos;
            Object.defineProperty(ctor.prototype, name, {
                get: function () {
                    return !!(this._bits & mask);
                },
                set: function (val) {
                    if (val)
                        this._bits |= mask;
                    else
                        this._bits &= ~mask;
                },
            });
        });
    }


    /***********************************************************************

  A JavaScript tokenizer / parser / beautifier / compressor.
  https://github.com/mishoo/UglifyJS

  -------------------------------- (C) ---------------------------------

                           Author: Mihai Bazon
                         <mihai.bazon@gmail.com>
                       http://mihai.bazon.net/blog

  Distributed under the BSD license:

    Copyright 2012 (c) Mihai Bazon <mihai.bazon@gmail.com>

    Redistribution and use in source and binary forms, with or without
    modification, are permitted provided that the following conditions
    are met:

        * Redistributions of source code must retain the above
          copyright notice, this list of conditions and the following
          disclaimer.

        * Redistributions in binary form must reproduce the above
          copyright notice, this list of conditions and the following
          disclaimer in the documentation and/or other materials
          provided with the distribution.

    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
    EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
    PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
    LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
    OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
    PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
    PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
    THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
    TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
    THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
    SUCH DAMAGE.

 ***********************************************************************/

    "use strict";

    function DEFNODE(type, props, methods, base) {
        if (typeof base === "undefined") base = AST_Node;
        props = props ? props.split(/\s+/) : [];
        var self_props = props;
        if (base && base.PROPS) props = props.concat(base.PROPS);
        var code = [
            "return function AST_", type, "(props){",
            // not essential, but speeds up compress by a few percent
            "this._bits=0;",
            "if(props){",
        ];
        props.forEach(function (prop) {
            code.push("this.", prop, "=props.", prop, ";");
        });
        code.push("}");
        var proto = Object.create(base && base.prototype);
        if (methods.initialize || proto.initialize) code.push("this.initialize();");
        code.push("};");
        var ctor = new Function(code.join(""))();
        ctor.prototype = proto;
        proto.hasOwnProperty = Object.prototype.hasOwnProperty;
        ctor.prototype.CTOR = ctor;
        ctor.prototype.TYPE = ctor.TYPE = type;
        if (base) {
            ctor.BASE = base;
            base.SUBCLASSES.push(ctor);
        }
        ctor.DEFMETHOD = function (name, method) {
            this.prototype[name] = method;
        };
        ctor.PROPS = props;
        ctor.SELF_PROPS = self_props;
        ctor.SUBCLASSES = [];
        for (var name in methods) if (HOP(methods, name)) {
            if (/^\$/.test(name)) {
                ctor[name.substr(1)] = methods[name];
            } else {
                ctor.DEFMETHOD(name, methods[name]);
            }
        }
        if (typeof exports !== "undefined") exports["AST_" + type] = ctor;
        return ctor;
    }

    var AST_Token = DEFNODE("Token", "type value line col pos endline endcol endpos nlb comments_before comments_after file raw", {
    }, null);

    var AST_Node = DEFNODE("Node", "start end", {
        _clone: function (deep) {
            if (deep) {
                var self = this.clone();
                return self.transform(new TreeTransformer(function (node) {
                    if (node !== self) {
                        return node.clone(true);
                    }
                }));
            }
            return new this.CTOR(this);
        },
        clone: function (deep) {
            return this._clone(deep);
        },
        $documentation: "Base class of all AST nodes",
        $propdoc: {
            start: "[AST_Token] The first token of this node",
            end: "[AST_Token] The last token of this node"
        },
        walk: function (visitor) {
            visitor.visit(this);
        },
        _validate: function () {
            if (this.TYPE == "Node") throw new Error("should not instantiate AST_Node");
        },
        validate: function () {
            var ctor = this.CTOR;
            do {
                ctor.prototype._validate.call(this);
            } while (ctor = ctor.BASE);
        },
        validate_ast: function () {
            var marker = {};
            this.walk(new TreeWalker(function (node) {
                if (node.validate_visited === marker) {
                    throw new Error(string_template("cannot reuse {type} from [{file}:{line},{col}]", {
                        type: "AST_" + node.TYPE,
                        file: node.start.file,
                        line: node.start.line,
                        col: node.start.col,
                    }));
                }
                node.validate_visited = marker;
            }));
        },
    }, null);

    DEF_BITPROPS(AST_Node, [
        "_optimized",
        "_squeezed",
        // AST_Call
        "call_only",
        // AST_Lambda
        "collapse_scanning",
        // AST_SymbolRef
        "defined",
        "evaluating",
        "falsy",
        // AST_SymbolRef
        "in_arg",
        // AST_Return
        "in_bool",
        // AST_SymbolRef
        "is_undefined",
        // AST_LambdaExpression
        // AST_LambdaDefinition
        "inlined",
        // AST_Lambda
        "length_read",
        // AST_Yield
        "nested",
        // AST_Lambda
        "new",
        // AST_Call
        // AST_PropAccess
        "optional",
        // AST_ClassProperty
        "private",
        // AST_Call
        "pure",
        // AST_Assign
        "redundant",
        // AST_ClassProperty
        "static",
        // AST_Call
        // AST_PropAccess
        "terminal",
        "truthy",
        // AST_Scope
        "uses_eval",
        // AST_Scope
        "uses_with",
    ]);

    (AST_Node.log_function = function (fn, verbose) {
        if (typeof fn != "function") {
            AST_Node.info = AST_Node.warn = noop;
            return;
        }
        var printed = Object.create(null);
        AST_Node.info = verbose ? function (text, props) {
            log("INFO: " + string_template(text, props));
        } : noop;
        AST_Node.warn = function (text, props) {
            log("WARN: " + string_template(text, props));
        };

        function log(msg) {
            if (printed[msg]) return;
            printed[msg] = true;
            fn(msg);
        }
    })();

    var restore_transforms = [];
    AST_Node.enable_validation = function () {
        AST_Node.disable_validation();
        (function validate_transform(ctor) {
            ctor.SUBCLASSES.forEach(validate_transform);
            if (!HOP(ctor.prototype, "transform")) return;
            var transform = ctor.prototype.transform;
            ctor.prototype.transform = function (tw, in_list) {
                var node = transform.call(this, tw, in_list);
                if (node instanceof AST_Node) {
                    node.validate();
                } else if (!(node === null || in_list && List.is_op(node))) {
                    throw new Error("invalid transformed value: " + node);
                }
                return node;
            };
            restore_transforms.push(function () {
                ctor.prototype.transform = transform;
            });
        })(this);
    };

    AST_Node.disable_validation = function () {
        var restore;
        while (restore = restore_transforms.pop()) restore();
    };

    /* -----[ statements ]----- */

    var AST_Statement = DEFNODE("Statement", null, {
        $documentation: "Base class of all statements",
        _validate: function () {
            if (this.TYPE == "Statement") throw new Error("should not instantiate AST_Statement");
        },
    });

    var AST_Debugger = DEFNODE("Debugger", null, {
        $documentation: "Represents a debugger statement",
    }, AST_Statement);

    var AST_Directive = DEFNODE("Directive", "quote value", {
        $documentation: "Represents a directive, like \"use strict\";",
        $propdoc: {
            quote: "[string?] the original quote character",
            value: "[string] The value of this directive as a plain string (it's not an AST_String!)",
        },
        _validate: function () {
            if (this.quote != null) {
                if (typeof this.quote != "string") throw new Error("quote must be string");
                if (!/^["']$/.test(this.quote)) throw new Error("invalid quote: " + this.quote);
            }
            if (typeof this.value != "string") throw new Error("value must be string");
        },
    }, AST_Statement);

    var AST_EmptyStatement = DEFNODE("EmptyStatement", null, {
        $documentation: "The empty statement (empty block or simply a semicolon)"
    }, AST_Statement);

    function is_statement(node) {
        return node instanceof AST_Statement
            && !(node instanceof AST_ClassExpression)
            && !(node instanceof AST_LambdaExpression);
    }

    function validate_expression(value, prop, multiple, allow_spread, allow_hole) {
        multiple = multiple ? "contain" : "be";
        if (!(value instanceof AST_Node)) throw new Error(prop + " must " + multiple + " AST_Node");
        if (value instanceof AST_DefaultValue) throw new Error(prop + " cannot " + multiple + " AST_DefaultValue");
        if (value instanceof AST_Destructured) throw new Error(prop + " cannot " + multiple + " AST_Destructured");
        if (value instanceof AST_Hole && !allow_hole) throw new Error(prop + " cannot " + multiple + " AST_Hole");
        if (value instanceof AST_Spread && !allow_spread) throw new Error(prop + " cannot " + multiple + " AST_Spread");
        if (is_statement(value)) throw new Error(prop + " cannot " + multiple + " AST_Statement");
        if (value instanceof AST_SymbolDeclaration) {
            throw new Error(prop + " cannot " + multiple + " AST_SymbolDeclaration");
        }
    }

    function must_be_expression(node, prop) {
        validate_expression(node[prop], prop);
    }

    var AST_SimpleStatement = DEFNODE("SimpleStatement", "body", {
        $documentation: "A statement consisting of an expression, i.e. a = 1 + 2",
        $propdoc: {
            body: "[AST_Node] an expression node (should not be instanceof AST_Statement)",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "body");
        },
    }, AST_Statement);

    var AST_BlockScope = DEFNODE("BlockScope", "_var_names enclosed functions make_def parent_scope variables", {
        $documentation: "Base class for all statements introducing a lexical scope",
        $propdoc: {
            enclosed: "[SymbolDef*/S] a list of all symbol definitions that are accessed from this scope or any subscopes",
            functions: "[Dictionary/S] like `variables`, but only lists function declarations",
            parent_scope: "[AST_Scope?/S] link to the parent scope",
            variables: "[Dictionary/S] a map of name ---> SymbolDef for all variables/functions defined in this scope",
        },
        clone: function (deep) {
            var node = this._clone(deep);
            if (this.enclosed) node.enclosed = this.enclosed.slice();
            if (this.functions) node.functions = this.functions.clone();
            if (this.variables) node.variables = this.variables.clone();
            return node;
        },
        pinned: function () {
            return this.resolve().pinned();
        },
        resolve: function () {
            return this.parent_scope.resolve();
        },
        _validate: function () {
            if (this.TYPE == "BlockScope") throw new Error("should not instantiate AST_BlockScope");
            if (this.parent_scope == null) return;
            if (!(this.parent_scope instanceof AST_BlockScope)) throw new Error("parent_scope must be AST_BlockScope");
            if (!(this.resolve() instanceof AST_Scope)) throw new Error("must be contained within AST_Scope");
        },
    }, AST_Statement);

    function walk_body(node, visitor) {
        node.body.forEach(function (node) {
            node.walk(visitor);
        });
    }

    var AST_Block = DEFNODE("Block", "body", {
        $documentation: "A body of statements (usually braced)",
        $propdoc: {
            body: "[AST_Statement*] an array of statements"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                walk_body(node, visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "Block") throw new Error("should not instantiate AST_Block");
            this.body.forEach(function (node) {
                if (!is_statement(node)) throw new Error("body must contain AST_Statement");
            });
        },
    }, AST_BlockScope);

    var AST_BlockStatement = DEFNODE("BlockStatement", null, {
        $documentation: "A block statement",
    }, AST_Block);

    var AST_StatementWithBody = DEFNODE("StatementWithBody", "body", {
        $documentation: "Base class for all statements that contain one nested body: `For`, `ForIn`, `Do`, `While`, `With`",
        $propdoc: {
            body: "[AST_Statement] the body; this should always be present, even if it's an AST_EmptyStatement"
        },
        _validate: function () {
            if (this.TYPE == "StatementWithBody") throw new Error("should not instantiate AST_StatementWithBody");
            if (!is_statement(this.body)) throw new Error("body must be AST_Statement");
        },
    }, AST_BlockScope);

    var AST_LabeledStatement = DEFNODE("LabeledStatement", "label", {
        $documentation: "Statement with a label",
        $propdoc: {
            label: "[AST_Label] a label definition"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.label.walk(visitor);
                node.body.walk(visitor);
            });
        },
        clone: function (deep) {
            var node = this._clone(deep);
            if (deep) {
                var label = node.label;
                var def = this.label;
                node.walk(new TreeWalker(function (node) {
                    if (node instanceof AST_LoopControl) {
                        if (!node.label || node.label.thedef !== def) return;
                        node.label.thedef = label;
                        label.references.push(node);
                        return true;
                    }
                    if (node instanceof AST_Scope) return true;
                }));
            }
            return node;
        },
        _validate: function () {
            if (!(this.label instanceof AST_Label)) throw new Error("label must be AST_Label");
        },
    }, AST_StatementWithBody);

    var AST_IterationStatement = DEFNODE("IterationStatement", null, {
        $documentation: "Internal class.  All loops inherit from it.",
        _validate: function () {
            if (this.TYPE == "IterationStatement") throw new Error("should not instantiate AST_IterationStatement");
        },
    }, AST_StatementWithBody);

    var AST_DWLoop = DEFNODE("DWLoop", "condition", {
        $documentation: "Base class for do/while statements",
        $propdoc: {
            condition: "[AST_Node] the loop condition.  Should not be instanceof AST_Statement"
        },
        _validate: function () {
            if (this.TYPE == "DWLoop") throw new Error("should not instantiate AST_DWLoop");
            must_be_expression(this, "condition");
        },
    }, AST_IterationStatement);

    var AST_Do = DEFNODE("Do", null, {
        $documentation: "A `do` statement",
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.body.walk(visitor);
                node.condition.walk(visitor);
            });
        }
    }, AST_DWLoop);

    var AST_While = DEFNODE("While", null, {
        $documentation: "A `while` statement",
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.condition.walk(visitor);
                node.body.walk(visitor);
            });
        }
    }, AST_DWLoop);

    var AST_For = DEFNODE("For", "init condition step", {
        $documentation: "A `for` statement",
        $propdoc: {
            init: "[AST_Node?] the `for` initialization code, or null if empty",
            condition: "[AST_Node?] the `for` termination clause, or null if empty",
            step: "[AST_Node?] the `for` update clause, or null if empty"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.init) node.init.walk(visitor);
                if (node.condition) node.condition.walk(visitor);
                if (node.step) node.step.walk(visitor);
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            if (this.init != null) {
                if (!(this.init instanceof AST_Node)) throw new Error("init must be AST_Node");
                if (is_statement(this.init) && !(this.init instanceof AST_Definitions)) {
                    throw new Error("init cannot be AST_Statement");
                }
            }
            if (this.condition != null) must_be_expression(this, "condition");
            if (this.step != null) must_be_expression(this, "step");
        },
    }, AST_IterationStatement);

    var AST_ForEnumeration = DEFNODE("ForEnumeration", "init object", {
        $documentation: "Base class for enumeration loops, i.e. `for ... in`, `for ... of` & `for await ... of`",
        $propdoc: {
            init: "[AST_Node] the assignment target during iteration",
            object: "[AST_Node] the object to iterate over"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.init.walk(visitor);
                node.object.walk(visitor);
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "ForEnumeration") throw new Error("should not instantiate AST_ForEnumeration");
            if (this.init instanceof AST_Definitions) {
                if (this.init.definitions.length != 1) throw new Error("init must have single declaration");
            } else {
                validate_destructured(this.init, function (node) {
                    if (!(node instanceof AST_PropAccess || node instanceof AST_SymbolRef)) {
                        throw new Error("init must be assignable: " + node.TYPE);
                    }
                });
            }
            must_be_expression(this, "object");
        },
    }, AST_IterationStatement);

    var AST_ForIn = DEFNODE("ForIn", null, {
        $documentation: "A `for ... in` statement",
    }, AST_ForEnumeration);

    var AST_ForOf = DEFNODE("ForOf", null, {
        $documentation: "A `for ... of` statement",
    }, AST_ForEnumeration);

    var AST_ForAwaitOf = DEFNODE("ForAwaitOf", null, {
        $documentation: "A `for await ... of` statement",
    }, AST_ForOf);

    var AST_With = DEFNODE("With", "expression", {
        $documentation: "A `with` statement",
        $propdoc: {
            expression: "[AST_Node] the `with` expression"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
        },
    }, AST_StatementWithBody);

    /* -----[ scope and functions ]----- */

    var AST_Scope = DEFNODE("Scope", "fn_defs may_call_this uses_eval uses_with", {
        $documentation: "Base class for all statements introducing a lexical scope",
        $propdoc: {
            uses_eval: "[boolean/S] tells whether this scope contains a direct call to the global `eval`",
            uses_with: "[boolean/S] tells whether this scope uses the `with` statement",
        },
        pinned: function () {
            return this.uses_eval || this.uses_with;
        },
        resolve: return_this,
        _validate: function () {
            if (this.TYPE == "Scope") throw new Error("should not instantiate AST_Scope");
        },
    }, AST_Block);

    var AST_Toplevel = DEFNODE("Toplevel", "globals", {
        $documentation: "The toplevel scope",
        $propdoc: {
            globals: "[Dictionary/S] a map of name ---> SymbolDef for all undeclared names",
        },
        wrap: function (name) {
            var body = this.body;
            return ParseJs([
                "(function(exports){'$ORIG';})(typeof ",
                name,
                "=='undefined'?(",
                name,
                "={}):",
                name,
                ");"
            ].join(""), {
                filename: "wrap=" + JSON.stringify(name)
            }).transform(new TreeTransformer(function (node) {
                if (node instanceof AST_Directive && node.value == "$ORIG") {
                    return List.splice(body);
                }
            }));
        },
        enclose: function (args_values) {
            if (typeof args_values != "string") args_values = "";
            var index = args_values.indexOf(":");
            if (index < 0) index = args_values.length;
            var body = this.body;
            return ParseJs([
                "(function(",
                args_values.slice(0, index),
                '){"$ORIG"})(',
                args_values.slice(index + 1),
                ")"
            ].join(""), {
                filename: "enclose=" + JSON.stringify(args_values)
            }).transform(new TreeTransformer(function (node) {
                if (node instanceof AST_Directive && node.value == "$ORIG") {
                    return List.splice(body);
                }
            }));
        }
    }, AST_Scope);

    var AST_Lambda = DEFNODE("Lambda", "argnames length_read rest safe_ids uses_arguments", {
        $documentation: "Base class for functions",
        $propdoc: {
            argnames: "[(AST_DefaultValue|AST_Destructured|AST_SymbolFunarg)*] array of function arguments and/or destructured literals",
            length_read: "[boolean/S] whether length property of this function is accessed",
            rest: "[(AST_Destructured|AST_SymbolFunarg)?] rest parameter, or null if absent",
            uses_arguments: "[boolean|number/S] whether this function accesses the arguments array",
        },
        each_argname: function (visit) {
            var tw = new TreeWalker(function (node) {
                if (node instanceof AST_DefaultValue) {
                    node.name.walk(tw);
                    return true;
                }
                if (node instanceof AST_DestructuredKeyVal) {
                    node.value.walk(tw);
                    return true;
                }
                if (node instanceof AST_SymbolFunarg) visit(node);
            });
            this.argnames.forEach(function (argname) {
                argname.walk(tw);
            });
            if (this.rest) this.rest.walk(tw);
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.name) node.name.walk(visitor);
                node.argnames.forEach(function (argname) {
                    argname.walk(visitor);
                });
                if (node.rest) node.rest.walk(visitor);
                walk_body(node, visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "Lambda") throw new Error("should not instantiate AST_Lambda");
            this.argnames.forEach(function (node) {
                validate_destructured(node, function (node) {
                    if (!(node instanceof AST_SymbolFunarg)) throw new Error("argnames must be AST_SymbolFunarg[]");
                }, true);
            });
            if (this.rest != null) validate_destructured(this.rest, function (node) {
                if (!(node instanceof AST_SymbolFunarg)) throw new Error("rest must be AST_SymbolFunarg");
            });
        },
    }, AST_Scope);

    var AST_Accessor = DEFNODE("Accessor", null, {
        $documentation: "A getter/setter function",
        _validate: function () {
            if (this.name != null) throw new Error("name must be null");
        },
    }, AST_Lambda);

    var AST_LambdaExpression = DEFNODE("LambdaExpression", "inlined", {
        $documentation: "Base class for function expressions",
        $propdoc: {
            inlined: "[boolean/S] whether this function has been inlined",
        },
        _validate: function () {
            if (this.TYPE == "LambdaExpression") throw new Error("should not instantiate AST_LambdaExpression");
        },
    }, AST_Lambda);

    function is_arrow(node) {
        return node instanceof AST_Arrow || node instanceof AST_AsyncArrow;
    }

    function is_async(node) {
        return node instanceof AST_AsyncArrow
            || node instanceof AST_AsyncDefun
            || node instanceof AST_AsyncFunction
            || node instanceof AST_AsyncGeneratorDefun
            || node instanceof AST_AsyncGeneratorFunction;
    }

    function is_generator(node) {
        return node instanceof AST_AsyncGeneratorDefun
            || node instanceof AST_AsyncGeneratorFunction
            || node instanceof AST_GeneratorDefun
            || node instanceof AST_GeneratorFunction;
    }

    function walk_lambda(node, tw) {
        if (is_arrow(node) && node.value) {
            node.value.walk(tw);
        } else {
            walk_body(node, tw);
        }
    }

    var AST_Arrow = DEFNODE("Arrow", "value", {
        $documentation: "An arrow function expression",
        $propdoc: {
            value: "[AST_Node?] simple return expression, or null if using function body.",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.argnames.forEach(function (argname) {
                    argname.walk(visitor);
                });
                if (node.rest) node.rest.walk(visitor);
                if (node.value) {
                    node.value.walk(visitor);
                } else {
                    walk_body(node, visitor);
                }
            });
        },
        _validate: function () {
            if (this.name != null) throw new Error("name must be null");
            if (this.uses_arguments) throw new Error("uses_arguments must be false");
            if (this.value != null) {
                must_be_expression(this, "value");
                if (this.body.length) throw new Error("body must be empty if value exists");
            }
        },
    }, AST_LambdaExpression);

    var AST_AsyncArrow = DEFNODE("AsyncArrow", "value", {
        $documentation: "An asynchronous arrow function expression",
        $propdoc: {
            value: "[AST_Node?] simple return expression, or null if using function body.",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.argnames.forEach(function (argname) {
                    argname.walk(visitor);
                });
                if (node.rest) node.rest.walk(visitor);
                if (node.value) {
                    node.value.walk(visitor);
                } else {
                    walk_body(node, visitor);
                }
            });
        },
        _validate: function () {
            if (this.name != null) throw new Error("name must be null");
            if (this.uses_arguments) throw new Error("uses_arguments must be false");
            if (this.value != null) {
                must_be_expression(this, "value");
                if (this.body.length) throw new Error("body must be empty if value exists");
            }
        },
    }, AST_LambdaExpression);

    var AST_AsyncFunction = DEFNODE("AsyncFunction", "name", {
        $documentation: "An asynchronous function expression",
        $propdoc: {
            name: "[AST_SymbolLambda?] the name of this function, or null if not specified",
        },
        _validate: function () {
            if (this.name != null) {
                if (!(this.name instanceof AST_SymbolLambda)) throw new Error("name must be AST_SymbolLambda");
            }
        },
    }, AST_LambdaExpression);

    var AST_AsyncGeneratorFunction = DEFNODE("AsyncGeneratorFunction", "name", {
        $documentation: "An asynchronous generator function expression",
        $propdoc: {
            name: "[AST_SymbolLambda?] the name of this function, or null if not specified",
        },
        _validate: function () {
            if (this.name != null) {
                if (!(this.name instanceof AST_SymbolLambda)) throw new Error("name must be AST_SymbolLambda");
            }
        },
    }, AST_LambdaExpression);

    var AST_Function = DEFNODE("Function", "name", {
        $documentation: "A function expression",
        $propdoc: {
            name: "[AST_SymbolLambda?] the name of this function, or null if not specified",
        },
        _validate: function () {
            if (this.name != null) {
                if (!(this.name instanceof AST_SymbolLambda)) throw new Error("name must be AST_SymbolLambda");
            }
        },
    }, AST_LambdaExpression);

    var AST_GeneratorFunction = DEFNODE("GeneratorFunction", "name", {
        $documentation: "A generator function expression",
        $propdoc: {
            name: "[AST_SymbolLambda?] the name of this function, or null if not specified",
        },
        _validate: function () {
            if (this.name != null) {
                if (!(this.name instanceof AST_SymbolLambda)) throw new Error("name must be AST_SymbolLambda");
            }
        },
    }, AST_LambdaExpression);

    var AST_LambdaDefinition = DEFNODE("LambdaDefinition", "inlined name", {
        $documentation: "Base class for function definitions",
        $propdoc: {
            inlined: "[boolean/S] whether this function has been inlined",
            name: "[AST_SymbolDefun] the name of this function",
        },
        _validate: function () {
            if (this.TYPE == "LambdaDefinition") throw new Error("should not instantiate AST_LambdaDefinition");
            if (!(this.name instanceof AST_SymbolDefun)) throw new Error("name must be AST_SymbolDefun");
        },
    }, AST_Lambda);

    var AST_AsyncDefun = DEFNODE("AsyncDefun", null, {
        $documentation: "An asynchronous function definition",
    }, AST_LambdaDefinition);

    var AST_AsyncGeneratorDefun = DEFNODE("AsyncGeneratorDefun", null, {
        $documentation: "An asynchronous generator function definition",
    }, AST_LambdaDefinition);

    var AST_Defun = DEFNODE("Defun", null, {
        $documentation: "A function definition",
    }, AST_LambdaDefinition);

    var AST_GeneratorDefun = DEFNODE("GeneratorDefun", null, {
        $documentation: "A generator function definition",
    }, AST_LambdaDefinition);

    /* -----[ classes ]----- */

    var AST_Class = DEFNODE("Class", "extends name properties", {
        $documentation: "Base class for class literals",
        $propdoc: {
            extends: "[AST_Node?] the super class, or null if not specified",
            properties: "[AST_ClassProperty*] array of class properties",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.name) node.name.walk(visitor);
                if (node.extends) node.extends.walk(visitor);
                node.properties.forEach(function (prop) {
                    prop.walk(visitor);
                });
            });
        },
        _validate: function () {
            if (this.TYPE == "Class") throw new Error("should not instantiate AST_Class");
            if (this.extends != null) must_be_expression(this, "extends");
            this.properties.forEach(function (node) {
                if (!(node instanceof AST_ClassProperty)) throw new Error("properties must contain AST_ClassProperty");
            });
        },
    }, AST_BlockScope);

    var AST_DefClass = DEFNODE("DefClass", null, {
        $documentation: "A class definition",
        $propdoc: {
            name: "[AST_SymbolDefClass] the name of this class",
        },
        resolve: function (def_class) {
            return def_class ? this : this.parent_scope.resolve();
        },
        _validate: function () {
            if (!(this.name instanceof AST_SymbolDefClass)) throw new Error("name must be AST_SymbolDefClass");
        },
    }, AST_Class);

    var AST_ClassExpression = DEFNODE("ClassExpression", null, {
        $documentation: "A class expression",
        $propdoc: {
            name: "[AST_SymbolClass?] the name of this class, or null if not specified",
        },
        _validate: function () {
            if (this.name != null) {
                if (!(this.name instanceof AST_SymbolClass)) throw new Error("name must be AST_SymbolClass");
            }
        },
    }, AST_Class);

    var AST_ClassProperty = DEFNODE("ClassProperty", "key private static value", {
        $documentation: "Base class for `class` properties",
        $propdoc: {
            key: "[string|AST_Node] property name (AST_Node for computed property)",
            private: "[boolean] whether this is a private property",
            static: "[boolean] whether this is a static property",
            value: "[AST_Node?] property value (AST_Accessor for getters/setters, AST_LambdaExpression for methods, null if not specified for fields)",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.key instanceof AST_Node) node.key.walk(visitor);
                if (node.value) node.value.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "ClassProperty") throw new Error("should not instantiate AST_ClassProperty");
            if (typeof this.key != "string") {
                if (!(this.key instanceof AST_Node)) throw new Error("key must be string or AST_Node");
                must_be_expression(this, "key");
            }
            if (this.value != null) {
                if (!(this.value instanceof AST_Node)) throw new Error("value must be AST_Node");
            }
        },
    });

    var AST_ClassField = DEFNODE("ClassField", null, {
        $documentation: "A `class` field",
        _validate: function () {
            if (this.value != null) must_be_expression(this, "value");
        },
    }, AST_ClassProperty);

    var AST_ClassGetter = DEFNODE("ClassGetter", null, {
        $documentation: "A `class` getter",
        _validate: function () {
            if (!(this.value instanceof AST_Accessor)) throw new Error("value must be AST_Accessor");
        },
    }, AST_ClassProperty);

    var AST_ClassSetter = DEFNODE("ClassSetter", null, {
        $documentation: "A `class` setter",
        _validate: function () {
            if (!(this.value instanceof AST_Accessor)) throw new Error("value must be AST_Accessor");
        },
    }, AST_ClassProperty);

    var AST_ClassMethod = DEFNODE("ClassMethod", null, {
        $documentation: "A `class` method",
        _validate: function () {
            if (!(this.value instanceof AST_LambdaExpression)) throw new Error("value must be AST_LambdaExpression");
            if (is_arrow(this.value)) throw new Error("value cannot be AST_Arrow or AST_AsyncArrow");
            if (this.value.name != null) throw new Error("name of class method's lambda must be null");
        },
    }, AST_ClassProperty);

    /* -----[ JUMPS ]----- */

    var AST_Jump = DEFNODE("Jump", null, {
        $documentation: "Base class for “jumps” (for now that's `return`, `throw`, `break` and `continue`)",
        _validate: function () {
            if (this.TYPE == "Jump") throw new Error("should not instantiate AST_Jump");
        },
    }, AST_Statement);

    var AST_Exit = DEFNODE("Exit", "value", {
        $documentation: "Base class for “exits” (`return` and `throw`)",
        $propdoc: {
            value: "[AST_Node?] the value returned or thrown by this statement; could be null for AST_Return"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.value) node.value.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "Exit") throw new Error("should not instantiate AST_Exit");
        },
    }, AST_Jump);

    var AST_Return = DEFNODE("Return", null, {
        $documentation: "A `return` statement",
        _validate: function () {
            if (this.value != null) must_be_expression(this, "value");
        },
    }, AST_Exit);

    var AST_Throw = DEFNODE("Throw", null, {
        $documentation: "A `throw` statement",
        _validate: function () {
            must_be_expression(this, "value");
        },
    }, AST_Exit);

    var AST_LoopControl = DEFNODE("LoopControl", "label", {
        $documentation: "Base class for loop control statements (`break` and `continue`)",
        $propdoc: {
            label: "[AST_LabelRef?] the label, or null if none",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.label) node.label.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "LoopControl") throw new Error("should not instantiate AST_LoopControl");
            if (this.label != null) {
                if (!(this.label instanceof AST_LabelRef)) throw new Error("label must be AST_LabelRef");
            }
        },
    }, AST_Jump);

    var AST_Break = DEFNODE("Break", null, {
        $documentation: "A `break` statement"
    }, AST_LoopControl);

    var AST_Continue = DEFNODE("Continue", null, {
        $documentation: "A `continue` statement"
    }, AST_LoopControl);

    /* -----[ IF ]----- */

    var AST_If = DEFNODE("If", "condition alternative", {
        $documentation: "A `if` statement",
        $propdoc: {
            condition: "[AST_Node] the `if` condition",
            alternative: "[AST_Statement?] the `else` part, or null if not present"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.condition.walk(visitor);
                node.body.walk(visitor);
                if (node.alternative) node.alternative.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "condition");
            if (this.alternative != null) {
                if (!is_statement(this.alternative)) throw new Error("alternative must be AST_Statement");
            }
        },
    }, AST_StatementWithBody);

    /* -----[ SWITCH ]----- */

    var AST_Switch = DEFNODE("Switch", "expression", {
        $documentation: "A `switch` statement",
        $propdoc: {
            expression: "[AST_Node] the `switch` “discriminant”"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
                walk_body(node, visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
            this.body.forEach(function (node) {
                if (!(node instanceof AST_SwitchBranch)) throw new Error("body must be AST_SwitchBranch[]");
            });
        },
    }, AST_Block);

    var AST_SwitchBranch = DEFNODE("SwitchBranch", null, {
        $documentation: "Base class for `switch` branches",
        _validate: function () {
            if (this.TYPE == "SwitchBranch") throw new Error("should not instantiate AST_SwitchBranch");
        },
    }, AST_Block);

    var AST_Default = DEFNODE("Default", null, {
        $documentation: "A `default` switch branch",
    }, AST_SwitchBranch);

    var AST_Case = DEFNODE("Case", "expression", {
        $documentation: "A `case` switch branch",
        $propdoc: {
            expression: "[AST_Node] the `case` expression"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
                walk_body(node, visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
        },
    }, AST_SwitchBranch);

    /* -----[ EXCEPTIONS ]----- */

    var AST_Try = DEFNODE("Try", "bcatch bfinally", {
        $documentation: "A `try` statement",
        $propdoc: {
            bcatch: "[AST_Catch?] the catch block, or null if not present",
            bfinally: "[AST_Finally?] the finally block, or null if not present"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                walk_body(node, visitor);
                if (node.bcatch) node.bcatch.walk(visitor);
                if (node.bfinally) node.bfinally.walk(visitor);
            });
        },
        _validate: function () {
            if (this.bcatch != null) {
                if (!(this.bcatch instanceof AST_Catch)) throw new Error("bcatch must be AST_Catch");
            }
            if (this.bfinally != null) {
                if (!(this.bfinally instanceof AST_Finally)) throw new Error("bfinally must be AST_Finally");
            }
        },
    }, AST_Block);

    var AST_Catch = DEFNODE("Catch", "argname", {
        $documentation: "A `catch` node; only makes sense as part of a `try` statement",
        $propdoc: {
            argname: "[(AST_Destructured|AST_SymbolCatch)?] symbol for the exception, or null if not present",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.argname) node.argname.walk(visitor);
                walk_body(node, visitor);
            });
        },
        _validate: function () {
            if (this.argname != null) validate_destructured(this.argname, function (node) {
                if (!(node instanceof AST_SymbolCatch)) throw new Error("argname must be AST_SymbolCatch");
            });
        },
    }, AST_Block);

    var AST_Finally = DEFNODE("Finally", null, {
        $documentation: "A `finally` node; only makes sense as part of a `try` statement"
    }, AST_Block);

    /* -----[ VAR ]----- */

    var AST_Definitions = DEFNODE("Definitions", "definitions", {
        $documentation: "Base class for `var` nodes (variable declarations/initializations)",
        $propdoc: {
            definitions: "[AST_VarDef*] array of variable definitions"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.definitions.forEach(function (defn) {
                    defn.walk(visitor);
                });
            });
        },
        _validate: function () {
            if (this.TYPE == "Definitions") throw new Error("should not instantiate AST_Definitions");
            if (this.definitions.length < 1) throw new Error("must have at least one definition");
        },
    }, AST_Statement);

    var AST_Const = DEFNODE("Const", null, {
        $documentation: "A `const` statement",
        _validate: function () {
            this.definitions.forEach(function (node) {
                if (!(node instanceof AST_VarDef)) throw new Error("definitions must be AST_VarDef[]");
                validate_destructured(node.name, function (node) {
                    if (!(node instanceof AST_SymbolConst)) throw new Error("name must be AST_SymbolConst");
                });
            });
        },
    }, AST_Definitions);

    var AST_Let = DEFNODE("Let", null, {
        $documentation: "A `let` statement",
        _validate: function () {
            this.definitions.forEach(function (node) {
                if (!(node instanceof AST_VarDef)) throw new Error("definitions must be AST_VarDef[]");
                validate_destructured(node.name, function (node) {
                    if (!(node instanceof AST_SymbolLet)) throw new Error("name must be AST_SymbolLet");
                });
            });
        },
    }, AST_Definitions);

    var AST_Var = DEFNODE("Var", null, {
        $documentation: "A `var` statement",
        _validate: function () {
            this.definitions.forEach(function (node) {
                if (!(node instanceof AST_VarDef)) throw new Error("definitions must be AST_VarDef[]");
                validate_destructured(node.name, function (node) {
                    if (!(node instanceof AST_SymbolVar)) throw new Error("name must be AST_SymbolVar");
                });
            });
        },
    }, AST_Definitions);

    var AST_VarDef = DEFNODE("VarDef", "name value", {
        $documentation: "A variable declaration; only appears in a AST_Definitions node",
        $propdoc: {
            name: "[AST_Destructured|AST_SymbolVar] name of the variable",
            value: "[AST_Node?] initializer, or null of there's no initializer",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.name.walk(visitor);
                if (node.value) node.value.walk(visitor);
            });
        },
        _validate: function () {
            if (this.value != null) must_be_expression(this, "value");
        },
    });

    /* -----[ OTHER ]----- */

    var AST_ExportDeclaration = DEFNODE("ExportDeclaration", "body", {
        $documentation: "An `export` statement",
        $propdoc: {
            body: "[AST_DefClass|AST_Definitions|AST_LambdaDefinition] the statement to export",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            if (!(this.body instanceof AST_DefClass
                || this.body instanceof AST_Definitions
                || this.body instanceof AST_LambdaDefinition)) {
                throw new Error("body must be AST_DefClass, AST_Definitions or AST_LambdaDefinition");
            }
        },
    }, AST_Statement);

    var AST_ExportDefault = DEFNODE("ExportDefault", "body", {
        $documentation: "An `export default` statement",
        $propdoc: {
            body: "[AST_Node] the default export",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.body.walk(visitor);
            });
        },
        _validate: function () {
            if (!(this.body instanceof AST_DefClass || this.body instanceof AST_LambdaDefinition)) {
                must_be_expression(this, "body");
            }
        },
    }, AST_Statement);

    var AST_ExportForeign = DEFNODE("ExportForeign", "aliases keys path quote", {
        $documentation: "An `export ... from '...'` statement",
        $propdoc: {
            aliases: "[string*] array of aliases to export",
            keys: "[string*] array of keys to import",
            path: "[string] the path to import module",
            quote: "[string?] the original quote character",
        },
        _validate: function () {
            if (this.aliases.length != this.keys.length) {
                throw new Error("aliases:key length mismatch: " + this.aliases.length + " != " + this.keys.length);
            }
            this.aliases.forEach(function (name) {
                if (typeof name != "string") throw new Error("aliases must contain string");
            });
            this.keys.forEach(function (name) {
                if (typeof name != "string") throw new Error("keys must contain string");
            });
            if (typeof this.path != "string") throw new Error("path must be string");
            if (this.quote != null) {
                if (typeof this.quote != "string") throw new Error("quote must be string");
                if (!/^["']$/.test(this.quote)) throw new Error("invalid quote: " + this.quote);
            }
        },
    }, AST_Statement);

    var AST_ExportReferences = DEFNODE("ExportReferences", "properties", {
        $documentation: "An `export { ... }` statement",
        $propdoc: {
            properties: "[AST_SymbolExport*] array of aliases to export",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.properties.forEach(function (prop) {
                    prop.walk(visitor);
                });
            });
        },
        _validate: function () {
            this.properties.forEach(function (prop) {
                if (!(prop instanceof AST_SymbolExport)) throw new Error("properties must contain AST_SymbolExport");
            });
        },
    }, AST_Statement);

    var AST_Import = DEFNODE("Import", "all default path properties quote", {
        $documentation: "An `import` statement",
        $propdoc: {
            all: "[AST_SymbolImport?] the imported namespace, or null if not specified",
            default: "[AST_SymbolImport?] the alias for default `export`, or null if not specified",
            path: "[string] the path to import module",
            properties: "[(AST_SymbolImport*)?] array of aliases, or null if not specified",
            quote: "[string?] the original quote character",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.all) node.all.walk(visitor);
                if (node.default) node.default.walk(visitor);
                if (node.properties) node.properties.forEach(function (prop) {
                    prop.walk(visitor);
                });
            });
        },
        _validate: function () {
            if (this.all != null) {
                if (!(this.all instanceof AST_SymbolImport)) throw new Error("all must be AST_SymbolImport");
                if (this.properties != null) throw new Error("cannot import both * and {} in the same statement");
            }
            if (this.default != null) {
                if (!(this.default instanceof AST_SymbolImport)) throw new Error("default must be AST_SymbolImport");
                if (this.default.key !== "") throw new Error("invalid default key: " + this.default.key);
            }
            if (typeof this.path != "string") throw new Error("path must be string");
            if (this.properties != null) this.properties.forEach(function (node) {
                if (!(node instanceof AST_SymbolImport)) throw new Error("properties must contain AST_SymbolImport");
            });
            if (this.quote != null) {
                if (typeof this.quote != "string") throw new Error("quote must be string");
                if (!/^["']$/.test(this.quote)) throw new Error("invalid quote: " + this.quote);
            }
        },
    }, AST_Statement);

    var AST_DefaultValue = DEFNODE("DefaultValue", "name value", {
        $documentation: "A default value declaration",
        $propdoc: {
            name: "[AST_Destructured|AST_SymbolDeclaration] name of the variable",
            value: "[AST_Node] value to assign if variable is `undefined`",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.name.walk(visitor);
                node.value.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "value");
        },
    });

    function must_be_expressions(node, prop, allow_spread, allow_hole) {
        node[prop].forEach(function (node) {
            validate_expression(node, prop, true, allow_spread, allow_hole);
        });
    }

    var AST_Call = DEFNODE("Call", "args expression optional pure terminal", {
        $documentation: "A function call expression",
        $propdoc: {
            args: "[AST_Node*] array of arguments",
            expression: "[AST_Node] expression to invoke as function",
            optional: "[boolean] whether the expression is optional chaining",
            pure: "[boolean/S] marker for side-effect-free call expression",
            terminal: "[boolean] whether the chain has ended",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
                node.args.forEach(function (arg) {
                    arg.walk(visitor);
                });
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
            must_be_expressions(this, "args", true);
        },
    });

    var AST_New = DEFNODE("New", null, {
        $documentation: "An object instantiation.  Derives from a function call since it has exactly the same properties",
        _validate: function () {
            if (this.optional) throw new Error("optional must be false");
            if (this.terminal) throw new Error("terminal must be false");
        },
    }, AST_Call);

    var AST_Sequence = DEFNODE("Sequence", "expressions", {
        $documentation: "A sequence expression (comma-separated expressions)",
        $propdoc: {
            expressions: "[AST_Node*] array of expressions (at least two)"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expressions.forEach(function (expr) {
                    expr.walk(visitor);
                });
            });
        },
        _validate: function () {
            if (this.expressions.length < 2) throw new Error("expressions must contain multiple elements");
            must_be_expressions(this, "expressions");
        },
    });

    function root_expr(prop) {
        while (prop instanceof AST_PropAccess) prop = prop.expression;
        return prop;
    }

    var AST_PropAccess = DEFNODE("PropAccess", "expression optional property terminal", {
        $documentation: "Base class for property access expressions, i.e. `a.foo` or `a[\"foo\"]`",
        $propdoc: {
            expression: "[AST_Node] the “container” expression",
            optional: "[boolean] whether the expression is optional chaining",
            property: "[AST_Node|string] the property to access.  For AST_Dot this is always a plain string, while for AST_Sub it's an arbitrary AST_Node",
            terminal: "[boolean] whether the chain has ended",
        },
        get_property: function () {
            var p = this.property;
            if (p instanceof AST_Constant) return p.value;
            if (p instanceof AST_UnaryPrefix && p.operator == "void" && p.expression instanceof AST_Constant) return;
            return p;
        },
        _validate: function () {
            if (this.TYPE == "PropAccess") throw new Error("should not instantiate AST_PropAccess");
            must_be_expression(this, "expression");
        },
    });

    var AST_Dot = DEFNODE("Dot", null, {
        $documentation: "A dotted property access expression",
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
            });
        },
        _validate: function () {
            if (typeof this.property != "string") throw new Error("property must be string");
        },
    }, AST_PropAccess);

    var AST_Sub = DEFNODE("Sub", null, {
        $documentation: "Index-style property access, i.e. `a[\"foo\"]`",
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
                node.property.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "property");
        },
    }, AST_PropAccess);

    var AST_Spread = DEFNODE("Spread", "expression", {
        $documentation: "Spread expression in array/object literals or function calls",
        $propdoc: {
            expression: "[AST_Node] expression to be expanded",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
        },
    });

    var AST_Unary = DEFNODE("Unary", "operator expression", {
        $documentation: "Base class for unary expressions",
        $propdoc: {
            operator: "[string] the operator",
            expression: "[AST_Node] expression that this unary operator applies to"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "Unary") throw new Error("should not instantiate AST_Unary");
            if (typeof this.operator != "string") throw new Error("operator must be string");
            must_be_expression(this, "expression");
        },
    });

    var AST_UnaryPrefix = DEFNODE("UnaryPrefix", null, {
        $documentation: "Unary prefix expression, i.e. `typeof i` or `++i`"
    }, AST_Unary);

    var AST_UnaryPostfix = DEFNODE("UnaryPostfix", null, {
        $documentation: "Unary postfix expression, i.e. `i++`"
    }, AST_Unary);

    var AST_Binary = DEFNODE("Binary", "operator left right", {
        $documentation: "Binary expression, i.e. `a + b`",
        $propdoc: {
            left: "[AST_Node] left-hand side expression",
            operator: "[string] the operator",
            right: "[AST_Node] right-hand side expression"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.left.walk(visitor);
                node.right.walk(visitor);
            });
        },
        _validate: function () {
            if (!(this instanceof AST_Assign)) must_be_expression(this, "left");
            if (typeof this.operator != "string") throw new Error("operator must be string");
            must_be_expression(this, "right");
        },
    });

    var AST_Conditional = DEFNODE("Conditional", "condition consequent alternative", {
        $documentation: "Conditional expression using the ternary operator, i.e. `a ? b : c`",
        $propdoc: {
            condition: "[AST_Node]",
            consequent: "[AST_Node]",
            alternative: "[AST_Node]"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.condition.walk(visitor);
                node.consequent.walk(visitor);
                node.alternative.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "condition");
            must_be_expression(this, "consequent");
            must_be_expression(this, "alternative");
        },
    });

    var AST_Assign = DEFNODE("Assign", null, {
        $documentation: "An assignment expression — `a = b + 5`",
        _validate: function () {
            if (this.operator.indexOf("=") < 0) throw new Error('operator must contain "="');
            if (this.left instanceof AST_Destructured) {
                if (this.operator != "=") throw new Error("invalid destructuring operator: " + this.operator);
                validate_destructured(this.left, function (node) {
                    if (!(node instanceof AST_PropAccess || node instanceof AST_SymbolRef)) {
                        throw new Error("left must be assignable: " + node.TYPE);
                    }
                });
            } else if (!(this.left instanceof AST_Infinity
                || this.left instanceof AST_NaN
                || this.left instanceof AST_PropAccess && !this.left.optional
                || this.left instanceof AST_SymbolRef
                || this.left instanceof AST_Undefined)) {
                throw new Error("left must be assignable");
            }
        },
    }, AST_Binary);

    var AST_Await = DEFNODE("Await", "expression", {
        $documentation: "An await expression",
        $propdoc: {
            expression: "[AST_Node] expression with Promise to resolve on",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.expression.walk(visitor);
            });
        },
        _validate: function () {
            must_be_expression(this, "expression");
        },
    });

    var AST_Yield = DEFNODE("Yield", "expression nested", {
        $documentation: "A yield expression",
        $propdoc: {
            expression: "[AST_Node?] return value for iterator, or null if undefined",
            nested: "[boolean] whether to iterate over expression as generator",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.expression) node.expression.walk(visitor);
            });
        },
        _validate: function () {
            if (this.expression != null) {
                must_be_expression(this, "expression");
            } else if (this.nested) {
                throw new Error("yield* must contain expression");
            }
        },
    });

    /* -----[ LITERALS ]----- */

    var AST_Array = DEFNODE("Array", "elements", {
        $documentation: "An array literal",
        $propdoc: {
            elements: "[AST_Node*] array of elements"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.elements.forEach(function (element) {
                    element.walk(visitor);
                });
            });
        },
        _validate: function () {
            must_be_expressions(this, "elements", true, true);
        },
    });

    var AST_Destructured = DEFNODE("Destructured", "rest", {
        $documentation: "Base class for destructured literal",
        $propdoc: {
            rest: "[(AST_Destructured|AST_SymbolDeclaration|AST_SymbolRef)?] rest parameter, or null if absent",
        },
        _validate: function () {
            if (this.TYPE == "Destructured") throw new Error("should not instantiate AST_Destructured");
        },
    });

    function validate_destructured(node, check, allow_default) {
        if (node instanceof AST_DefaultValue && allow_default) return validate_destructured(node.name, check);
        if (node instanceof AST_Destructured) {
            if (node.rest != null) validate_destructured(node.rest, check);
            if (node instanceof AST_DestructuredArray) return node.elements.forEach(function (node) {
                if (!(node instanceof AST_Hole)) validate_destructured(node, check, true);
            });
            if (node instanceof AST_DestructuredObject) return node.properties.forEach(function (prop) {
                validate_destructured(prop.value, check, true);
            });
        }
        check(node);
    }

    var AST_DestructuredArray = DEFNODE("DestructuredArray", "elements", {
        $documentation: "A destructured array literal",
        $propdoc: {
            elements: "[(AST_DefaultValue|AST_Destructured|AST_SymbolDeclaration|AST_SymbolRef)*] array of elements",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.elements.forEach(function (element) {
                    element.walk(visitor);
                });
                if (node.rest) node.rest.walk(visitor);
            });
        },
    }, AST_Destructured);

    var AST_DestructuredKeyVal = DEFNODE("DestructuredKeyVal", "key value", {
        $documentation: "A key: value destructured property",
        $propdoc: {
            key: "[string|AST_Node] property name.  For computed property this is an AST_Node.",
            value: "[AST_DefaultValue|AST_Destructured|AST_SymbolDeclaration|AST_SymbolRef] property value",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.key instanceof AST_Node) node.key.walk(visitor);
                node.value.walk(visitor);
            });
        },
        _validate: function () {
            if (typeof this.key != "string") {
                if (!(this.key instanceof AST_Node)) throw new Error("key must be string or AST_Node");
                must_be_expression(this, "key");
            }
            if (!(this.value instanceof AST_Node)) throw new Error("value must be AST_Node");
        },
    });

    var AST_DestructuredObject = DEFNODE("DestructuredObject", "properties", {
        $documentation: "A destructured object literal",
        $propdoc: {
            properties: "[AST_DestructuredKeyVal*] array of properties",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.properties.forEach(function (prop) {
                    prop.walk(visitor);
                });
                if (node.rest) node.rest.walk(visitor);
            });
        },
        _validate: function () {
            this.properties.forEach(function (node) {
                if (!(node instanceof AST_DestructuredKeyVal)) throw new Error("properties must be AST_DestructuredKeyVal[]");
            });
        },
    }, AST_Destructured);

    var AST_Object = DEFNODE("Object", "properties", {
        $documentation: "An object literal",
        $propdoc: {
            properties: "[(AST_ObjectProperty|AST_Spread)*] array of properties"
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                node.properties.forEach(function (prop) {
                    prop.walk(visitor);
                });
            });
        },
        _validate: function () {
            this.properties.forEach(function (node) {
                if (!(node instanceof AST_ObjectProperty || node instanceof AST_Spread)) {
                    throw new Error("properties must contain AST_ObjectProperty and/or AST_Spread only");
                }
            });
        },
    });

    var AST_ObjectProperty = DEFNODE("ObjectProperty", "key value", {
        $documentation: "Base class for literal object properties",
        $propdoc: {
            key: "[string|AST_Node] property name.  For computed property this is an AST_Node.",
            value: "[AST_Node] property value.  For getters and setters this is an AST_Accessor.",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.key instanceof AST_Node) node.key.walk(visitor);
                node.value.walk(visitor);
            });
        },
        _validate: function () {
            if (this.TYPE == "ObjectProperty") throw new Error("should not instantiate AST_ObjectProperty");
            if (typeof this.key != "string") {
                if (!(this.key instanceof AST_Node)) throw new Error("key must be string or AST_Node");
                must_be_expression(this, "key");
            }
            if (!(this.value instanceof AST_Node)) throw new Error("value must be AST_Node");
        },
    });

    var AST_ObjectKeyVal = DEFNODE("ObjectKeyVal", null, {
        $documentation: "A key: value object property",
        _validate: function () {
            must_be_expression(this, "value");
        },
    }, AST_ObjectProperty);

    var AST_ObjectMethod = DEFNODE("ObjectMethod", null, {
        $documentation: "A key(){} object property",
        _validate: function () {
            if (!(this.value instanceof AST_LambdaExpression)) throw new Error("value must be AST_LambdaExpression");
            if (is_arrow(this.value)) throw new Error("value cannot be AST_Arrow or AST_AsyncArrow");
            if (this.value.name != null) throw new Error("name of object method's lambda must be null");
        },
    }, AST_ObjectKeyVal);

    var AST_ObjectSetter = DEFNODE("ObjectSetter", null, {
        $documentation: "An object setter property",
        _validate: function () {
            if (!(this.value instanceof AST_Accessor)) throw new Error("value must be AST_Accessor");
        },
    }, AST_ObjectProperty);

    var AST_ObjectGetter = DEFNODE("ObjectGetter", null, {
        $documentation: "An object getter property",
        _validate: function () {
            if (!(this.value instanceof AST_Accessor)) throw new Error("value must be AST_Accessor");
        },
    }, AST_ObjectProperty);

    var AST_Symbol = DEFNODE("Symbol", "scope name thedef", {
        $documentation: "Base class for all symbols",
        $propdoc: {
            name: "[string] name of this symbol",
            scope: "[AST_Scope/S] the current scope (not necessarily the definition scope)",
            thedef: "[SymbolDef/S] the definition of this symbol"
        },
        _validate: function () {
            if (this.TYPE == "Symbol") throw new Error("should not instantiate AST_Symbol");
            if (typeof this.name != "string") throw new Error("name must be string");
        },
    });

    var AST_SymbolDeclaration = DEFNODE("SymbolDeclaration", "init", {
        $documentation: "A declaration symbol (symbol in var, function name or argument, symbol in catch)",
    }, AST_Symbol);

    var AST_SymbolConst = DEFNODE("SymbolConst", null, {
        $documentation: "Symbol defining a constant",
    }, AST_SymbolDeclaration);

    var AST_SymbolImport = DEFNODE("SymbolImport", "key", {
        $documentation: "Symbol defined by an `import` statement",
        $propdoc: {
            key: "[string] the original `export` name",
        },
        _validate: function () {
            if (typeof this.key != "string") throw new Error("key must be string");
        },
    }, AST_SymbolConst);

    var AST_SymbolLet = DEFNODE("SymbolLet", null, {
        $documentation: "Symbol defining a lexical-scoped variable",
    }, AST_SymbolDeclaration);

    var AST_SymbolVar = DEFNODE("SymbolVar", null, {
        $documentation: "Symbol defining a variable",
    }, AST_SymbolDeclaration);

    var AST_SymbolFunarg = DEFNODE("SymbolFunarg", "unused", {
        $documentation: "Symbol naming a function argument",
    }, AST_SymbolVar);

    var AST_SymbolDefun = DEFNODE("SymbolDefun", null, {
        $documentation: "Symbol defining a function",
    }, AST_SymbolDeclaration);

    var AST_SymbolLambda = DEFNODE("SymbolLambda", null, {
        $documentation: "Symbol naming a function expression",
    }, AST_SymbolDeclaration);

    var AST_SymbolDefClass = DEFNODE("SymbolDefClass", null, {
        $documentation: "Symbol defining a class",
    }, AST_SymbolConst);

    var AST_SymbolClass = DEFNODE("SymbolClass", null, {
        $documentation: "Symbol naming a class expression",
    }, AST_SymbolConst);

    var AST_SymbolCatch = DEFNODE("SymbolCatch", null, {
        $documentation: "Symbol naming the exception in catch",
    }, AST_SymbolDeclaration);

    var AST_Label = DEFNODE("Label", "references", {
        $documentation: "Symbol naming a label (declaration)",
        $propdoc: {
            references: "[AST_LoopControl*] a list of nodes referring to this label"
        },
        initialize: function () {
            this.references = [];
            this.thedef = this;
        }
    }, AST_Symbol);

    var AST_SymbolRef = DEFNODE("SymbolRef", "fixed in_arg redef", {
        $documentation: "Reference to some symbol (not definition/declaration)",
    }, AST_Symbol);

    var AST_SymbolExport = DEFNODE("SymbolExport", "alias", {
        $documentation: "Reference in an `export` statement",
        $propdoc: {
            alias: "[string] the `export` alias",
        },
        _validate: function () {
            if (typeof this.alias != "string") throw new Error("alias must be string");
        },
    }, AST_SymbolRef);

    var AST_LabelRef = DEFNODE("LabelRef", null, {
        $documentation: "Reference to a label symbol",
    }, AST_Symbol);

    var AST_ObjectIdentity = DEFNODE("ObjectIdentity", null, {
        $documentation: "Base class for `super` & `this`",
        _validate: function () {
            if (this.TYPE == "ObjectIdentity") throw new Error("should not instantiate AST_ObjectIdentity");
        },
    }, AST_Symbol);

    var AST_Super = DEFNODE("Super", null, {
        $documentation: "The `super` symbol",
        _validate: function () {
            if (this.name !== "super") throw new Error('name must be "super"');
        },
    }, AST_ObjectIdentity);

    var AST_This = DEFNODE("This", null, {
        $documentation: "The `this` symbol",
        _validate: function () {
            if (this.TYPE == "This" && this.name !== "this") throw new Error('name must be "this"');
        },
    }, AST_ObjectIdentity);

    var AST_NewTarget = DEFNODE("NewTarget", null, {
        $documentation: "The `new.target` symbol",
        initialize: function () {
            this.name = "new.target";
        },
        _validate: function () {
            if (this.name !== "new.target") throw new Error('name must be "new.target": ' + this.name);
        },
    }, AST_This);

    var AST_Template = DEFNODE("Template", "expressions strings tag", {
        $documentation: "A template literal, i.e. tag`str1${expr1}...strN${exprN}strN+1`",
        $propdoc: {
            expressions: "[AST_Node*] the placeholder expressions",
            strings: "[string*] the raw text segments",
            tag: "[AST_Node] tag function, or null if absent",
        },
        walk: function (visitor) {
            var node = this;
            visitor.visit(node, function () {
                if (node.tag) node.tag.walk(visitor);
                node.expressions.forEach(function (expr) {
                    expr.walk(visitor);
                });
            });
        },
        _validate: function () {
            if (this.expressions.length + 1 != this.strings.length) {
                throw new Error("malformed template with " + this.expressions.length + " placeholder(s) but " + this.strings.length + " text segment(s)");
            }
            must_be_expressions(this, "expressions");
            this.strings.forEach(function (string) {
                if (typeof string != "string") throw new Error("strings must contain string");
            });
            if (this.tag != null) must_be_expression(this, "tag");
        },
    });

    var AST_Constant = DEFNODE("Constant", null, {
        $documentation: "Base class for all constants",
        _validate: function () {
            if (this.TYPE == "Constant") throw new Error("should not instantiate AST_Constant");
        },
    });

    var AST_String = DEFNODE("String", "quote value", {
        $documentation: "A string literal",
        $propdoc: {
            quote: "[string?] the original quote character",
            value: "[string] the contents of this string",
        },
        _validate: function () {
            if (this.quote != null) {
                if (typeof this.quote != "string") throw new Error("quote must be string");
                if (!/^["']$/.test(this.quote)) throw new Error("invalid quote: " + this.quote);
            }
            if (typeof this.value != "string") throw new Error("value must be string");
        },
    }, AST_Constant);

    var AST_Number = DEFNODE("Number", "value", {
        $documentation: "A number literal",
        $propdoc: {
            value: "[number] the numeric value",
        },
        _validate: function () {
            if (typeof this.value != "number") throw new Error("value must be number");
            if (!isFinite(this.value)) throw new Error("value must be finite");
            if (this.value < 0) throw new Error("value cannot be negative");
        },
    }, AST_Constant);

    var AST_BigInt = DEFNODE("BigInt", "value", {
        $documentation: "A BigInt literal",
        $propdoc: {
            value: "[string] the numeric representation",
        },
        _validate: function () {
            if (typeof this.value != "string") throw new Error("value must be string");
            if (this.value[0] == "-") throw new Error("value cannot be negative");
        },
    }, AST_Constant);

    var AST_RegExp = DEFNODE("RegExp", "value", {
        $documentation: "A regexp literal",
        $propdoc: {
            value: "[RegExp] the actual regexp"
        },
        _validate: function () {
            if (!(this.value instanceof RegExp)) throw new Error("value must be RegExp");
        },
    }, AST_Constant);

    var AST_Atom = DEFNODE("Atom", null, {
        $documentation: "Base class for atoms",
        _validate: function () {
            if (this.TYPE == "Atom") throw new Error("should not instantiate AST_Atom");
        },
    }, AST_Constant);

    var AST_Null = DEFNODE("Null", null, {
        $documentation: "The `null` atom",
        value: null,
    }, AST_Atom);

    var AST_NaN = DEFNODE("NaN", null, {
        $documentation: "The impossible value",
        value: 0 / 0,
    }, AST_Atom);

    var AST_Undefined = DEFNODE("Undefined", null, {
        $documentation: "The `undefined` value",
        value: function () { }(),
    }, AST_Atom);

    var AST_Hole = DEFNODE("Hole", null, {
        $documentation: "A hole in an array",
        value: function () { }(),
    }, AST_Atom);

    var AST_Infinity = DEFNODE("Infinity", null, {
        $documentation: "The `Infinity` value",
        value: 1 / 0,
    }, AST_Atom);

    var AST_Boolean = DEFNODE("Boolean", null, {
        $documentation: "Base class for booleans",
        _validate: function () {
            if (this.TYPE == "Boolean") throw new Error("should not instantiate AST_Boolean");
        },
    }, AST_Atom);

    var AST_False = DEFNODE("False", null, {
        $documentation: "The `false` atom",
        value: false,
    }, AST_Boolean);

    var AST_True = DEFNODE("True", null, {
        $documentation: "The `true` atom",
        value: true,
    }, AST_Boolean);

    /* -----[ TreeWalker ]----- */

    function TreeWalker(callback) {
        this.callback = callback;
        this.directives = Object.create(null);
        this.stack = [];
    }
    TreeWalker.prototype = {
        visit: function (node, descend) {
            this.push(node);
            var done = this.callback(node, descend || noop);
            if (!done && descend) descend();
            this.pop();
        },
        parent: function (n) {
            return this.stack[this.stack.length - 2 - (n || 0)];
        },
        push: function (node) {
            if (node instanceof AST_Lambda) {
                this.directives = Object.create(this.directives);
            } else if (node instanceof AST_Directive && !this.directives[node.value]) {
                this.directives[node.value] = node;
            }
            this.stack.push(node);
        },
        pop: function () {
            var node = this.stack.pop();
            if (node instanceof AST_Lambda) {
                this.directives = Object.getPrototypeOf(this.directives);
            }
        },
        self: function () {
            return this.stack[this.stack.length - 1];
        },
        find_parent: function (type) {
            var stack = this.stack;
            for (var i = stack.length - 1; --i >= 0;) {
                var x = stack[i];
                if (x instanceof type) return x;
            }
        },
        has_directive: function (type) {
            var dir = this.directives[type];
            if (dir) return dir;
            var node = this.stack[this.stack.length - 1];
            if (node instanceof AST_Scope) {
                for (var i = 0; i < node.body.length; ++i) {
                    var st = node.body[i];
                    if (!(st instanceof AST_Directive)) break;
                    if (st.value == type) return st;
                }
            }
        },
        loopcontrol_target: function (node) {
            var stack = this.stack;
            if (node.label) for (var i = stack.length; --i >= 0;) {
                var x = stack[i];
                if (x instanceof AST_LabeledStatement && x.label.name == node.label.name)
                    return x.body;
            } else for (var i = stack.length; --i >= 0;) {
                var x = stack[i];
                if (x instanceof AST_IterationStatement
                    || node instanceof AST_Break && x instanceof AST_Switch)
                    return x;
            }
        },
        in_boolean_context: function () {
            for (var drop = true, level = 0, parent, self = this.self() ; parent = this.parent(level++) ; self = parent) {
                if (parent instanceof AST_Binary) switch (parent.operator) {
                    case "&&":
                    case "||":
                        if (parent.left === self) drop = false;
                        continue;
                    default:
                        return false;
                }
                if (parent instanceof AST_Conditional) {
                    if (parent.condition === self) return true;
                    continue;
                }
                if (parent instanceof AST_DWLoop) return parent.condition === self;
                if (parent instanceof AST_For) return parent.condition === self;
                if (parent instanceof AST_If) return parent.condition === self;
                if (parent instanceof AST_Return) {
                    if (parent.in_bool) return true;
                    while (parent = this.parent(level++)) {
                        if (parent instanceof AST_Lambda) {
                            if (parent.name) return false;
                            parent = this.parent(level++);
                            if (parent.TYPE != "Call") return false;
                            break;
                        }
                    }
                }
                if (parent instanceof AST_Sequence) {
                    if (parent.tail_node() === self) continue;
                    return drop ? "d" : true;
                }
                if (parent instanceof AST_SimpleStatement) return drop ? "d" : true;
                if (parent instanceof AST_UnaryPrefix) return parent.operator == "!";
                return false;
            }
        }
    };


    /***********************************************************************

  A JavaScript tokenizer / parser / beautifier / compressor.
  https://github.com/mishoo/UglifyJS

  -------------------------------- (C) ---------------------------------

                           Author: Mihai Bazon
                         <mihai.bazon@gmail.com>
                       http://mihai.bazon.net/blog

  Distributed under the BSD license:

    Copyright 2012 (c) Mihai Bazon <mihai.bazon@gmail.com>
    Parser based on parse-js (http://marijn.haverbeke.nl/parse-js/).

    Redistribution and use in source and binary forms, with or without
    modification, are permitted provided that the following conditions
    are met:

        * Redistributions of source code must retain the above
          copyright notice, this list of conditions and the following
          disclaimer.

        * Redistributions in binary form must reproduce the above
          copyright notice, this list of conditions and the following
          disclaimer in the documentation and/or other materials
          provided with the distribution.

    THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
    EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
    IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
    PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
    LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
    OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
    PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
    PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
    THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
    TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
    THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
    SUCH DAMAGE.

 ***********************************************************************/

    "use strict";

    var KEYWORDS = "break case catch class const continue debugger default delete do else extends finally for function if in instanceof new return switch throw try typeof var void while with";
    var KEYWORDS_ATOM = "false null true";
    var RESERVED_WORDS = [
        "abstract async await boolean byte char double enum export final float goto implements import int interface let long native package private protected public short static super synchronized this throws transient volatile yield",
        KEYWORDS_ATOM,
        KEYWORDS,
    ].join(" ");
    var KEYWORDS_BEFORE_EXPRESSION = "return new delete throw else case";

    KEYWORDS = makePredicate(KEYWORDS);
    RESERVED_WORDS = makePredicate(RESERVED_WORDS);
    KEYWORDS_BEFORE_EXPRESSION = makePredicate(KEYWORDS_BEFORE_EXPRESSION);
    KEYWORDS_ATOM = makePredicate(KEYWORDS_ATOM);

    var RE_BIN_NUMBER = /^0b([01]+)$/i;
    var RE_HEX_NUMBER = /^0x([0-9a-f]+)$/i;
    var RE_OCT_NUMBER = /^0o?([0-7]+)$/i;

    var OPERATORS = makePredicate([
        "in",
        "instanceof",
        "typeof",
        "new",
        "void",
        "delete",
        "++",
        "--",
        "+",
        "-",
        "!",
        "~",
        "&",
        "|",
        "^",
        "*",
        "/",
        "%",
        "**",
        ">>",
        "<<",
        ">>>",
        "<",
        ">",
        "<=",
        ">=",
        "==",
        "===",
        "!=",
        "!==",
        "?",
        "=",
        "+=",
        "-=",
        "/=",
        "*=",
        "%=",
        "**=",
        ">>=",
        "<<=",
        ">>>=",
        "&=",
        "|=",
        "^=",
        "&&",
        "||",
        "??",
        "&&=",
        "||=",
        "??=",
    ]);

    var NEWLINE_CHARS = "\n\r\u2028\u2029";
    var OPERATOR_CHARS = "+-*&%=<>!?|~^";
    var PUNC_OPENERS = "[{(";
    var PUNC_SEPARATORS = ",;:";
    var PUNC_CLOSERS = ")}]";
    var PUNC_AFTER_EXPRESSION = PUNC_SEPARATORS + PUNC_CLOSERS;
    var PUNC_BEFORE_EXPRESSION = PUNC_OPENERS + PUNC_SEPARATORS;
    var PUNC_CHARS = PUNC_BEFORE_EXPRESSION + "`" + PUNC_CLOSERS;
    var WHITESPACE_CHARS = NEWLINE_CHARS + " \u00a0\t\f\u000b\u200b\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\uFEFF";
    var NON_IDENTIFIER_CHARS = makePredicate(characters("./'\"#" + OPERATOR_CHARS + PUNC_CHARS + WHITESPACE_CHARS));

    NEWLINE_CHARS = makePredicate(characters(NEWLINE_CHARS));
    OPERATOR_CHARS = makePredicate(characters(OPERATOR_CHARS));
    PUNC_AFTER_EXPRESSION = makePredicate(characters(PUNC_AFTER_EXPRESSION));
    PUNC_BEFORE_EXPRESSION = makePredicate(characters(PUNC_BEFORE_EXPRESSION));
    PUNC_CHARS = makePredicate(characters(PUNC_CHARS));
    WHITESPACE_CHARS = makePredicate(characters(WHITESPACE_CHARS));

    /* -----[ Tokenizer ]----- */

    function is_surrogate_pair_head(code) {
        return code >= 0xd800 && code <= 0xdbff;
    }

    function is_surrogate_pair_tail(code) {
        return code >= 0xdc00 && code <= 0xdfff;
    }

    function is_digit(code) {
        return code >= 48 && code <= 57;
    }

    function is_identifier_char(ch) {
        return !NON_IDENTIFIER_CHARS[ch];
    }

    function is_identifier_string(str) {
        return /^[a-z_$][a-z0-9_$]*$/i.test(str);
    }

    function decode_escape_sequence(seq) {
        switch (seq[0]) {
            case "b": return "\b";
            case "f": return "\f";
            case "n": return "\n";
            case "r": return "\r";
            case "t": return "\t";
            case "u":
                var code;
                if (seq[1] == "{" && seq.slice(-1) == "}") {
                    code = seq.slice(2, -1);
                } else if (seq.length == 5) {
                    code = seq.slice(1);
                } else {
                    return;
                }
                var num = parseInt(code, 16);
                if (num < 0 || isNaN(num)) return;
                if (num < 0x10000) return String.fromCharCode(num);
                if (num > 0x10ffff) return;
                return String.fromCharCode((num >> 10) + 0xd7c0) + String.fromCharCode((num & 0x03ff) + 0xdc00);
            case "v": return "\u000b";
            case "x":
                if (seq.length != 3) return;
                var num = parseInt(seq.slice(1), 16);
                if (num < 0 || isNaN(num)) return;
                return String.fromCharCode(num);
            case "\r":
            case "\n":
                return "";
            default:
                if (seq == "0") return "\0";
                if (seq[0] >= "0" && seq[0] <= "9") return;
                return seq;
        }
    }

    function parse_js_number(num) {
        var match;
        if (match = RE_BIN_NUMBER.exec(num)) return parseInt(match[1], 2);
        if (match = RE_HEX_NUMBER.exec(num)) return parseInt(match[1], 16);
        if (match = RE_OCT_NUMBER.exec(num)) return parseInt(match[1], 8);
        var val = parseFloat(num);
        if (val == num) return val;
    }

    function JS_Parse_Error(message, filename, line, col, pos) {
        this.message = message;
        this.filename = filename;
        this.line = line;
        this.col = col;
        this.pos = pos;
    }
    JS_Parse_Error.prototype = Object.create(Error.prototype);
    JS_Parse_Error.prototype.constructor = JS_Parse_Error;
    JS_Parse_Error.prototype.name = "SyntaxError";
    configure_error_stack(JS_Parse_Error);

    function js_error(message, filename, line, col, pos) {
        throw new JS_Parse_Error(message, filename, line, col, pos);
    }

    function is_token(token, type, val) {
        return token.type == type && (val == null || token.value == val);
    }

    var EX_EOF = {};

    function tokenizer($TEXT, filename, html5_comments, shebang) {

        var S = {
            text: $TEXT,
            filename: filename,
            pos: 0,
            tokpos: 0,
            line: 1,
            tokline: 0,
            col: 0,
            tokcol: 0,
            newline_before: false,
            regex_allowed: false,
            comments_before: [],
            directives: {},
            directive_stack: [],
            read_template: with_eof_error("Unterminated template literal", function (strings) {
                var s = "";
                for (; ;) {
                    var ch = read();
                    switch (ch) {
                        case "\\":
                            ch += read();
                            break;
                        case "`":
                            strings.push(s);
                            return;
                        case "$":
                            if (peek() == "{") {
                                next();
                                strings.push(s);
                                S.regex_allowed = true;
                                return true;
                            }
                    }
                    s += ch;
                }

                function read() {
                    var ch = next(true, true);
                    return ch == "\r" ? "\n" : ch;
                }
            }),
        };
        var prev_was_dot = false;

        function peek() {
            return S.text.charAt(S.pos);
        }

        function next(signal_eof, in_string) {
            var ch = S.text.charAt(S.pos++);
            if (signal_eof && !ch)
                throw EX_EOF;
            if (NEWLINE_CHARS[ch]) {
                S.col = 0;
                S.line++;
                if (!in_string) S.newline_before = true;
                if (ch == "\r" && peek() == "\n") {
                    // treat `\r\n` as `\n`
                    S.pos++;
                    ch = "\n";
                }
            } else {
                S.col++;
            }
            return ch;
        }

        function forward(i) {
            while (i-- > 0) next();
        }

        function looking_at(str) {
            return S.text.substr(S.pos, str.length) == str;
        }

        function find_eol() {
            var text = S.text;
            for (var i = S.pos; i < S.text.length; ++i) {
                if (NEWLINE_CHARS[text[i]]) return i;
            }
            return -1;
        }

        function find(what, signal_eof) {
            var pos = S.text.indexOf(what, S.pos);
            if (signal_eof && pos == -1) throw EX_EOF;
            return pos;
        }

        function start_token() {
            S.tokline = S.line;
            S.tokcol = S.col;
            S.tokpos = S.pos;
        }

        function token(type, value, is_comment) {
            S.regex_allowed = type == "operator" && !UNARY_POSTFIX[value]
                || type == "keyword" && KEYWORDS_BEFORE_EXPRESSION[value]
                || type == "punc" && PUNC_BEFORE_EXPRESSION[value];
            if (type == "punc" && value == ".") prev_was_dot = true;
            else if (!is_comment) prev_was_dot = false;
            var ret = {
                type: type,
                value: value,
                line: S.tokline,
                col: S.tokcol,
                pos: S.tokpos,
                endline: S.line,
                endcol: S.col,
                endpos: S.pos,
                nlb: S.newline_before,
                file: filename
            };
            if (/^(?:num|string|regexp)$/i.test(type)) {
                ret.raw = $TEXT.substring(ret.pos, ret.endpos);
            }
            if (!is_comment) {
                ret.comments_before = S.comments_before;
                ret.comments_after = S.comments_before = [];
            }
            S.newline_before = false;
            return new AST_Token(ret);
        }

        function skip_whitespace() {
            while (WHITESPACE_CHARS[peek()])
                next();
        }

        function read_while(pred) {
            var ret = "", ch;
            while ((ch = peek()) && pred(ch, ret)) ret += next();
            return ret;
        }

        function parse_error(err) {
            js_error(err, filename, S.tokline, S.tokcol, S.tokpos);
        }

        function is_octal(num) {
            return /^0[0-7_]+$/.test(num);
        }

        function read_num(prefix) {
            var has_e = false, after_e = false, has_x = false, has_dot = prefix == ".";
            var num = read_while(function (ch, str) {
                switch (ch) {
                    case "x": case "X":
                        return has_x ? false : (has_x = true);
                    case "e": case "E":
                        return has_x ? true : has_e ? false : (has_e = after_e = true);
                    case "+": case "-":
                        return after_e;
                    case (after_e = false, "."):
                        return has_dot || has_e || has_x || is_octal(str) ? false : (has_dot = true);
                }
                return /[_0-9a-dfo]/i.test(ch);
            });
            if (prefix) num = prefix + num;
            if (is_octal(num)) {
                if (next_token.has_directive("use strict")) parse_error("Legacy octal literals are not allowed in strict mode");
            } else {
                num = num.replace(has_x ? /([1-9a-f]|.0)_(?=[0-9a-f])/gi : /([1-9]|.0)_(?=[0-9])/gi, "$1");
            }
            var valid = parse_js_number(num);
            if (isNaN(valid)) parse_error("Invalid syntax: " + num);
            if (has_dot || has_e || peek() != "n") return token("num", valid);
            return token("bigint", num.toLowerCase() + next());
        }

        function read_escaped_char(in_string) {
            var seq = next(true, in_string);
            if (seq >= "0" && seq <= "7") return read_octal_escape_sequence(seq);
            if (seq == "u") {
                var ch = next(true, in_string);
                seq += ch;
                if (ch != "{") {
                    seq += next(true, in_string) + next(true, in_string) + next(true, in_string);
                } else do {
                    ch = next(true, in_string);
                    seq += ch;
                } while (ch != "}");
            } else if (seq == "x") {
                seq += next(true, in_string) + next(true, in_string);
            }
            var str = decode_escape_sequence(seq);
            if (typeof str != "string") parse_error("Invalid escape sequence: \\" + seq);
            return str;
        }

        function read_octal_escape_sequence(ch) {
            // Read
            var p = peek();
            if (p >= "0" && p <= "7") {
                ch += next(true);
                if (ch[0] <= "3" && (p = peek()) >= "0" && p <= "7")
                    ch += next(true);
            }

            // Parse
            if (ch === "0") return "\0";
            if (ch.length > 0 && next_token.has_directive("use strict"))
                parse_error("Legacy octal escape sequences are not allowed in strict mode");
            return String.fromCharCode(parseInt(ch, 8));
        }

        var read_string = with_eof_error("Unterminated string constant", function (quote_char) {
            var quote = next(), ret = "";
            for (; ;) {
                var ch = next(true, true);
                if (ch == "\\") ch = read_escaped_char(true);
                else if (NEWLINE_CHARS[ch]) parse_error("Unterminated string constant");
                else if (ch == quote) break;
                ret += ch;
            }
            var tok = token("string", ret);
            tok.quote = quote_char;
            return tok;
        });

        function skip_line_comment(type) {
            var regex_allowed = S.regex_allowed;
            var i = find_eol(), ret;
            if (i == -1) {
                ret = S.text.substr(S.pos);
                S.pos = S.text.length;
            } else {
                ret = S.text.substring(S.pos, i);
                S.pos = i;
            }
            S.col = S.tokcol + (S.pos - S.tokpos);
            S.comments_before.push(token(type, ret, true));
            S.regex_allowed = regex_allowed;
            return next_token;
        }

        var skip_multiline_comment = with_eof_error("Unterminated multiline comment", function () {
            var regex_allowed = S.regex_allowed;
            var i = find("*/", true);
            var text = S.text.substring(S.pos, i).replace(/\r\n|\r|\u2028|\u2029/g, "\n");
            // update stream position
            forward(text.length /* doesn't count \r\n as 2 char while S.pos - i does */ + 2);
            S.comments_before.push(token("comment2", text, true));
            S.regex_allowed = regex_allowed;
            return next_token;
        });

        function read_name() {
            var backslash = false, ch, escaped = false, name = peek() == "#" ? next() : "";
            while (ch = peek()) {
                if (!backslash) {
                    if (ch == "\\") escaped = backslash = true, next();
                    else if (is_identifier_char(ch)) name += next();
                    else break;
                } else {
                    if (ch != "u") parse_error("Expecting UnicodeEscapeSequence -- uXXXX");
                    ch = read_escaped_char();
                    if (!is_identifier_char(ch)) parse_error("Unicode char: " + ch.charCodeAt(0) + " is not valid in identifier");
                    name += ch;
                    backslash = false;
                }
            }
            if (KEYWORDS[name] && escaped) {
                var hex = name.charCodeAt(0).toString(16).toUpperCase();
                name = "\\u" + "0000".substr(hex.length) + hex + name.slice(1);
            }
            return name;
        }

        var read_regexp = with_eof_error("Unterminated regular expression", function (source) {
            var prev_backslash = false, ch, in_class = false;
            while ((ch = next(true))) if (NEWLINE_CHARS[ch]) {
                parse_error("Unexpected line terminator");
            } else if (prev_backslash) {
                source += "\\" + ch;
                prev_backslash = false;
            } else if (ch == "[") {
                in_class = true;
                source += ch;
            } else if (ch == "]" && in_class) {
                in_class = false;
                source += ch;
            } else if (ch == "/" && !in_class) {
                break;
            } else if (ch == "\\") {
                prev_backslash = true;
            } else {
                source += ch;
            }
            var mods = read_name();
            try {
                var regexp = new RegExp(source, mods);
                regexp.raw_source = source;
                return token("regexp", regexp);
            } catch (e) {
                parse_error(e.message);
            }
        });

        function read_operator(prefix) {
            function grow(op) {
                if (!peek()) return op;
                var bigger = op + peek();
                if (OPERATORS[bigger]) {
                    next();
                    return grow(bigger);
                } else {
                    return op;
                }
            }
            return token("operator", grow(prefix || next()));
        }

        function handle_slash() {
            next();
            switch (peek()) {
                case "/":
                    next();
                    return skip_line_comment("comment1");
                case "*":
                    next();
                    return skip_multiline_comment();
            }
            return S.regex_allowed ? read_regexp("") : read_operator("/");
        }

        function handle_dot() {
            next();
            var ch = peek();
            if (ch == ".") {
                var op = ".";
                do {
                    op += ".";
                    next();
                } while (peek() == ".");
                return token("operator", op);
            }
            return is_digit(ch.charCodeAt(0)) ? read_num(".") : token("punc", ".");
        }

        function read_word() {
            var word = read_name();
            if (prev_was_dot) return token("name", word);
            return KEYWORDS_ATOM[word] ? token("atom", word)
                : !KEYWORDS[word] ? token("name", word)
                : OPERATORS[word] ? token("operator", word)
                : token("keyword", word);
        }

        function with_eof_error(eof_error, cont) {
            return function (x) {
                try {
                    return cont(x);
                } catch (ex) {
                    if (ex === EX_EOF) parse_error(eof_error);
                    else throw ex;
                }
            };
        }

        function next_token(force_regexp) {
            if (force_regexp != null)
                return read_regexp(force_regexp);
            if (shebang && S.pos == 0 && looking_at("#!")) {
                start_token();
                forward(2);
                skip_line_comment("comment5");
            }
            for (; ;) {
                skip_whitespace();
                start_token();
                if (html5_comments) {
                    if (looking_at("<!--")) {
                        forward(4);
                        skip_line_comment("comment3");
                        continue;
                    }
                    if (looking_at("-->") && S.newline_before) {
                        forward(3);
                        skip_line_comment("comment4");
                        continue;
                    }
                }
                var ch = peek();
                if (!ch) return token("eof");
                var code = ch.charCodeAt(0);
                switch (code) {
                    case 34: case 39: return read_string(ch);
                    case 46: return handle_dot();
                    case 47:
                        var tok = handle_slash();
                        if (tok === next_token) continue;
                        return tok;
                }
                if (is_digit(code)) return read_num();
                if (PUNC_CHARS[ch]) return token("punc", next());
                if (looking_at("=>")) return token("punc", next() + next());
                if (OPERATOR_CHARS[ch]) return read_operator();
                if (code == 35 || code == 92 || !NON_IDENTIFIER_CHARS[ch]) return read_word();
                break;
            }
            parse_error("Unexpected character '" + ch + "'");
        }

        next_token.context = function (nc) {
            if (nc) S = nc;
            return S;
        };

        next_token.add_directive = function (directive) {
            S.directive_stack[S.directive_stack.length - 1].push(directive);
            if (S.directives[directive]) S.directives[directive]++;
            else S.directives[directive] = 1;
        }

        next_token.push_directives_stack = function () {
            S.directive_stack.push([]);
        }

        next_token.pop_directives_stack = function () {
            var directives = S.directive_stack.pop();
            for (var i = directives.length; --i >= 0;) {
                S.directives[directives[i]]--;
            }
        }

        next_token.has_directive = function (directive) {
            return S.directives[directive] > 0;
        }

        return next_token;
    }

    /* -----[ Parser (constants) ]----- */

    var UNARY_PREFIX = makePredicate("typeof void delete -- ++ ! ~ - +");

    var UNARY_POSTFIX = makePredicate("-- ++");

    var ASSIGNMENT = makePredicate("= += -= /= *= %= **= >>= <<= >>>= &= |= ^= &&= ||= ??=");

    var PRECEDENCE = function (a, ret) {
        for (var i = 0; i < a.length;) {
            var b = a[i++];
            for (var j = 0; j < b.length; j++) {
                ret[b[j]] = i;
            }
        }
        return ret;
    }([
        ["??"],
        ["||"],
        ["&&"],
        ["|"],
        ["^"],
        ["&"],
        ["==", "===", "!=", "!=="],
        ["<", ">", "<=", ">=", "in", "instanceof"],
        [">>", "<<", ">>>"],
        ["+", "-"],
        ["*", "/", "%"],
        ["**"],
    ], {});

    var ATOMIC_START_TOKEN = makePredicate("atom bigint num regexp string");

    /* -----[ Parser ]----- */

    function ParseJs($TEXT, options) {
        options = defaults(options, {
            bare_returns: false,
            expression: false,
            filename: null,
            html5_comments: true,
            shebang: true,
            strict: false,
            toplevel: null,
        }, true);

        var S = {
            input: typeof $TEXT == "string"
                            ? tokenizer($TEXT, options.filename, options.html5_comments, options.shebang)
                            : $TEXT,
            in_async: false,
            in_directives: true,
            in_funarg: -1,
            in_function: 0,
            in_generator: false,
            in_loop: 0,
            labels: [],
            peeked: null,
            prev: null,
            token: null,
        };

        var table = [];
        table.find = function (line, ch) {
            var row = table[line];
            if (!row) {
                return null;
            } else {
                //二分查找
                var left = 0;
                var right = row.length - 1;
                var index;
                var func = Math.floor;
                do {
                    index = func((left + right) / 2);
                    var ele = row[index];
                    if (ele.col > ch) {
                        right = index;
                        func = Math.floor;
                        continue;
                    } else if (ele.endcol < ch) {
                        left = index;
                        func = Math.ceil;
                        continue;
                    } else if (ele.col == ch) {
                        if (index > 0 && ele.type != "name") {
                            return row[index - 1];
                        } else {
                            return ele;
                        }
                    } else {
                        return ele;
                    }
                } while (left < right);
                return null;
            }
        }
        S.token = next();

        function is(type, value) {
            return is_token(S.token, type, value);
        }

        function peek() {
            return S.peeked || (S.peeked = S.input());
        }

        function next() {
            S.prev = S.token;
            if (S.peeked) {
                S.token = S.peeked;
                S.peeked = null;
            } else {
                S.token = S.input();
            }
            S.in_directives = S.in_directives && (
                S.token.type == "string" || is("punc", ";")
            );
            var row = table[S.token.line - 1] = table[S.token.line - 1] || [];
            row.push(S.token);
            return S.token;
        }

        function prev() {
            return S.prev;
        }

        function croak(msg, line, col, pos) {
            var ctx = S.input.context();
            js_error(msg,
                     ctx.filename,
                     line != null ? line : ctx.tokline,
                     col != null ? col : ctx.tokcol,
                     pos != null ? pos : ctx.tokpos);
        }

        function token_error(token, msg) {
            croak(msg, token.line, token.col);
        }

        function token_to_string(type, value) {
            return type + (value === undefined ? "" : " «" + value + "»");
        }

        function unexpected(token) {
            if (token == null) token = S.token;
            token_error(token, "Unexpected token: " + token_to_string(token.type, token.value));
        }

        function expect_token(type, val) {
            if (is(type, val)) return next();
            token_error(S.token, "Unexpected token: " + token_to_string(S.token.type, S.token.value) + ", expected: " + token_to_string(type, val));
        }

        function expect(punc) {
            return expect_token("punc", punc);
        }

        function has_newline_before(token) {
            return token.nlb || !all(token.comments_before, function (comment) {
                return !comment.nlb;
            });
        }

        function can_insert_semicolon() {
            return !options.strict
                && (is("eof") || is("punc", "}") || has_newline_before(S.token));
        }

        function semicolon(optional) {
            if (is("punc", ";")) next();
            else if (!optional && !can_insert_semicolon()) expect(";");
        }

        function parenthesised() {
            expect("(");
            var exp = expression();
            expect(")");
            return exp;
        }

        function embed_tokens(parser) {
            return function () {
                var start = S.token;
                var expr = parser.apply(null, arguments);
                var end = prev();
                expr.start = start;
                expr.end = end;
                return expr;
            };
        }

        function handle_regexp() {
            if (is("operator", "/") || is("operator", "/=")) {
                S.peeked = null;
                S.token = S.input(S.token.value.substr(1)); // force regexp
            }
        }

        var statement = embed_tokens(function () {
            handle_regexp();
            switch (S.token.type) {
                case "string":
                    var dir = S.in_directives;
                    var body = expression();
                    if (dir) {
                        if (body instanceof AST_String) {
                            var value = body.start.raw.slice(1, -1);
                            S.input.add_directive(value);
                            body.value = value;
                        } else {
                            S.in_directives = dir = false;
                        }
                    }
                    semicolon();
                    return dir ? new AST_Directive(body) : new AST_SimpleStatement({ body: body });
                case "num":
                case "bigint":
                case "regexp":
                case "operator":
                case "atom":
                    return simple_statement();

                case "name":
                    switch (S.token.value) {
                        case "async":
                            if (is_token(peek(), "keyword", "function")) {
                                next();
                                next();
                                if (!is("operator", "*")) return function_(AST_AsyncDefun);
                                next();
                                return function_(AST_AsyncGeneratorDefun);
                            }
                            break;
                        case "await":
                            if (S.in_async) return simple_statement();
                            break;
                        case "export":
                            next();
                            return export_();
                        case "import":
                            var token = peek();
                            if (!(token.type == "punc" && /^[(.]$/.test(token.value))) {
                                next();
                                return import_();
                            }
                            break;
                        case "let":
                            if (is_vardefs()) {
                                next();
                                var node = let_();
                                semicolon();
                                return node;
                            }
                            break;
                        case "yield":
                            if (S.in_generator) return simple_statement();
                            break;
                    }
                    return is_token(peek(), "punc", ":")
                        ? labeled_statement()
                        : simple_statement();

                case "punc":
                    switch (S.token.value) {
                        case "{":
                            return new AST_BlockStatement({
                                start: S.token,
                                body: block_(),
                                end: prev()
                            });
                        case "[":
                        case "(":
                        case "`":
                            return simple_statement();
                        case ";":
                            S.in_directives = false;
                            next();
                            return new AST_EmptyStatement();
                        default:
                            unexpected();
                    }

                case "keyword":
                    switch (S.token.value) {
                        case "break":
                            next();
                            return break_cont(AST_Break);

                        case "class":
                            next();
                            return class_(AST_DefClass);

                        case "const":
                            next();
                            var node = const_();
                            semicolon();
                            return node;

                        case "continue":
                            next();
                            return break_cont(AST_Continue);

                        case "debugger":
                            next();
                            semicolon();
                            return new AST_Debugger();

                        case "do":
                            next();
                            var body = in_loop(statement);
                            expect_token("keyword", "while");
                            var condition = parenthesised();
                            semicolon(true);
                            return new AST_Do({
                                body: body,
                                condition: condition
                            });

                        case "while":
                            next();
                            return new AST_While({
                                condition: parenthesised(),
                                body: in_loop(statement)
                            });

                        case "for":
                            next();
                            return for_();

                        case "function":
                            next();
                            if (!is("operator", "*")) return function_(AST_Defun);
                            next();
                            return function_(AST_GeneratorDefun);

                        case "if":
                            next();
                            return if_();

                        case "return":
                            if (S.in_function == 0 && !options.bare_returns)
                                croak("'return' outside of function");
                            next();
                            var value = null;
                            if (is("punc", ";")) {
                                next();
                            } else if (!can_insert_semicolon()) {
                                value = expression();
                                semicolon();
                            }
                            return new AST_Return({
                                value: value
                            });

                        case "switch":
                            next();
                            return new AST_Switch({
                                expression: parenthesised(),
                                body: in_loop(switch_body_)
                            });

                        case "throw":
                            next();
                            if (has_newline_before(S.token))
                                croak("Illegal newline after 'throw'");
                            var value = expression();
                            semicolon();
                            return new AST_Throw({
                                value: value
                            });

                        case "try":
                            next();
                            return try_();

                        case "var":
                            next();
                            var node = var_();
                            semicolon();
                            return node;

                        case "with":
                            if (S.input.has_directive("use strict")) {
                                croak("Strict mode may not include a with statement");
                            }
                            next();
                            return new AST_With({
                                expression: parenthesised(),
                                body: statement()
                            });
                    }
            }
            unexpected();
        });

        function labeled_statement() {
            var label = as_symbol(AST_Label);
            if (!all(S.labels, function (l) {
                return l.name != label.name;
            })) {
                // ECMA-262, 12.12: An ECMAScript program is considered
                // syntactically incorrect if it contains a
                // LabelledStatement that is enclosed by a
                // LabelledStatement with the same Identifier as label.
                croak("Label " + label.name + " defined twice");
            }
            expect(":");
            S.labels.push(label);
            var stat = statement();
            S.labels.pop();
            if (!(stat instanceof AST_IterationStatement)) {
                // check for `continue` that refers to this label.
                // those should be reported as syntax errors.
                // https://github.com/mishoo/UglifyJS/issues/287
                label.references.forEach(function (ref) {
                    if (ref instanceof AST_Continue) {
                        token_error(ref.label.start, "Continue label `" + label.name + "` must refer to IterationStatement");
                    }
                });
            }
            return new AST_LabeledStatement({ body: stat, label: label });
        }

        function simple_statement() {
            var body = expression();
            semicolon();
            return new AST_SimpleStatement({ body: body });
        }

        function break_cont(type) {
            var label = null, ldef;
            if (!can_insert_semicolon()) {
                label = as_symbol(AST_LabelRef, true);
            }
            if (label != null) {
                ldef = find_if(function (l) {
                    return l.name == label.name;
                }, S.labels);
                if (!ldef) token_error(label.start, "Undefined label " + label.name);
                label.thedef = ldef;
            } else if (S.in_loop == 0) croak(type.TYPE + " not inside a loop or switch");
            semicolon();
            var stat = new type({ label: label });
            if (ldef) ldef.references.push(stat);
            return stat;
        }

        function has_modifier(name) {
            if (!is("name", name)) return;
            var token = peek();
            if (!token) return;
            if (is_token(token, "operator", "=")) return;
            if (token.type == "punc" && /^[(;}]$/.test(token.value)) return;
            if (has_newline_before(token)) return;
            return next();
        }

        function class_(ctor) {
            var was_async = S.in_async;
            var was_gen = S.in_generator;
            S.input.push_directives_stack();
            S.input.add_directive("use strict");
            var name;
            if (ctor === AST_DefClass) {
                name = as_symbol(AST_SymbolDefClass);
            } else {
                name = as_symbol(AST_SymbolClass, true);
            }
            var parent = null;
            if (is("keyword", "extends")) {
                next();
                handle_regexp();
                parent = expr_atom(true);
            }
            expect("{");
            var props = [];
            while (!is("punc", "}")) {
                if (is("punc", ";")) {
                    next();
                    continue;
                }
                var start = S.token;
                var fixed = !!has_modifier("static");
                var async = has_modifier("async");
                if (is("operator", "*")) {
                    next();
                    var internal = is("name") && /^#/.test(S.token.value);
                    var key = as_property_key();
                    var gen_start = S.token;
                    var gen = function_(async ? AST_AsyncGeneratorFunction : AST_GeneratorFunction);
                    gen.start = gen_start;
                    gen.end = prev();
                    props.push(new AST_ClassMethod({
                        start: start,
                        static: fixed,
                        private: internal,
                        key: key,
                        value: gen,
                        end: prev(),
                    }));
                    continue;
                }
                var internal = is("name") && /^#/.test(S.token.value);
                var key = as_property_key();
                if (is("punc", "(")) {
                    var func_start = S.token;
                    var func = function_(async ? AST_AsyncFunction : AST_Function);
                    func.start = func_start;
                    func.end = prev();
                    props.push(new AST_ClassMethod({
                        start: start,
                        static: fixed,
                        private: internal,
                        key: key,
                        value: func,
                        end: prev(),
                    }));
                    continue;
                }
                if (async) unexpected(async);
                var value = null;
                if (is("operator", "=")) {
                    next();
                    S.in_async = false;
                    S.in_generator = false;
                    value = maybe_assign();
                    S.in_generator = was_gen;
                    S.in_async = was_async;
                } else if (!(is("punc", ";") || is("punc", "}"))) {
                    var type = null;
                    switch (key) {
                        case "get":
                            type = AST_ClassGetter;
                            break;
                        case "set":
                            type = AST_ClassSetter;
                            break;
                    }
                    if (type) {
                        props.push(new type({
                            start: start,
                            static: fixed,
                            private: is("name") && /^#/.test(S.token.value),
                            key: as_property_key(),
                            value: create_accessor(),
                            end: prev(),
                        }));
                        continue;
                    }
                }
                semicolon();
                props.push(new AST_ClassField({
                    start: start,
                    static: fixed,
                    private: internal,
                    key: key,
                    value: value,
                    end: prev(),
                }));
            }
            next();
            S.input.pop_directives_stack();
            S.in_generator = was_gen;
            S.in_async = was_async;
            return new ctor({
                extends: parent,
                name: name,
                properties: props,
            });
        }

        function for_() {
            var await_token = is("name", "await") && next();
            expect("(");
            var init = null;
            if (await_token || !is("punc", ";")) {
                init = is("keyword", "const")
                    ? (next(), const_(true))
                    : is("name", "let") && is_vardefs()
                    ? (next(), let_(true))
                    : is("keyword", "var")
                    ? (next(), var_(true))
                    : expression(true);
                var ctor;
                if (await_token) {
                    expect_token("name", "of");
                    ctor = AST_ForAwaitOf;
                } else if (is("operator", "in")) {
                    next();
                    ctor = AST_ForIn;
                } else if (is("name", "of")) {
                    next();
                    ctor = AST_ForOf;
                }
                if (ctor) {
                    if (init instanceof AST_Definitions) {
                        if (init.definitions.length > 1) {
                            token_error(init.start, "Only one variable declaration allowed in for..in/of loop");
                        }
                        if (ctor !== AST_ForIn && init.definitions[0].value) {
                            token_error(init.definitions[0].value.start, "No initializers allowed in for..of loop");
                        }
                    } else if (!(is_assignable(init) || (init = to_destructured(init)) instanceof AST_Destructured)) {
                        token_error(init.start, "Invalid left-hand side in for..in/of loop");
                    }
                    return for_enum(ctor, init);
                }
            }
            return regular_for(init);
        }

        function regular_for(init) {
            expect(";");
            var test = is("punc", ";") ? null : expression();
            expect(";");
            var step = is("punc", ")") ? null : expression();
            expect(")");
            return new AST_For({
                init: init,
                condition: test,
                step: step,
                body: in_loop(statement)
            });
        }

        function for_enum(ctor, init) {
            handle_regexp();
            var obj = expression();
            expect(")");
            return new ctor({
                init: init,
                object: obj,
                body: in_loop(statement)
            });
        }

        function to_funarg(node) {
            if (node instanceof AST_Array) {
                var rest = null;
                if (node.elements[node.elements.length - 1] instanceof AST_Spread) {
                    rest = to_funarg(node.elements.pop().expression);
                }
                return new AST_DestructuredArray({
                    start: node.start,
                    elements: node.elements.map(to_funarg),
                    rest: rest,
                    end: node.end,
                });
            }
            if (node instanceof AST_Assign) return new AST_DefaultValue({
                start: node.start,
                name: to_funarg(node.left),
                value: node.right,
                end: node.end,
            });
            if (node instanceof AST_DefaultValue) {
                node.name = to_funarg(node.name);
                return node;
            }
            if (node instanceof AST_DestructuredArray) {
                node.elements = node.elements.map(to_funarg);
                if (node.rest) node.rest = to_funarg(node.rest);
                return node;
            }
            if (node instanceof AST_DestructuredObject) {
                node.properties.forEach(function (prop) {
                    prop.value = to_funarg(prop.value);
                });
                if (node.rest) node.rest = to_funarg(node.rest);
                return node;
            }
            if (node instanceof AST_Hole) return node;
            if (node instanceof AST_Object) {
                var rest = null;
                if (node.properties[node.properties.length - 1] instanceof AST_Spread) {
                    rest = to_funarg(node.properties.pop().expression);
                }
                return new AST_DestructuredObject({
                    start: node.start,
                    properties: node.properties.map(function (prop) {
                        if (!(prop instanceof AST_ObjectKeyVal)) token_error(prop.start, "Invalid destructuring assignment");
                        return new AST_DestructuredKeyVal({
                            start: prop.start,
                            key: prop.key,
                            value: to_funarg(prop.value),
                            end: prop.end,
                        });
                    }),
                    rest: rest,
                    end: node.end,
                });
            }
            if (node instanceof AST_SymbolFunarg) return node;
            if (node instanceof AST_SymbolRef) return new AST_SymbolFunarg(node);
            if (node instanceof AST_Yield) return new AST_SymbolFunarg({
                start: node.start,
                name: "yield",
                end: node.end,
            });
            token_error(node.start, "Invalid arrow parameter");
        }

        function arrow(exprs, start, async) {
            var was_async = S.in_async;
            var was_gen = S.in_generator;
            S.in_async = async;
            S.in_generator = false;
            var was_funarg = S.in_funarg;
            S.in_funarg = S.in_function;
            var argnames = exprs.map(to_funarg);
            var rest = exprs.rest || null;
            if (rest) rest = to_funarg(rest);
            S.in_funarg = was_funarg;
            expect("=>");
            var body, value;
            var loop = S.in_loop;
            var labels = S.labels;
            ++S.in_function;
            S.in_directives = true;
            S.input.push_directives_stack();
            S.in_loop = 0;
            S.labels = [];
            if (is("punc", "{")) {
                body = block_();
                value = null;
            } else {
                body = [];
                handle_regexp();
                value = maybe_assign();
            }
            var is_strict = S.input.has_directive("use strict");
            S.input.pop_directives_stack();
            --S.in_function;
            S.in_loop = loop;
            S.labels = labels;
            S.in_generator = was_gen;
            S.in_async = was_async;
            var node = new (async ? AST_AsyncArrow : AST_Arrow)({
                start: start,
                argnames: argnames,
                rest: rest,
                body: body,
                value: value,
                end: prev(),
            });
            if (is_strict) node.each_argname(strict_verify_symbol);
            return node;
        }

        var function_ = function (ctor) {
            var was_async = S.in_async;
            var was_gen = S.in_generator;
            var name;
            if (/Defun$/.test(ctor.TYPE)) {
                name = as_symbol(AST_SymbolDefun);
                S.in_async = /^Async/.test(ctor.TYPE);
                S.in_generator = /Generator/.test(ctor.TYPE);
            } else {
                S.in_async = /^Async/.test(ctor.TYPE);
                S.in_generator = /Generator/.test(ctor.TYPE);
                name = as_symbol(AST_SymbolLambda, true);
            }
            if (name && ctor !== AST_Accessor && !(name instanceof AST_SymbolDeclaration))
                unexpected(prev());
            expect("(");
            var was_funarg = S.in_funarg;
            S.in_funarg = S.in_function;
            var argnames = expr_list(")", !options.strict, false, function () {
                return maybe_default(AST_SymbolFunarg);
            });
            S.in_funarg = was_funarg;
            var loop = S.in_loop;
            var labels = S.labels;
            ++S.in_function;
            S.in_directives = true;
            S.input.push_directives_stack();
            S.in_loop = 0;
            S.labels = [];
            var body = block_();
            var is_strict = S.input.has_directive("use strict");
            S.input.pop_directives_stack();
            --S.in_function;
            S.in_loop = loop;
            S.labels = labels;
            S.in_generator = was_gen;
            S.in_async = was_async;
            var node = new ctor({
                name: name,
                argnames: argnames,
                rest: argnames.rest || null,
                body: body
            });
            if (is_strict) {
                if (name) strict_verify_symbol(name);
                node.each_argname(strict_verify_symbol);
            }
            return node;
        };

        function if_() {
            var cond = parenthesised(), body = statement(), belse = null;
            if (is("keyword", "else")) {
                next();
                belse = statement();
            }
            return new AST_If({
                condition: cond,
                body: body,
                alternative: belse
            });
        }

        function is_alias() {
            return is("name") || is_identifier_string(S.token.value);
        }

        function export_() {
            if (is("operator", "*")) {
                next();
                var alias = "*";
                if (is("name", "as")) {
                    next();
                    if (!is_alias()) expect_token("name");
                    alias = S.token.value;
                    next();
                }
                expect_token("name", "from");
                var path = S.token;
                expect_token("string");
                semicolon();
                return new AST_ExportForeign({
                    aliases: [alias],
                    keys: ["*"],
                    path: path.value,
                    quote: path.quote,
                });
            }
            if (is("punc", "{")) {
                next();
                var aliases = [];
                var keys = [];
                while (is_alias()) {
                    var key = S.token;
                    next();
                    keys.push(key);
                    if (is("name", "as")) {
                        next();
                        if (!is_alias()) expect_token("name");
                        aliases.push(S.token.value);
                        next();
                    } else {
                        aliases.push(key.value);
                    }
                    if (!is("punc", "}")) expect(",");
                }
                expect("}");
                if (is("name", "from")) {
                    next();
                    var path = S.token;
                    expect_token("string");
                    semicolon();
                    return new AST_ExportForeign({
                        aliases: aliases,
                        keys: keys.map(function (token) {
                            return token.value;
                        }),
                        path: path.value,
                        quote: path.quote,
                    });
                }
                semicolon();
                return new AST_ExportReferences({
                    properties: keys.map(function (token, index) {
                        if (!is_token(token, "name")) token_error(token, "Name expected");
                        var sym = _make_symbol(AST_SymbolExport, token);
                        sym.alias = aliases[index];
                        return sym;
                    }),
                });
            }
            if (is("keyword", "default")) {
                next();
                var start = S.token;
                var body = export_default_decl();
                if (body) {
                    body.start = start;
                    body.end = prev();
                } else {
                    handle_regexp();
                    body = expression();
                    semicolon();
                }
                return new AST_ExportDefault({ body: body });
            }
            return new AST_ExportDeclaration({ body: export_decl() });
        }

        function maybe_named(def, expr) {
            if (expr.name) {
                expr = new def(expr);
                expr.name = new (def === AST_DefClass ? AST_SymbolDefClass : AST_SymbolDefun)(expr.name);
            }
            return expr;
        }

        function export_default_decl() {
            if (is("name", "async")) {
                if (!is_token(peek(), "keyword", "function")) return;
                next();
                next();
                if (!is("operator", "*")) return maybe_named(AST_AsyncDefun, function_(AST_AsyncFunction));
                next();
                return maybe_named(AST_AsyncGeneratorDefun, function_(AST_AsyncGeneratorFunction));
            } else if (is("keyword")) switch (S.token.value) {
                case "class":
                    next();
                    return maybe_named(AST_DefClass, class_(AST_ClassExpression));
                case "function":
                    next();
                    if (!is("operator", "*")) return maybe_named(AST_Defun, function_(AST_Function));
                    next();
                    return maybe_named(AST_GeneratorDefun, function_(AST_GeneratorFunction));
            }
        }

        var export_decl = embed_tokens(function () {
            if (is("name")) switch (S.token.value) {
                case "async":
                    next();
                    expect_token("keyword", "function");
                    if (!is("operator", "*")) return function_(AST_AsyncDefun);
                    next();
                    return function_(AST_AsyncGeneratorDefun);
                case "let":
                    next();
                    var node = let_();
                    semicolon();
                    return node;
            } else if (is("keyword")) switch (S.token.value) {
                case "class":
                    next();
                    return class_(AST_DefClass);
                case "const":
                    next();
                    var node = const_();
                    semicolon();
                    return node;
                case "function":
                    next();
                    if (!is("operator", "*")) return function_(AST_Defun);
                    next();
                    return function_(AST_GeneratorDefun);
                case "var":
                    next();
                    var node = var_();
                    semicolon();
                    return node;
            }
            unexpected();
        });

        function import_() {
            var all = null;
            var def = as_symbol(AST_SymbolImport, true);
            var props = null;
            if (def ? (def.key = "", is("punc", ",") && next()) : !is("string")) {
                if (is("operator", "*")) {
                    next();
                    expect_token("name", "as");
                    all = as_symbol(AST_SymbolImport);
                    all.key = "*";
                } else {
                    expect("{");
                    props = [];
                    while (is_alias()) {
                        var alias;
                        if (is_token(peek(), "name", "as")) {
                            var key = S.token.value;
                            next();
                            next();
                            alias = as_symbol(AST_SymbolImport);
                            alias.key = key;
                        } else {
                            alias = as_symbol(AST_SymbolImport);
                            alias.key = alias.name;
                        }
                        props.push(alias);
                        if (!is("punc", "}")) expect(",");
                    }
                    expect("}");
                }
            }
            if (all || def || props) expect_token("name", "from");
            var path = S.token;
            expect_token("string");
            semicolon();
            return new AST_Import({
                all: all,
                default: def,
                path: path.value,
                properties: props,
                quote: path.quote,
            });
        }

        function block_() {
            expect("{");
            var a = [];
            while (!is("punc", "}")) {
                if (is("eof")) expect("}");
                a.push(statement());
            }
            next();
            return a;
        }

        function switch_body_() {
            expect("{");
            var a = [], branch, cur, default_branch, tmp;
            while (!is("punc", "}")) {
                if (is("eof")) expect("}");
                if (is("keyword", "case")) {
                    if (branch) branch.end = prev();
                    cur = [];
                    branch = new AST_Case({
                        start: (tmp = S.token, next(), tmp),
                        expression: expression(),
                        body: cur
                    });
                    a.push(branch);
                    expect(":");
                } else if (is("keyword", "default")) {
                    if (branch) branch.end = prev();
                    if (default_branch) croak("More than one default clause in switch statement");
                    cur = [];
                    branch = new AST_Default({
                        start: (tmp = S.token, next(), expect(":"), tmp),
                        body: cur
                    });
                    a.push(branch);
                    default_branch = branch;
                } else {
                    if (!cur) unexpected();
                    cur.push(statement());
                }
            }
            if (branch) branch.end = prev();
            next();
            return a;
        }

        function try_() {
            var body = block_(), bcatch = null, bfinally = null;
            if (is("keyword", "catch")) {
                var start = S.token;
                next();
                var name = null;
                if (is("punc", "(")) {
                    next();
                    name = maybe_destructured(AST_SymbolCatch);
                    expect(")");
                }
                bcatch = new AST_Catch({
                    start: start,
                    argname: name,
                    body: block_(),
                    end: prev()
                });
            }
            if (is("keyword", "finally")) {
                var start = S.token;
                next();
                bfinally = new AST_Finally({
                    start: start,
                    body: block_(),
                    end: prev()
                });
            }
            if (!bcatch && !bfinally)
                croak("Missing catch/finally blocks");
            return new AST_Try({
                body: body,
                bcatch: bcatch,
                bfinally: bfinally
            });
        }

        function vardefs(type, no_in) {
            var a = [];
            for (; ;) {
                var start = S.token;
                var name = maybe_destructured(type);
                var value = null;
                if (is("operator", "=")) {
                    next();
                    value = maybe_assign(no_in);
                } else if (!no_in && (type === AST_SymbolConst || name instanceof AST_Destructured)) {
                    croak("Missing initializer in declaration");
                }
                a.push(new AST_VarDef({
                    start: start,
                    name: name,
                    value: value,
                    end: prev()
                }));
                if (!is("punc", ","))
                    break;
                next();
            }
            return a;
        }

        function is_vardefs() {
            var token = peek();
            return is_token(token, "name") || is_token(token, "punc", "[") || is_token(token, "punc", "{");
        }

        var const_ = function (no_in) {
            return new AST_Const({
                start: prev(),
                definitions: vardefs(AST_SymbolConst, no_in),
                end: prev()
            });
        };

        var let_ = function (no_in) {
            return new AST_Let({
                start: prev(),
                definitions: vardefs(AST_SymbolLet, no_in),
                end: prev()
            });
        };

        var var_ = function (no_in) {
            return new AST_Var({
                start: prev(),
                definitions: vardefs(AST_SymbolVar, no_in),
                end: prev()
            });
        };

        var new_ = function (allow_calls) {
            var start = S.token;
            expect_token("operator", "new");
            var call;
            if (is("punc", ".") && is_token(peek(), "name", "target")) {
                next();
                next();
                call = new AST_NewTarget();
            } else {
                var exp = expr_atom(false), args;
                if (is("punc", "(")) {
                    next();
                    args = expr_list(")", !options.strict);
                } else {
                    args = [];
                }
                call = new AST_New({ expression: exp, args: args });
            }
            call.start = start;
            call.end = prev();
            return subscripts(call, allow_calls);
        };

        function as_atom_node() {
            var ret, tok = S.token, value = tok.value;
            switch (tok.type) {
                case "num":
                    if (isFinite(value)) {
                        ret = new AST_Number({ value: value });
                    } else {
                        ret = new AST_Infinity();
                        if (value < 0) ret = new AST_UnaryPrefix({ operator: "-", expression: ret });
                    }
                    break;
                case "bigint":
                    ret = new AST_BigInt({ value: value });
                    break;
                case "string":
                    ret = new AST_String({ value: value, quote: tok.quote });
                    break;
                case "regexp":
                    ret = new AST_RegExp({ value: value });
                    break;
                case "atom":
                    switch (value) {
                        case "false":
                            ret = new AST_False();
                            break;
                        case "true":
                            ret = new AST_True();
                            break;
                        case "null":
                            ret = new AST_Null();
                            break;
                        default:
                            unexpected();
                    }
                    break;
                default:
                    unexpected();
            }
            next();
            ret.start = ret.end = tok;
            return ret;
        }

        var expr_atom = function (allow_calls) {
            if (is("operator", "new")) {
                return new_(allow_calls);
            }
            var start = S.token;
            if (is("punc")) {
                switch (start.value) {
                    case "`":
                        return subscripts(template(null), allow_calls);
                    case "(":
                        next();
                        if (is("punc", ")")) {
                            next();
                            return arrow([], start);
                        }
                        var ex = expression(false, true);
                        var len = start.comments_before.length;
                        [].unshift.apply(ex.start.comments_before, start.comments_before);
                        start.comments_before.length = 0;
                        start.comments_before = ex.start.comments_before;
                        start.comments_before_length = len;
                        if (len == 0 && start.comments_before.length > 0) {
                            var comment = start.comments_before[0];
                            if (!comment.nlb) {
                                comment.nlb = start.nlb;
                                start.nlb = false;
                            }
                        }
                        start.comments_after = ex.start.comments_after;
                        ex.start = start;
                        expect(")");
                        var end = prev();
                        end.comments_before = ex.end.comments_before;
                        end.comments_after.forEach(function (comment) {
                            ex.end.comments_after.push(comment);
                            if (comment.nlb) S.token.nlb = true;
                        });
                        end.comments_after.length = 0;
                        end.comments_after = ex.end.comments_after;
                        ex.end = end;
                        if (is("punc", "=>")) return arrow(ex instanceof AST_Sequence ? ex.expressions : [ex], start);
                        return subscripts(ex, allow_calls);
                    case "[":
                        return subscripts(array_(), allow_calls);
                    case "{":
                        return subscripts(object_(), allow_calls);
                }
                unexpected();
            }
            if (is("keyword")) switch (start.value) {
                case "class":
                    next();
                    var clazz = class_(AST_ClassExpression);
                    clazz.start = start;
                    clazz.end = prev();
                    return subscripts(clazz, allow_calls);
                case "function":
                    next();
                    var func;
                    if (is("operator", "*")) {
                        next();
                        func = function_(AST_GeneratorFunction);
                    } else {
                        func = function_(AST_Function);
                    }
                    func.start = start;
                    func.end = prev();
                    return subscripts(func, allow_calls);
            }
            if (is("name")) {
                var sym = _make_symbol(AST_SymbolRef, start);
                next();
                if (sym.name == "async") {
                    if (is("keyword", "function")) {
                        next();
                        var func;
                        if (is("operator", "*")) {
                            next();
                            func = function_(AST_AsyncGeneratorFunction);
                        } else {
                            func = function_(AST_AsyncFunction);
                        }
                        func.start = start;
                        func.end = prev();
                        return subscripts(func, allow_calls);
                    }
                    if (is("name") && is_token(peek(), "punc", "=>")) {
                        start = S.token;
                        sym = _make_symbol(AST_SymbolRef, start);
                        next();
                        return arrow([sym], start, true);
                    }
                    if (is("punc", "(")) {
                        var call = subscripts(sym, allow_calls);
                        if (!is("punc", "=>")) return call;
                        var args = call.args;
                        if (args[args.length - 1] instanceof AST_Spread) {
                            args.rest = args.pop().expression;
                        }
                        return arrow(args, start, true);
                    }
                }
                return is("punc", "=>") ? arrow([sym], start) : subscripts(sym, allow_calls);
            }
            if (ATOMIC_START_TOKEN[S.token.type]) {
                return subscripts(as_atom_node(), allow_calls);
            }
            unexpected();
        };

        function expr_list(closing, allow_trailing_comma, allow_empty, parser) {
            if (!parser) parser = maybe_assign;
            var first = true, a = [];
            while (!is("punc", closing)) {
                if (first) first = false; else expect(",");
                if (allow_trailing_comma && is("punc", closing)) break;
                if (allow_empty && is("punc", ",")) {
                    a.push(new AST_Hole({ start: S.token, end: S.token }));
                } else if (!is("operator", "...")) {
                    a.push(parser());
                } else if (parser === maybe_assign) {
                    a.push(new AST_Spread({
                        start: S.token,
                        expression: (next(), parser()),
                        end: prev(),
                    }));
                } else {
                    next();
                    a.rest = parser();
                    if (a.rest instanceof AST_DefaultValue) token_error(a.rest.start, "Invalid rest parameter");
                    break;
                }
            }
            expect(closing);
            return a;
        }

        var array_ = embed_tokens(function () {
            expect("[");
            return new AST_Array({
                elements: expr_list("]", !options.strict, true)
            });
        });

        var create_accessor = embed_tokens(function () {
            return function_(AST_Accessor);
        });

        var object_ = embed_tokens(function () {
            expect("{");
            var first = true, a = [];
            while (!is("punc", "}")) {
                if (first) first = false; else expect(",");
                // allow trailing comma
                if (!options.strict && is("punc", "}")) break;
                var start = S.token;
                if (is("operator", "*")) {
                    next();
                    var key = as_property_key();
                    var gen_start = S.token;
                    var gen = function_(AST_GeneratorFunction);
                    gen.start = gen_start;
                    gen.end = prev();
                    a.push(new AST_ObjectMethod({
                        start: start,
                        key: key,
                        value: gen,
                        end: prev(),
                    }));
                    continue;
                }
                if (is("operator", "...")) {
                    next();
                    a.push(new AST_Spread({
                        start: start,
                        expression: maybe_assign(),
                        end: prev(),
                    }));
                    continue;
                }
                if (is_token(peek(), "operator", "=")) {
                    var name = as_symbol(AST_SymbolRef);
                    next();
                    a.push(new AST_ObjectKeyVal({
                        start: start,
                        key: start.value,
                        value: new AST_Assign({
                            start: start,
                            left: name,
                            operator: "=",
                            right: maybe_assign(),
                            end: prev(),
                        }),
                        end: prev(),
                    }));
                    continue;
                }
                if (is_token(peek(), "punc", ",") || is_token(peek(), "punc", "}")) {
                    a.push(new AST_ObjectKeyVal({
                        start: start,
                        key: start.value,
                        value: as_symbol(AST_SymbolRef),
                        end: prev(),
                    }));
                    continue;
                }
                var key = as_property_key();
                if (is("punc", "(")) {
                    var func_start = S.token;
                    var func = function_(AST_Function);
                    func.start = func_start;
                    func.end = prev();
                    a.push(new AST_ObjectMethod({
                        start: start,
                        key: key,
                        value: func,
                        end: prev(),
                    }));
                    continue;
                }
                if (is("punc", ":")) {
                    next();
                    a.push(new AST_ObjectKeyVal({
                        start: start,
                        key: key,
                        value: maybe_assign(),
                        end: prev(),
                    }));
                    continue;
                }
                if (start.type == "name") switch (key) {
                    case "async":
                        var is_gen = is("operator", "*") && next();
                        key = as_property_key();
                        var func_start = S.token;
                        var func = function_(is_gen ? AST_AsyncGeneratorFunction : AST_AsyncFunction);
                        func.start = func_start;
                        func.end = prev();
                        a.push(new AST_ObjectMethod({
                            start: start,
                            key: key,
                            value: func,
                            end: prev(),
                        }));
                        continue;
                    case "get":
                        a.push(new AST_ObjectGetter({
                            start: start,
                            key: as_property_key(),
                            value: create_accessor(),
                            end: prev(),
                        }));
                        continue;
                    case "set":
                        a.push(new AST_ObjectSetter({
                            start: start,
                            key: as_property_key(),
                            value: create_accessor(),
                            end: prev(),
                        }));
                        continue;
                }
                unexpected();
            }
            next();
            return new AST_Object({ properties: a });
        });

        function as_property_key() {
            var tmp = S.token;
            switch (tmp.type) {
                case "operator":
                    if (!KEYWORDS[tmp.value]) unexpected();
                case "num":
                case "string":
                case "name":
                case "keyword":
                case "atom":
                    next();
                    return "" + tmp.value;
                case "punc":
                    expect("[");
                    var key = maybe_assign();
                    expect("]");
                    return key;
                default:
                    unexpected();
            }
        }

        function as_name() {
            var name = S.token.value;
            expect_token("name");
            return name;
        }

        function _make_symbol(type, token) {
            var name = token.value;
            switch (name) {
                case "await":
                    if (S.in_async) unexpected(token);
                    break;
                case "super":
                    type = AST_Super;
                    break;
                case "this":
                    type = AST_This;
                    break;
                case "yield":
                    if (S.in_generator) unexpected(token);
                    break;
            }
            return new type({
                name: "" + name,
                start: token,
                end: token,
            });
        }

        function strict_verify_symbol(sym) {
            if (sym.name == "arguments" || sym.name == "eval" || sym.name == "let")
                token_error(sym.start, "Unexpected " + sym.name + " in strict mode");
        }

        function as_symbol(type, noerror) {
            if (!is("name")) {
                if (!noerror) croak("Name expected");
                return null;
            }
            var sym = _make_symbol(type, S.token);
            if (S.input.has_directive("use strict") && sym instanceof AST_SymbolDeclaration) {
                strict_verify_symbol(sym);
            }
            next();
            return sym;
        }

        function maybe_destructured(type) {
            var start = S.token;
            if (is("punc", "[")) {
                next();
                var elements = expr_list("]", !options.strict, true, function () {
                    return maybe_default(type);
                });
                return new AST_DestructuredArray({
                    start: start,
                    elements: elements,
                    rest: elements.rest || null,
                    end: prev(),
                });
            }
            if (is("punc", "{")) {
                next();
                var first = true, a = [], rest = null;
                while (!is("punc", "}")) {
                    if (first) first = false; else expect(",");
                    // allow trailing comma
                    if (!options.strict && is("punc", "}")) break;
                    var key_start = S.token;
                    if (is("punc", "[") || is_token(peek(), "punc", ":")) {
                        var key = as_property_key();
                        expect(":");
                        a.push(new AST_DestructuredKeyVal({
                            start: key_start,
                            key: key,
                            value: maybe_default(type),
                            end: prev(),
                        }));
                        continue;
                    }
                    if (is("operator", "...")) {
                        next();
                        rest = maybe_destructured(type);
                        break;
                    }
                    var name = as_symbol(type);
                    if (is("operator", "=")) {
                        next();
                        name = new AST_DefaultValue({
                            start: name.start,
                            name: name,
                            value: maybe_assign(),
                            end: prev(),
                        });
                    }
                    a.push(new AST_DestructuredKeyVal({
                        start: key_start,
                        key: key_start.value,
                        value: name,
                        end: prev(),
                    }));
                }
                expect("}");
                return new AST_DestructuredObject({
                    start: start,
                    properties: a,
                    rest: rest,
                    end: prev(),
                });
            }
            return as_symbol(type);
        }

        function maybe_default(type) {
            var start = S.token;
            var name = maybe_destructured(type);
            if (!is("operator", "=")) return name;
            next();
            return new AST_DefaultValue({
                start: start,
                name: name,
                value: maybe_assign(),
                end: prev(),
            });
        }

        function template(tag) {
            var start = tag ? tag.start : S.token;
            var read = S.input.context().read_template;
            var strings = [];
            var expressions = [];
            while (read(strings)) {
                next();
                expressions.push(expression());
                if (!is("punc", "}")) unexpected();
            }
            next();
            return new AST_Template({
                start: start,
                expressions: expressions,
                strings: strings,
                tag: tag,
                end: prev(),
            });
        }

        function subscripts(expr, allow_calls) {
            var start = expr.start;
            var optional = null;
            while (true) {
                if (is("operator", "?") && is_token(peek(), "punc", ".")) {
                    next();
                    next();
                    optional = expr;
                }
                if (is("punc", "[")) {
                    next();
                    var prop = expression();
                    expect("]");
                    expr = new AST_Sub({
                        start: start,
                        optional: optional === expr,
                        expression: expr,
                        property: prop,
                        end: prev(),
                    });
                } else if (allow_calls && is("punc", "(")) {
                    next();
                    expr = new AST_Call({
                        start: start,
                        optional: optional === expr,
                        expression: expr,
                        args: expr_list(")", !options.strict),
                        end: prev(),
                    });
                } else if (optional === expr || is("punc", ".")) {
                    if (optional !== expr) next();
                    expr = new AST_Dot({
                        start: start,
                        optional: optional === expr,
                        expression: expr,
                        property: as_name(),
                        end: prev(),
                    });
                } else if (is("punc", "`")) {
                    if (optional) croak("Invalid template on optional chain");
                    expr = template(expr);
                } else {
                    break;
                }
            }
            if (optional) expr.terminal = true;
            if (expr instanceof AST_Call && !expr.pure) {
                var start = expr.start;
                var comments = start.comments_before;
                var i = HOP(start, "comments_before_length") ? start.comments_before_length : comments.length;
                while (--i >= 0) {
                    if (/[@#]__PURE__/.test(comments[i].value)) {
                        expr.pure = true;
                        break;
                    }
                }
            }
            return expr;
        }

        function maybe_unary(no_in) {
            var start = S.token;
            if (S.in_async && is("name", "await")) {
                if (S.in_funarg === S.in_function) croak("Invalid use of await in function argument");
                S.input.context().regex_allowed = true;
                next();
                return new AST_Await({
                    start: start,
                    expression: maybe_unary(no_in),
                    end: prev(),
                });
            }
            if (S.in_generator && is("name", "yield")) {
                if (S.in_funarg === S.in_function) croak("Invalid use of yield in function argument");
                S.input.context().regex_allowed = true;
                next();
                var exp = null;
                var nested = false;
                if (is("operator", "*")) {
                    next();
                    exp = maybe_assign(no_in);
                    nested = true;
                } else if (is("punc") ? !PUNC_AFTER_EXPRESSION[S.token.value] : !can_insert_semicolon()) {
                    exp = maybe_assign(no_in);
                }
                return new AST_Yield({
                    start: start,
                    expression: exp,
                    nested: nested,
                    end: prev(),
                });
            }
            if (is("operator") && UNARY_PREFIX[start.value]) {
                next();
                handle_regexp();
                var ex = make_unary(AST_UnaryPrefix, start, maybe_unary(no_in));
                ex.start = start;
                ex.end = prev();
                return ex;
            }
            var val = expr_atom(true);
            while (is("operator") && UNARY_POSTFIX[S.token.value] && !has_newline_before(S.token)) {
                val = make_unary(AST_UnaryPostfix, S.token, val);
                val.start = start;
                val.end = S.token;
                next();
            }
            return val;
        }

        function make_unary(ctor, token, expr) {
            var op = token.value;
            switch (op) {
                case "++":
                case "--":
                    if (!is_assignable(expr))
                        token_error(token, "Invalid use of " + op + " operator");
                    break;
                case "delete":
                    if (expr instanceof AST_SymbolRef && S.input.has_directive("use strict"))
                        token_error(expr.start, "Calling delete on expression not allowed in strict mode");
                    break;
            }
            return new ctor({ operator: op, expression: expr });
        }

        var expr_op = function (left, min_prec, no_in) {
            var op = is("operator") ? S.token.value : null;
            if (op == "in" && no_in) op = null;
            var prec = op != null ? PRECEDENCE[op] : null;
            if (prec != null && prec > min_prec) {
                next();
                var right = expr_op(maybe_unary(no_in), op == "**" ? prec - 1 : prec, no_in);
                return expr_op(new AST_Binary({
                    start: left.start,
                    left: left,
                    operator: op,
                    right: right,
                    end: right.end
                }), min_prec, no_in);
            }
            return left;
        };

        function expr_ops(no_in) {
            return expr_op(maybe_unary(no_in), 0, no_in);
        }

        var maybe_conditional = function (no_in) {
            var start = S.token;
            var expr = expr_ops(no_in);
            if (is("operator", "?")) {
                next();
                var yes = maybe_assign();
                expect(":");
                return new AST_Conditional({
                    start: start,
                    condition: expr,
                    consequent: yes,
                    alternative: maybe_assign(no_in),
                    end: prev()
                });
            }
            return expr;
        };

        function is_assignable(expr) {
            return expr instanceof AST_PropAccess && !expr.optional || expr instanceof AST_SymbolRef;
        }

        function to_destructured(node) {
            if (node instanceof AST_Array) {
                var rest = null;
                if (node.elements[node.elements.length - 1] instanceof AST_Spread) {
                    rest = to_destructured(node.elements.pop().expression);
                    if (!(rest instanceof AST_Destructured || is_assignable(rest))) return node;
                }
                var elements = node.elements.map(to_destructured);
                return all(elements, function (node) {
                    return node instanceof AST_DefaultValue
                        || node instanceof AST_Destructured
                        || node instanceof AST_Hole
                        || is_assignable(node);
                }) ? new AST_DestructuredArray({
                    start: node.start,
                    elements: elements,
                    rest: rest,
                    end: node.end,
                }) : node;
            }
            if (node instanceof AST_Assign) {
                var name = to_destructured(node.left);
                return name instanceof AST_Destructured || is_assignable(name) ? new AST_DefaultValue({
                    start: node.start,
                    name: name,
                    value: node.right,
                    end: node.end,
                }) : node;
            }
            if (!(node instanceof AST_Object)) return node;
            var rest = null;
            if (node.properties[node.properties.length - 1] instanceof AST_Spread) {
                rest = to_destructured(node.properties.pop().expression);
                if (!(rest instanceof AST_Destructured || is_assignable(rest))) return node;
            }
            var props = [];
            for (var i = 0; i < node.properties.length; i++) {
                var prop = node.properties[i];
                if (!(prop instanceof AST_ObjectKeyVal)) return node;
                var value = to_destructured(prop.value);
                if (!(value instanceof AST_DefaultValue || value instanceof AST_Destructured || is_assignable(value))) {
                    return node;
                }
                props.push(new AST_DestructuredKeyVal({
                    start: prop.start,
                    key: prop.key,
                    value: value,
                    end: prop.end,
                }));
            }
            return new AST_DestructuredObject({
                start: node.start,
                properties: props,
                rest: rest,
                end: node.end,
            });
        }

        function maybe_assign(no_in) {
            var start = S.token;
            var left = maybe_conditional(no_in), val = S.token.value;
            if (is("operator") && ASSIGNMENT[val]) {
                if (is_assignable(left) || val == "=" && (left = to_destructured(left)) instanceof AST_Destructured) {
                    next();
                    return new AST_Assign({
                        start: start,
                        left: left,
                        operator: val,
                        right: maybe_assign(no_in),
                        end: prev()
                    });
                }
                croak("Invalid assignment");
            }
            return left;
        }

        function expression(no_in, maybe_arrow) {
            var start = S.token;
            var exprs = [];
            while (true) {
                if (maybe_arrow && is("operator", "...")) {
                    next();
                    exprs.rest = maybe_destructured(AST_SymbolFunarg);
                    break;
                }
                exprs.push(maybe_assign(no_in));
                if (!is("punc", ",")) break;
                next();
                if (maybe_arrow && is("punc", ")") && is_token(peek(), "punc", "=>")) break;
            }
            return exprs.length == 1 && !exprs.rest ? exprs[0] : new AST_Sequence({
                start: start,
                expressions: exprs,
                end: prev(),
            });
        }

        function in_loop(cont) {
            ++S.in_loop;
            var ret = cont();
            --S.in_loop;
            return ret;
        }

        if (options.expression) {
            handle_regexp();
            var exp = expression();
            expect_token("eof");
            return exp;
        }

        return function () {
            var start = S.token;
            var body = [];
            S.input.push_directives_stack();
            while (!is("eof"))
                body.push(statement());
            S.input.pop_directives_stack();
            var end = prev() || start;
            var toplevel = options.toplevel;
            if (toplevel) {
                toplevel.body = toplevel.body.concat(body);
                toplevel.end = end;
            } else {
                toplevel = new AST_Toplevel({ start: start, body: body, end: end });
            }
            toplevel.Table = table;
            return toplevel;
        }();
    }

    var g_type = Symbol("TYPE");
    
    var g_new = Symbol("NEW");

    var g_isVar = Symbol("Var");

    var g_this = Symbol("THIS");

    function $Object(name, type) {
        var names = ["Array", "Date", "Map", "Set", "RegExp", "Function"];
        var ctor;
        var fn;
        if (!names.includes(name)) {
            ctor = new Function("return function " + name + "(){}")();
            ctor.prototype = Object.create(null);
            ctor.prototype.hasOwnProperty = Object.prototype.hasOwnProperty;
        } else {
            ctor = window[name];
        }
        fn = ctor.prototype;
        if (type) {
            fn[g_type] = type;
        }
        fn[g_new] = true;
        return new ctor();
    }

    function $Global(name) {
        var ctor = new Function("return function " + name + "(){}")();
        ctor.prototype.hasOwnProperty = Object.prototype.hasOwnProperty;
        var global = new ctor();
        global[name] = global;
        return global;
    }

    function CreateVars(global_name) {
        global_name = global_name || "Window";
        function Assign() {
            function each(map, key, value) {
                if (!map[g_isVar]) {
                    return;
                }
                var names = Object.getOwnPropertyNames(value);
                var ooVal;
                if (key == map) {
                    ooVal = newVars.alwaysGet(newVars, $Object("Value"));
                } else if (key == map.global) {
                    ooVal = newVars.alwaysGet(newVars.global, $Object("Value"));
                } else {
                    newVars.set(key, value);
                    return;
                }
                names.forEach(function (key_) {
                    ooVal[key_] = value[key_];
                });
            }
            var newVars = CreateVars(global_name);
            var this_ = this;
            this_.forEach(function (value, key) {
                each(this_, key, value);
            });
            for (var i = 0; i < arguments.length ; i++) {
                var ele = arguments[i];
                ele.forEach(function (value, key) {
                    each(ele, key, value);
                });
            }
            return newVars;
        }
        function fAssign(Vars) {
            Vars.assign = function () {
                return Assign.apply(Vars, arguments);
            }
        }
        var Vars = new Map();
        Vars[g_isVar] = true;
        Vars.global = $Global(global_name);
        fAssign(Vars);
        Vars.replaceGlobal = function (global) {
            if (this.has(Vars.global)) {
                this.set(global, this.get(Vars.global));
                this.delete(this.global);
            }
            this.global = global;
        }
        return Vars;
    }

    function ContextAt(code, option) {
        option = option || {};
        var findMarksAt = option.findMarksAt || function () { };
        var markValue = option.markValue || function () { };
        var global = option.global;
        var global_name = option.global_name || "Window";
        global = global || $Global(global_name);
        var eLine = option.eLine;
        var eCh = option.eCh;
        var JsVars = option.JsVars || option.jsVars;
        var scoped = option.scoped;
        var __Ast__;
        if (typeof code == "string") {
            try {
                __Ast__ = ParseJs(code);
            } catch (e) {
                console.error(e);
                return null;
            }
        } else {
            __Ast__ = code;
        }

        JsVars = JsVars || CreateVars();

        option.JsVars = JsVars;

        JsVars.global = global;

        var defined_all = new Set();

        var called_all = new Map();

        var value_all = new Map();

        var context = {
            ast: __Ast__,
            prev: null,
            This: global,
            Vars: JsVars
        };

        var topCtx = context;

        function pushContext(ast) {
            context = {
                ast: ast,
                prev: context,
                This: context.This,
                Vars: CreateVars()
            }
            delete context.Vars.global;
        }

        function popContext() {
            var old = context;
            context = context && context.prev;
            return old;
        }

        var current;

        var defVar = {
            visit: function (node, func) {
                if (defined_all.has(node)) {
                    return;
                }
                var old = current;
                current = node;
                try {
                    defVar.visit2(node, func);
                } finally {
                    defined_all.add(node);
                    current = old;
                }

            },
            visit2: function (node, func) {
                if (node.TYPE == "VarDef") {
                    if (!node.ForIn) {
                        var name = node.name.name;
                        AstDef(name);
                        AstSet(name, AstValue(node.value));
                    }
                } else if (node.TYPE == "Defun") {
                    var name = node.name.name;
                    var value = new Function("return function " + name + "(){}")();
                    AstDef(name);
                    AstSet(name, value);
                    node[g_this] = value[g_this] = value.prototype;
                    JsParser.SetReturn(value, function () { return AstCall(node, this, arguments) }, true);
                } else if (node.TYPE == "ForIn") {
                    var object = node.object;
                    var temp = {
                        visit: function (node, func) {
                            if (node.TYPE == "VarDef") {
                                node.ForIn = true;
                                var name = node.name.name;
                                var value = AstValue(object);
                                AstDef(name);
                                if (Array.isArray(value)) {
                                    AstSet(name, 0);
                                } else {
                                    AstSet(name, "");
                                }
                            } else {
                                func && func(temp);
                            }
                        }
                    }
                    node.init.walk(temp);
                } else if (node.TYPE == "SymbolFunarg") {
                    var name = node.name;
                    AstDef(name);
                    if (node.value == null) {
                        node.value = $Object(name, "Argument");
                    }
                    AstSet(name, node.value);
                } else if (node.TYPE == "Assign") {
                    if (node.left.TYPE != "DestructuredArray") {
                        var ref = AstRef(node.left);
                        if (ref.base) {
                            try {
                                (function () {
                                    try {
                                        AstSet(ref.prop, AstValue(node.right, ref.base), ref.base);
                                        if (node.right.TYPE == "Function") {
                                            var callback = JsParser.GetCallback(ref.prop, 0, ref.base, []);
                                            if (callback) {
                                                var args = callback.args;
                                                if (args) {
                                                    var argnames = node.right.argnames;
                                                    for (var i = 0; i < args.length ; i++) {
                                                        var ast = argnames[i];
                                                        if (ast) {
                                                            ast.value = args[i];
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    } catch (e) {
                                        console.error(e);
                                    }
                                }());
                            } catch (e) {
                                console.error(e);
                            }
                        }
                    }
                } else if (node.TYPE == "Call") {
                    var value = AstValue(node.expression);
                    var ref = AstRef(node.expression);
                    {
                        var argsValue = [];
                        var args = node.args;
                        for (var i = 0; i < args.length; i++) {
                            if (args[i].TYPE == "Function") {
                                argsValue.push($Object("Function"));
                            } else {
                                argsValue.push(AstValue(args[i]));
                            }
                        }
                        for (var i = 0; i < args.length; i++) {
                            if (args[i].TYPE == "Function") {
                                var back_ret = JsParser.GetCallback(value, i, ref.base, argsValue);
                                if (back_ret) {
                                    args[i].argnames.forEach(function (v, i) {
                                        v.value = back_ret.args[i]
                                    });
                                    if (back_ret._this) {
                                        args[i][g_this] = ref.base;
                                        argsValue[i][g_this] = ref.base;
                                    }
                                }
                            }
                        }
                    }
                    if (!(node.start.line <= eLine && node.end.endline >= eLine) && func) {
                        AstValue(node);
                    }
                } else if (func) {
                    if (!(node.start.line <= eLine && node.end.endline >= eLine)) {
                        var push = IsScope(node);
                        if (push) {
                            pushContext(node);
                        }
                         func(defVar);
                        if (push) {
                            popContext();
                        }
                    }
                }
            }
        };

        function AstDef(name, ctx) {
            ctx = ctx == null ? context : ctx;
            var Vars = ctx.Vars;
            var key = Vars;
            if (!scoped && ctx == topCtx) {
                key = global;
            }
            var o = Vars.alwaysGet(key, $Object("Value"));
            if (o.hasOwnProperty(name)) {
                Vars.delete(o[name]);
            }
            o[name] = undefined;
            return key;
        }

        function AstSet(prop, value, base) {
            var ctx = context;
            var Vars = ctx.Vars;
            if (base == null) {
                var o = Vars.get(Vars);
                while (!o) {
                    if (ctx.prev != null) {
                        ctx = ctx.prev;
                        Vars = ctx.Vars;
                        o = Vars.get(Vars);
                    } else {
                        o = Vars.get(AstDef(prop, topCtx));
                        break;
                    }
                }
                o[prop] = value;
                if (value && !value[g_new] && (typeof value == "object" || typeof value == "function")) {
                    Vars.alwaysGet(value, $Object("Value"));
                }
            } else if (base[g_new]) {
                base[prop] = value;
            } else {
                if (base == global && scoped) {
                    base = topCtx.Vars;
                    AstDef(prop, topCtx);
                    Vars = base;
                    ctx = topCtx;
                }
                var o = Vars.get(base);
                while (!o) {
                    if (ctx.prev != null) {
                        ctx = ctx.prev;
                        Vars = ctx.Vars;
                        o = Vars.get(base);
                    } else {
                        Vars = topCtx.Vars;
                        o = Array.isArray(base) ? $Object("Array") : $Object("Value");
                        o[g_new] = true;
                        o = Vars.alwaysGet(base, o);
                        break;
                    }
                }
                if (o) {
                    o[prop] = value;
                    if (value && !value[g_new] && (typeof value == "object" || typeof value == "function")) {
                        Vars.alwaysGet(value, $Object("Value"));
                    }
                }
            }
        }

        function AstGet(prop, base) {
            var ctx = context;
            var Vars, o;
            try {
                if (base == null) {
                    while (ctx) {
                        Vars = ctx.Vars;
                        o = Vars.get(Vars);
                        if (o && o.hasOwnProperty(prop)) {
                            return o[prop];
                        } else {
                            ctx = ctx.prev;
                        }
                    }
                    o = topCtx.Vars.get(global);
                    if (o && o.hasOwnProperty(prop)) {
                        return o[prop];
                    } else {
                        return global[prop];
                    }
                } else if (base[g_new]) {
                    return base[prop];
                } else {
                    while (ctx) {
                        Vars = ctx.Vars;
                        o = Vars.get(base);
                        if (o && o.hasOwnProperty(prop)) {
                            return o[prop];
                        } else {
                            ctx = ctx.prev;
                        }
                    }
                    return base[prop];
                }
            } catch (e) {
                console.error(e);
            }
        }

        function AstThis(ctx) {
            ctx = !ctx ? context : This;
            while ((ctx.ast.TYPE != "Function" && ctx.ast.TYPE != "Defun") || !ctx.ast[g_this]) {
                ctx = ctx.prev;
                if (!ctx) {
                    break;
                }
            }
            if (ctx && ctx.ast && ctx.ast[g_this]) {
                return ctx.ast[g_this];
            } else {
                return global;
            }
        }

        function AstRef(astNode, base) {
            var ref = {};
            try {
                if (astNode.TYPE == "SymbolRef") {
                    var name = astNode.name;
                    if (!base) {
                        var ctx = context;
                        var Vars = ctx.Vars;
                        var o = Vars.get(Vars);
                        while (!o || !o.hasOwnProperty(name)) {
                            if (ctx.prev != null) {
                                ctx = ctx.prev;
                                Vars = ctx.Vars;
                                o = Vars.get(Vars);
                            } else {
                                if (!global.hasOwnProperty(name)) {
                                    base = AstDef(name, topCtx);
                                } else {
                                    base = global;
                                }
                                break;
                            }
                        }
                    }
                    if (!base) {
                        base = Vars;
                    }
                    ref.prop = name;
                    ref.base = base;
                } else if (astNode.TYPE == "Dot") {
                    ref.prop = astNode.property;
                    ref.base = AstValue(astNode.expression, base);
                    if (!ref.base) {
                        var _ref = AstRef(astNode.expression, base);
                        if (_ref.base) {
                            AstSet(_ref.prop, $Object(_ref.prop, "Property"), _ref.base);
                            ref.base = AstValue(astNode.expression, base);
                        }
                    }
                } else if (astNode.TYPE == "Sub") {
                    ref.base = AstValue(astNode.expression, base);
                    ref.prop = AstValue(astNode.property);
                    if (ref.prop == null) {
                        if (Array.isArray(ref.base)) {
                            ref.prop = 0;
                        } else {
                            ref.prop = astNode.property.name;
                        }
                    }
                    if (!ref.base) {
                        var _ref = AstRef(astNode.expression, base);
                        if (_ref.base) {
                            if (typeof ref.prop == "number") {
                                AstSet(_ref.prop, [], _ref.base);
                            } else {
                                AstSet(_ref.prop, $Object(_ref.prop, "Property"), _ref.base);
                            }
                            ref.base = AstValue(astNode.expression, base);
                        }
                    }
                }
            } catch (e) {
                console.error(e);
            }
            return ref;
        }

        function AstValue(astNode, This) {
            if (!astNode) {
                return null;
            }
            if (value_all.has(astNode)) {
                return value_all.get(astNode);
            }
            var old = current;
            current = astNode;
            try {
                var _value = AstValue2(astNode, This);
                value_all.set(astNode, _value);
                return _value
            } finally {
                current = old;
            }
        }

        function AstValue2(astNode, This) {
            if (astNode.TYPE == "SymbolRef") {
                var name = astNode.name;
                var marks = findMarksAt({ line: astNode.start.line - 1, ch: astNode.end.endcol });
                var mark = Array.isArray(marks) ? marks[0] : marks;
                return mark && markValue(mark) || AstGet(name);
            } else if (astNode.TYPE == "Dot") {
                var property = astNode.property;
                var value = AstValue(astNode.expression);
                try {
                    return value != null ? AstGet(property, value) : null;
                } catch (e) {
                    console.error(e);
                    return null;
                }
            } else if (astNode.TYPE == "Sub") {
                var property = AstValue(astNode.property);
                var value = AstValue(astNode.expression);
                if (typeof property == "number") {
                    if (value == null) {
                        var ref = AstRef(astNode.expression);
                        if (ref.base) {
                            var object = $Object(ref.prop);
                            var Val = $Object("Array");
                            Val.push(object);
                            ref.base[ref.prop] = Val;
                            return object;
                        } else {
                            return null;
                        }
                    } else {
                        return JsParser.GetElement(value, property);
                    }
                } else {
                    if (property == null || property.toString == null) {
                        property = "";
                    }
                    return value ? AstGet(property, value) : null;
                }
            } else if (astNode.TYPE == "Function") {
                var func = $Object("Function");
                JsParser.SetReturn(value, function () {
                    return AstCall(astNode, this, arguments);
                }, true);
                astNode[g_this] = This ? This : func.prototype;
                return func;
            } else if (astNode.TYPE == "Binary") {
                return (function () {
                    if (astNode.operator == "in") {
                        return true;
                    } else {
                        var left = AstValue(astNode.left);
                        var right = AstValue(astNode.right);
                        if (left == null || left.constructor == null) {
                            return right;
                        }
                        if (right == null || right.constructor == null) {
                            return left;
                        }
                        try {
                            return eval("left " + astNode.operator + " right");
                        } catch (e) {
                            console.error(e);
                            return null;
                        }
                    }
                }());
            } else if (astNode.TYPE == "Assign") {
                var ref = AstRef(astNode.left);
                if (ref.base) {
                    try {
                        var value = AstValue(astNode.right, ref.base);
                        try {
                            AstSet(ref.prop, value, ref.base);
                        } catch (e) {
                            console.error(e);
                        }
                        return value;
                    } catch (e) {
                        console.error(e);
                    }
                } else {
                    return AstValue(astNode.right);
                }
            } else if (astNode.TYPE == "Call") {
                var func = AstValue(astNode.expression);
                if (!func) {
                    return null;
                }
                if (JsParser.HasReturn(func)) {
                    var argsValue = [];
                    var args = astNode.args;
                    for (var i = 0; i < args.length; i++) {
                        if (args[i].TYPE == "Function") {
                            argsValue.push(function () { });
                        } else {
                            argsValue.push(AstValue(args[i]));
                        }
                    }
                    var vThis = global;
                    if (astNode.expression.TYPE == "Dot" || astNode.expression.TYPE == "Sub") {
                        vThis = AstRef(astNode.expression).base;
                    }
                    try {
                        return JsParser.GetReturn(func, vThis, argsValue);
                    } catch (e) {
                        console.error(e);
                    }
                } else if (astNode.expression.TYPE == "Dot" || astNode.expression.TYPE == "Sub") {
                    var _ref = AstRef(astNode.expression);
                    if (_ref.prop == "toString") {
                        return "";
                    }
                    return null;
                } else {
                    return null;
                }
            } else if (astNode.TYPE == "UnaryPrefix") {
                return (function () {
                    var value = AstValue(astNode.expression);
                    if (value) {
                        return eval(astNode.operator + " value");
                    } else {
                        return null;
                    }
                }());
            } else if (astNode.TYPE == "UnaryPostfix") {
                return (function () {
                    var value = AstValue(astNode.expression);
                    if (value) {
                        return global.eval("value " + astNode.operator);
                    } else {
                        return null;
                    }
                }());
            } else if (astNode.TYPE == "RegExp") {
                return $Object("RegExp"); 
            } else if (astNode.TYPE == "Array") {
                var arr = $Object("Array");
                var elements = astNode.elements;
                for (var i = 0; i < elements.length; i++) {
                    arr.push(AstValue(elements[i]));
                }
                return arr;
            } else if (astNode.TYPE == "Object") {
                var object = $Object("Object");
                var properties = astNode.properties;
                for (var i = 0; i < properties.length; i++) {
                    object[properties[i].key] = AstValue(properties[i].value, object);
                }
                return object;
            } else if (astNode.TYPE == "ObjectGetter") {
                return AstValue(astNode.value);
            } else if (astNode.TYPE == "Accessor") {
                return AstCall(astNode);
            } else if (astNode.TYPE == "New") {
                var func = AstValue(astNode.expression);
                if (func) {
                    if (func == global["Number"]) {
                        return 0;
                    } else if (func == global["String"]) {
                        return "";
                    } else if (func == global["Boolean"]) {
                        return true;
                    } else if (func == global["Date"]) {
                        return $Object("Date");
                    } else if (func == global["Object"]) {
                        return $Object("Object");
                    } else if (func == global["Set"]) {
                        return $Object("Set");
                    } else if (func == global["Array"]) {
                        return $Object("Array");
                    } else if (func == global["Function"]) {
                        return $Object("Function");
                    } else if (typeof func == "function") {
                        var object = Object.create(func.prototype);
                        object[g_new] = true;
                        return object;
                    } else {
                        return null;
                    }
                } else {
                    return null;
                }
            } else if (astNode.TYPE == "String") {
                return astNode.value;
            }
            if (astNode.TYPE == "Number") {
                return astNode.value;
            } else if (astNode.TYPE == "False") {
                return false;
            } else if (astNode.TYPE == "True") {
                return true;
            } else if (astNode.TYPE == "This") {
                return AstThis();
            } else if (astNode.TYPE == "Null") {
                return null;
            } else if (astNode.TYPE == "VarDef") {
                var vnode = astNode.value;
                return AstValue(vnode);
            }
        }

        var calls = new Set();

        function AstCall(astFun, _this, args) {
            if (calls.has(astFun)) {
                return null;
            }
            if (called_all.has(astFun)) {
                return called_all.get(astFun);
            }
            calls.add(astFun);
            try {
                var value_ = AstCall2(astFun, _this, args);
                called_all.set(astFun, value_);
                return value_;
            } finally {
                calls.delete(astFun);
            }
        }

        function AstCall2(astFun, _this, args) {
            pushContext(astFun);
            astFun.argnames.forEach(function (ast, index) {
                ast.walk(defVar);
                if (args[index] == null) {
                    ast.walk(defVar);
                } else {
                    AstDef(ast.name);
                    AstSet(ast.name, args[index]);
                }
            });
            astFun.body.forEach(function (ast) {
                ast.walk(defVar);
            });
            var Ret;
            var Return = {
                visit: function (node, func) {
                    if (node.TYPE == "Return") {
                        Ret = AstValue(node.value);
                    }
                    if (func && !Ret && node.TYPE != "Function") {
                        func(Return);
                    }
                }
            };
            astFun.body.forEach(function (ast) {
                ast.walk(Return);
            });
            popContext();
            return Ret;
        }

        function currentValue(node, eCol) {
            //计算当前类型
            var curVal;
            node.walk({
                visit: function (node, func) {
                    if (node.end.endline == eLine && node.end.endcol == eCol) {
                        curVal = AstValue(node);
                        if (curVal === undefined) {
                            func && func(node);
                        } else {
                            var ctx = context;
                            var Vars = ctx.Vars;
                            var bind = Vars.get(curVal);
                            while (!bind || (!bind[g_new] && !bind.hasOwnProperty(name))) {
                                if (ctx.prev != null) {
                                    ctx = ctx.prev;
                                    Vars = ctx.Vars;
                                    bind = Vars.get(curVal);
                                } else {
                                    break;
                                }
                            }
                            curProps = bind;
                        }
                    } else {
                        func && func(node);
                    }
                }
            });
            return curVal;
        }

        function currentVars() {
            var list = [];
            var ctx = context;
            while (ctx) {
                var Vars = ctx.Vars;
                var o = Vars.get(Vars);
                if (o) {
                    for (var key in o) {
                        list.push(key);
                    }
                }
                ctx = ctx.prev;
            }
            list.context = context;
            return list;
        }

        var curValue;

        var curContext;

        var curVars = [];

        var curProps = {};

        var curAst = null;

        function ValFunc(node) {
            var Val = null;
            var visitor = {
                visit: function (node, func) {
                    if (node.end.endline == eLine && node.end.endcol == eCh) {
                        Val = currentValue(node, node.end.endcol);
                        curAst = node;
                    }
                    if (func) {
                        func(visitor);
                    }
                }
            }
            node.walk(visitor);
            return Val;
        }

        function IsScope(node) {
            var CTOR = node.CTOR;
            while (CTOR) {
                if (CTOR.TYPE == "Scope") {
                    return true;
                }
                CTOR = CTOR.BASE;
            }
            return false;
        }

        function findVar() {
            var visitor = {
                visit: function (node, func) {
                    if (node.start.line <= eLine && node.end.endline >= eLine) {
                        var push = node.TYPE == "Toplevel" ? scoped : IsScope(node);
                        if (node.end.endline == eLine && node.TYPE != "Toplevel") {
                            if (node.end.endcol == eCh) {
                                var value = ValFunc(node);
                                if (node.TYPE == "SymbolVar") {
                                    curValue = value || curValue;
                                } else if (node.TYPE == "Dot") {
                                    curValue = value || curValue;
                                } else {
                                    curValue = value;
                                }
                                curContext = context;
                                curVars = currentVars();
                            } else {
                                if (node.start.col < eCh && node.end.endcol > eCh) {
                                    curValue = currentValue(node, node.end.endcol);
                                    curContext = context;
                                    curAst = node;
                                    curVars = currentVars();
                                }
                                node.walk(defVar);
                                if (push) {
                                    pushContext(node);
                                }
                                func && func(visitor);
                                if (push) {
                                    popContext();
                                }
                            }
                        } else {
                            if (node.TYPE == "Call") {
                                defVar.visit(node);
                            }
                            if (node.TYPE == "Assign") {
                                defVar.visit(node);
                            }
                            if (node.TYPE == "ForIn") {
                                defVar.visit(node);
                            }
                            if (node.TYPE == "Defun") {
                                defVar.visit(node);
                            }
                            if (node.TYPE == "VarDef") {
                                defVar.visit(node);
                            }
                            if (push) {
                                pushContext(node);
                            }
                            func && func(visitor);
                            if (push) {
                                popContext();
                            }
                        }
                    } else {
                        node.walk(defVar);
                    }
                }
            }
            __Ast__.walk(visitor);
        };

        if (!__Ast__) {
            return null;
        }
        //计算局部变量
        var Table = __Ast__.Table;
        var token = Table.find(eLine - 1, eCh);
        if (!token) {
            eLine = null;
            eCh = null;
        } else {
            eCh = token.endcol
        }
        try {
            if (eCh == null || eLine == null) {
                __Ast__.walk(defVar);
            } else {
                findVar(__Ast__);
            }
        } catch (e) {
            console.error(e);
        }
        if (scoped) {
            JsVars.delete(JsVars);
        }
        return {
            token: token,
            node: curAst,
            name: token && token.type == "name" && token.value,
            value: curValue,
            type: (function () {
                if (token && token.type == "name") {
                    return curAst && curAst.TYPE;
                } else {
                    return token && token.type;
                }
            }()),
            vars: curVars,
            props: curProps,
            globals: curContext || context,
            keywords: ['break', 'case', 'catch', 'class', 'const', 'continue', 'debugger', 'default', 'delete', 'do', 'else', 'extends', 'finally', 'for', 'function', 'if', 'in', 'instanceof', 'new', 'return', 'switch', 'throw', 'try', 'typeof', 'var', 'void', 'while', 'with', 'abstract', 'async', 'await', 'boolean', 'byte', 'char', 'double', 'enum', 'export', 'final', 'float', 'goto', 'implements', 'import', 'int', 'interface', 'let', 'long', 'native', 'package', 'private', 'protected', 'public', 'short', 'static', 'super', 'synchronized', 'this', 'throws', 'transient', 'volatile', 'yield', 'return', 'new', 'delete', 'throw', 'else', 'case']
        };

    }

    var g_return = Symbol("RETURN");

    var g_element = Symbol("ELEMENT");

    var g_call = Symbol("CALL");

    var g_callback = Symbol("CALLBACK");

    var JsParser = Object.create(null);

    JsParser.Parse = function (code) {
        return ParseJs(code);
    }

    JsParser.ContextAt = function (code, option) {
        return ContextAt(code, option);
    }

    JsParser.SetElement = function (array, value, dynamic) {
        array[g_element] = {
            value: value,
            dynamic: dynamic
        }
    }

    JsParser.GetElement = function (array, index) {
        var return_ = array[g_element];
        if (return_) {
            index = index || 0;
            if (return_.dynamic) {
                return_.value(index);
            } else {
                return return_.value;
            }
        } else {
            return array[index];
        }
    }

    JsParser.SetCall = function (func, call) {
        func[g_call] = call;
    }

    JsParser.SetReturn = function (func, value, dynamic) {
        if (Array.isArray(func)) {
            func.forEach(function (func) {
                JsParser.SetReturn(func, value, dynamic);
            });
        } else if (func) {
            func[g_return] = {
                value: value,
                dynamic: dynamic
            }
        }
    }

    JsParser.HasReturn = function (func) {
        return !!func[g_return];
    }

    JsParser.GetReturn = function (func,_this,args) {
        var _return = func[g_return];
        if (_return) {
            if (_return.dynamic) {
                return _return.value.apply(_this, args);
            } else {
                return _return.value;
            }
        }
    }

    JsParser.SetCallback = function (func, index, value, dynamic) {
        if (Array.isArray(func)) {
            func.forEach(function (func) {
                JsParser.SetCallback(func, index, value, dynamic);
            });
        } else {
            if (typeof func == "function") {
                var callbacks = func[g_callback] = func[g_callback] || [];
                callbacks[index] = {
                    value: value,
                    dynamic: dynamic
                }
            } else {
                var ref = func;
                var func = ref.base;
                var prop = ref.prop;
                var callbacks = ref.base[g_callback] = ref.base[g_callback] || {};
                callbacks[prop] = callbacks[prop] || [];
                callbacks[prop][index] = {
                    value: value,
                    dynamic: dynamic
                }
            }
        }
    }
    //{args:[],_this:true}
    JsParser.GetCallback = function (func, index, _this, args) {
        if (typeof func == "function") {
            var callbacks = func[g_callback] = func[g_callback] || [];
            var callback = callbacks[index];
            if (callback) {
                if (callback.dynamic) {
                    return callback.value.apply(_this, args);
                } else {
                    return callback.value;
                }
            }
        } else if (_this) {
            var callbacks = _this[g_callback];
            callbacks = callbacks && callbacks[func];
            var callback = callbacks && callbacks[index];
            if(callback){
                if (callback.dynamic) {
                    return callback.value.apply(_this, args);
                } else {
                    return callback.value;
                }
            }
        }
    }

    JsParser.ScopeBrowser = function (window) {
        var doc = window.document;
        var array = window.Array.prototype;
        var string = window.String.prototype;
        var htmlTag = window.HTMLElement.prototype;
        var collection = window.HTMLCollection.prototype;
        var attr = Object.create(Attr.prototype);
        JsParser.SetReturn(window.open, window);
        JsParser.SetReturn(window.DOMParser.prototype.parseFromString, document);
        function TagReturn(ele) {
            JsParser.SetReturn([
                    ele.removeChild,
                    ele.appendChild,
                    ele.replaceChild,
                    ele.insertBefore
            ], function (ele_) {
                return this;
            }, true);
            JsParser.SetReturn([
                ele.cloneNode,
            ], function () {
                return this;
            }, true);
            JsParser.SetReturn([
                ele.isEqualNode,
                ele.isDefaultNamespace,
                ele.isSameNode,
                ele.hasAttributes,
                ele.hasChildNodes,
                ele.hasAttributeNS,
                ele.hasAttribute
            ], true);
            JsParser.SetReturn([
                ele.lookupPrefix,
                ele.lookupNamespaceURI,
                ele.getAttribute,
                ele.getAttributeNS,
            ], "");
            JsParser.SetReturn([
                ele.compareDocumentPosition,
                ele.setPointerCapture
            ], 1);
            JsParser.SetReturn([
                ele.getElementsByTagNameNS,
                ele.getElementsByTagName,
            ], collection);
            JsParser.SetReturn([
                ele.getBoundingClientRect
            ], function () {
                return ele.getBoundingClientRect();
            }, true);
            JsParser.SetReturn([
                ele.getAttributeNodeNS,
                ele.setAttributeNodeNS,
                ele.getAttributeNode,
                ele.setAttributeNode,
                ele.removeAttributeNode
            ], attr);
            JsParser.SetReturn([
                ele.getClientRects
            ], function () {
                return ele.getClientRects();
            }, true);
            JsParser.SetReturn([
                ele.getAttributeNodeNS
            ], function () {
                return ele.getClientRects();
            }, true);
        }
        TagReturn(htmlTag);
        JsParser.SetReturn(window, doc.body.style);
        JsParser.SetElement(collection, doc.body);
        //document
        function DocReturn() {
            JsParser.SetReturn([
                doc.querySelector,
                doc.queryCommandValue
            ], "");
            JsParser.SetReturn([
                doc.queryCommandIndeter,
                doc.execCommand,
                doc.queryCommandSupported,
                doc.queryCommandEnabled,
                doc.importNode,
                doc.queryCommandState,
                doc.hasFocus
            ], true);
            JsParser.SetReturn([
                doc.adoptNode,
                doc.getElementById,
                doc.querySelector,
            ], doc.body);
            JsParser.SetReturn([
                doc.getElementsByTagNameNS,
                doc.elementsFromPoint,
                doc.getElementsByClassName,
                doc.getElementsByTagName,
                doc.getElementsByName,
                doc.querySelectorAll,
            ], collection);
            JsParser.SetReturn([
                doc.createElement,
                doc.elementFromPoint,
            ], function (name) {
                return doc.createElement(name);
            }, true);
            JsParser.SetReturn([
                doc.open
            ], doc);
            JsParser.SetReturn([
                doc.createAttributeNS,
                doc.createAttribute
            ], doc);
            JsParser.SetReturn([
                doc.createRange,
            ], Object.create(Range.prototype));
            JsParser.SetReturn([
                doc.createComment,
            ], Object.create(Comment.prototype));
            JsParser.SetReturn([
                doc.createDocumentFragment,
            ], Object.create(DocumentFragment.prototype));
            JsParser.SetReturn([
                doc.createTextNode,
            ], Object.create(Text.prototype));

            JsParser.SetReturn([
                doc.getSelection,
            ], Object.create(Selection.prototype));
        }
        DocReturn();
        JsParser.SetReturn(array.concat,
            Object.create(Array.prototype));
        JsParser.SetReturn([
            array.join
        ], Object.create(String.prototype));
        JsParser.SetReturn([
            string.substr
        ], Object.create(String.prototype));
        JsParser.SetReturn([
            string.substring
        ], Object.create(String.prototype));
        JsParser.SetReturn([
           Object.create
        ], function (prop) {
            return Object.create(prop);
        }, true);
        JsParser.SetReturn([
           window.Object.create
        ], function (prop) {
            return window.Object.create(prop);
        }, true);
        JsParser.SetReturn([
            window.getComputedStyle
        ], function (ele) {
            return window.getComputedStyle(doc.body);
        }, true);

        function Callback() {
            this.arguments = arguments;
            this.This = arguments[arguments.length - 1];
        }
        JsParser.SetCallback(
            Array.prototype.forEach,
            0,
            function (ele) {
                return {
                    args: [JsParser.GetElement(this, 0)],
                    _this: false
                };
            },
            true);
        var events = {};
        events["blur"] = FocusEvent.prototype;
        events["load"] = Event.prototype;
        events["resize"] = Event.prototype;
        events["scroll"] = Event.prototype;
        events["beforeprint"] = Event.prototype;
        events["afterprint"] = Event.prototype;
        events["beforeunload"] = BeforeUnloadEvent.prototype;
        events["hashchange"] = HashChangeEvent.prototype;
        events["onmessage"] = MessageEvent.prototype;
        events["messageerror"] = Event.prototype;
        events["pagehide"] = PageTransitionEvent.prototype;
        events["pageshow"] = PageTransitionEvent.prototype;
        events["popstate"] = PopStateEvent.prototype;
        events["storage"] = StorageEvent.prototype;
        events["unload"] = Event.prototype;
        events["abort"] = Event.prototype;
        events["cancel"] = Event.prototype;
        events["change"] = Event.prototype;
        events["click"] = Object.create((window.PointerEvent ? PointerEvent : MouseEvent).prototype);
        events["close"] = Event.prototype;
        events["contextmenu"] = events["click"];
        events["dblclick"] = MouseEvent.prototype;
        events["drag"] = (window.Event || window.DragEvent).prototype;
        events["dragend"] = events["drag"];
        events["dragenter"] = events["dragenter"];
        events["dragleave"] = events["dragleave"];
        events["dragover"] = events["dragover"];
        events["drop"] = events["drop"];
        events["durationchange"] = Event.prototype;
        events["emptied"] = Event.prototype;
        events["ended"] = Event.prototype;
        events["input"] = (window.InputEvent ? InputEvent : Event).prototype;
        events["invalid"] = Event.prototype;
        events["keydown"] = KeyboardEvent.prototype;
        events["keypress"] = KeyboardEvent.prototype;
        events["keyup"] = KeyboardEvent.prototype;
        events["loadeddata"] = Event.prototype;
        events["loadedmetadata"] = Event.prototype;
        events["loadstart"] = Event.prototype;
        events["mousedown"] = MouseEvent.prototype;
        events["mouseenter"] = MouseEvent.prototype;
        events["mouseleave"] = MouseEvent.prototype;
        events["mousemove"] = MouseEvent.prototype;
        events["mouseout"] = MouseEvent.prototype;
        events["mouseover"] = MouseEvent.prototype;
        events["mouseup"] = MouseEvent.prototype;
        events["mousewheel"] = WheelEvent.prototype;
        events["pause"] = Event.prototype;
        events["play"] = Event.prototype;
        events["playing"] = Event.prototype;
        events["progress"] = ProgressEvent.prototype;
        events["ratechange"] = Event.prototype;
        events["reset"] = Event.prototype;
        events["seeked"] = Event.prototype;
        events["select"] = Event.prototype;
        events["stalled"] = Event.prototype;
        events["volumechange"] = Event.prototype;
        events["waiting"] = Event.prototype;
        events["animationend"] = AnimationEvent.prototype;
        events["animationiteration"] = AnimationEvent.prototype;
        events["transitionend"] = TransitionEvent.prototype;
        events["transitioncancel"] = TransitionEvent.prototype;

        events["webkitanimationend"] = AnimationEvent.prototype;
        events["webkitanimationiteration"] = AnimationEvent.prototype;
        events["webkittransitionend"] = TransitionEvent.prototype;
        events["webkittransitioncancel"] = TransitionEvent.prototype;

        events["wheel"] = WheelEvent.prototype;

        events["pointerdown"] = events["click"];
        events["pointermove"] = events["click"];
        events["pointerup"] = events["click"];
        events["pointercancel"] = events["click"];
        events["pointerover"] = events["click"];
        events["pointerout"] = events["click"];
        events["pointerenter"] = events["click"];
        events["pointerleave"] = events["click"];
        events["pointerrawupdate"] = events["click"];
        events["selectstart"] = Event.prototype;
        events["selectionchange"] = Event.prototype;
        events["selectionend"] = Event.prototype;
        events["copy"] = ClipboardEvent.prototype;
        events["cut"] = ClipboardEvent.prototype;
        events["paste"] = ClipboardEvent.prototype;
        events["beforecopy"] = ClipboardEvent.prototype;
        events["beforecut"] = ClipboardEvent.prototype;
        events["beforepaste"] = ClipboardEvent.prototype;
        events["search"] = Event.prototype;
        events["fullscreenchange"] = Event.prototype;
        events["fullscreenerror"] = Event.prototype;
        events["webkitfullscreenchange"] = Event.prototype;
        events["webkitfullscreenerror"] = Event.prototype;
        JsParser.SetCallback([
            htmlTag.addEventListener,
            window.addEventListener,
            doc.addEventListener
        ],
        1,
        function (name) {
            if (events[name]) {
                return {
                    args: [Object.create(events[name])],
                    _this: true
                }
            }
        },
        true);
        for (var key in events) {
            (function (key) {
                JsParser.SetCallback([
                    { base: htmlTag, prop: "on" + key },
                    { base: doc, prop: "on" + key },
                    { base: window, prop: "on" + key },
                ], 0, function () {
                    if (events[key]) {
                        return {
                            args: [Object.create(events[key])],
                            _this: true
                        }
                    }
                }, true);
            }(key));
        }
    }

    JsParser.$Global = $Global;

    JsParser.$Object = $Object;

    JsParser.$EmptyVar = CreateVars;

    window.JsParser = JsParser;
}());
;/// <reference path="../CLUI.js" />
/// <reference path="../CLDialog/CLDialog.js" />
(function () {

    CLRegiste("CLBtnGroup", null, true);

    function hslToRgb(h, s, l) {
        var r, g, b;
        if (s == 0) {
            r = g = b = l; // achromatic
        } else {
            var hue2rgb = function hue2rgb(p, q, t) {
                if (t < 0) t += 1;
                if (t > 1) t -= 1;
                if (t < 1 / 6) return p + (q - p) * 6 * t;
                if (t < 1 / 2) return q;
                if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
                return p;
            }

            var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
            var p = 2 * l - q;
            r = hue2rgb(p, q, h + 1 / 3);
            g = hue2rgb(p, q, h);
            b = hue2rgb(p, q, h - 1 / 3);
        }
        return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
    }

    function rgbToHsl(r, g, b) {
        r /= 255, g /= 255, b /= 255;
        var max = Math.max(r, g, b), min = Math.min(r, g, b);
        var h, s, l = (max + min) / 2;

        if (max == min) {
            h = s = 0; // achromatic
        } else {
            var d = max - min;
            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
            switch (max) {
                case r: h = (g - b) / d + (g < b ? 6 : 0); break;
                case g: h = (b - r) / d + 2; break;
                case b: h = (r - g) / d + 4; break;
            }
            h /= 6;
        }

        return [h, s, l];
    }

    function CLColors(color, box) {
        var self = this;
        var dlgDiv;
        if (!box) {
            dlgDiv = document.createElement("div");
            dlgDiv.style.cssText = "width:540px;height:436px;background:#f5f5f7;color:#6e85a1";
            var dlg = new CLDialog(dlgDiv);
            var close = dlg.Close;
            dlg.Close = function () {
                close.apply(this, arguments);
                self.OnClose();
            }
            dlg.CreateAll("选择颜色", function () {
                if (vInput.value == null || vInput.value.trim().length == 0) {
                    self.End();
                } else {
                    self.End(vInput.value);
                }
            });
            dlg.EnableMove(dlg.Header);
            dlg.Bottom.style.display = "inline-block";
            dlg.resizeDiv.style.pointerEvents = "none";
            box = dlg.Body;
        };
        var baseDiv;
        var label;
        var baseBox;
        var vInput;
        function divCl() {
            var cl = document.createElement("div");
            cl.style.boxShadow = "1px 1px 2px #000";
            cl.style.display = "inline-block";
            cl.style.margin = "3px";
            cl.style.width = "20px";
            cl.style.height = "15px";
            cl.style.cursor = "pointer";
            return cl;
        }
        var colors = [
            "#FF8080", "#FFFF80", "#80FF80", "#00FF80", "#80FFFF", "#0080FF", "#FF80C0", "#FF80FF",
            "#FF0000", "#FFFF00", "#80FF00", "#00FF40", "#00FFFF", "#0080C0", "#8080C0", "#FF00FF",
            "#804040", "#FF8040", "#00FF00", "#008080", "#004080", "#8080FF", "#804000", "#FF0080",
            "#800000", "#FF8000", "#008000", "#008040", "#0000FF", "#0000A0", "#800080", "#8000FF",
            "#400000", "#804000", "#004000", "#004040", "#000080", "#000040", "#400040", "#400040",
            "#000000", "#808000", "#808040", "#808080", "#408080", "#C0C0C0", "#400040", "#FFFFFF",
        ];
        (function () {
            if (dlgDiv) {
                box.style.padding = "0px 10px 0 10px";
                baseDiv = document.createElement("div");
                baseDiv.style.cssText = "width:215px;height:165px;display:inline-block";
                box.appendChild(baseDiv);
                label = document.createElement("div");
                label.innerHTML = "基本颜色(B):";
                label.style.height = label.style.lineHeight = "20px";
                label.style.fontSize = "14px";
                baseDiv.appendChild(label);
                baseBox = document.createElement("div");
                baseBox.style.cssText = "height:calc(100% - 20px);padding-left:3px;";
                baseDiv.appendChild(baseBox);
                for (var i = 0; i < colors.length ; i++) {
                    var cl = divCl();
                    cl.style.background = colors[i];
                    var Val = parseInt(colors[i].replace("#", "0x"));
                    cl.R = (Val & 0xff0000) >> 16;
                    cl.G = (Val & 0x00ff00) >> 8;
                    cl.B = (Val & 0x0000ff);
                    cl.onclick = function () {
                        var selected = dlg.Body.getElementsByClassName("selected")[0];
                        if (selected != null) {
                            selected.className = "";
                            selected.style.transform = "";
                        }
                        this.className = "selected";
                        this.style.transform = "scale(0.7)";
                        var hsl = rgbToHsl(this.R, this.G, this.B);
                        selector.select(hsl[0], hsl[1], hsl[2]);
                    }
                    baseBox.appendChild(cl);
                }
            }
        }());

        var selector = document.createElement("div");

        selector.style.cssText = "padding:10px;position:relative";
        if (dlgDiv) {
            selector.style.height = "301px";
            selector.style.width = "calc(100% - 215px)";
            selector.style.cssFloat = "right";
        } else {
            selector.style.width = "306px";
            selector.style.overflow = "hidden";
            selector.style.boxShadow = "0 0 3px rgb(13,179,166)";
        }
        box.appendChild(selector);
        var e = 1 / 240;
        selector.select = function (h, s, l) {
            var rgb = hslToRgb(h, s, l);
            var left = h * 230 + 10;
            var top = 175 - s * 175 + 10;
            pointer.style.left = left + "px";
            pointer.style.top = top + "px";
            lDiv.setHsl(h, s, l);
            hlsDiv.setHsl(h, s, l);
            rgbDiv.setRgb(rgb[0], rgb[1], rgb[2]);
            divView.setRgb(rgb[0], rgb[1], rgb[2]);
            var A = aInput.getValue();
            if (vInput) {
                vInput.value = A == 1 ? rgbDiv.rgb : "rgba(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "," + A + ")";
            }
            self.onchange(vInput.value);
        }
        var pointer = document.createElement("div");
        pointer.style.border = "#fff solid 2px";
        pointer.style.height = "10px";
        pointer.style.width = "10px";
        pointer.style.borderRadius = "10px";
        pointer.style.position = "absolute";
        pointer.style.transform = "translate(-50%,-50%)";
        pointer.style.pointerEvents = "none";
        selector.appendChild(pointer);
        var canvas = document.createElement("canvas");
        canvas.style.height = "175px";
        canvas.style.width = "230px";
        canvas.height = 240;
        canvas.width = 240;
        canvas.onclick = function (e) {
            var offsetX = e.offsetX;
            var offsetY = e.offsetY;
            var h = offsetX / 230;
            var s = (175 - offsetY) / 175;
            var l = hlsDiv.getHsl().l;
            selector.select(h, s, l);
        }
        CLEnableMove(canvas, function (canvas, event) {
            //return false;
        }, function (canvas, event) {
            var clientX = event.clientX;
            var clientY = event.clientY;
            var rect = canvas.getBoundingClientRectEx();
            var offsetX = clientX - rect.left;
            var offsetY = clientY - rect.top;
            if (offsetX < 0) {
                offsetX = 0;
            }
            if (offsetX > rect.width) {
                offsetX = rect.width;
            }
            if (offsetY < 0) {
                offsetY = 0;
            }
            if (offsetY > rect.height) {
                offsetY = rect.height;
            }
            var h = offsetX / 230;
            var s = (175 - offsetY) / 175;
            var l = hlsDiv.getHsl().l;
            selector.select(h, s, l);
            //return false;
        }, function (canvas, event) { });
        var ctx = canvas.getContext("2d");
        selector.appendChild(canvas);
        var imgData = ctx.createImageData(240, 240);
        for (var y = 0; y < 240; y++) {
            for (var x = 0; x < 240; x++) {
                var rgb = hslToRgb(x * e, (240 - y) * e, 0.5);
                var offset = 960 * y + x * 4;
                imgData.data[offset + 0] = rgb[0];
                imgData.data[offset + 1] = rgb[1];
                imgData.data[offset + 2] = rgb[2];
                imgData.data[offset + 3] = 255;
            }
        }
        ctx.putImageData(imgData, 0, 0);
        //亮度调节
        var lDiv = document.createElement("div");
        lDiv.style.cssText = "height:175px;width:25px;float:right;margin-right:10px;position:relative";
        lDiv.style.background = "#fff";
        lDiv.style.boxShadow = "1px 1px 1px #999 inset";
        selector.appendChild(lDiv);
        var lCanvas = document.createElement("canvas");
        lCanvas.style.height = "100%";
        lCanvas.style.width = "100%";
        lCanvas.width = 1;
        lCanvas.height = 240;
        lDiv.appendChild(lCanvas);

        lCanvas.onclick = function (e) {
            var clientY = e.clientY;
            var rect = lCanvas.getBoundingClientRectEx();
            var offsetY = clientY - rect.top;
            if (offsetY < 0) {
                offsetY = 0;
            }
            if (offsetY > rect.height) {
                offsetY = rect.height;
            }
            var hls = hlsDiv.getHsl();
            var h = hls.h;
            var s = hls.s;
            var l = 1 - offsetY / rect.height;
            selector.select(h, s, l);
        }
        CLEnableMove(lCanvas, function (lCanvas, event) {
            //return false;
        }, function (lCanvas, event) {
            var clientY = event.clientY;
            var rect = lCanvas.getBoundingClientRectEx();
            var offsetY = clientY - rect.top;
            if (offsetY < 0) {
                offsetY = 0;
            }
            if (offsetY > rect.height) {
                offsetY = rect.height;
            }
            var hls = hlsDiv.getHsl();
            var h = hls.h;
            var s = hls.s;
            var l = 1 - offsetY / rect.height;
            selector.select(h, s, l);
            //return false;
        }, function (lCanvas, event) { });

        var lPointer = document.createElement("div");
        lPointer.style.position = "absolute";
        lPointer.style.right = "-10px";
        lPointer.style.transform = "translate(0,-50%) scaleY(0.8)";
        lPointer.style.borderRight = "10px solid #000";
        lPointer.style.borderTop = "10px solid transparent";
        lPointer.style.borderBottom = "10px solid transparent";
        lDiv.appendChild(lPointer);
        self.Pointer = lPointer;
        lDiv.setHsl = function (h, s, l) {
            var lCtx = lCanvas.getContext("2d");
            var imgData = lCtx.createImageData(1, 240);
            for (var y = 0; y < 240; y++) {
                var rgb = hslToRgb(h, s, e * (240 - y));
                var offset = y * 4;
                imgData.data[offset + 0] = rgb[0];
                imgData.data[offset + 1] = rgb[1];
                imgData.data[offset + 2] = rgb[2];
                imgData.data[offset + 3] = 255;
            }
            lCtx.putImageData(imgData, 0, 0);
            var top = 175 - l * 175;
            lPointer.style.top = top + "px";
        }
        //预览框
        var divView = document.createElement("div");
        divView.style.cssText = "height:80px;width:65px;float:left";
        selector.appendChild(divView);
        var colorView = document.createElement("div");
        colorView.style.cssText = "height:45px;width:100%;margin:5px 0;";
        colorView.style.boxShadow = "1px 1px 1px #999 inset";
        divView.appendChild(colorView);
        var text = document.createElement("div");
        text.style.textAlign = "center";
        text.innerHTML = "预览效果";
        divView.appendChild(text);
        divView.setRgb = function (r, g, b) {
            colorView.style.background = "rgb(" + r + "," + g + "," + b + ")";
        }
        //hls
        var hlsDiv = document.createElement("div");
        hlsDiv.style.cssText = "height:80px;width:120px;float:left";
        selector.appendChild(hlsDiv);
        self.selector = selector;
        var hLine = document.createElement("div");
        hLine.style.lineHeight = "26.6px";
        var hName = document.createElement("div");
        hName.style.textAlign = "right";
        hName.style.display = "inline-block";
        hName.style.width = "75px";
        hName.innerHTML = "色调(H):";
        hLine.appendChild(hName);
        var hInput = document.createElement("input");
        hInput.style.cssText = "width:40px;height:25px;float:right";
        hLine.appendChild(hInput);
        hInput.addEventListener("mousewheel", mousewheel);
        hInput.addEventListener("DOMMouseScroll", mousewheel);
        hlsDiv.appendChild(hLine);
        var sLine = document.createElement("div");
        sLine.style.lineHeight = "26.6px";
        var sName = document.createElement("div");
        sName.style.textAlign = "right";
        sName.style.display = "inline-block";
        sName.style.width = "75px";
        sName.innerHTML = "饱和度(S):";
        sLine.appendChild(sName);
        sInput = hInput.cloneNode();
        sInput.addEventListener("mousewheel", mousewheel);
        sInput.addEventListener("DOMMouseScroll", mousewheel);
        sLine.appendChild(sInput);
        hlsDiv.appendChild(sLine);
        var lLine = document.createElement("div");
        lLine.style.lineHeight = "26.6px";
        var lName = document.createElement("div");
        lName.style.textAlign = "right";
        lName.style.display = "inline-block";
        lName.style.width = "75px";
        lName.innerHTML = "亮度 (L):";
        lLine.appendChild(lName);
        lInput = hInput.cloneNode();
        lInput.addEventListener("mousewheel", mousewheel);
        lInput.addEventListener("DOMMouseScroll", mousewheel);
        lLine.appendChild(lInput);
        hlsDiv.appendChild(lLine);
        hlsDiv.setHsl = function (h, s, l) {
            hlsDiv.hsl = {
                h: h,
                s: s,
                l: l
            }
            h = Math.round(h * 240);
            s = Math.round(s * 240);
            l = Math.round(l * 240);
            hInput.value = h;
            sInput.value = s;
            lInput.value = l;
        }
        hlsDiv.getHsl = function () {
            return hlsDiv.hsl;
        }
        hInput.onchange = sInput.onchange = lInput.onchange = function () {
            var h = ((hInput.value * 1) % 240) / 240;
            var s = ((sInput.value * 1) % 240) / 240;
            var l = ((lInput.value * 1) % 240) / 240;
            hlsDiv.hsl = {
                h: h,
                s: s,
                l: l
            }
            selector.select(h, s, l);
        }
        hInput.oninput = sInput.oninput = lInput.oninput = function () {
            CLCheckInt(this, 0, 255);
        }
        //rgb
        var Names = ["红(R):", "绿(G):", "蓝(B):"];
        var rgbDiv = hlsDiv.cloneNode(true);
        rgbDiv.style.width = "100px";
        var Lines = rgbDiv.childNodes;
        for (var i = 0; i < Lines.length; i++) {
            Lines[i].firstChild.style.width = "45px";
            Lines[i].firstChild.innerHTML = Names[i];
            var cInput = Lines[i].lastChild;
            cInput.oninput = function () {
                CLCheckInt(this, 0, 255);
            }
            cInput.onchange = function () {
                var r = Lines[0].lastChild.value;
                var g = Lines[1].lastChild.value;
                var b = Lines[2].lastChild.value;
                var hsl = rgbToHsl(r, g, b);
                selector.select(hsl[0], hsl[1], hsl[2]);
            }
            cInput.addEventListener("mousewheel", mousewheel);
            cInput.addEventListener("DOMMouseScroll", mousewheel);
        }
        selector.appendChild(rgbDiv);
        rgbDiv.setRgb = function (r, g, b) {
            Lines[0].lastChild.value = r;
            Lines[1].lastChild.value = g;
            Lines[2].lastChild.value = b;
            var R = "0" + r.toString(16);
            R = R.substr(R.length - 2);
            var G = "0" + g.toString(16);
            G = G.substr(G.length - 2);
            var B = "0" + b.toString(16);
            B = B.substr(B.length - 2);
            rgbDiv.rgb = "#" + R + G + B;
        };

        (function () {
            if (dlgDiv) {
                //自定义颜色
                var cusDiv = baseDiv.cloneNode();
                cusDiv.style.margin = "5px 0 0 0";
                cusDiv.style.width = "215px";
                cusDiv.style.height = "95px";
                dlg.Body.appendChild(cusDiv);
                label = label.cloneNode();
                label.innerHTML = "自定义颜色(C):";
                cusDiv.appendChild(label);
                cusBox = baseBox.cloneNode();
                cusDiv.appendChild(cusBox);
                var cusBg = document.createElement("div");
                cusBg.style.cssFloat = "right";
                cusBg.style.height = "60px";
                cusBg.style.lineHeight = "60px";
                cusBg.style.textAlign = "center";
                cusBg.style.width = "250px";
                dlg.Body.appendChild(cusBg);
                CLLocalGet("CLColors", function (cusColors) {
                    if (cusColors == null || cusColors == "null" || cusColors.length == 0) {
                        cusColors = [];
                    } else {
                        cusColors = JSON.parse(cusColors);
                    }
                    for (var i = 0; i < 24; i++) {
                        var cl = divCl();
                        cl.Index = i;
                        var Val;
                        if (cusColors[i] == null) {
                            cl.style.background = "#fff";
                            Val = 0xffffff;
                        } else {
                            cl.style.background = cusColors[i];
                            Val = parseInt(cusColors[i].replace("#", "0x"));
                        }
                        cl.R = (Val & 0xff0000) >> 16;
                        cl.G = (Val & 0x00ff00) >> 8;
                        cl.B = (Val & 0x0000ff);
                        cl.onclick = function (e) {
                            var cl = e.currentTarget;
                            var selected = dlg.Body.getElementsByClassName("selected")[0];
                            if (selected != null) {
                                selected.className = "";
                                selected.style.transform = "";
                            }
                            cl.className = "selected";
                            cl.style.transform = "scale(0.7)";
                            var hsl = rgbToHsl(cl.R, cl.G, cl.B);
                            selector.select(hsl[0], hsl[1], hsl[2]);
                        }
                        cusBox.appendChild(cl);
                    }

                    var addCus = document.createElement("div");
                    addCus.innerHTML = "添加到自定义颜色";
                    addCus.style.display = "inline-block";
                    addCus.style.cursor = "pointer";
                    addCus.style.lineHeight = "25px";
                    addCus.style.width = "285px";
                    addCus.style.boxShadow = "0px 0px 1px #999 inset";
                    cusBg.appendChild(addCus);
                    addCus.onclick = function () {
                        var cl = cusDiv.getElementsByClassName("selected")[0];
                        if (cl == null) {
                            var cls = cusBox.childNodes;
                            var Val = parseInt(rgbDiv.rgb.replace("#", "0x"));
                            var R = (Val & 0xff0000) >> 16;
                            var G = (Val & 0x00ff00) >> 8;
                            var B = (Val & 0x0000ff);
                            for (var i = 0; i < cls.length; i++) {
                                if (cls[i].R == cls[i].G && cls[i].G == cls[i].B && cls[i].B == 255) {
                                    cl = cls[i];
                                    break;
                                }
                            }
                            if (cl == null) {
                                for (var i = 0; i < cls.length; i++) {
                                    if (cls[i].R != R || cls[i].G != G || cls[i].B != B) {
                                        cl = cls[i];
                                        break;
                                    }
                                }
                            }
                            if (cl == null) {
                                return;
                            }
                        }
                        cl.style.background = rgbDiv.rgb;
                        var Val = parseInt(rgbDiv.rgb.replace("#", "0x"));
                        cl.R = R;
                        cl.G = G;
                        cl.B = B;
                        cusColors[cl.Index] = rgbDiv.rgb;
                        CLLocalSave("CLColors", cusColors);
                    }
                });
                label = label.cloneNode();
                label.innerHTML = "值(V):";
                label.style.margin = "5px 0 0 0";
                label.style.width = "215px";
                label.style.display = "inline-block";
                dlg.Body.appendChild(label);

                vInput = document.createElement("input");
                vInput.style.height = "30px";
                vInput.style.marginTop = "7px";
                vInput.onmousedown = function (e) {
                    e.stopPropagation();
                }
                vInput.onchange = function () {
                    self.setColor(vInput.value);
                }
                dlg.Body.appendChild(vInput);
            }
        }());
        var adiv = document.createElement("div");
        adiv.style.cssText = "width:100%;height:30px;float:left;";
        adiv.innerHTML = '<div style="text-align: right; display: inline-block; width: 140px;line-height:30px">透明度(A):</div><input style="margin-left:4px;width: 80px;height: 25px;">';
        selector.appendChild(adiv);
        if (!dlgDiv) {
            label = document.createElement("div");
            label.innerHTML = "值(V):";
            label.style.height = label.style.lineHeight = "20px";
            label.style.fontSize = "14px";
            label.style.width = "65px";
            label.style.display = "inline-block";
            selector.appendChild(label);

            vInput = document.createElement("input");
            vInput.style.height = "30px";
            vInput.style.marginTop = "7px";
            vInput.onmousedown = function (e) {
                e.stopPropagation();
            }
            vInput.onchange = function () {
                self.setColor(vInput.value);
            }
            selector.appendChild(vInput);
        }
        var aInput = adiv.lastChild;
        self.aInput = aInput;
        aInput.getValue = function () {
            var a = aInput.value;
            if (a.length == 0) {
                a = 1;
            } else {
                a *= 1;
            }
            return a;
        }
        aInput.oninput = function () {
            CLCheckFloat(this, 3, 0, 1);
        }
        aInput.onchange = function () {
            var A = aInput.getValue();
            if (vInput) {
                var rgba = CLColors.toRgba(rgbDiv.rgb);
                vInput.value = A == 1 ? rgbDiv.rgb : "rgba(" + rgba.R + "," + rgba.G + "," + rgba.B + "," + A + ")";
            }
            self.onchange(vInput.value);
        }
        aInput.A = true;
        function mousewheel(e) {
            var input = e.currentTarget;
            var N = input.A ? 100 : 1;
            if (e.detail) {
                if (e.detail < 0) {
                    input.value = (input.value * N + 1) / N;
                } else {
                    input.value = (input.value * N - 1) / N;
                }
            } else {
                if (e.wheelDelta > 0) {
                    input.value = (input.value * N + 1) / N;
                } else {
                    input.value = (input.value * N - 1) / N;
                }
            }
            input.oninput();
            input.onchange();
        }
        aInput.addEventListener("mousewheel", mousewheel);
        aInput.addEventListener("DOMMouseScroll", mousewheel);
        if (color == null || color.trim().length == 0) {
            self.setColor(colors[0]);
        } else {
            self.setColor(color);
        }
    }

    window.CLColors = CLColors;

    var fn = CLColors.prototype;

    fn.onchange = function (color) {

    }
    //选择结束时回调
    fn.End = function (color) {

    }

    fn.OnClose = function () {

    }

    fn.setColor = function (color) {
        var self = this;
        var rgb = CLColors.toRgba(color);
        if (rgb != null) {
            var hsl = rgbToHsl(rgb.R, rgb.G, rgb.B);
            if (rgb.A) {
                self.aInput.value = rgb.A;
                self.aInput.oninput();
            }
            self.selector.select(hsl[0], hsl[1], hsl[2]);
        }
    }

    CLColors.toRgba = function (color) {
        color = color || "";
        color = color && color.trim();
        color = H5Colors.WebColors[color] || color;
        if (CLColors.IsRgb(color)) {
            var rgba = color.substring(color.indexOf("(") + 1, color.indexOf(")"));
            rgba = rgba.split(",");
            rgba = {
                R: parseInt(rgba[0]),
                G: parseInt(rgba[1]),
                B: parseInt(rgba[2]),
                A: rgba[3] ? parseFloat(rgba[3]) : 1
            }
            if (rgba.A > 1) {
                rgba.A = 1;
            }
            return !isNaN(rgba.R) && !isNaN(rgba.G) && !isNaN(rgba.B) && !isNaN(rgba.A) ? rgba : null;
        } else if (CLColors.IsHex(color)) {
            if (color.length == 4) {
                color = color[0] + color[1] + color[1] + color[2] + color[2] + color[3] + color[3];
            }
            var Val = parseInt(color.replace("#", "0x"));
            return {
                R: (Val & 0xff0000) >> 16,
                G: (Val & 0x00ff00) >> 8,
                B: (Val & 0x0000ff),
                A: 1
            }
        } else {
            return {
                R: 0,
                G: 0,
                B: 0,
                A: 0
            }
        }
    }

    CLColors.toColor = function (color) {
        if (typeof color == "string") {
            return color;
        } else if (color.A != null && color.R != null && color.G != null && color.B != null) {
            if (color.A == 1) {
                return "#" + color.R.toString(16).padStart(2, '0') + color.G.toString(16).padStart(2, '0') + color.B.toString(16).padStart(2, '0');
            } else {
                return "rgba(" + color.R + "," + color.G + "," + color.B + "," + color.A + ")";
            }
        } else {
            return "";
        }
    }

    CLColors.hslToRgb = hslToRgb;

    CLColors.rgbToHsl = rgbToHsl;

    CLColors.IsRgb = function (color) {
        var match = /(^rgb[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*\)$)|(^rgba[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-1]?.?[0-9]+[\s]*\)$)/i;
        return match.test(color);
    }

    CLColors.IsHex = function (color) {
        var match = /(^#[0-9a-f]{3,3}$)|(^#[0-9a-f]{6,6}$)/i;
        return match.test(color);
    }

    CLColors.IsGradient = function (color) {
        return /^(repeating-)?(conic|linear|radial)-gradient[\s]*\([\(\)#a-zA-Z0-9%\.\-\s,]*[\s]*\)$/.test(color);
    }

    CLColors.IsColor = function (color) {
        color = color.trim();
        return CLColors.IsRgb(color) || CLColors.IsHex(color) || CLColors.IsGradient(color);
    }

    var DefColors = [
           '#18FEF0', '#0988FC', '#06F7A1', '#FD9B30', '#57E0FE',
           '#FC09E4', '#6F18FE', '#FDE830', '#F7064E', '#8FFF00',
           '#338AFC', '#33D898', '#8364FC', '#F7B100', '#F64C52',
           '#75D000', '#6468FC', '#F66F34', '#2EC4FB', '#CD64FC',
           '#1C7596', '#29AC79', '#225496', '#259DC8', '#272274',
           '#2A6FC8', '#3E4096', '#312A9A', '#503E96', '#5154C9',
    ];

    var DefGradients = [
                "linear-gradient(to bottom, #000,#fff)", "linear-gradient(to bottom,#b12a5b, #ff8177)", "linear-gradient(to bottom,#330867, #30cfd0)",
                "linear-gradient(to bottom,#6a11cb, #2575fc)", "linear-gradient(to bottom,#16a085, #f4d03f)", "linear-gradient(to bottom,#fc00ff, #00dbde)",
                "linear-gradient(to bottom,#A445B2, #D41872, #FF0066)", "linear-gradient(to bottom,#495aff, #0acffe)", "linear-gradient(to bottom,#473B7B, #3584A7, #30d2be)",
                "linear-gradient(to bottom,#2b5876, #4e4376)", "linear-gradient(to bottom,#ff5858, #f09819)", "linear-gradient(to bottom,#0250c5, #d43f8d)",
                "linear-gradient(to top,#4fb576, #44c489,#28a9ae, #28a2b7,#4c7788, #6c4f63)", "linear-gradient(to bottom,#ff0844, #ffb199)", "linear-gradient(to bottom,#b721ff, #21d4fd)",
                "linear-gradient(to bottom,#f83600, #f9d423)", "linear-gradient(to bottom,#321575, #8D0B93, #FF057C)", "linear-gradient(rgba(24, 254, 240, 0), rgba(24, 254, 254, 0.4))", "conic-gradient(red,yellow,lime,aqua,blue,magenta,red)"
    ];

    function ShowColors(name, colors, color, box, func) {
        var div = document.createElement("div");
        div.style.cssText = "color: #91a1b7;";
        div.innerHTML = name;
        box.appendChild(div);
        var block = document.createElement("div");
        box.appendChild(block);
        block.style.paddingLeft = "15px";
        var sel = null;
        for (var i = 0; i < colors.length; i++) {
            var clr = document.createElement("div");
            clr.style.cssText = "border-radius: 50%;width: 12%;height: 28px;display: inline-block;vertical-align: top;margin: 7px 5px;cursor: pointer;position: relative;line-height: 25px;text-align: center;font-family:CLFont;font-weight:900;box-shadow: 0 0 5px 0 rgba(13,176,166,.5)";
            var Val = parseInt(colors[i].replace("#", "0x"));
            var hsl = CLColors.rgbToHsl((Val & 0xff0000) >> 16, (Val & 0x00ff00) >> 8, (Val & 0x0000ff));
            if (hsl[2] > 0.8) {
                clr.style.color = "#000";
            } else {
                clr.style.color = "#fff";
            }
            clr.style.background = colors[i];
            clr.color = colors[i];
            color = color && color.trim();
            if (CLColors.IsGradient(color)) {
                if (CLGradient.toColor(CLGradient.Parse(color), true) == CLGradient.toColor(CLGradient.Parse(colors[i]), true)) {
                    clr.classList.add("checked");
                    clr.innerHTML = "&#xe645;";
                    sel = clr;
                }
            } else if (color && !CLColors.IsGradient(colors[i]) && CLColors.toColor(CLColors.toRgba(color)) == CLColors.toColor(CLColors.toRgba(colors[i]))) {
                clr.innerHTML = "&#xe645;";
                clr.classList.add("checked");
                sel = clr;
            }
            clr.onclick = function () {
                sel && (sel.innerHTML = "" && sel.classList.remove("checked"));
                sel = this;
                sel.innerHTML = "&#xe645;"
                func(this.color);
            }
            block.appendChild(clr);
        }
    };

    CLColors.Dialog = function (config, target) {
        var color, onchange, colors, gradients, gradient, closed;
        color = config.color;
        onchange = config.onchange;
        colors = config.colors;
        gradients = config.gradients;
        gradient = config.gradient;
        closed = config.closed;
        var Menu = {
            "style": {
                "padding": "10px 10px 0 10px",
                "overflow": "hidden"
            },
            Items: []
        };
        var _Menu = new CLMenu(Menu, target);
        _Menu.Box.classList.add("CLMenuFree");
        _Menu.onclosed = function () {
            closed && closed();
        }
        var box = _Menu.Div;
        var data = [
            {
                Name: "预设",
                IsSel: true,
            },
            {
                Name: "单色"
            }
        ];
        if (gradient) {
            data.push(
            {
                Name: "渐变"
            });
        }
        var grp = new CLBtnGroup(box, data);
        grp.OnSelected = function (div) {
            var block = box.querySelector("." + div.Btn.Name);
            var Show = box.querySelector(".Show");
            Show.classList.remove("Show");
            block.classList.add("Show");
            box.style.maxWidth = box.style.width = block.offsetWidth + 20 + "px";
            box.style.height = block.offsetHeight + 40 + "px";
            _Menu.Reset();
        }
        grp.groupDiv.className = "CLTab";
        box.classList.add("CLColors");
        var DefBlock = document.createElement("div");
        DefBlock.className = "预设 Block Show";
        DefBlock.style.width = "265px";
        box.appendChild(DefBlock);
        function ShowDef() {
            DefBlock.innerHTML = "";
            ShowColors("预设(单色)", colors || DefColors, color, DefBlock, function (color) {
                onchange(color);
                _Menu.Close();
            });
            if (gradient) {
                ShowColors("预设(渐变)", gradients || DefGradients, color, DefBlock, function (color) {
                    onchange(color);
                    _Menu.Close();
                });
            }
        }
        ShowDef();
        var CusBlock = document.createElement("div");
        CusBlock.className = "单色 Block";
        CusBlock.style.width = "305px";
        box.appendChild(CusBlock);
        var _color = new CLColors(color, CusBlock);
        _color.onchange = function (color) {
            onchange(color);
        }
        if (gradient) {
            var GraBlock = document.createElement("div");
            GraBlock.className = "渐变 Block";
            box.appendChild(GraBlock);
            var _gradient = new CLGradient(color, GraBlock);
            _gradient.onchange = function (color) {
                onchange(color);
            }
        }
        box.style.height = "initial";
        if (!DefBlock.querySelector(".checked")) {
            if (CLColors.IsGradient(color) && gradient) {
                grp.Select(2);
            } else {
                grp.Select(1);
            }
        }
        _Menu.setColor = function (value) {
            color = value;
            ShowDef();
            _color && _color.setColor(value);
            _gradient && _gradient.setColor(value);
            if (!DefBlock.querySelector(".checked")) {
                if (CLColors.IsGradient(color) && gradient) {
                    grp.Select(2);
                } else {
                    grp.Select(1);
                }
            }
        }
        _Menu.Reset(event);
        return _Menu;
    }

    function CLGradient(color, box, gradients) {
        var self = this;
        color = color || "linear-gradient(to bottom, #000,#fff)";
        var selector = document.createElement("div");
        selector.style.cssText = "padding:10px;position:relative;line-height:20px;width:306px;height:486px;overflow:hidden;box-shadow:0 0 10px rgb(13,179,166);display:inline-block;color:#91a1b7;";
        box.appendChild(selector);
        var dataColor = CLGradient.Parse(color);
        ShowColors("预设", gradients || DefGradients, color, selector, function (color) {
            dataColor = CLGradient.Parse(color);
            update();
        });
        var div = document.createElement("div");
        div.innerHTML = "<span style='display:inline-block;height:100%;vertical-align:top;margin-right:10px'>类型:</span>";
        div.style.lineHeight = "25px";
        div.style.marginTop = "5px";
        var list = [
            "linear-gradient(rgb(252, 0, 255), rgb(0, 219, 222))",
            "radial-gradient(circle,rgb(252, 0, 255), rgb(0, 219, 222))",
            "radial-gradient(rgb(252, 0, 255), rgb(0, 219, 222))",
            "conic-gradient(red, orange, yellow, green, teal, blue, purple)",
        ];
        list.forEach(function (color) {
            var clr = document.createElement("div");
            clr.style.cssText = "width:25px;height:16px;border-radius:4px;display:inline-block;margin:5px;cursor:pointer;font-family:CLFont;color:#fff;line-height:16px;vertical-align:top;text-align:center;font-weight:900";
            clr.style.background = color;
            clr.className = "type";
            div.appendChild(clr);
            clr.onclick = function () {
                var checked = div.querySelector(".checked");
                if (!checked || checked != this) {
                    var dataClr = CLGradient.Parse(this.style.background);
                    dataColor = {
                        type: (_box.checked ? "repeating-" : "") + dataClr.type,
                        shape: dataClr.shape,
                        colors: dataColor.colors
                    };
                    if (/radial-gradient/.test(dataColor.type) && dataColor.shape != "circle") {
                        dataColor.size = "100% 50%";
                    }
                    update();
                }
            }
        });
        function update() {
            var types = div.querySelectorAll(".type");
            for (var i = 0; i < types.length; i++) {
                var dataClr = CLGradient.Parse(types[i].style.background);
                if (dataClr.type == dataColor.type.replace("repeating-", "") && (dataClr.shape || "ellipse") == (dataColor.shape || "ellipse")) {
                    types[i].classList.add("checked");
                    types[i].innerHTML = "&#xe645;";
                } else {
                    types[i].classList.remove("checked");
                    types[i].innerHTML = "";
                }
            }
            _box.checked = /^repeating-/.test(dataColor.type);
            canvas.update(CLGradient.toColor(dataColor));
            showprops();
            showcolors();
        }
        var _box = new CLCheckBox("循环", div);
        _box.Box.style.display = "inline-block";
        _box.Box.style.width = "80px";
        _box.Box.style.marginLeft = "15px";
        _box.Box.style.verticalAlign = "top";
        selector.appendChild(div);
        var canvas = document.createElement("div");
        canvas.style.cssText = "width:80px;height:80px;display:inline-block;border-radius:7px;margin:15px 0 30px 0;vertical-align:top;position:relative;box-shadow: 0 0 10px 0 rgba(13,176,166, 0.6)";
        canvas.update = function (color) {
            this.style.background = color;
            rInput.value = this.style.background;
            self.onchange(color);
        }
        selector.appendChild(canvas);
        var name = document.createElement("div");
        name.innerHTML = "预览效果";
        name.style.cssText = "position:absolute;left:0;bottom:-25px;width:80px;text-align:center";
        canvas.appendChild(name);
        var block = document.createElement("div");
        block.style.cssText = "width:205px;height:130px;display:inline-block;padding:0 7px;vertical-align:top;padding:0 15px";
        selector.appendChild(block);
        function mousewheel(e) {
            var input = e.currentTarget;
            if (!input.value && input.def) {
                input.value = input.def() || "";
            }
            var max = input.max || Math.max;
            var min = input.min || Math.min;
            var N = 1;
            if (e.detail) {
                if (e.detail < 0) {
                    input.value = (input.value * N + 1) / N;
                } else {
                    input.value = (input.value * N - 1) / N;
                }
            } else {
                if (e.wheelDelta > 0) {
                    input.value = (input.value * N + 1) / N;
                } else {
                    input.value = (input.value * N - 1) / N;
                }
            }
            if (input.loop !== false) {
                if (input.value * 1 < min) {
                    input.value = input.value * 1 + (max - min);
                }
                if (input.value * 1 > max) {
                    input.value = input.value * 1 - (max - min);
                }
            } else {
                if (input.value * 1 < min) {
                    input.value = min;
                }
                if (input.value * 1 > max) {
                    input.value = max;
                }
            }
            input.oninput && input.oninput();
            input.onchange && input.onchange();
        }
        function showprops() {
            block.innerHTML = "";
            block.style.paddingTop = "";
            function createInput(name, value, list, values, change, min, max) {
                var box = document.createElement("div");
                box.style.cssText = "width:80px;display:inline-block";
                block.appendChild(box);
                box.classList.add(name);
                var lable = document.createElement("div");
                lable.style.lineHeight = "30px";
                box.appendChild(lable);
                var line = document.createElement("div");
                line.style.width = "80px";
                box.appendChild(line);
                var input = document.createElement("input");
                input.style.cssText = "width:50px;height:25px;margin:5px;padding:0 3px;text-align:right";
                function fName(dir) {
                    var R = "";
                    if (dir == null) {
                        return "下";
                    }
                    if (/(?:[\-]?(?:[0-9]*\.)?[0-9]+)(?:px|deg|%)/i.test(dir)) {
                        return dir.match(/(?:[\-]?(?:[0-9]*\.)?[0-9]+)/i)[0];
                    } else {
                        if (/left/.test(dir)) {
                            R += "左";
                        }
                        if (/right/.test(dir)) {
                            R += "右";
                        }
                        if (/center/.test(dir)) {
                            R += "中";
                        }
                        if (/top/.test(dir)) {
                            R += "上";
                        }
                        if (/bottom/.test(dir)) {
                            R += "下";
                        }
                        if (/closest-side/.test(dir)) {
                            R += "最近边";
                        }
                        if (/closest-corner/.test(dir)) {
                            R += "最近角";
                        }
                        if (/farthest-side/.test(dir)) {
                            R += "最远边";
                        }
                        if (/farthest-corner/.test(dir)) {
                            R += "最远角";
                        }
                        return R;
                    }
                }
                var g_u = null;
                var g_text = "";
                input.value = input.oValue = fName(value);
                input.max = max;
                input.min = min;
                line.appendChild(input);
                var btn = document.createElement("div");
                btn.style.cssText = "height:25px;width:20px;font-family:CLFont;vertical-align:top;display:inline-block;margin-top:5px;line-height:25px;cursor:pointer";
                if (list.length > 1) {
                    line.appendChild(btn);
                }
                btn.innerHTML = "&#xe661;";
                function SetU(u) {
                    if (g_text == u) {
                        input.focus();
                        return;
                    }
                    g_text = u;
                    if (/px|deg|%/i.test(u)) {
                        g_u = u;
                        input.addEventListener("mousewheel", mousewheel);
                        input.addEventListener("DOMMouseScroll", mousewheel);
                        input.oninput = function () {
                            CLCheckFloat(input, 2, min, max);
                        }
                        if (!/^[0-9\.\-]*$/.test(input.value)) {
                            input.value = values[list.indexOf(input.value)] || 0;
                            input.onchange && input.onchange();
                        }
                        input.disabled = false;
                        line.onclick = null;
                        lable.innerHTML = name + "(" + g_u + ")";
                    } else {
                        g_u = "";
                        input.removeEventListener("mousewheel", mousewheel);
                        input.removeEventListener("DOMMouseScroll", mousewheel);
                        lable.innerHTML = name
                        input.oninput = null;
                        input.value = u;
                        input.disabled = true;
                        input.onchange && input.onchange();
                        line.onclick = function () {
                            btn.onclick();
                        }
                    }
                    input.focus();
                }

                var _u = value && value.match(/px|deg|%/i);
                _u = _u && _u[0];
                SetU(_u || fName(value));
                input.oValue = input.value;
                btn.onclick = function (e) {
                    e && e.stopPropagation();
                    var Menu = {
                        "style": {
                            "padding": "10px 10px 0 10px",
                            "overflow-y": "auto",
                            "max-width": "285px"
                        },
                        Items: []
                    };
                    var Items = Menu.Items;
                    list.forEach(function (text, index) {
                        Items.push({
                            Text: text,
                            Enable: true,
                            CallBack: function () {
                                SetU(this.Text);
                                _menu.Close();
                            }
                        });
                    });
                    var _menu = new CLMenu(Menu, line);
                    var g_menu = CLMenu.GetInstance(box);
                    g_menu.addFilter(_menu.Box);
                    _menu.onclosed = function () {
                        g_menu.removeFilter(_menu.Box);
                    }
                }
                input.onchange = function () {
                    change(input, g_u);
                }
                input.blur();
                return box;
            }
            function fValue(dir, u, pre) {
                if (/(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(dir)) {
                    return dir + u;
                } else {
                    var R = [];
                    if (/左/.test(dir)) {
                        R.push("left");
                    }
                    if (/右/.test(dir)) {
                        R.push("right");
                    }
                    if (/中/.test(dir)) {
                        R.push("    ");
                    }
                    if (/上/.test(dir)) {
                        R.push("top");
                    }
                    if (/下/.test(dir)) {
                        R.push("bottom");
                    }
                    if (/最远角/.test(dir)) {
                        R.push("farthest-corner");
                    }
                    if (/最近边/.test(dir)) {
                        R.push("closest-side");
                    }
                    if (/最近角/.test(dir)) {
                        R.push("closest-corner");
                    }
                    if (/最远边/.test(dir)) {
                        R.push("farthest-side");
                    }
                    return ((pre && pre + " ") || "") + R.join(" ");
                }
            }
            if (/linear-gradient$/.test(dataColor.type)) {
                block.style.paddingTop = "25px";
                createInput("方向", dataColor.direction, ["左", "上", "右", "下", "左上", "左下", "右上", "右下", "deg"], [270, 0, 90, 180, 315, 225, 45, 135], function (input, u) {
                    if (/^[\s]*$/.test(input.value)) {
                        dataColor.direction = null;
                        input.oValue = input.value;
                    } else if (!/(?:上|下|左|右)|(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(input.value)) {
                        input.value = input.oValue;
                    } else {
                        input.oValue = input.value;
                        dataColor.direction = fValue(input.value, u, "to");
                    }
                    canvas.update(CLGradient.toColor(dataColor));
                }, 0, 360);
            }
            if (/radial-gradient$/.test(dataColor.type) || /conic-gradient$/.test(dataColor.type)) {
                block.style.marginTop = "";
                var at = dataColor.at;
                at = at || "center";
                at = at.split(" ");
                if (at.length == 1) {
                    if (/^left|right$/i.test(at[0])) {
                        at.push("center");
                    }else if (/top|bottom/i.test(at[0])) {
                        at = ["center", at[0]];
                    } else {
                        at.push("center");
                    }
                }
                createInput("位置X", at[0], ["左", "中", "右", "%", "px"], [0, 50, 100], function (input, u) {
                    if (/^[\s]*$/.test(input.value)) {
                        dataColor.at = null;
                        input.oValue = input.value;
                    } else if (!/(?:左|中|右)|(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(input.value)) {
                        input.value = input.oValue;
                    } else {
                        input.oValue = input.value;
                        at[0] = fValue(input.value, u);
                        if (/top|bottom/i.test(at[1]) && (at[0] == "50%" || at[0] == "center")) {
                            dataColor.at = at[1];
                        } else {
                            dataColor.at = at.join(" ").replace(/center$/i, "");
                        }
                    }
                    canvas.update(CLGradient.toColor(dataColor));
                }, -window.innerWidth * 2, window.innerHeight);
                var box = createInput("位置Y", at[1], ["上", "中", "下", "%", "px"], [0, 50, 100], function (input, u) {
                    if (/^[\s]*$/.test(input.value)) {
                        dataColor.at = at[0];
                        input.oValue = input.value;
                    } else if (!/(?:上|中|下)|(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(input.value)) {
                        input.value = input.oValue;
                    } else {
                        input.oValue = input.value;
                        at[1] = fValue(input.value, u);
                        if (/top|bottom/i.test(at[1]) && (at[0] == "50%" || at[0] == "center")) {
                            dataColor.at = at[1];
                        } else {
                            dataColor.at = at.join(" ").replace(/center$/i, "");
                        }
                    }
                    canvas.update(CLGradient.toColor(dataColor));
                }, -window.innerWidth * 2, window.innerHeight);
                box.style.marginLeft = "10px";
                if (/radial-gradient$/.test(dataColor.type)) {
                    var size = dataColor.size;
                    size = size || "farthest-corner";
                    size = size.split(" ");
                    var arr = ["最远角", "最近边", "最近角", "最远边", "px"];
                    if (dataColor.shape != "circle") {
                        arr.push("%");
                    }
                    createInput("半径R", size[0], arr, [0, 50, 100], function (input, u) {
                        if (/^[\s]*$/.test(input.value)) {
                            dataColor.size = null;
                            input.oValue = input.value;
                        } else if (!/(?:最远角|最近边|最近角|最远边)|(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(input.value)) {
                            input.value = input.oValue;
                        } else {
                            input.oValue = input.value;
                            size[0] = fValue(input.value, u);
                            var match = /closest-side|closest-corner|farthest-side|farthest-corner/i;
                            if (match.test(size[0])) {
                                dataColor.size = size[0];
                            } else if (match.test(size[1])) {
                                dataColor.size = size[1];
                            } else {
                                dataColor.size = size.join(" ").replace(/center$/i, "");
                            }
                        }
                        canvas.update(CLGradient.toColor(dataColor));
                        showprops();
                        block.querySelector(".半径R input").focus();
                    }, 0, window.innerWidth * 2);
                    if (dataColor.shape != "circle") {
                        createInput("半径r", size[1] || size[0], arr, [0, 50, 100], function (input, u) {
                            if (/^[\s]*$/.test(input.value)) {
                                dataColor.size = size[0];
                                input.oValue = input.value;
                            } else if (!/(?:最远角|最近边|最近角|最远边)|(?:[\-]?(?:[0-9]*\.)?[0-9]+)/.test(input.value)) {
                                input.value = input.oValue;
                            } else {
                                input.oValue = input.value;
                                size[1] = fValue(input.value, u);
                                var match = /closest-side|closest-corner|farthest-side|farthest-corner/i;
                                if (match.test(size[0])) {
                                    size[0] = size[1];
                                    dataColor.size = size.join(" ").replace(/center$/i, "");
                                } else if (match.test(size[1])) {
                                    dataColor.size = size[1];
                                } else {
                                    dataColor.size = size.join(" ").replace(/center$/i, "");
                                }
                            }
                            canvas.update(CLGradient.toColor(dataColor));
                            showprops();
                            block.querySelector(".半径r input").focus();
                        }, 0, window.innerHeight * 2);
                    }
                } else {
                    createInput("起始", dataColor.from || "0deg", ["deg"], [], function (input, u) {
                        if (/^[\s]*$/.test(input.value)) {
                            dataColor.from = null;
                            input.oValue = input.value;
                        }else {
                            input.oValue = input.value;
                            dataColor.from = fValue(input.value, u, "from");
                        }
                        canvas.update(CLGradient.toColor(dataColor));
                    }, 0, 360);
                }
            }
        }
        var boxColors = document.createElement("div");
        boxColors.style.cssText = "width:100%;display:inline-block;position:relative";
        selector.appendChild(boxColors);
        function CalcPosition(iColors) {
            return CLGradient.CalcPosition(iColors);
        };
        function showcolors() {
            boxColors.innerHTML = "";
            var _canvas = document.createElement("div");
            _canvas.style.cssText = "width:100%;height:25px;display:inline-block;margin:5px 0;box-shadow:0 0 10px 0 rgba(13,176,166, 0.6)";
            boxColors.appendChild(_canvas);
            var colors = CalcPosition(dataColor.colors);
            var lineColor = {
                type: "linear-gradient",
                direction: "to right",
                colors: dataColor.colors
            };
            _canvas.style.background = CLGradient.toColor(lineColor);
            function showPointer(color, index) {
                var box = document.createElement("div");
                box.className = "Pointer";
                box.style.display = "inline-block";
                box.style.position = "absolute";
                box.style.top = "31px";
                box.style.marginLeft = "-5px";
                box.style.left = colors[index].position;
                box.color = color;
                var up = document.createElement("div");
                up.style.cssText = "width:10px;height:10px;background:#fff;border:2px #666 solid;transform: scalex(0.8) rotate(45deg)";
                up.style.clipPath = "polygon(0px 0px, 0px 10px, 10px 0px)";
                box.appendChild(up);
                var body = document.createElement("div");
                body.style.cssText = "width:10px;height:10px;background:" + colors[index].color + ";border:1px #666 solid;margin-top:-5px;cursor:pointer";
                box.appendChild(body);
                boxColors.appendChild(box);
                box.onmousedown = function () {
                    var _colors = CalcPosition(dataColor.colors);
                    var index = dataColor.colors.indexOf(color);
                    var checked = boxColors.querySelector(".checked");
                    if (checked) {
                        checked.classList.remove("checked");
                        checked.firstChild.style.background = "";
                    }
                    box.classList.add("checked");
                    up.style.background = "#333";
                    vBox.style.background = _colors[index].color;
                    vInput.value = (color.position && parseFloat(color.position)) || "";
                    vInput.onchange = function () {
                        var index = dataColor.colors.indexOf(color);
                        if (vInput.value == "") {
                            delete color.position;
                        } else {
                            color.position = vInput.value + "%";
                        }
                        var _colors = CalcPosition(dataColor.colors);
                        box.style.left = _colors[index].position;
                        _canvas.style.background = CLGradient.toColor(lineColor);
                        canvas.update(CLGradient.toColor(dataColor));
                    }
                    vInput.def = function () {
                        var _colors = CalcPosition(dataColor.colors);
                        var index = dataColor.colors.indexOf(color);
                        return parseFloat(_colors[index].position);
                    }
                    vLine.Delete = function () {
                        if (dataColor.colors.length > 2) {
                            dataColor.colors.splice(index, 1);
                            showcolors();
                            canvas.update(CLGradient.toColor(dataColor));
                        }
                    }
                    vBox.onchange = function (value) {
                        body.style.background = value;
                        vBox.style.background = value;
                        color.color = value;
                        _canvas.style.background = CLGradient.toColor(lineColor);
                        canvas.update(CLGradient.toColor(dataColor));
                    }
                }
                var clone = null;
                CLEnableMove(box, function (box, e) {
                    boxColors.appendChild(box);
                    clone = null;
                    if (e.ctrlKey) {
                        var uu = (box.FromX - e.clientX) < 0 ? 0 : 1;
                        var nBox = box.cloneNode(true);
                        nBox.classList.remove("checked");
                        nBox.firstChild.style.background = "";
                        if (color.position == null) {
                            var _colors = CalcPosition(dataColor.colors);
                            color.position = _colors[index].position;
                        }
                        nBox.color = CLClone(color);
                        boxColors.appendChild(nBox);
                        dataColor.colors.splice(index + uu, 0, nBox.color);
                        clone = uu < 0 ? index + 1 : index;
                    }
                    return true;
                }, function (box, e) {
                    var left = box.offsetLeft + 5;
                    left /= boxColors.offsetWidth;
                    left = left > 1 ? 1 : left;
                    left = left < 0 ? 0 : left;
                    box.style.left = color.position = (left * 100).toFixed(2) + "%";
                    vInput.value = (left * 100).toFixed(2);
                    box.style.top = "31px";
                    _canvas.style.background = CLGradient.toColor(lineColor);
                    canvas.update(CLGradient.toColor(dataColor));
                    var _colors = CalcPosition(dataColor.colors);
                    boxColors.querySelectorAll(".Pointer").forEach(function (box) {
                        var index = dataColor.colors.indexOf(box.color);
                        box.style.left = _colors[index].position;
                    });

                }, function () {
                    if (clone != null) {
                        showcolors();
                        boxColors.querySelectorAll(".Pointer")[clone].onmousedown();
                    }

                });
            }
            dataColor.colors.forEach(function (color, index) {
                showPointer(color, index);
            });
            var vLine = document.createElement("div");
            vLine.style.cssText = "height:30px;margin-top:15px";
            var name = document.createElement("div");
            name.style.cssText = "display:inline-block;vertical-align:top;";
            name.innerHTML = "颜色";
            vLine.appendChild(name);
            var vBox = document.createElement("div");
            vBox.style.cssText = "border-radius:3px;display:inline-block;vertical-align:top;width:60px;height:20px;margin:0 10px;border:1px solid #999";
            vLine.appendChild(vBox);
            vBox.onclick = function (e) {
                var menu = {
                    "style": {
                        "padding": "10px 10px 0 10px",
                        "overflow-y": "auto"
                    },
                    Items: []
                };
                var _menu = new CLMenu(menu);
                var dlg = new CLColors(vBox.style.background, _menu.Div);
                _menu.Div.style.height = "";
                _menu.Reset(e);
                dlg.onchange = function (color) {
                    vBox.onchange && vBox.onchange(color);
                }
                var pMenu = CLMenu.GetInstance(vBox);
                if (pMenu) {
                    pMenu.addFilter(_menu.Box);
                    _menu.onclosed = function () {
                        pMenu.removeFilter(_menu.Box);
                    }
                }
            }
            boxColors.appendChild(vLine);
            name = name.cloneNode();
            name.innerHTML = "位置";
            vLine.appendChild(name);
            var vInput = document.createElement("input");
            vInput.style.cssText = "height:20px;border-radius:3px;line-height:20px;width:50px;margin:0 3px 0 10px;border-color:#999;padding:0 3px";
            vLine.appendChild(vInput);
            vInput.min = 0;
            vInput.max = 100;
            vInput.loop = false;
            vInput.oninput = function () {
                CLCheckFloat(this, 2, 0, 100);
            }
            vInput.addEventListener("mousewheel", mousewheel);
            vInput.addEventListener("DOMMouseScroll", mousewheel);
            name = name.cloneNode();
            name.innerHTML = "%";
            vLine.appendChild(name);
            var btn = document.createElement("div");
            btn.innerHTML = "删除";
            btn.style.cssText = "display:inline-block;border-radius:3px;text-align:center;height:20px;line-height:20px;width:50px;margin-left:10px;cursor:pointer;font-size:10px;color:#333;background:linear-gradient(to top, rgb(200, 200, 200), rgb(200, 230, 230));";
            btn.onclick = function () {
                if (vLine.Delete) {
                    vLine.Delete();
                }
            }
            vLine.appendChild(btn);
        }
        var rLine = document.createElement("div");
        rLine.style.marginTop = "8px";
        var name = document.createElement("div");
        name.style.cssText = "display:inline-block;vertical-align:top;";
        name.innerHTML = "值：";
        rLine.appendChild(name);
        var rInput = document.createElement("input");
        rInput.style.cssText = "height:20px;border-radius:3px;line-height:20px;width:200px;margin:0 3px 0 10px;border-color:#999;padding:0 3px";
        rLine.appendChild(rInput);
        rInput.onchange = function () {
            color = rInput.value;
            dataColor = CLGradient.Parse(color);
            update();
        }
        selector.appendChild(rLine);
        update();
        self.setColor = function (color) {
            dataColor = CLGradient.Parse(color);
            update();
        }
    }

    window.CLGradient = CLGradient;

    var fn = CLGradient.prototype;

    fn.setColor = function (color) {

    }

    fn.onchange = function () { }

    CLGradient.Parse = function (color) {
        color = color || "";
        color = color && color.trim();
        if (!CLColors.IsGradient(color)) {
            color = CLColors.IsColor(color) ? color : "rgba(0,0,0,0)";
            return {
                type: "linear-gradient",
                direction: "to right",
                colors: [{ color: color }, { color: color }]
            };
        } else {
            var R = {};
            R.type = color.match(/^[^\(]*/)[0];
            var index = color.indexOf("(") + 1;
            var len = color.lastIndexOf(")") - index;
            var str = color.substr(index, len);
            var values = [];
            var dep = 0;
            var pos = 0;
            for (var i = 0; i < str.length ; i++) {
                if (str[i] == '(') {
                    dep++;
                }
                if (str[i] == ')') {
                    dep--;
                }
                if (str[i] == ',' && dep == 0) {
                    values.push(str.substr(pos, i - pos).trim());
                    pos = i + 1;
                }
            }
            if (pos < str.length) {
                values.push(str.substr(pos, str.length - pos).trim());
            }
            var colors = R.colors = [];
            values.forEach(function (value) {
                if (/linear-gradient/.test(R.type)) {
                    var dir = value.match(/(?:to(?:[\s]+(?:left|right|top|bottom)){1,2})|(?:(?:[\-]?(?:[0-9]*)?\.)?[0-9]+deg)/i);
                    if (dir) {
                        R.direction = dir[0];
                    }
                }
                if (/radial-gradient/.test(R.type)) {
                    var shape = value.match(/(?:circle|ellipse)?(?:(?:^|\s)+((?:closest-side|closest-corner|farthest-side|farthest-corner)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){0,2}/i);
                    shape = shape && shape[0];
                    if (shape) {
                        R.shape = shape.match(/circle|ellipse/i);
                        R.shape = R.shape ? R.shape[0] : "ellipse";
                        var size = shape.match(/(?:closest-side|closest-corner|farthest-side|farthest-corner)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%))/gi);
                        if (R.shape == "circle") {
                            size = size && size[0];
                        }
                        R.size = size && size.join(" ");
                    }
                    var at = value.match(/at(?:(?:^|\s)+((?:left|right|center|top|bottom)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){1,2}/i);
                    at = at && at[0];
                    if (at) {
                        R.at = at.replace(/^at[\s]*/gi,"");
                    }
                }
                if (/conic-gradient/.test(R.type)) {
                    var from = value.match(/from[\s]+[\-]?(?:[0-9]*\.)?[0-9]+deg/i);
                    from = from && from[0];
                    if (from) {
                        R.from = from.match(/[\-]?(?:[0-9]*\.)?[0-9]+deg/i)[0];
                    }
                    var at = value.match(/at(?:(?:^|\s)+((?:left|right|center|top|bottom)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){1,2}/i);
                    at = at && at[0];
                    if (at) {
                        R.at = at.replace(/^at[\s]*/gi, "");
                    }
                }
                var color_stop = value.match(/(?:(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})|[a-z]+)(?:[\s]+[\-]?(?:[0-9]*\.)?[0-9]+(?:%|px|deg)){0,2}/i);
                color_stop = color_stop && color_stop[0];
                if (color_stop) {
                    var color = color_stop.match(/(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})|[a-z]+/i);
                    color = color && color[0];
                    if (/(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})/i.test(H5Colors.WebColors[color] || color)) {
                        var stop = color_stop.match(/[\-]?(?:[0-9]*\.)?[0-9]+(?:%|deg)/gi);
                        if (stop) {
                            if (stop.length > 2) {
                                stop = [stop[0], stop[stop.length - 1]];
                            }
                            stop.forEach(function (ele) {
                                colors.push({
                                    color: color,
                                    position: /deg$/.test(ele) ? ((parseFloat) / 3.6 + "%") : ele
                                });
                            });
                        } else {
                            colors.push({
                                color: color
                            });
                        }
                    }
                }
            });

            return R;
        }
    }

    CLGradient.CalcPosition = function (colors) {
        var R = [];
        var start = 0;
        var _color = null;
        var last = 0;
        colors.forEach(function (color, index) {
            var pos = null;
            if (!color.position) {
                if (index == 0) {
                    pos = "0%";
                } else if (index == colors.length - 1) {
                    pos = "100%";
                }
            } else {
                pos = color.position;
            }
            if (pos) {
                if (index - last > 1) {
                    var uu = (parseFloat(pos) - start) / (index - last);
                    var pp = uu;
                    for (var i = last + 1; i < index ; i++) {
                        R.push({
                            color: colors[i].color || colors[i],
                            position: start + pp + "%"
                        });
                        pp += uu;
                    }
                }
                R.push({
                    color: color.color,
                    position: pos
                });
                if (_color == null || CLColors.toColor(CLColors.toRgba(_color)) != CLColors.toColor(CLColors.toRgba(color.color)) || start < parseFloat(pos)) {
                    _color = color.color;
                    start = parseFloat(pos);
                }
                last = index;
            }
        });
        return R;
    }

    CLGradient.toColor = function (gradient, V) {
        function func(colors) {
            var R = "";
            colors.forEach(function (color) {
                var value = color.color || color;
                var position = color.position;
                R += V ? (CLColors.toColor(CLColors.toRgba(value))) : value;
                R += (position && (" " + position)) || "";
                R += ",";
            });
            return R.substr(0, R.length - 1);
        }
        var list = [];
        gradient.direction && list.push(gradient.direction);
        gradient.shape && list.push(gradient.shape);
        gradient.size && list.push(gradient.size);
        gradient.from && list.push("from", gradient.from);
        gradient.at && list.push("at", gradient.at);
        list.length > 0 && list.push(",");
        return gradient.type + "(" + list.join(" ").replace(/[\s]?,[\s]?/g, "") + (list.length == 0 ? "" : ",") + func(gradient.colors) + ")";
    }

    CLGradient.SvgFormat = function (color, rotate) {
        rotate = rotate || 0;
        color = CLGradient.Parse(color);
        var directions = {
            "to left": 270 + rotate,
            "to top": 0 + rotate,
            "to right": 90 + rotate,
            "to bottom": 180 + rotate,
            "to left top": 315 + rotate,
            "to left bottom": 225 + rotate,
            "to right top": 45 + rotate,
            "to right bottom": 135 + rotate,
        };
        var colorStops = [];
        var colors = color.colors && CLGradient.CalcPosition(color.colors);
        colors && colors.forEach(function (ele) {
            colorStops.push({
                color: ele.color,
                offset: parseFloat(ele.position) / 100
            });
        });
        if (/linear-gradient/i.test(color.type)) {
            var dir = color.direction;
            var deg = 0;
            if (directions[dir]) {
                deg = directions[dir];
            } else if (/[\-]?(?:[0-9]*\.)?[0-9]+(?:%|deg)/i.test(dir)) {
                deg = parseFloat(dir);
            }
            var Vec = new CLVec2(0, 1);
            var mat = new CLMatrix();
            mat.rotate(deg);
            Vec = mat.multiplyVector2(Vec);
            var x1 = 0, y1 = 0, x2 = Vec.x, y2 = Vec.y;
            if (x2 < 0) {
                x1 -= x2;
                x2 = 0;
            }
            if (y2 < 0) {
                y1 -= y2;
                y2 = 0;
            }
            return ({
                type: 'linear',
                x: x1,
                y: y1,
                x2: x2,
                y2: y2,
                colorStops: colorStops
            });
        } else if (/radial-gradient/i.test(color.type)) {
            var at = color.at;
            at = at && at.trim().split(" ");
            if (at) {
                if (at[0] == "center") {
                    at[0] = 0.5;
                } else if (at[0] == "left") {
                    at[0] = 0;
                } else if (at[0] == "rigth") {
                    at[0] = 1;
                } else if (/%$/.test(at[0])) {
                    at[0] = parseFloat(at[0]) / 100;
                } else {
                    at[0] = 0.5;
                }
                if (at[1] == "center") {
                    at[1] = 0.5;
                } else if (at[1] == "top") {
                    at[1] = 0;
                } else if (at[1] == "bottom") {
                    at[1] = 1;
                } else if (/%$/.test(at[0])) {
                    at[1] = parseFloat(at[0]) / 100;
                } else {
                    at[1] = 0.5;
                }
            } else {
                at = [0.5, 0.5];
            }
            var size = color.size;
            if (/%/.test(size)) {
                size = size.match(/[0-9]+%/)[0];
                size = parseFloat(size) / 100;
            } else {
                size = 1;
            }
            return ({
                type: 'radial',
                x: at[0],
                y: at[1],
                r: size,
                colorStops: colorStops
            });
        } else {
            return null;
        }
    }
}());
;(function () {
    var CLContainer = window.CLContainer = function (Ele, eventEle) {
        var self = this;
        self.Ele = Ele;
        self.eventEle = eventEle == null ? Ele : eventEle;
        self.className = "EleContainer" + CLMakeId();
        var style = self.style = document.createElement("style");
        document.head.appendChild(style);
        style.innerHTML = "." + self.className + ">*{transform:translate(0,0);}";
        Ele.classList.add(self.className);
        Ele.LeftX = 0;
        Ele.TopY = 0;
        self.SetScale(1);
    }

    var fn = CLContainer.prototype;

    fn.OnScaleChanged = function () {

    }

    fn.OnPosChanging = function (X, Y) {

    }

    fn.OnPosChanged = function (X, Y) {

    }

    fn.SetPos = function (X, Y) {
        var self = this;
        self.Ele.LeftX = X;
        self.Ele.TopY = Y;
        self.eventEle.LeftX = X;
        self.eventEle.TopY = Y;
        self.style.innerHTML = "." + self.className + ">*{transform:translate(" + X + "px," + Y + "px)}";
        self.MoveContent(0, 0);
        self.OnPosChanging(X, Y);
    }

    fn.SelectedClassName = null;

    fn.zoomIn = function () {
        var Ele = this.Ele;
        var Scale = this.GetScale();
        Scale *= 1.1;
        this.SetScale(Scale);
    }

    fn.zoomOut = function () {
        var Ele = this.Ele;
        var Scale = this.GetScale();
        Scale /= 1.1;
        this.SetScale(Scale);
    }

    fn.EnableZoom = function () {
        var self = this;
        var eventEle = this.eventEle;
        var Ele = self.Ele;
        var TouchDistance = 0;
        var jsEleContainer = self;
        eventEle.addEventListener("touchstart", function (e) {
            if (self.__Pause__) {
                return;
            }
            if (e.touches.length == 2) {
                //开始缩放
                var Touch0 = e.touches[0];
                var Touch1 = e.touches[1];
                Ele.TouchDistance = Math.sqrt((Touch1.clientX - Touch0.clientX) * (Touch1.clientX - Touch0.clientX) + (Touch1.clientY - Touch0.clientY) * (Touch1.clientY - Touch0.clientY));;
            } else {
                //结束移动
                touchend(e);
            }
            function touchend(e) {
                //结束移动
                window.removeEventListener("touchend", touchend, true);
                window.removeEventListener("touchmove", touchmove, true);
            }
            function touchmove(e) {
                if (e.touches.length != 2 || self.__Pause__) {
                    return;
                }
                var Touch0 = e.touches[0];
                var Touch1 = e.touches[1];
                TouchDistance = Math.sqrt((Touch1.clientX - Touch0.clientX) * (Touch1.clientX - Touch0.clientX) + (Touch1.clientY - Touch0.clientY) * (Touch1.clientY - Touch0.clientY));
                var fScale = 1 + (TouchDistance - Ele.TouchDistance) / Ele.parentNode.offsetWidth;
                Ele.TouchDistance = TouchDistance;
                jsEleContainer.SetScale(Ele.Scale * fScale);
            }
            window.addEventListener("touchend", touchend, true);
            window.addEventListener("touchmove", touchmove, true);
            e.stopPropagation();
        }, false);
        function func(e) {
            if (self.__Pause__) {
                return;
            }
            if (e.detail) {
                if (e.detail < 0) {
                    self.zoomIn();
                } else {
                    self.zoomOut();
                }
            } else {
                if (event.wheelDelta > 0) {
                    self.zoomIn();
                } else {
                    self.zoomOut();
                }
            }
            e.stopPropagation();
            e.preventDefault();
        }
        eventEle.onmousewheel = func;
        eventEle.addEventListener("DOMMouseScroll", func);
    }

    fn.MovedTransform = function () {
        return this.style.sheet.cssRules[0].style.transform;
    }

    fn.Pause = function (paused) {
        var self = this;
        self.__Pause__ = paused;
    }

    fn.MoveContent = function (X, Y) {
        var self = this;
        var Ele = self.Ele;
        var parentDiv = Ele.parentNode;
        if (!parentDiv) {
            return;
        }
        var Width = parentDiv.offsetWidth;
        var Height = parentDiv.offsetHeight;
        var Scale = Ele.Scale;
        self.style.sheet.cssRules[0].style.transform = "translate(" + (Ele.LeftX + X + (Width / Scale - Width) / 2) + "px," + (Ele.TopY + Y + (Height / Scale - Height) / 2) + "px)";
    }

    fn.EnableContentMove = function (type/*0:所有,1:X,2:Y*/) {
        var self = this;
        if (type == null) {
            type = 0;
        }
        var Ele = self.Ele;
        var eventEle = self.eventEle;
        var jsEleContainer = self;
        eventEle.onselectstart = function () {
            if (Ele.isDraging) {
                event.preventDefault();
            }
        }
        
        eventEle.addEventListener("mousedown", function (e) {
            if (e.button != 0 || self.__Pause__) {
                return;
            }
            //开始拖拽
            Ele.isDraging = true;
            Ele.FromX = e.clientX;
            Ele.FromY = e.clientY;
            function mouseup(e) {
                Ele.isDraging = false;
                if (!self.__Pause__) {
                    var X = e.clientX - Ele.FromX;
                    var Y = e.clientY - Ele.FromY;
                    X /= self.GetScale();
                    Y /= self.GetScale();
                    Ele.LeftX += X;
                    Ele.TopY += Y;
                    if ((Ele.FromX != e.clientX || Ele.FromY != Ele.FromY)) {
                        self.OnPosChanged(Ele.LeftX, Ele.TopY);
                    }
                }
                window.removeEventListener("mouseup", mouseup, true);
                window.removeEventListener("mousemove", mousemove, true);
            }

            function mousemove(e) {
                if (Ele.isDraging == false || self.__Pause__) {
                    return;
                }
                var X = e.clientX - Ele.FromX;
                var Y = e.clientY - Ele.FromY;
                X /= self.GetScale();
                Y /= self.GetScale();
                self.MoveContent(X, Y);
                self.OnPosChanging((Ele.LeftX + X), (Ele.TopY + Y));
            }

            window.addEventListener("mouseup", mouseup, true);
            window.addEventListener("mousemove", mousemove, true);
            event.stopPropagation();
        }, false);

        eventEle.addEventListener("touchstart", function (e) {
            var X = 0, Y = 0;
            if (self.__Pause__) {
                return;
            }
            if (e.touches.length == 1) {
                //开始移动
                Ele.isDraging = true;
                var Touch = e.changedTouches[0];
                Ele.FromX = Touch.clientX;
                Ele.FromY = Touch.clientY;
                e.preventDefault();
            } else {
                //结束移动
                touchend(e);
            }
            function touchend(e) {
                //结束移动
                if (!self.__Pause__) {
                    Ele.isDraging = false;
                    Ele.LeftX += X;
                    Ele.TopY += Y;
                    if (X != 0 || Y != 0) {
                        self.OnPosChanged(Ele.LeftX, Ele.TopY);
                    }
                }
                window.removeEventListener("touchend", touchend, true);
                window.removeEventListener("touchmove", touchmove, true);
            }
            function touchmove(e) {
                if (Ele.isDraging == false || self.__Pause__) {
                    return;
                }
                var Touch = e.touches[0];
                X = Touch.clientX - Ele.FromX;
                Y = Touch.clientY - Ele.FromY;
                X /= self.GetScale();
                Y /= self.GetScale();
                self.MoveContent(X, Y);
                self.OnPosChanging((Ele.LeftX + X), (Ele.TopY + Y));
            }
            window.addEventListener("touchend", touchend, true);
            window.addEventListener("touchmove", touchmove, true);
            e.stopPropagation();
        }, false);
        
    }

    fn.SetScale = function (Scale) {
        var self = this;
        var Ele = self.Ele;
        if (Scale < 0.01) {
            Scale *= 1.1;
        }
        Ele.Scale = Scale;
        var parentDiv = Ele.parentNode;
        if (!parentDiv) {
            return;
        }
        var Width = parentDiv.offsetWidth;
        var Height = parentDiv.offsetHeight;
        Ele.style.width = Width / Scale + "px";
        Ele.style.height = Height / Scale + "px";
        Ele.style.transform = "translate(" + -(Width / Scale - Width) / 2 + "px" + "," + -(Height / Scale - Height) / 2 + "px" + ") scale(" + Scale + "," + Scale + ")";
        self.MoveContent(0, 0);
        this.OnScaleChanged(Scale);
    }

    fn.GetScale = function () {
        var Ele = this.Ele;
        return Ele.Scale;
    }

    fn.ClientToOffset = function (Pos) {
        var Ele = this.Ele;
        var Scale = this.GetScale();
        var Rect = Ele.getBoundingClientRect();
        var parentDiv = Ele.parentNode;
        if (!parentDiv) {
            return;
        }
        var Width = parentDiv.offsetWidth;
        var Height = parentDiv.offsetHeight;
        Pos.X -= Rect.left;
        Pos.Y -= Rect.top;
        Pos.X /= Scale;
        Pos.Y /= Scale;
        Pos.X -= (Width / Scale - Width) / 2;
        Pos.Y -= (Height / Scale - Height) / 2;
        Pos.X -= Ele.LeftX;
        Pos.Y -= Ele.TopY;
    }

    fn.CenterAll = function () {
        var Ele = this.Ele;
        var ChildNodes = Ele.childNodes;
        var X1 = 0x7ffffffff;
        var Y1 = 0x7ffffffff;
        var X2 = 0 - 0x7ffffffff;
        var Y2 = 0 - 0x7ffffffff;
        if (ChildNodes.length == 0) {
            return;
        }
        this.SetScale(1);
        var Width = Ele.parentNode.offsetWidth;
        var Height = Ele.parentNode.offsetHeight;
        for (var i = 0; i < ChildNodes.length; i++) {
            if (ChildNodes[i].offsetLeft < X1) {
                X1 = ChildNodes[i].offsetLeft;
            }
            if (ChildNodes[i].offsetLeft + ChildNodes[i].offsetWidth > X2) {
                X2 = ChildNodes[i].offsetLeft + ChildNodes[i].offsetWidth;
            }
            if (ChildNodes[i].offsetTop < Y1) {
                Y1 = ChildNodes[i].offsetTop;
            }
            if (ChildNodes[i].offsetTop + ChildNodes[i].offsetHeight > Y2) {
                Y2 = ChildNodes[i].offsetTop + ChildNodes[i].offsetHeight;
            }
        }

        var Scale1 = Width / (X2 - X1);
        var Scale2 = Height / (Y2 - Y1);
        //移动到中心
        if (Scale1 > 1) {
            Scale1 = 1;
        }
        if (Scale2 > 1) {
            Scale2 = 1;
        }
        var X = Ele.LeftX + X1 + ((X2 - X1) - Width / Ele.Scale) / 2;
        var Y = Ele.TopY + Y1 + ((Y2 - Y1) - Height / Ele.Scale) / 2;
        Ele.LeftX -= X;
        Ele.TopY -= Y;
        this.MoveContent(0, 0);
        this.OnPosChanging(Ele.LeftX, Ele.TopY);
        if (Scale1 < Scale2) {
            this.SetScale(Scale1);
        } else {
            this.SetScale(Scale2);
        }
    }
}());
;(function () {
    CLRegiste("CLDate", null, true);

    //Ele:控件;Val:值;Format:格式,'yyyy/MM/dd hh:mm:ss'
    function CLDate(Val, Format, Ele) {
        if (!Format) {
            Format = "yyyy-MM-dd hh:mm:ss";
        }
        Format = Format.replaceAll("H", "h").replaceAll("D", "d").replaceAll("S", "s");
        var self = this;
        if (!(self instanceof CLDate)) {
            var old = document.querySelector(".CLDate");
            if (Ele && old && old.CLDate.Ele == Ele) {
                return old.CLDate;
            } else {
                if (old) {
                    old.CLDate.End();
                    old.parentNode.removeChild(old);
                }
                return new CLDate(Val, Format, Ele);
            }
        }
        self.Format = Format;
        self.Ele = Ele;
        var Box = document.createElement("div");
        Box.className = "CLDate";
        Box.style.zIndex = CLMaxZIndex();
        document.body.appendChild(Box);
        Box.CLDate = self;
        self.Box = Box;

        function down(e) {
            if (!Box.contains(e.srcElement)) {
                if (Ele && e.srcElement != Ele) {
                    Box.remove(true);
                    removeEventListener("mousedown", down);
                }
            }
        }

        addEventListener("mousedown", down, true);

        var remove = Box.remove;
        Box.remove = function (cancel) {
            var rm = remove;
            remove = null;
            if (!rm) {
                return;
            }
            Box.style.height = 0;
            CLDelay(function () {
                rm.call(Box);
                self.End(cancel);
            }, 100);
        }

        var Value = Date.Parse(Val);
        Value.toString = function () {
            return this.Format(Format);
        }
        var getFullYear = Value.setFullYear;
        Value.setFullYear = function (year) {
            if (year < 1000) {
                year = 9999;
            }
            if (year > 9999) {
                year = 1000;
            }
            getFullYear.call(this, year);
        }
        var setMonth = Value.setMonth;
        Value.setMonth = function (mon) {
            setMonth.call(this, mon);
            this.setFullYear(this.getFullYear());
        }
        var setDate = Value.setDate;
        Value.setDate = function (day) {
            setDate.call(this, day);
            this.setFullYear(this.getFullYear());
        }
        Object.defineProperty(self, "Value", {
            get: function () {
                return Value;
            },
            set: function (Val) {
                Val = Date.Parse(Val);
                if (Value.toString.call(Val) == Value.toString()) {
                    return;
                }
                Value.setFullYear(Val.getFullYear());
                Value.setMonth(Val.getMonth());
                Value.setDate(Val.getDate());
                Value.setHours(Val.getHours());
                Value.setMinutes(Val.getMinutes());
                Value.setSeconds(Val.getSeconds());
                Value.setMilliseconds(Val.getMilliseconds());
                self.NoAnimate(function () {
                    self.Fresh();
                });
            }
        });

        if (Format == "yyyy/MM" || Format == "yyyy-MM") {
            self.YearAndMouth(function () {
                Box.remove(false);
            });
        }
        if (Format == "yyyy/MM/dd" || Format == "yyyy-MM-dd") {
            self.MouthAndDate(function () {
                Box.remove(false);
            });
        }
        if (Format == "yyyy/MM/dd hh:mm:ss" || Format == "yyyy-MM-dd hh:mm:ss") {
            self.DateTime(function () {
                Box.remove(false);
            });
        }
        if (Ele) {
            var rect = Ele.getBoundingClientRect();
            if (rect.bottom + Box.offsetHeight > innerHeight) {
                Box.style.top = rect.top - Box.offsetHeight - 15 + "px";
            } else {
                Box.style.top = rect.bottom + "px";
            }
            if (rect.left + Box.offsetWidth > innerWidth) {
                Box.style.right = 0;
            } else {
                Box.style.left = rect.left + "px";
            }
        } else {
            Box.style.left = (innerWidth - Box.offsetWidth) / 2 + "px";
            Box.style.top = (innerHeight - Box.offsetHeight) / 2 + "px";
        }
        var height = Box.offsetHeight + "px";
        Box.style.height = 0;
        Box.style.opacity = 0;
        CLAsync(function () {
            Box.style.opacity = 1;
            Box.style.height = height;
        });
        if (IsMobile()) {
            Box.classList.add("Mobile");
        }
        Box.oncontextmenu = function (e) {
            e.preventDefault();
        }
    }

    window.CLDate = CLDate;

    var fn = CLDate.prototype;

    fn.Close = function () {
        var self = this;
        self.Box.remove();
    }

    fn.End = function (cancel) {

    }

    fn.onchanged = function () {

    }

    fn.Fresh = function () {

    }

    fn.Header = function () {
        var self = this;
        var Box = self.Box;
        var header = Box.Header;
        if (header) {
            header.innerHTML = "";
            header.appendChild(header.Prev);
            header.appendChild(header.Next);
        } else {
            var header = Box.Header = document.createElement("div");
            header.className = "Header";
            Box.appendChild(header);
            var Prev = document.createElement("div");
            Prev.className = "Btn Prev";
            header.appendChild(Prev);
            var Next = document.createElement("div");
            Next.className = "Btn Next";
            header.appendChild(Next);
            header.Prev = Prev;
            header.Next = Next;
        }
        return header;
    }

    fn.Foot = function () {
        var self = this;
        var Box = self.Box;
        if (Box.Foot) {
            Box.Foot.remove();
            delete Box.Foot;
        }
        var Foot = document.createElement("div");
        Foot.className = "Foot";
        Box.appendChild(Foot);
        Box.Foot = Foot;
        var btn = document.createElement("div");
        btn.className = "Btn";
        Foot.appendChild(btn);
        Foot.Btn = btn;
        return Box.Foot;
    }

    fn.ZoomIn = function (Body, oBody) {
        var yBtn = Body.querySelector(".Select");
        if (!yBtn) {
            oBody.remove();
            return;
        }
        var X = yBtn.offsetLeft + yBtn.offsetWidth / 2;
        var Y = yBtn.offsetTop + yBtn.offsetHeight / 2;
        Body.style.transformOrigin = oBody.style.transformOrigin = X + "px " + Y + "px";
        Body.style.transform = "translate(" + (Body.offsetWidth / 2 - X) + "px," + (Body.offsetHeight / 2 - Y) + "px) scaleX(3) scaleY(4)";
        oBody.style.opacity = 1;
        Body.parentNode.insertBefore(oBody, Body.nextSibling);
        CLDelay(function () {
            Body.style.transition = oBody.style.transition = "all .1s ease-out";
            Body.style.transform = "scale(1)";
            oBody.style.transform = "scale(0.083)";
            oBody.style.opacity = 0;
        }, 1);
        CLDelay(function () {
            Body.style.transition = "";
            oBody.remove();
        }, 100);
    }

    fn.ZoomOut = function (Body, oBody) {
        var yBtn = oBody.querySelector(".Select");
        if (!yBtn) {
            oBody.remove();
            return;
        }
        var X = yBtn.offsetLeft + yBtn.offsetWidth / 2;
        var Y = yBtn.offsetTop + yBtn.offsetHeight / 2;
        Body.style.transformOrigin = oBody.style.transformOrigin = X + "px " + Y + "px";
        oBody.style.transform = "scale(1)";
        Body.style.transform = "scale(0.083)";
        Body.style.opacity = 0;
        Body.parentNode.insertBefore(Body,oBody.nextSibling);
        CLDelay(function () {
            Body.style.transition = oBody.style.transition = "all .1s ease-out";
            Body.style.transform = "scale(1)";
            oBody.style.transform = "translate(" + (Body.offsetWidth / 2 - X) + "px," + (Body.offsetHeight / 2 - Y) + "px) scaleX(3) scaleY(4)";
            Body.style.opacity = 1;
        }, 1);
        CLDelay(function () {
            Body.style.transition = "";
            oBody.remove();
        }, 100);

    }

    fn.NoAnimate = function (func) {
        var self = this;
        var ZoomIn = self.ZoomIn;
        var ZoomOut = self.ZoomOut;
        var PagePrev = self.PagePrev;
        var PageNext = self.PageNext;
        self.ZoomIn = function () { }
        self.ZoomOut = function () { }
        self.PagePrev = function () { }
        self.PageNext = function () { }
        try {
            func();
            self.ZoomIn = ZoomIn;
            self.ZoomOut = ZoomIn;
            self.PagePrev = PagePrev;
            self.PageNext = PageNext;
        } catch (e) {
            self.ZoomIn = ZoomIn;
            self.ZoomOut = ZoomOut;
            self.PagePrev = PagePrev;
            self.PageNext = PageNext;
            throw e;
        }
    }

    fn.PagePrev = function (Body, oBody) {
        Body.style.left = "-100%";
        CLDelay(function () {
            Body.style.transition = oBody.style.transition = "all .2s linear";
            Body.style.left = "0";
            oBody.style.left = "100%";
        }, 1);
        CLDelay(function () {
            Body.style.transition = "";
            oBody.remove();
        }, 200);
    }

    fn.PageNext = function (Body, oBody) {
        Body.style.left = "100%";
        CLDelay(function () {
            Body.style.transition = oBody.style.transition = "all .2s linear";
            Body.style.left = "0";
            oBody.style.left = "-100%";
        }, 1);
        CLDelay(function () {
            Body.style.transition = "";
            oBody.remove();
        }, 200);
    }
    
    fn.autoClick = function (header) {
        var self = this;
        header.Next.ontouchstart = header.Prev.ontouchstart = header.Next.onmousedown = header.Prev.onmousedown = function () {
            var btn = this;
            btn.down = true;
            function auto() {
                CLTimer(function () {
                    if (!btn.down) {
                        return false;
                    } else {
                        btn.onclick();
                    }
                }, 100);
            }
            CLDelay(auto, 500);
            function func(e) {
                btn.down = false;
                window.removeEventListener("touchend", func, true);
            }
            window.addEventListener("touchend", func, true);
            window.addEventListener("mouseup", func, true);
        }
    }

    fn.Year10 = function (back) {
        var self = this;
        var Value = self.Value;
        var header = self.Header();
        var Box = self.Box;
        self.Fresh = function () {
            self.Year10(back);
        }
        header.Prev.onclick = function () {
            Value.setFullYear(Value.getFullYear() - 100);
            self.Year10(back);
            self.onchanged();
        }
        header.Next.onclick = function () {
            Value.setFullYear(Value.getFullYear() + 100);
            self.Year10(back);
            self.onchanged();
        }
        self.autoClick(header);
        var Year100 = document.createElement("div");
        Year100.className = "Btn Year10";
        header.appendChild(Year100);
        var oYear = Value.getFullYear();
        oYear = oYear - oYear % 10;
        var nYear = oYear - oYear % 100;
        Year100.innerText = nYear + "~" + (nYear + 100);
        var Body = document.createElement("div");
        Body.className = "Body Year10";
        Box.appendChild(Body);
        Body.Year100 = nYear;
        for (var i = nYear - 10; i < nYear + 110; i += 10) {
            var item = document.createElement("div");
            item.className = "Item";
            if (oYear == i) {
                item.classList.add("Select");
            }
            item.innerHTML = "<span>" + i + " ~ " + (i + 9) + "</span>";
            item.firstChild.base = i;
            if (i >= 1000 && i <= 9999) {
                item.firstChild.onclick = function () {
                    var ele = Body.querySelector(".Select");
                    if (ele) {
                        ele.classList.remove("Select");
                    }
                    this.parentNode.classList.add("Select");
                    var oYear = Value.getFullYear();
                    Value.setFullYear(this.base + oYear % 10);
                    self.onchanged();
                    back.call(self);
                }
            } else {
                item.firstChild.classList.add("oDay");
            }
            Body.appendChild(item);
        }
        var Btn = Box.Foot.querySelector(".Btn");
        nYear = new Date().getFullYear();
        nYear = nYear - nYear % 100;
        Btn.innerHTML = nYear + "~" + (nYear + 9);
        Btn.onclick = function () {
            back.call(self);
        }
        Box.appendChild(Box.Foot);
        var oBody = Box.Body;
        Box.Body = Body;
        if (oBody.classList.contains("Year10")) {
            if (oBody.Year100 == 9900 && Body.Year100 == 1000) {
                self.PageNext(Body, oBody);
            } else if (oBody.Year100 == 1000 && Body.Year100 == 9900) {
                self.PagePrev(Body, oBody);
            } else if (oBody.Year100 > Body.Year100) {
                self.PagePrev(Body, oBody);
            } else {
                self.PageNext(Body, oBody);
            }
        } else {
            self.ZoomIn(Body, oBody);
        }
    }

    fn.Year = function (back) {
        var self = this;
        var Value = self.Value;
        var header = self.Header();
        var Box = self.Box;
        self.Fresh = function () {
            self.Year(back);
        }
        header.Prev.onclick = function () {
            Value.setFullYear(Value.getFullYear() - 10);
            self.Year(back);
            self.onchanged();
        }
        header.Next.onclick = function () {
            Value.setFullYear(Value.getFullYear() + 10);
            self.Year(back);
            self.onchanged();
        }
        self.autoClick(header);
        var Year10 = document.createElement("div");
        Year10.className = "Btn Year";
        header.appendChild(Year10);
        var nYear = Value.getFullYear();
        nYear = nYear - nYear % 10;
        Year10.innerText = nYear + "~" + (nYear + 10);
        Year10.onclick = function () {
            self.Year10(function () {
                self.Year(back);
            });
        }
        var Body = document.createElement("div");
        Body.className = "Body Year";
        Box.appendChild(Body);
        Body.Year10 = nYear;
        for (var i = nYear - 1; i < nYear + 11; i++) {
            var item = document.createElement("div");
            item.className = "Item";
            if (Value.getFullYear() == i) {
                item.classList.add("Select");
            }
            item.innerHTML = "<span>" + i + "</span>";
            item.firstChild.index = i;
            
            if (i >= 1000 && i <= 9999) {
                item.firstChild.onclick = function () {
                    Value.setFullYear(this.index);
                    var ele = Body.querySelector(".Select");
                    if (ele) {
                        ele.classList.remove("Select");
                    }
                    this.parentNode.classList.add("Select");
                    self.onchanged();
                    back.call(self);
                }
            } else {
                item.firstChild.classList.add("oDay");
            }
            Body.appendChild(item);
        }
        var Btn = self.Foot().Btn;
        Btn.innerHTML = "今年";
        Btn.onclick = function () {
            Value.setFullYear(new Date().getFullYear());
            self.onchanged();
            back.call(self);
        }
        Box.appendChild(Box.Foot);
        var oBody = Box.Body;
        Box.Body = Body;
        if (oBody.classList.contains("Year")) {
            if (oBody.Year10 == 9990 && Body.Year10 == 1000) {
                self.PageNext(Body, oBody);
            } else if (oBody.Year10 == 1000 && Body.Year10 == 9990) {
                self.PagePrev(Body, oBody);
            } else if (oBody.Year10 > Body.Year10) {
                self.PagePrev(Body, oBody);
            } else {
                self.PageNext(Body, oBody);
            }
        }else if (oBody.classList.contains("Month")) {
            self.ZoomIn(Body, oBody);
        } else {
            self.ZoomOut(Body, oBody);
        }
    }

    fn.YearAndMouth = function (back) {
        var self = this;
        var Value = self.Value;
        var Box = self.Box;
        var header = self.Header();
        self.Fresh = function () {
            self.YearAndMouth(back);
        }
        header.Prev.onclick = function () {
            Value.setFullYear(Value.getFullYear() - 1);
            self.YearAndMouth(back);
            self.onchanged();
        }
        header.Next.onclick = function () {
            Value.setFullYear(Value.getFullYear() + 1);
            self.YearAndMouth(back);
            self.onchanged();
        }
        self.autoClick(header);
        var Year = document.createElement("div");
        Year.className = "Btn Year";
        header.appendChild(Year);
        Year.innerText = Value.getFullYear();
        Year.onclick = function () {
            self.Year(function () {
                self.YearAndMouth(back);
            });
        }
        var Body = document.createElement("div");
        Body.className = "Body Month";
        Box.appendChild(Body);
        Body.Year = Value.getFullYear();
        var arr = ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"];
        for (var i = 0; i < arr.length ; i++) {
            var item = document.createElement("div");
            item.className = "Item";
            item.innerHTML = "<span>" + arr[i] + "月</span>";
            Body.appendChild(item);
            if (Value.getMonth() == i) {
                item.classList.add("Select");
            }
            item.firstChild.index = i;
            item.firstChild.onclick = function () {
                Value.setMonth(this.index);
                var ele = Body.querySelector(".Select");
                if (ele) {
                    ele.classList.remove("Select");
                }
                this.parentNode.classList.add("Select");
                self.onchanged();
                back.call(self);
            }
        }
        var Btn = self.Foot().Btn;
        Btn.innerHTML = "本月";
        Btn.onclick = function () {
            Value.setMonth(new Date().getMonth());
            self.onchanged();
            back.call(self);
        }
        var oBody = Box.Body;
        Box.Body = Body;
        if (oBody) {
            if (oBody.classList.contains("Month")) {
                if (oBody.Year == 9999 && Body.Year == 1000) {
                    self.PageNext(Body, oBody);
                } else if (oBody.Year == 1000 && Body.Year == 9999) {
                    self.PagePrev(Body, oBody);
                } else if (oBody.Year > Body.Year) {
                    self.PagePrev(Body, oBody);
                } else {
                    self.PageNext(Body, oBody);
                }
            } else if (oBody.classList.contains("Year")) {
                self.ZoomOut(Body, oBody);
            } else {
                self.ZoomIn(Body, oBody);
            }
        }
    }

    fn.MouthAndDate = function (back) {
        var self = this;
        var Value = self.Value;
        var Box = self.Box;
        var header = self.Header();
        self.Fresh = function () {
            self.MouthAndDate(back);
        }
        header.Prev.onclick = function () {
            Value.setDate(1);
            Value.setMonth(Value.getMonth() - 1);
            self.MouthAndDate(back);
            self.onchanged();
        }
        header.Next.onclick = function () {
            Value.setDate(1);
            Value.setMonth(Value.getMonth() + 1);
            self.MouthAndDate(back);
            self.onchanged();
        }
        self.autoClick(header);
        var Year = document.createElement("div");
        Year.className = "Btn Year";
        header.appendChild(Year);
        Year.innerText = Value.Format("yyyy MM月");
        Year.onclick = function () {
            self.YearAndMouth(function () {
                self.MouthAndDate(back);
            });
        }
        var Body = document.createElement("div");
        Body.className = "Body Date";
        Box.appendChild(Body);
        var arr = ["日", "一", "二", "三", "四", "五", "六"];
        for (var i = 0; i < arr.length ; i++) {
            var item = document.createElement("div");
            item.className = "Item";
            item.innerHTML = "<span class='WeekDay'>" + arr[i] + "</span>";
            Body.appendChild(item);
        }
        var dt = Date.Parse(Date.Parse(Value).Format("yyyy-MM-01"));
        Body.Date = Date.Parse(dt);
        dt.setDate(dt.getDate() - dt.getDay() - 1);
        var Mon = Value.getMonth();
        var Year = Value.getFullYear();
        var Day = Value.getDate();
        for (var i = 0; i < 42 ; i++) {
            dt.setDate(dt.getDate() + 1);
            var item = document.createElement("div");
            item.className = "Item";
            if (dt.getFullYear() == Year && dt.getMonth() == Mon && dt.getDate() == Day) {
                item.classList.add("Select");
            }
            if (dt.Format("yyyyMMdd") == new Date().Format("yyyyMMdd")) {
                item.classList.add("Today");
            }
            if (dt.getMonth() != Mon) {
                item.innerHTML = "<span class = 'oDay'>" + dt.getDate() + "</span>";
            } else {
                item.innerHTML = "<span>" + dt.getDate() + "</span>";
            }
            item.firstChild.Val = dt.toString();
            item.firstChild.onclick = function () {
                var ele = Body.querySelector(".Select");
                if (ele) {
                    ele.classList.remove("Select");
                }
                this.parentNode.classList.add("Select");
                var Val = Date.Parse(this.Val);
                Value.setFullYear(Val.getFullYear());
                Value.setDate(1);
                Value.setMonth(Val.getMonth());
                Value.setDate(Val.getDate());
                self.onchanged();
                back.call(self);
            }
            Body.appendChild(item);
        }
        var Btn = self.Foot().Btn;
        Btn.innerHTML = "今天";
        Btn.onclick = function () {
            self.Value = new Date().Format(self.Format);
            self.onchanged();
            back.call(self);
        }
        var oBody = Box.Body;
        Box.Body = Body;
        if (oBody) {
            if (oBody.classList.contains("Date")) {
                if (Body.Date.Format("yyyyMM") == "100001" && oBody.Date.Format("yyyyMM") == "999912") {
                    self.PageNext(Body, oBody);
                } else if (Body.Date.Format("yyyyMM") == "999912" && oBody.Date.Format("yyyyMM") == "100001") {
                    self.PagePrev(Body, oBody);
                } else if (Body.Date < oBody.Date) {
                    self.PagePrev(Body, oBody);
                } else {
                    self.PageNext(Body, oBody);
                }
            } else {
                self.ZoomOut(Body, oBody);
            }
        }
    }

    fn.DateTime = function (back) {
        var self = this;
        var Box = self.Box;
        var Value = self.Value;
        var Time = Box.querySelector(".Time");
        if (Time) {
            Time.remove();
        }
        self.MouthAndDate(function () {
            if (!IsMobile()) {
                var input = Box.querySelector("input");
                input.select();
            }
        });
        self.Fresh = function () {
            self.DateTime(back);
        }
        var header = Box.querySelector(".Header");
        header.Prev.onclick = function () {
            Value.setDate(1);
            Value.setMonth(Value.getMonth() - 1);
            self.DateTime(back);
            self.onchanged();
        }
        header.Next.onclick = function () {
            Value.setDate(1);
            Value.setMonth(Value.getMonth() + 1);
            self.DateTime(back);
            self.onchanged();
        }
        var Year = Box.querySelector(".Year");
        Year.onclick = function (e) {
            Box.classList.remove("CLTime");
            if (!IsMobile()) {
                var Time = Box.querySelector(".Time");
                Time.style.width = 0;
                CLDelay(function () {
                    Time.remove();
                }, 200);
            }
            self.YearAndMouth(function () {
                self.DateTime(back);
            });
        }
        var Foot = self.Foot();
        Foot.innerHTML = "";
        var Btn = document.createElement("div");
        Btn.style.cssFloat = "left";
        Btn.className = "Btn";
        Btn.innerHTML = "现在";
        Foot.appendChild(Btn);
        Btn.onclick = function () {
            self.Value = new Date().Format("yyyy-MM-dd HH:mm:ss");
            self.onchanged();
            back.call(self);
        }
        Btn = document.createElement("div");
        Btn.style.cssFloat = "right";
        Btn.style.margin = "7px 0";
        Btn.className = "CLBtnSmall CLBtnGreen";
        Btn.innerHTML = "确定";
        Foot.appendChild(Btn);
        Btn.onclick = function () {
            back();
        }
        function TmList(Time, divVal) {
            var Body = document.createElement("div");
            Body.className = "Body";
            Time.appendChild(Body);
            var inputs = divVal.querySelectorAll("input");
            inputs = inputs.length ? inputs : null;
            var list = ["时", "分", "秒"];
            var formats = ["HH","mm","ss"];
            for (var i = 0; i < list.length; i++) {
                var Item = document.createElement("div");
                Item.className = "Item";
                Body.appendChild(Item);
                var Name = document.createElement("div");
                Name.innerHTML = list[i];
                Name.className = "Name";
                Item.appendChild(Name);
                var List = document.createElement("div");
                List.className = "List";
                Item.appendChild(List);
                if (inputs) {
                    inputs[i].List = List;
                    inputs[i].Set = function (Val) {
                        var list = this.List;
                        Val = Val * 1;
                        var ele = list.querySelector(".Select");
                        if (ele) {
                            ele.classList.remove("Select");
                        }
                        ele = list.childNodes[Val];
                        ele.classList.add("Select");
                        CLAsync(function () {
                            ele.scrollIntoView({ behavior: "smooth", block: "start" });
                        })
                    }
                }
                var max = i == 0 ? 23 : 59;
                for (var j = 0; j <= max ; j++) {
                    var ele = document.createElement("div");
                    ele.innerHTML = (j + "").padStart(2, '0');
                    List.appendChild(ele);
                    if (j == Value.Format(formats[i]) * 1) {
                        ele.classList.add("Select");
                    }
                    if (inputs) {
                        ele.input = inputs[i];
                        ele.onclick = function () {
                            this.input.value = this.innerHTML;
                            this.input.onchange();
                        }
                    }else {
                        ele.index = i;
                        ele.onclick = function () {
                            var ele = this;
                            if (ele.index == 0) {
                                Value.setHours(ele.innerHTML * 1);
                            } else if (ele.index == 1) {
                                Value.setMinutes(ele.innerHTML * 1);
                            } else if (ele.index == 2) {
                                Value.setSeconds(ele.innerHTML * 1);
                            }
                            var ole = ele.parentNode.querySelector(".Select");
                            if (ole) {
                                ole.classList.remove("Select");
                            }
                            ele.classList.add("Select");
                            divVal.innerHTML = Value.Format("HH:mm:ss");
                            ele.scrollIntoView({ behavior: "smooth", block: "start" });
                            self.onchanged();
                        }
                    }
                }
            }
            Body.querySelectorAll(".Select").forEach(function (ele) {
                ele.scrollIntoView();
            });
        }
        if (!IsMobile()) {
            Box.classList.add("CLTime");
            var Time = document.createElement("div");
            Time.classList.add("Time");
            Box.appendChild(Time);
            var lable = document.createElement("div");
            lable.className = "Lable";
            Time.appendChild(lable);
            lable.innerHTML = "<input class='Val' /><span>:</span><input class='Val'/><span>:</span><input class='Val' />";
            var inputs = lable.querySelectorAll(".Val");
            inputs[0].value = (Value.getHours() + "").padStart(2, '0');
            inputs[1].value = (Value.getMinutes() + "").padStart(2, '0');
            inputs[2].value = (Value.getSeconds() + "").padStart(2, '0');
            inputs[0].oninput = inputs[1].oninput = inputs[2].oninput = function () {
                var input = this;
                var index = inputs.indexOf(input);
                var sV = input.value;
                var pos = input.selectionStart;
                if (!/[0-9]+/.test(sV)) {
                    input.value = !!input.PValue ? input.PValue : "";
                    if (pos != null) {
                        input.selectionStart = pos - 1;
                        input.selectionEnd = pos - 1;
                    }
                } else if (sV.length == 3) {
                    input.value = sV = sV.substr(0, pos) + sV.substr(pos + 1);
                } else if (sV.length > 3) {
                    input.value = sV = sV.substr(pos - 2, pos);
                }
                var iMin = 0;
                var iMax = index == 0 ? 23 : 59;
                if (!!sV) {
                    if (sV * 1 < iMin) {
                        input.value = (iMin + "").padStart(2, '0');
                    }
                    if (sV * 1 > iMax) {
                        input.value = (iMax + "").padStart(2, '0');
                    }
                    if (pos != null) {
                        input.selectionStart = pos;
                        input.selectionEnd = pos;
                    }
                    if (pos == 2 && index < 2) {
                        inputs[index + 1].select();
                        inputs[index + 1].focus();
                    }
                }
            }
            inputs[0].onkeydown = inputs[1].onkeydown = inputs[2].onkeydown = function (e) {
                var input = this;
                var index = inputs.indexOf(input);
                var pos = input.selectionEnd;
                if (e.code == "Enter") {
                    if (index < 2) {
                        inputs[index + 1].select();
                        inputs[index + 1].focus();
                    }
                } else if (e.code == "ArrowDown") {
                    var Val = input.value * 1 - 1;
                    if (Val < 0) {
                        Val = 0;
                    }
                    input.value = (Val + "").padStart(2, '0');
                    input.selectionEnd = input.selectionStart = pos;
                    e.preventDefault();
                } else if (e.code == "ArrowUp") {
                    var iMax = index == 0 ? 23 : 59;
                    var Val = input.value * 1 + 1;
                    if (Val > iMax) {
                        Val = iMax;
                    }
                    input.value = (Val + "").padStart(2, '0');
                    input.selectionEnd = input.selectionStart = pos;
                    e.preventDefault();
                } else if (e.code == "ArrowLeft") {
                    if (index > 0) {
                        if (input.selectionEnd == 0) {
                            inputs[index - 1].focus();
                            e.preventDefault();
                        }
                    }
                } else if (e.code == "ArrowRight") {
                    if (index < 2 && input.selectionEnd == input.value.length) {
                        inputs[index + 1].focus();
                        e.preventDefault();
                    }
                }
            }
            inputs[0].onchange = inputs[1].onchange = inputs[2].onchange = function () {
                var input = this;
                var index = inputs.indexOf(input);
                var Val = input.value;
                input.Set(Val);
                if (index == 0) {
                    Value.setHours(Val * 1);
                } else if (index == 1) {
                    Value.setMinutes(Val * 1);
                } else if (index == 2) {
                    Value.setSeconds(Val * 1);
                }
                self.onchanged();
            }
            TmList(Time, lable);
        } else {
            var time = document.createElement("div");
            time.className = "Btn";
            time.innerHTML = Value.Format("HH:mm:ss");
            Foot.appendChild(time);
            time.onclick = function () {
                var oclick = time.onclick;
                time.onclick = null;
                var Body = document.createElement("div");
                Body.className = "Body Time"
                Box.appendChild(Body);
                TmList(Body, time);
                self.ZoomOut(Body, Box.Body);
                Year.innerHTML = Value.Format("MM月dd日");
                var clickYear = Year.onclick;
                var clickPrev = header.Prev.onclick
                var clickNext = header.Next.onclick
                header.Prev.onclick = function () {
                    Value.setDate(Value.getDate() - 1);
                    Year.innerHTML = Value.Format("MM月dd日");
                    self.onchanged();
                }
                header.Next.onclick = function () {
                    Value.setDate(Value.getDate() + 1);
                    Year.innerHTML = Value.Format("MM月dd日");
                    self.onchanged();
                }
                Year.onclick = function () {
                    Year.innerHTML = Value.Format("YYYY MM月");
                    Year.onclick = clickYear;
                    header.Prev.onclick = clickPrev;
                    header.Next.onclick = clickNext;
                    Box.appendChild(Box.Body);
                    self.ZoomIn(Box.Body, Body);
                    time.onclick = oclick;
                }

                CLDelay(function () {
                    Body.querySelectorAll(".Select").forEach(function (ele) {
                        ele.scrollIntoView();
                    });
                },100);
            }
        }
    }

}())

;(function () {
    CLRegiste("CLDialog", CLTop, true);

    var CLDialog = window.CLDialog = function (Ele, anim) {
        var self = this;
        self.Ele = Ele;
        var bgDiv = self.bgDiv = CLTop.document.createElement("div");
        bgDiv.className = "CLDialogBg";
        bgDiv.style.backgroundColor = "rgba(0,0,0,0.3)";
        bgDiv.style.zIndex = CLTop.CLMaxZIndex();
        Ele.classList.add("CLDialog");
        bgDiv.appendChild(Ele);
        bgDiv.onmousedown = function (e) {
            e.stopPropagation();
            if (!Ele.contains(e.srcElement)) {
                e.preventDefault();
            }
        }
        Ele.style.position = "absolute";
        Ele.CLDialog = self;
        CLTop.document.body.appendChild(bgDiv);
        Ele.CalcAnimation = function (left, top) {
            var style = getComputedStyle(Ele);
            var width = parseInt(Ele.Width) || parseInt(style.width), height = parseInt(Ele.Height) || parseInt(style.height);
            if (left == null) {
                left = (bgDiv.offsetWidth - width) / 2;
            }
            if (top == null) {
                top = (bgDiv.offsetHeight - height) / 2;
                if (top > bgDiv.offsetHeight * 14 / 100) {
                    top = bgDiv.offsetHeight * 14 / 100;
                }
            }
            left = parseInt(left);
            top = parseInt(top);
            var X = left + width / 2;
            var Y = top + height / 2;
            var ll = [left, Math.abs(X - bgDiv.offsetWidth / 2), bgDiv.offsetWidth - (left + width)];
            var min = bgDiv.offsetWidth;
            var vl = [-10 * width, bgDiv.offsetWidth / 2 - width / 2, 10 * bgDiv.offsetWidth];
            ll.forEach(function (L, index) {
                if (L < min) {
                    min = L;
                    X = vl[index];
                }
            });
            ll = [top, bgDiv.offsetHeight - (top + height)];
            min = bgDiv.offsetHeight;
            vl = [-10 * height, 10 * bgDiv.offsetHeight];
            ll.forEach(function (L, index) {
                if (L < min) {
                    min = L;
                    Y = vl[index];
                }
            });
            return {
                left: left,
                top: top,
                width: width,
                height: height,
                X: X,
                Y: Y
            }
        }
        if (anim != false) {
            var left = null, top = null;
            if (Ele.style.left) {
                left = parseInt(Ele.style.left);
            }
            if (Ele.style.top) {
                top = parseInt(Ele.style.top);
            }
            self.AnimationTo(left, top);
        } else {
            var Info = Ele.CalcAnimation(Ele.offsetLeft, Ele.offsetTop);
            Ele.style.left = Info.left + "px";
            Ele.style.top = Info.top + "px";
        }
        Ele.Close = function () {
            var Info = Ele.CalcAnimation(Ele.offsetLeft, Ele.offsetTop);
            var animationId = CLMakeId();
            var css = "@keyframes Animation_" + animationId + "{from{opacity: 1;left:" + Info.left + "px;\ntop: " + Info.top + "px;}"
                + "to{opacity: 0;left:" + Info.X + "px;top: " + Info.Y + "px;}}";
            var style = document.createElement("style");
            style.innerHTML = css;
            Ele.parentNode.appendChild(style);
            Ele.style.animation = "Animation_" + animationId + " .15s cubic-bezier(0.8,0,1,0)";
            bgDiv.style.backgroundColor = "rgba(0,0,0,0)";
            function func() {
                Ele.removeEventListener("animationend", func);
                Ele.style.animation = "";
                style.remove();
                bgDiv.remove();
            }
            Ele.addEventListener("animationend", func);
        }
        self.ToActive = document.activeElement;
        self.ToActive.blur();
        bgDiv.Close = function () {
            if (bgDiv.parentNode != null) {
                bgDiv.remove();
            }
        }
        window.addEventListener("unload", bgDiv.Close);

        (function (调整尺寸) {
            var resizeDiv = document.createElement("div");
            resizeDiv.className = "CLResizeHandle";
            Ele.appendChild(resizeDiv);
            self.resizeDiv = resizeDiv;
            var FromX = 0;
            var FromY = 0;
            var oWidth = 0;
            var oHeight = 0;
            resizeDiv.Window = CLTop;
            CLEnableMove(resizeDiv, function () {
                FromX = resizeDiv.Pos.X;
                FromY = resizeDiv.Pos.Y;
                oWidth = Ele.offsetWidth;
                oHeight = Ele.offsetHeight;
                Ele.style.transition = "none";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                var Y = resizeDiv.Pos.Y - FromY;
                var width = oWidth + X;
                var height = oHeight + Y;
                Ele.style.width = width + "px";
                Ele.style.height = height + "px";
                self.resize();
                return false;
            }, function (resizeDiv) {
                Ele.style.transition = "";
                self.onsizeChanged();
                return false;
            });
        }());
        function func() {
            self.resize();
            self.onsizeChanged();
        }
        Ele.addEventListener("transitionend", func);
    }

    var fn = CLDialog.prototype;

    fn.bgDiv = null;

    fn.IsMaximized = false;

    Object.defineProperty(fn, "Modal", {
        get: function () {
            var self = this;
            return self.Ele.parentNode.Modal;
        },
        set: function (Val) {
            var self = this;
            Val = !!Val;
            var box = self.Ele.parentNode;
            box.Modal = Val;
            if (Val) {
                box.style.pointerEvents = "";
                box.style.background = "";
                box.style.transition = "";
                self.Ele.style.pointerEvents = "";
                if (box.down) {
                    delete box.down;
                    box.removeEventListener("mousedown", box.down, true);
                }
            } else {
                box.style.pointerEvents = "none";
                box.style.transition = "none";
                box.style.background = "rgba(0,0,0,0)";
                self.Ele.style.pointerEvents = "initial";
                self.ToActive = null;
                box.down = function (e) {
                    var all = CLTop.document.querySelectorAll(".CLDialogBg");
                    all.forEach(function (ele) {
                        if (ele != box) {
                            ele.style.zIndex = CLMaxZIndex() - 1;
                        }
                    });
                }
                box.addEventListener("mousedown", box.down, true);
            }
        }
    });

    CLDialog.current = function (Ele) {
        while (Ele != null && Ele.CLDialog == null) {
            Ele = Ele.parentNode;
        }
        if (Ele != null) {
            return Ele.CLDialog;
        }
    }

    fn.AnimationTo = function (X, Y) {
        var self = this;
        var Ele = self.Ele;
        Ele.style.animation = "";
        var Info = Ele.CalcAnimation(X, Y);
        var animationId = CLMakeId();
        var css = "@keyframes Animation_" + animationId + "{from{opacity: 0;left:" + Info.X + "px;\ntop: " + Info.Y + "px;}"
            + "to{opacity: 1;left:" + Info.left + "px;top: " + Info.top + "px;}}";
        var style = document.createElement("style");
        style.innerHTML = css;
        Ele.parentNode.appendChild(style);
        Ele.style.left = Info.left + "px";
        Ele.style.top = Info.top + "px";
        var _style = getComputedStyle(Ele);
        Ele.style.width = parseInt(_style.width) + 1 + "px";
        Ele.style.animation = "Animation_" + animationId + " .15s cubic-bezier(0,0.8,0,1)";
        Ele.style.transition = "none";
        function func() {
            Ele.style.transition = "";
            Ele.removeEventListener("animationend", func);
            Ele.style.animation = "";
            style.remove();
            Ele.style.width = parseInt(_style.width) - 1 + "px";
            Ele.StopAnimation = null;
        }
        Ele.StopAnimation = function () {
            func();
        };
        Ele.addEventListener("animationend", func);
    }

    fn.Close = function () {
        var self = this;
        var bgDiv = self.bgDiv;
        var div = bgDiv.firstChild;
        if (bgDiv.parentNode == null) {
            return;
        }
        div.Close();
        self.onclosed();
        self.ToActive && self.ToActive.focus();
    }

    fn.Flash = function () {
        var self = this;
        var bgDiv = self.bgDiv;
        var div = bgDiv.firstChild;
        div.style.animation = "CLFlash 0.1s ease-in-out";
        div.style.animationIterationCount = 5;
        CLDelay(function () {
            div.style.animation = "";
        }, 500);
    }

    fn.MaximizeOrReset = function () {
        var self = this;
        if (self.IsMaximized) {
            self.Reset();
        } else {
            self.Maximize();
        }
    }

    fn.Maximize = function () {
        var self = this;
        if (self.IsMaximized) {
            return;
        }
        self.IsMaximized = true;
        var div = self.bgDiv.firstChild;
        div.StopAnimation && div.StopAnimation();
        var minWidth = div.style.minWidth;
        var minHeight = div.style.minHeight;
        var maxWidth = div.style.maxWidth;
        var maxHeight = div.style.maxHeight;
        div.ResetStyle = div.style.cssText;
        div.style.top = "0";
        div.style.left = "0";
        div.style.height = "100%";
        div.style.width = "100%";
        div.style.minWidth = minWidth;
        div.style.minHeight = minHeight;
        div.style.maxWidth = !maxWidth ? "100%" : maxWidth;
        div.style.maxHeight = !maxHeight ? "100%" : maxHeight;
        div.style.position = "fixed";
        div.style.left = "0";
        div.style.top = "0";
        div.style.margin = "0";
    }

    fn.Reset = function () {
        var self = this;
        if (!self.IsMaximized) {
            return;
        }
        var div = self.bgDiv.firstChild;
        div.StopAnimation && div.StopAnimation();
        self.IsMaximized = false;
        div.style.cssText = div.ResetStyle;
        delete div.ResetStyle;
    }

    fn.EnableMove = function () {
        var self = this;
        var startDiv = self.getHeader();
        startDiv.Window = CLTop;
        var div = self.bgDiv.firstChild;
        CLEnableMove(startDiv, function () {
            div.style.margin = "0";
            div.style.transition = "none";
        }, null,
        function () {
            if (div.offsetTop < 0) {
                div.style.top = "0px";
            }
            var Rect = div.getBoundingClientRectEx();
            if (Rect.left + 50 > CLTop.innerWidth) {
                div.style.left = CLTop.innerWidth - 50 + "px";
            }
            if (Rect.right < 50) {
                div.style.left = 50 - div.offsetWidth + "px";
            }
            if (Rect.top < 0) {
                div.style.top = parseInt(div.style.top) + Rect.top + "px";
            }
            if (Rect.top > CLTop.innerHeight - 50) {
                div.style.top = parseInt(div.style.top) - Rect.top + CLTop.innerHeight - 50 + "px";
            }
            div.style.transition = "";
            Rect = div.getBoundingClientRectEx();
            self.onPosChanged(Rect.left, Rect.top);
        }, div);
    }

    fn.CreateHeader = function (Title) {
        var self = this;
        var div = self.bgDiv.firstChild;
        var Header = document.createElement("div");
        Header.style.lineHeight = "44px";
        Header.style.height = "45px";
        Header.style.padding = "0 20px";
        Header.style.cursor = "move";
        Header.style.borderBottom = "1px solid #e0e0e0";
        Header.className = "Header";
        Header.innerHTML = "<span class='Title'>" + Title + "</span>";
        div.appendChild(Header);
        var closeIcon = document.createElement("div");
        closeIcon.className = "Close";
        closeIcon.style.display = "inline-block";
        closeIcon.style.fontFamily = "CLFont";
        closeIcon.style.fontSize = "20px";
        closeIcon.style.cursor = "pointer";
        closeIcon.style["user-select"] = "none";
        closeIcon.innerHTML = "&#xe7e4;";
        closeIcon.style.cssFloat = "right";
        closeIcon.onclick = function (e) {
            self.Close();
        }
        Header.appendChild(closeIcon);
        self.Header = Header;
        return this.Header;
    }

    fn.CreateBody = function () {
        var self = this;
        var div = self.bgDiv.firstChild;
        var Body = document.createElement("div");
        Body.style.padding = "20px";
        Body.style.height = "calc(100% - 105px)";
        Body.style.paddingBottom = "0px";
        div.appendChild(Body);
        self.Body = Body;
        return Body;
    }

    fn.CreateBottom = function (callback) {
        var self = this;
        var div = self.bgDiv.firstChild;
        var Bottom = document.createElement("div");
        Bottom.style.padding = "15px 20px";
        Bottom.style.overflow = "hidden";
        var Btn = document.createElement("div");
        Btn.className = "CLBtnCancel";
        Btn.innerHTML = "取消";
        Btn.style.height = "30px";
        Btn.style.lineHeight = "30px";
        Btn.style.cssFloat = "right";
        Btn.style.margin = "0 5px";
        Btn.style.width = "70px";
        Btn.style.borderRadius = "3px";
        Bottom.appendChild(Btn);
        Btn.onclick = function () {
            self.Close();
        }
        Btn = Btn.cloneNode();
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "确定";
        Bottom.appendChild(Btn);
        Btn.onclick = function () {
            if (callback() == false) {
                return;
            }
            self.Close();
        }
        self.Bottom = Bottom;
        div.appendChild(Bottom);
    }

    fn.Sure = function () {
        this.Bottom.firstChild.onclick();
    }

    fn.CreateAll = function (Title, End) {
        this.CreateHeader(Title);
        this.CreateBody();
        this.CreateBottom(End);
    }

    fn.getHeader = function () {
        return this.Header;
    }

    fn.getBody = function () {
        return this.Body;
    }

    fn.getBottom = function () {
        return this.Bottom;
    }

    fn.resize = function () {

    }

    fn.onsizeChanged = function () {

    }

    fn.onPosChanged = function () {

    }

    fn.onclosed = function () {

    }
}());
;/// <reference path="../CLUI.js" />
/// <reference path="../CLList/CLList.js" />
/// <reference path="../CLTitle/CLTitle.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\js/Http.js" />
/// <reference path="../CLRadioBox/CLRadioBox.js" />
/// <reference path="../CLUI.js" />
/// <reference path="../CLTitle/CLTitle.js" />
/// <reference path="../CLSelect/CLSelect.js" />
(function () {

    CLRegiste("CLExcel", null, true);

    var pageA3, pageA4, pageA5, pageB5;

    (function () {
        pageA3 = {
            type: "A3",
            direction: "纵向",
            marginTop: 19.1,
            marginBottom: 19.1,
            marginLeft: 17.8,
            marginRight: 17.8,
            width: 297,
            height: 420
        }

        pageA4 = {
            type: "A4",
            direction: "纵向",
            marginTop: 19.1,
            marginBottom: 19.1,
            marginLeft: 17.8,
            marginRight: 17.8,
            width: 210,
            height: 296
        }

        pageA5 = {
            type: "A5",
            direction: "纵向",
            marginTop: 19.1,
            marginBottom: 19.1,
            marginLeft: 17.8,
            marginRight: 17.8,
            width: 148,
            height: 210
        }

        pageB5 = {
            type: "B5",
            direction: "纵向",
            marginTop: 19.1,
            marginBottom: 19.1,
            marginLeft: 17.8,
            marginRight: 17.8,
            width: 176,
            height: 250
        }
    }());

    function getEventCell(e) {
        var Ele = e.srcElement;
        while (Ele != null && Ele.classList != null && !Ele.classList.contains("CLCell")) {
            Ele = Ele.parentNode;
        }
        return Ele;
    }

    function resetMenu(e, MenuBox) {
        MenuBox.style.height = MenuBox.offsetHeight + "px";
        MenuBox.style.width = MenuBox.offsetWidth + "px";
        MenuBox.style.left = e.clientX + 5 + "px";
        MenuBox.style.top = e.clientY + 5 + "px";
        var rect = MenuBox.getBoundingClientRect();
        if (rect.right > window.innerWidth) {
            MenuBox.style.left = window.innerWidth - rect.width + "px";
        }
        if (rect.bottom > window.innerHeight) {
            MenuBox.style.top = window.innerHeight - rect.height + "px";
        }
        MenuBox.style.transform = "";
    }

    var CLExcel = window.CLExcel = function (Ele, Editable) {
        if (Ele == null) {
            return;
        }
        var self = this;
        self.dataExcel = {};
        self.Editable = Editable != false;
        self.Ele = Ele;
        Ele.style.imeMode = "active";
        self.Ele.clearEventListeners();
        Ele.innerHTML = "";
        Ele.classList.add("CLExcel");
        Ele.setAttribute("tabindex", "1");
        Ele.innerHTML = "";
        var divBar = self.divBar = document.createElement("div");
        divBar.className = "toolBar";
        Ele.appendChild(divBar);
        var Body = self.Body = document.createElement("div");
        Body.style.cssText = "max-height:100%;max-width:100%;overflow:hidden;position:relative";
        Body.className = "Body";
        Ele.appendChild(Body);
        var Container = self.Container = document.createElement("div");
        Container.className = "Container";
        Body.appendChild(Container);
        var handleBar = self.handleBar = document.createElement("div");
        handleBar.className = "handleBar";
        Body.appendChild(handleBar);
        var vRule;
        var hRule;
        if (self.Editable) {
            vRule = self.vRule = document.createElement("div");
            vRule.className = "Rule vRule";
            Container.appendChild(vRule);
            hRule = self.hRule = document.createElement("div");
            hRule.className = "Rule hRule";
            Container.appendChild(hRule);
        }

        var TableBox = self.TableBox = document.createElement("div");
        TableBox.className = "TableBox";
        var Table = document.createElement("table");
        Table.setAttribute("cellspacing", "0");
        Table.setAttribute("cellpadding", "0");
        Table.className = "Table";
        self.Table = Table;
        var thead = document.createElement("thead");
        thead.className = "CLRow";
        Table.appendChild(thead);
        var th = self.createCell('th');
        thead.appendChild(th);
        var tbody = document.createElement("tbody");
        Table.appendChild(tbody);
        TableBox.appendChild(Table);
        Container.appendChild(TableBox);
        var leftTable = self.leftTable = Table.cloneNode();
        leftTable.className = "leftTable";
        Container.appendChild(leftTable);

        var borderRight;
        if (self.Editable) {
            borderRight = document.createElement("div");
            borderRight.className = "borderRight";
            Container.appendChild(borderRight);
        }

        var topTable = self.topTable = Table.cloneNode();
        topTable.className = "topTable";
        var topRow = self.createRow();
        topTable.appendChild(topRow);
        TableBox.appendChild(topTable);
        self.Body = Body;
        self.Rows = [];
        window.addEventListener("mousewheel", function (e) {
            if (e.ctrlKey) {
                CLAsync(function () {
                    self.onZoom();
                });
            }

        });
        if (self.Editable) {
            self.EnableSelect();
            self.EnableMenu();
            self.EnableCellEdit();
            self.EnableCtrlV();
            self.EnableCtrlC();
            self.EnableCtrlA();
            self.EnableEnter();
            self.EnableTab();
            self.EnableDelete();
            self.EnableCtrlS();
            self.EnableCtrlO();
            self.EnableCtrlY();
            self.EnableCtrlZ();
            self.EnableCtrlZoom();
            self.EnableSaveAsLocal();

            function EditSize(div, width, End) {
                var input = document.createElement("input");
                input.setAttribute("placeholder", "单位:像素");
                input.value = width;
                div.classList.add("CLSizeEditor");
                input.oninput = function () {
                    CLCheckFloat(input);
                }
                div.appendChild(input);
                input.onkeydown = function (e) {
                    if (e.key == "Enter") {
                        End(input.value.length == 0 ? null : input.value * 1);
                        div.Menu.Close();
                    }
                }
                var Bottom = document.createElement("div");
                Bottom.className = "Bottom";
                div.appendChild(Bottom);

                var Btn = document.createElement("div");
                Btn.className = "CLBtnCancel";
                Btn.innerHTML = "取消";
                Btn.onclick = function () {
                    div.Menu.Close();
                }
                Btn.style.margin = "0 5px 0 0";
                Bottom.appendChild(Btn);

                Btn = document.createElement("div");
                Btn.className = "CLBtnGreen";
                Btn.style.margin = "0 0 0 5px";
                Btn.innerHTML = "确定";
                Btn.onclick = function () {
                    End(input.value.length == 0 ? null : input.value * 1);
                    div.Menu.Close();
                }
                Bottom.appendChild(Btn);
            }

            (function (列) {
                function initColumn(child) {
                    //调整列宽
                    child.addEventListener("mousemove", function (e) {
                        if (e.layerX > child.offsetWidth - 5) {
                            child.style.cursor = 'w-resize';
                        } else {
                            child.style.cursor = '';
                        }
                    });
                    child.addEventListener("mousedown", function (e) {
                        if (child.style.cursor != "w-resize") {
                            return;
                        }
                        var FromX = e.clientX;
                        var div = document.createElement("div");
                        var rect = child.getBoundingClientRect();
                        div.style.cssText = "position:fixed;z-index:999;height:" + (self.Table.offsetHeight + 4) + "px;width:1px;left:" + (rect.right - 1) + "px;border-left:solid 1px #0db3a6;top:" + rect.top + "px";
                        document.body.appendChild(div);
                        var style = document.body.style.cssText;
                        document.body.style["user-select"] = "none";
                        function move(e) {
                            div.style.left = (rect.right - 1) + e.clientX - FromX + "px";
                        }
                        function up(e) {
                            div.remove();
                            self.setColumnWidth(child.Index, child.offsetWidth + e.clientX - FromX);
                            document.body.style.cssText = style;
                            window.removeEventListener("mousemove", move);
                            window.removeEventListener("mouseup", up);
                        }
                        window.addEventListener("mousemove", move);
                        window.addEventListener("mouseup", up);
                    });
                    //选择列
                    child.addEventListener("mousedown", function (e) {
                        if (child.style.cursor == "w-resize" || e.button != 0) {
                            return;
                        }
                        if (!e.ctrlKey) {
                            self.clearAreas();
                        }
                        var Area = self.SelectDirectArea({
                            column: child.Index,
                            row: 0
                        }, {
                            column: child.Index,
                            row: self.Rows.length - 1
                        });
                        self.hitCell(Area.Cells[0]);
                        function move(e) {
                            var Ele = getEventCell(e);
                            if (Ele == null || (Ele.End == null && Ele.Index == null)) {
                                return;
                            }
                            Area.remove();
                            Area = self.SelectDirectArea({
                                column: child.Index,
                                row: 0
                            }, {
                                column: Ele.Index == null ? Ele.End.column : Ele.Index,
                                row: self.Rows.length - 1
                            });
                        }
                        function up(e) {
                            window.removeEventListener("mousemove", move);
                            window.removeEventListener("mouseup", up);
                        }
                        window.addEventListener("mousemove", move);
                        window.addEventListener("mouseup", up);
                    });
                    //列菜单
                    child.oncontextmenu = function (e) {
                        e.stopPropagation();
                        e.preventDefault();
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "overflow-y": "auto",
                                "min-width":"130px"
                            },
                            "Items": []
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "Text": "向左插入一列",
                            "Enable": true,
                            "CallBack": function () {
                                self.insertColumn(child.Index);
                                self.AdjustAfterInsertColumn(child.Index, 1);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向右插入一列",
                            "Enable": true,
                            "CallBack": function () {
                                self.insertColumn(child.Index + 1);
                                self.AdjustAfterInsertColumn(child.Index + 2, 1);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向左插入N列",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                EditSize(dlg.Div, 1, function (N) {
                                    self.Operation(function () {
                                        for (var i = 0; i < N; i++) {
                                            self.insertColumn(child.Index);
                                        }
                                        self.AdjustAfterInsertColumn(child.Index, N);
                                    });
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向右插入N列",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                EditSize(dlg.Div, 1, function (N) {
                                    self.Operation(function () {
                                        for (var i = 0; i < N; i++) {
                                            self.insertColumn(child.Index + 1);
                                        }
                                        self.AdjustAfterInsertColumn(child.Index + N + 1, N);
                                    });
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "删除列",
                            "Enable": true,
                            "CallBack": function () {
                                var area = self.getAreas()[0];
                                if (area == null) {
                                    return;
                                }
                                var start = area.Info.Start.column;
                                var end = area.Info.End.column;
                                var count = 0;
                                for (var x = start; x <= end; x++) {
                                    self.removeColumn(x);
                                    x--;
                                    end--;
                                    count++;
                                }
                                self.AdjustAfterRemoveColumn(start, count);
                                self.ResetSelectedRowColumn();
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "设置列宽(px)",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                var rect = child.getBoundingClientRect();
                                EditSize(dlg.Div, rect.width, function (width) {
                                    self.setColumnWidth(child.Index, width);
                                    var Area = self.getCurrentArea();
                                    if (Area == null || Area.Info == null) {
                                        return;
                                    }
                                    for (var x = Area.Info.Start.column; x <= Area.Info.End.column; x++) {
                                        self.setColumnWidth(x, width);
                                    }
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "设置列宽(mm)",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                var rect = child.getBoundingClientRect();
                                EditSize(dlg.Div, rect.width * CLGetPixelSize(), function (width) {
                                    self.setColumnWidth(child.Index, width);
                                    var Area = self.getCurrentArea();
                                    if (Area == null || Area.Info == null) {
                                        return;
                                    }
                                    for (var x = Area.Info.Start.column; x <= Area.Info.End.column; x++) {
                                        self.setColumnWidth(x, width/CLGetPixelSize());
                                    }
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "隐藏",
                            "Enable": true,
                            "CallBack": function (event) {
                                _CLMenu.Close();
                                var Area = self.getCurrentArea();
                                if (Area == null || Area.Info == null) {
                                    return;
                                }
                                for (var x = Area.Info.Start.column; x <= Area.Info.End.column; x++) {
                                    self.setColumnWidth(x, 0);
                                }
                            }
                        });
                        Items.push({
                            "Text": "取消隐藏",
                            "Enable": true,
                            "CallBack": function (event) {
                                _CLMenu.Close();
                                var Area = self.getCurrentArea();
                                if (Area == null || Area.Info == null) {
                                    return;
                                }
                                for (var x = Area.Info.Start.column; x <= Area.Info.End.column; x++) {
                                    self.setColumnWidth(x, null);
                                }
                            }
                        });
                        var _CLMenu = new CLMenu(Menu);
                        var MenuBox = document.body.lastChild.firstChild;
                        resetMenu(e, MenuBox);
                    }
                }
                topRow.AppendChild = topRow.appendChild;
                topRow.appendChild = function (child) {
                    topRow.AppendChild(child);
                    initColumn(child);
                }
                topRow.InsertBefore = topRow.insertBefore;
                topRow.insertBefore = function (newNode, beforeNode) {
                    topRow.InsertBefore(newNode, beforeNode);
                    initColumn(newNode);
                }
            }());

            (function (行) {
                leftTable.AppendChild = leftTable.appendChild;
                function initRow(child) {
                    //调整行高
                    child.addEventListener("mousemove", function (e) {
                        if (e.layerY > child.offsetHeight - 5) {
                            child.style.cursor = 's-resize';
                        } else {
                            child.style.cursor = '';
                        }
                    });
                    child.addEventListener("mousedown", function (e) {
                        if (child.style.cursor != "s-resize") {
                            return;
                        }
                        var FromY = e.clientY;
                        var div = document.createElement("div");
                        var rect = child.getBoundingClientRect();
                        div.style.cssText = "position:fixed;z-index:999;height:1px;width:" + self.Table.offsetWidth + "px;left:" + (rect.left) + "px;border-top:solid 1px #0db3a6;top:" + (rect.bottom - 1) + "px";
                        document.body.appendChild(div);
                        var style = document.body.style.cssText;
                        document.body.style["user-select"] = "none";
                        function move(e) {
                            div.style.top = (rect.bottom - 1) + e.clientY - FromY + "px";
                        }
                        function up(e) {
                            div.remove();
                            self.setRowHeight(child.firstChild.innerText * 1 - 1, rect.height + e.clientY - FromY);
                            document.body.style.cssText = style;
                            window.removeEventListener("mousemove", move);
                            window.removeEventListener("mouseup", up);
                        }
                        window.addEventListener("mousemove", move);
                        window.addEventListener("mouseup", up);
                    });
                    //选择行
                    child.addEventListener("mousedown", function (e) {
                        if (child.style.cursor == "s-resize" || e.button != 0) {
                            return;
                        }
                        if (!e.ctrlKey) {
                            self.clearAreas();
                        }
                        var row = child.firstChild.innerText * 1 - 1;
                        var Area = self.SelectDirectArea({
                            column: 0,
                            row: row
                        }, {
                            column: self.columnCount - 1,
                            row: row
                        });
                        self.hitCell(Area.Cells[0]);
                        var Start = {
                            column: 0,
                            row: row
                        }
                        function move(e) {
                            var Ele = getEventCell(e);
                            if (Ele == null) {
                                return;
                            }
                            Area.remove();
                            var rowEnd = Ele.Start == null ? Ele.innerText * 1 - 1 : Ele.Start.row;
                            if (isNaN(rowEnd)) {
                                return;
                            }
                            Area = self.SelectDirectArea({
                                column: 0,
                                row: child.firstChild.innerText * 1 - 1
                            }, {
                                column: self.columnCount - 1,
                                row: rowEnd
                            });
                        }
                        function up(e) {
                            window.removeEventListener("mousemove", move);
                            window.removeEventListener("mouseup", up);
                        }
                        window.addEventListener("mousemove", move);
                        window.addEventListener("mouseup", up);
                    });
                    //行菜单
                    child.oncontextmenu = function (e) {
                        e.stopPropagation();
                        e.preventDefault();
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "overflow-y": "auto",
                            },
                            "Items": []
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "Text": "向上插入一行",
                            "Enable": true,
                            "CallBack": function () {
                                var index = child.firstChild.innerText * 1;
                                self.insertRow(index - 1);
                                self.AdjustAfterInsertRow(index, 1);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向下插入一行",
                            "Enable": true,
                            "CallBack": function () {
                                var index = child.firstChild.innerText * 1;
                                self.insertRow(index);
                                self.AdjustAfterInsertRow(index + 1, 1);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向上插入N行",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                EditSize(dlg.Div, 1, function (N) {
                                    var index = child.firstChild.innerText * 1;
                                    self.Operation(function () {
                                        for (var i = 0; i < N; i++) {
                                            self.insertRow(index - 1);
                                        }
                                        self.AdjustAfterInsertRow(index + N - 1, N);
                                    });
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "向下插入N行",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                EditSize(dlg.Div, 1, function (N) {
                                    var index = child.firstChild.innerText * 1;
                                    self.Operation(function () {
                                        for (var i = 0; i < N; i++) {
                                            self.insertRow(index);
                                        }
                                        self.AdjustAfterInsertRow(index + N, N);
                                    });
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "删除行",
                            "Enable": true,
                            "CallBack": function () {
                                var area = self.getAreas()[0];
                                if (area == null) {
                                    return;
                                }
                                var start = area.Info.Start.row;
                                var end = area.Info.End.row;
                                var count = 0;
                                for (var y = start; y <= end; y++) {
                                    self.removeRow(y);
                                    y--;
                                    end--;
                                    count++;
                                }
                                self.AdjustAfterRemoveRow(start, count);
                                self.ResetSelectedRowColumn();
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "设置行高",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                var Box = dlg.Div.parentNode;
                                var rect = child.getBoundingClientRect();
                                Box.style.top = rect.bottom + "px";
                                Box.style.left = rect.right + "px";
                                EditSize(Box.firstChild, rect.height, function (height) {
                                    var Areas = self.getAreas();
                                    if (Areas.length == 0) {
                                        return;
                                    }
                                    for (var i = 0; i < Areas.length; i++) {
                                        var Area = Areas[i];
                                        for (var y = Area.Info.Start.row; y <= Area.Info.End.row; y++) {
                                            self.setRowHeight(y, height);
                                        }
                                    }
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "设置行高(mm)",
                            "Enable": true,
                            "CallBack": function (e) {
                                var dlg = self.Dialog();
                                var rect = child.getBoundingClientRect();
                                EditSize(dlg.Div, rect.height * CLGetPixelSize(), function (height) {
                                    var Areas = self.getAreas();
                                    if (Areas.length == 0) {
                                        return;
                                    }
                                    for (var i = 0; i < Areas.length; i++) {
                                        var Area = Areas[i];
                                        for (var y = Area.Info.Start.row; y <= Area.Info.End.row; y++) {
                                            self.setRowHeight(y, height / CLGetPixelSize());
                                        }
                                    }
                                });
                                dlg.Reset(e);
                                _CLMenu.Close();
                            }
                        });
                        Items.push({
                            "Text": "隐藏",
                            "Enable": true,
                            "CallBack": function (event) {
                                _CLMenu.Close();
                                var Areas = self.getAreas();
                                if (Areas.length == 0) {
                                    return;
                                }
                                for (var i = 0; i < Areas.length; i++) {
                                    var Area = Areas[i];
                                    for (var y = Area.Info.Start.row; y <= Area.Info.End.row; y++) {
                                        self.setRowHeight(y, 0);
                                    }
                                }
                            }
                        });
                        Items.push({
                            "Text": "取消隐藏",
                            "Enable": true,
                            "CallBack": function (event) {
                                _CLMenu.Close();
                                var Areas = self.getAreas();
                                if (Areas.length == 0) {
                                    return;
                                }
                                for (var i = 0; i < Areas.length; i++) {
                                    var Area = Areas[i];
                                    for (var y = Area.Info.Start.row; y <= Area.Info.End.row; y++) {
                                        self.setRowHeight(y, null);
                                    }
                                }
                            }
                        });
                        var _CLMenu = new CLMenu(Menu);
                        var MenuBox = document.body.lastChild.firstChild;
                        resetMenu(e, MenuBox);
                    }
                }
                leftTable.appendChild = function (child) {
                    leftTable.AppendChild(child);
                    initRow(child);
                }
                leftTable.InsertBefore = leftTable.insertBefore;
                leftTable.insertBefore = function (newNode, beforeNode) {
                    leftTable.InsertBefore(newNode, beforeNode);
                    initRow(newNode);
                }
            }());

        } else {
            Object.defineProperty(self, "Scope", {
                configurable: true,
                get: function () {
                    var scope = self.Ele.className.match(/Scope_[0-9]+/);
                    if (scope) {
                        return scope[0];
                    } else {
                        return null;
                    }
                }
            });
            Ele.classList.add("CLExcelNoEidt");
        }
        self.Rows_Cells = [];
        if (self.Editable) {
            self.onscroll = function (e) {
                leftTable.style.marginLeft = Container.scrollLeft + "px";
                vRule.style.marginLeft = Container.scrollLeft + "px";
                topTable.style.marginTop = Container.scrollTop + "px";
                hRule.style.marginTop = Container.scrollTop + "px";

                borderRight.style.marginRight = -Container.scrollLeft + "px";
                borderRight.style.marginTop = Container.scrollTop + "px";
                if (self.Editor != null) {
                    self.Editor.style.marginTop = -self.Container.scrollTop + "px";
                    self.Editor.style.marginLeft = -self.Container.scrollLeft + "px";
                }

            }
            Container.addEventListener("scroll", function (e) {
                self.onscroll();
            });
            Ele.focus();
            var vPaper = self.vPaper = document.createElement("div");
            vPaper.style.position = "absolute";
            vPaper.style.borderLeft = "1px dashed #0db3a6";
            vPaper.style.height = "100%";
            vPaper.style.top = "0";
            vPaper.style.pointerEvents = "none";
            vPaper.className = "vPaper";
            self.Body.appendChild(vPaper);
            self.Ele.addEventListener("mousedown", function (e) {
                if (e.button == 0) {
                    e.preventDefault();
                }
            });
        }
        self.filterClassNames = ["CLCell", "HighLight"];
        Ele.CLExcel = self;
    }

    CLExcel.GetInstance = function (ele) {
        while (ele && !ele.CLExcel) {
            ele = ele.parentNode;
        }
        return ele && !ele.CLExcel;
    }
    var fn = CLExcel.prototype;

    var cusScroll = false;

    fn.Scroll = function () {
        var self = this;
        if (self.Body.classList.contains("hFull")) {
            self.Body.style.minWidth = "100%";
        }
        self.vScroll();
        self.hScroll();
    }

    self.hRule = null;

    self.vRule = null;

    fn.vScroll = function (deep) {
        var self = this;
        if (self.Editable) {
            return;
        }
        deep = deep == null ? 0 : deep;
        if (deep > 4) {
            return;
        }
        var Table = self.Body.querySelector(".TableBox table");
        function GetTop() {
            var Lines = self.TableBox.getElementsByClassName("CLLockT");
            var top = 0;
            for (var i = 0; i < Lines.length ; i++) {
                top += Lines[i].offsetHeight;
            }
            return top;
        }
        function getSize() {
            return (self.Body.offsetHeight - offsetY - (classList.contains("hScrolled") ? 9 : 0)) * Table.scrollHeight / self.TableBox.clientHeight + "px";
        }
        function scroll() {
            if (Ele.body.style.height != getSize()) {
                self.Scroll();
            }
        }
        var Ele = self.Body.vScroll;
        if (!Ele) {
            Ele = self.Body.vScroll = document.createElement("div");
            Ele.style.cssText = "position:absolute;top:0;bottom:0;right:0px;overflow-y:auto";
            Ele.className = "vScroll";
            self.Body.appendChild(Ele);
            Ele.body = document.createElement("div");
            Ele.body.style.pointerEvents = "none";
            Ele.body.style.width = "1px";
            Ele.appendChild(Ele.body);
            var top = 0;
            var Box = self.TableBox;
            var index = 0;
            Box.addEventListener("scroll", function (e) {
                if (top != Box.scrollTop) {
                    top = Box.scrollTop;
                    Ele.Flag = true;
                    Ele.scrollTop = (top / Box.scrollHeight) * Ele.scrollHeight;
                }
            });
            Ele.addEventListener("scroll", function (e) {
                if (Ele.Flag) {
                    delete Ele.Flag;
                } else {
                    top = Math.ceil(Ele.scrollTop * Box.scrollHeight / Ele.scrollHeight);
                    Box.scrollTop = top;
                }
            });
        }
        var classList = self.Body.classList;
        if (classList.contains("hScrolled")) {
            Ele.style.bottom = "9px";
            var ww = parseInt(self.Body.style.marginLeft) * 2;
            if (ww != 0 && !isNaN(ww)) {
                var width = self.TableBox.offsetWidth + 9;
                if (width > self.Body.parentNode.offsetWidth) {
                    width = self.Body.parentNode.offsetWidth;
                }
                self.Body.style.width = width + "px";
                self.Body.margin = "0 " + parseInt(self.Body.parentNode.offsetWidth - width) + "px";
            }
        } else {
            Ele.style.bottom = "0px";
        }
        var offsetY = GetTop();
        Ele.style.top = offsetY + "px";
        var Len = self.TableBox.scrollHeight - self.TableBox.clientHeight;
        function fwidth() {
            return Table.offsetWidth + parseInt(Table.style.marginLeft) + parseInt(Table.style.marginRight);
        }
        if (Len <= 0) {
            Ele.style.display = "none";
            if (classList.contains("vScrolled")) {
                classList.remove("vScrolled");
                if (!self.Body.classList.contains("hFull")) {
                    self.Body.style.width = fwidth() + "px";
                }
                self.hScroll(deep + 1);
            }
        } else {
            if (!classList.contains("vScrolled") && deep < 6) {
                classList.add("vScrolled");
                if (!self.Body.classList.contains("hFull")) {
                    self.Body.style.width = fwidth() + 9 + "px";
                }
                self.hScroll(deep + 1);
            }
            Ele.style.display = "";
            Ele.body.style.height = getSize();
        }
    }

    fn.hScroll = function (deep) {
        var self = this;
        if (self.Editable) {
            return;
        }
        deep = deep == null ? 0 : deep;
        var Table = self.Body.querySelector(".TableBox table");
        function GetLeft() {
            var Cells = Table.lastChild.firstChild == null ? [] : Table.lastChild.firstChild.getElementsByClassName("CLLockL");
            var len = 0;
            for (var i = 0; i < Cells.length; i++) {
                len += Cells[i].offsetWidth;
            }
            return len;
        }
        function getSize() {
            return ((self.Body.offsetWidth - offsetX - (classList.contains("vScrolled") ? 9 : 0))) * Table.scrollWidth / self.TableBox.clientWidth + "px";
        }
        function scroll() {
            if (Ele.body.style.width = getSize()) {
                self.Scroll();
            }
        }
        var Ele = self.Body.hScroll;
        if (!Ele) {
            Ele = self.Body.hScroll = document.createElement("div");
            Ele.style.cssText = "position:absolute;left:0;right:0;bottom:0px;overflow-x:auto";
            Ele.className = "hScroll";
            self.Body.appendChild(Ele);
            Ele.body = document.createElement("div");
            Ele.body.style.pointerEvents = "none";
            Ele.body.style.height = "1px";
            Ele.appendChild(Ele.body);
            var left = 0;
            var Box = self.TableBox;
            Box.addEventListener("scroll", function (e) {
                if (left != Box.scrollLeft) {
                    left = Box.scrollLeft;
                    Ele.scrollLeft = (left / Box.scrollWidth) * Ele.scrollWidth;
                }
            });
            Ele.addEventListener("scroll", function (e) {
                left = Math.ceil(Ele.scrollLeft * Box.scrollWidth / Ele.scrollWidth);
                Box.scrollLeft = left;
            });
        }
        var classList = self.Body.classList;
        if (classList.contains("vScrolled")) {
            Ele.style.right = "9px";
        } else {
            Ele.style.right = "0px";
        }
        var offsetX = GetLeft();
        Ele.style.left = offsetX + "px";
        var Len = self.TableBox.scrollWidth - self.TableBox.clientWidth;
        if (Len <= 0) {
            Ele.style.display = "none";
            if (classList.contains("hScrolled")) {
               classList.remove("hScrolled");
               self.vScroll(deep + 1);
            }
        } else {
            Ele.style.display = "";
            Ele.body.style.width = getSize();
            if (!classList.contains("hScrolled") && deep < 6) {
                classList.add("hScrolled");
                self.vScroll(deep + 1);
            }
        }
    }

    fn.topAlignDiv = null;

    fn.middleAlignDiv = null;

    fn.bottomAlignDiv = null;

    fn.cellVerticalAlign = function (cell) {
        var self = this;
        if (!self.Editable) {
            return;
        }
        var Divs = self.divBar.getElementsByClassName("vAlignDiv");
        for (var i = 0; i < Divs.length; i++) {
            Divs[i].style.borderColor = "rgba(0,0,0,0)";
        }
        if (cell.classList.contains("vTop")) {
            self.topAlignDiv.style.borderColor = "#e0e0e0";
        }
        if (cell.classList.contains("vMiddle")) {
            self.middleAlignDiv.style.borderColor = "#e0e0e0";
        }
        if (cell.classList.contains("vBottom")) {
            self.bottomAlignDiv.style.borderColor = "#e0e0e0";
        }
    };

    fn.leftAlignDiv = null;

    fn.centerAlignDiv = null;

    fn.rightAlignDiv = null;

    fn.justifyAlignDiv = null;

    fn.SuspensionImgs = null;

    fn.cellTextAlign = function (cell) {
        var self = this;
        if (!self.Editable) {
            return;
        }
        var Divs = self.divBar.getElementsByClassName("tAlignDiv");
        for (var i = 0; i < Divs.length; i++) {
            Divs[i].style.borderColor = "rgba(0,0,0,0)";
        }
        if (cell.classList.contains("tLeft")) {
            self.leftAlignDiv.style.borderColor = "#e0e0e0";
        }
        if (cell.classList.contains("tCenter")) {
            self.centerAlignDiv.style.borderColor = "#e0e0e0";
        }
        if (cell.classList.contains("tRight")) {
            self.rightAlignDiv.style.borderColor = "#e0e0e0";
        }
        if (cell.classList.contains("tJustify")) {
            self.justifyAlignDiv.style.borderColor = "#e0e0e0";
        }
    };

    fn.cellFontFamily = function (cell) {

    }

    fn.cellFontSize = function (cell) {

    }

    fn.cellFontWeight = function (cell) {

    }

    fn.cellFontStyle = function (cell) {
    }

    fn.cellTextDecoration = function (cell) {
    }

    fn.unMergeAreaOrMergeArea = function (area) {
    }

    ; (function () {

        ; (function (撤销) {
            fn.撤销 = {
                Name: "撤销",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.innerHTML = "&#xe608;";
                    icon.style.cssText = "background-position:41.65% 0";
                    icon.style.textAlign = "center";
                    icon.onclick = function () {
                        self.undo();
                    }
                    div.appendChild(icon);
                    self.undoIcon = icon;
                },
                Click: function () {

                }
            };
        }());

        ; (function (重做) {
            fn.重做 = {
                Name: "重做",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.innerHTML = "&#xe607;";
                    icon.style.cssText = "background-position:0 100%";
                    icon.style.textAlign = "center";
                    icon.onclick = function () {
                        self.redo();
                    }
                    div.appendChild(icon);
                    self.redoIcon = icon;
                },
                Click: function () {

                }
            };
        }());

        ; (function (字体) {
            var ff = ["ff-SimSun", "ff-SimKai", "ff-SimHei", "ff-Arial", "ff-ArialBlack", "ff-Calibri", "ff-TimesNewRoman", "ff-Verdana"];
            fn.字体 = {
                Icon: "",
                Name: "字体",
                Show: function (div) {
                    var self = this;
                    div.style.width = "80px";
                    div.style.backgroundImage = "";
                    var sel = new CLSelect(div);
                    sel.AddItems([
                        "宋体",
                        "楷体",
                        "黑体",
                        "仿宋",
                        "Microsoft YaHei‌",
                        "Arial",
                        "Arial Black",
                        "Calibri",
                        "Times New Roman",
                        "Verdana"
                    ]);
                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                        var Items = divMenu.getElementsByClassName("Item");
                        for (var i = 0; i < Items.length; i++) {
                            Items[i].style.fontFamily = Items[i].innerHTML;
                        }
                        divMenu.firstChild.style.maxHeight = "";
                    };
                    sel.SetValue("宋体");
                    self.cellFontFamily = function (cell) {
                        sel.SetValue("宋体");
                        for (var i = 0; i < ff.length; i++) {
                            if (cell.classList.contains(ff[i])) {
                                sel.SetValue(sel.Items[i]);
                                break;
                            }
                        }
                    }

                    sel.onchanged = function () {
                        var cell = self.getCurrentBorder().Cell;
                        if (cell == null) {
                            return;
                        }
                        var areas = self.getAreas();
                        if (areas.length == 1 && areas[0].Cells.length == 1) {
                            for (var i = 0; i < ff.length; i++) {
                                if (cell.classList.contains(ff[i])) {
                                    cell.classList.remove(ff[i]);
                                }
                            }
                            cell.classList.add(ff[sel.selectedIndex]);
                        } else {
                            for (var i = 0; i < areas.length; i++) {
                                var areaInfo = areas[i].Info;
                                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows[y].Cells[x];
                                        if (cell == null) {
                                            continue;
                                        }
                                        for (var i = 0; i < ff.length; i++) {
                                            if (cell.classList.contains(ff[i])) {
                                                cell.classList.remove(ff[i]);
                                            }
                                        }
                                        cell.classList.add(ff[sel.selectedIndex]);
                                    }
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            };
        }());

        ; (function (字号) {
            fn.字号 = {
                Icon: "",
                Name: "字号",
                Show: function (div) {
                    var self = this;
                    div.style.width = "55px";
                    div.style.backgroundImage = "";
                    var sel = new CLSelect(div);
                    sel.AddItems([
                        "6",
                        "8",
                        "9",
                        "10",
                        "11",
                        "12",
                        "14",
                        "16",
                        "18",
                        "20",
                        "22",
                        "24",
                        "26",
                        "28",
                        "36",
                        "48",
                        "72",
                    ]);
                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                        var Items = divMenu.getElementsByClassName("Item");
                        for (var i = 0; i < Items.length; i++) {
                            //Items[i].style.fontSize = Items[i].innerHTML + "pt";
                        }
                        divMenu.firstChild.style.maxHeight = "";
                        divMenu.firstChild.style.height = divMenu.firstChild.scrollHeight + "px";
                    };
                    sel.SetValue("9");
                    self.cellFontSize = function (cell) {
                        sel.SetValue("9");
                        var items = sel.Items;
                        for (var i = 0; i < items.length; i++) {
                            if (cell.classList.contains("font-size-" + items[i])) {
                                sel.SetValue(items[i]);
                            }
                        }
                    }
                    sel.onchanged = function () {
                        var cell = self.getCurrentBorder().Cell;
                        if (cell == null) {
                            return;
                        }
                        var items = sel.Items;

                        var areas = self.getAreas();
                        if (areas.length == 1 && areas[0].Cells.length == 1) {
                            for (var i = 0; i < items.length; i++) {
                                if (cell.classList.contains("font-size-" + items[i])) {
                                    cell.classList.remove("font-size-" + items[i]);
                                }
                            }
                            cell.classList.add("font-size-" + sel.GetValue());
                            if (cell.Val != null) {
                                self.calcRowHeight(areas[0].Info.Start.row);
                            }
                        } else {
                            for (var i = 0; i < areas.length; i++) {
                                var areaInfo = areas[i].Info;
                                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows[y].Cells[x];
                                        if (cell == null) {
                                            continue;
                                        }
                                        for (var i = 0; i < items.length; i++) {
                                            if (cell.classList.contains("font-size-" + items[i])) {
                                                cell.classList.remove("font-size-" + items[i]);
                                            }
                                        }
                                        cell.classList.add("font-size-" + sel.GetValue());
                                        if (cell.Val != null) {
                                            self.calcRowHeight(cell.Start.row);
                                        }
                                    }
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            };
        }());

        ; (function (粗体) {
            fn.粗体 = {
                Icon: "",
                Name: "粗体",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:58.31% 0";
                    div.appendChild(icon);
                    self.cellFontWeight = function (cell) {
                        if (cell.classList.contains("bold")) {
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                    }
                    div.onclick = function () {
                        var areas = self.getAreas();
                        var fun = "add";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList[fun]("bold");
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (斜体) {
            fn.斜体 = {
                Icon: "",
                Name: "斜体",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:16.66% 50%";
                    div.appendChild(icon);
                    self.cellFontStyle = function (cell) {
                        if (cell.classList.contains("italic")) {
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            div.style.borderColor = "rgba(0,0,0,0)";
                        }
                    }
                    div.onclick = function () {
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList[fun]("italic");
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (下划线) {
            fn.下划线 = {
                Icon: "",
                Name: "下划线",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:33.32% 50%";
                    div.appendChild(icon);
                    self.cellTextDecoration = function (cell) {
                        if (cell.classList.contains("underline")) {
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                    }

                    div.onclick = function () {
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0,0,0,0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList[fun]("underline");
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (顶部对齐) {
            fn.顶部对齐 = {
                Icon: "",
                Name: "顶部对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:91.63% 50%";
                    div.appendChild(icon);
                    div.classList.add("vAlignDiv");
                    self.topAlignDiv = div;
                    div.onclick = function () {
                        self.middleAlignDiv.style.borderColor = "rgba(0, 0, 0, 0)";
                        self.bottomAlignDiv.style.borderColor = "rgba(0, 0, 0, 0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("vMiddle");
                                    cell.classList.remove("vBottom");
                                    cell.classList[fun]("vTop");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (居中对齐) {
            fn.居中对齐 = {
                Icon: "",
                Name: "居中对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:74.97% 50%";
                    div.appendChild(icon);
                    div.classList.add("vAlignDiv");
                    self.middleAlignDiv = div;
                    div.onclick = function () {
                        self.topAlignDiv.style.borderColor = "rgba(0, 0, 0, 0)";
                        self.bottomAlignDiv.style.borderColor = "rgba(0, 0, 0, 0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("vTop");
                                    cell.classList.remove("vBottom");
                                    cell.classList[fun]("vMiddle");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (底部对齐) {
            fn.底部对齐 = {
                Icon: "",
                Name: "底部对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:41.65% 50%";
                    div.appendChild(icon);
                    div.classList.add("vAlignDiv");
                    self.bottomAlignDiv = div;
                    div.onclick = function () {
                        self.topAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.middleAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("vTop");
                                    cell.classList.remove("vMiddle");
                                    cell.classList[fun]("vBottom");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (左对齐) {
            fn.左对齐 = {
                Icon: "",
                Name: "左对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:83.3% 0";
                    div.appendChild(icon);
                    div.classList.add("tAlignDiv");
                    self.leftAlignDiv = div;
                    div.onclick = function () {
                        self.centerAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.rightAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.justifyAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("tCenter");
                                    cell.classList.remove("tRight");
                                    cell.classList[fun]("tLeft");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (中间对齐) {
            fn.中间对齐 = {
                Icon: "",
                Name: "中间对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:66.64% 0";
                    div.appendChild(icon);
                    div.classList.add("tAlignDiv");
                    self.centerAlignDiv = div;
                    div.onclick = function () {
                        self.leftAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.rightAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.justifyAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("tLeft");
                                    cell.classList.remove("tRight");
                                    cell.classList.remove("tJustify");
                                    cell.classList[fun]("tCenter");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (右对齐) {
            fn.右对齐 = {
                Icon: "",
                Name: "右对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:74.97% 0";
                    div.appendChild(icon);
                    div.classList.add("tAlignDiv");
                    self.rightAlignDiv = div;
                    div.onclick = function () {
                        self.leftAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.centerAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.justifyAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("tLeft");
                                    cell.classList.remove("tCenter");
                                    cell.classList.remove("tJustify");
                                    cell.classList[fun]("tRight");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (两端对齐) {
            fn.两端对齐 = {
                Icon: "",
                Name: "两端对齐",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:83.3% 100%";
                    div.appendChild(icon);
                    div.classList.add("tAlignDiv");
                    self.justifyAlignDiv = div;
                    div.onclick = function () {
                        self.leftAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.centerAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        self.rightAlignDiv.style.borderColor = "rgba(0,0,0,0)";
                        if (div.style.borderColor == "rgba(0, 0, 0, 0)") {
                            fun = "add";
                            div.style.borderColor = "#e0e0e0";
                        } else {
                            fun = "remove";
                            div.style.borderColor = "rgba(0, 0, 0, 0)";
                        }
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    cell.classList.remove("tLeft");
                                    cell.classList.remove("tCenter");
                                    cell.classList.remove("tRight");
                                    cell.classList[fun]("tJustify");

                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (边框线) {
            fn.边框线 = {
                Icon: "",
                Name: "边框线",
                Show: function (div) {
                    var self = this;
                    var flag = false;
                    var add = false;
                    window.addEventListener("keydown", function (e) {
                        if (e.key == "Control") {
                            add = true;
                        }
                        if (e.key == "Shift") {
                            flag = true;
                        }
                    });
                    window.addEventListener("keyup", function (e) {
                        if (e.key == "Control") {
                            add = false;
                        }
                        if (e.key == "Shift") {
                            flag = false;
                        }
                    });
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";
                    sel.AddItems([
                        "24.99% 50%",
                        "83.3% 50%",
                        "8.33% 100%",
                        "8.33% 50%",
                        "49.98% 50%",
                        "66.64% 50%",
                        "58.31% 50%"
                    ]);
                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                        divMenu.firstChild.style.position = "relative";
                        var Items = divMenu.getElementsByClassName("Item");
                        for (var i = 0; i < Items.length; i++) {
                            Items[i].style.height = "25px";
                            Items[i].style.width = "100%";
                            Items[i].style.margin = "0px";
                            var icon = document.createElement("div");
                            icon.className = "CLExcelBarIcon";
                            icon.style.backgroundPosition = Items[i].innerHTML;
                            Items[i].innerHTML = icon.outerHTML;
                        }
                        sel.ResetMenu();
                    }

                    sel.onset = sel.onchanged = function () {
                        var icon = document.createElement("div");
                        icon.className = "CLExcelBarIcon";
                        icon.style.backgroundPosition = sel.GetValue();
                        Val.innerHTML = icon.outerHTML;
                        var areas = self.getAreas();
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            //去边框
                            if (!add) {
                                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows[y].Cells[x];
                                        if (cell == null) {
                                            continue;
                                        }
                                        for (var i = 0; i < cell.classList.length; i++) {
                                            if (cell.classList[i].indexOf("border-style") >= 0) {
                                                cell.classList.remove(cell.classList[i]);
                                                i--;
                                            }
                                        }
                                        if (sel.selectedIndex != 4) {
                                            if (cell.classList.contains("border-width-0") || cell.className.indexOf("border-width") < 0) {
                                                cell.classList.remove("border-width-0");
                                                cell.classList.add("border-width-1");
                                            }
                                        } else {
                                            for (var i = 0; i < cell.classList.length; i++) {
                                                if (cell.classList[i].indexOf("border-width-") >= 0) {
                                                    cell.classList.remove(cell.classList[i]);
                                                    i--;
                                                }
                                            }
                                            cell.classList.add("border-width-0");
                                        }
                                    }
                                }
                            }
                            if (sel.selectedIndex == 0 || sel.selectedIndex == 6) {
                                //下边
                                if (flag) {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                            var cell = self.Rows_Cells[y][x];
                                            if (cell == null) {
                                                continue;
                                            }
                                            cell.classList.add("border-style-bottom-solid");
                                        }
                                    }
                                } else {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows_Cells[areaInfo.End.row][x];
                                        if (cell != null) {
                                            cell.classList.add("border-style-bottom-solid");
                                        }
                                    }
                                }
                            }
                            if (sel.selectedIndex == 1 || sel.selectedIndex == 6) {
                                //上边
                                if (flag) {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                            var cell = self.Rows_Cells[y][x];
                                            if (cell == null) {
                                                continue;
                                            }
                                            cell.classList.add("border-style-top-solid");
                                        }
                                    }
                                } else {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows_Cells[areaInfo.Start.row][x];
                                        if (cell != null) {
                                            cell.classList.add("border-style-top-solid");
                                        }
                                    }
                                }
                            }
                            if (sel.selectedIndex == 2 || sel.selectedIndex == 6) {
                                //左边
                                if (flag) {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                            var cell = self.Rows_Cells[y][x];
                                            if (cell == null) {
                                                continue;
                                            }
                                            cell.classList.add("border-style-left-solid");
                                        }
                                    }
                                } else {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        var cell = self.Rows_Cells[y][areaInfo.Start.column];
                                        if (cell != null) {
                                            cell.classList.add("border-style-left-solid");
                                        }
                                    }
                                }
                            }
                            if (sel.selectedIndex == 3 || sel.selectedIndex == 6) {
                                //右边
                                if (flag) {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                            var cell = self.Rows_Cells[y][x];
                                            if (cell == null) {
                                                continue;
                                            }
                                            cell.classList.add("border-style-right-solid");
                                        }
                                    }
                                } else {
                                    for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                        var cell = self.Rows_Cells[y][areaInfo.End.column];
                                        if (cell != null) {
                                            cell.classList.add("border-style-right-solid");
                                        }
                                    }
                                }
                            }
                            if (sel.selectedIndex == 5) {
                                //添加所有单元格边框边框
                                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                    for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                        var cell = self.Rows_Cells[y][x];
                                        if (cell == null) {
                                            continue;
                                        }
                                        cell.classList.add("border-style-top-solid");
                                        cell.classList.add("border-style-right-solid");
                                        cell.classList.add("border-style-bottom-solid");
                                        cell.classList.add("border-style-left-solid");
                                    }
                                }
                            }
                        }
                        self.recordState();
                    }

                    self.Operation(function () {
                        sel.selectedIndex = 0;
                        return false;
                    });
                }
            }
        }());

        ; (function (边框线样式) {
            fn.边框线样式 = {
                Icon: "",
                Name: "边框线样式",
                Show: function (div) {
                    var self = this;
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";

                    var icon = document.createElement("div");
                    icon.className = "CLExcelBarIcon";
                    Val.innerHTML = icon.outerHTML;

                    sel.AddItems([
                        "无边框",
                        "solid 1px",
                        "solid 2px",
                        "solid 3px",
                        "solid 4px",
                        "dashed 1px",
                        "dashed 2px",
                        "dashed 3px",
                        "dashed 4px",
                        "dotted 1px",
                        "dotted 2px",
                        "dotted 3px",
                        "dotted 4px",
                    ]);

                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                        divMenu.firstChild.style.position = "relative";
                        var Items = divMenu.getElementsByClassName("Item");
                        for (var i = 1; i < Items.length; i++) {
                            Items[i].innerHTML = "<div style='padding-top:10px;border-bottom:#000 " + sel.Items[i] + "'></div>";
                            Items[i].style.paddingBottom = "10px";
                        }
                    }

                    sel.onset = sel.onchanged = function () {
                        Val.innerHTML = icon.outerHTML;
                        var areas = self.getAreas();
                        var styles = ["solid", "dashed", "dotted"]
                        for (var i = 0; i < areas.length; i++) {
                            var areaInfo = areas[i].Info;
                            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                                for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                                    var cell = self.Rows[y].Cells[x];
                                    if (cell == null) {
                                        continue;
                                    }
                                    for (var i = 0; i < cell.classList.length; i++) {
                                        if (cell.classList[i].indexOf("border-width-") >= 0) {
                                            cell.classList.remove(cell.classList[i]);
                                            i--;
                                        }
                                    }
                                    if (sel.selectedIndex == 0) {
                                        cell.classList.add("border-width-" + sel.selectedIndex);
                                    } else {
                                        cell.classList.add("border-width-" + (((sel.selectedIndex - 1) % 4) + 1));
                                        for (var i = 0; i < cell.classList.length; i++) {
                                            if (cell.classList[i].indexOf("border-style-") >= 0) {
                                                var className = cell.className;
                                                var newName = cell.classList[i].substr(0, cell.classList[i].lastIndexOf("-") + 1) + styles[Math.floor((sel.selectedIndex - 1) / 4)];
                                                className = className.replace(cell.classList[i], newName);
                                                cell.className = className;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (插入删除) {
            fn["插入/删除"] = {
                Icon: "",
                Name: "插入/删除",
                Show: function (div) {
                    var self = this;
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";
                    var icon = document.createElement("div");
                    icon.style.backgroundPosition = "33.32% 0";
                    icon.className = "CLExcelBarIcon";
                    Val.innerHTML = icon.outerHTML;
                    sel.AddItems([
                        "插入行",
                        "插入列",
                        "删除行",
                        "删除列"
                    ]);
                    var Icons = [
                        "33.32% 0",
                        "16.66% 0",
                        "99.96% 50%",
                        "99.96% 0"
                    ];
                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                        divMenu.firstChild.style.position = "relative";
                        var Items = divMenu.getElementsByClassName("Item");
                        for (var i = 0; i < Items.length; i++) {
                            var icon = document.createElement("div");
                            icon.className = "CLExcelBarIcon";
                            icon.style.backgroundPosition = Icons[i];
                            icon.style.display = "inline";
                            icon.style.padding = "9px";
                            icon.style.left = "14px";
                            Items[i].insertBefore(icon, Items[i].firstChild);
                            Items[i].style.paddingLeft = "28px";
                        }
                    }

                    sel.onset = sel.onchanged = function () {
                        Val.innerHTML = icon.outerHTML;
                        var areas = self.getAreas();
                        if (areas.length > 1) {
                            CLShowMsg("不可选择多个区域");
                            return;
                        } else if (areas.length < 1) {
                            CLShowMsg("未选中需任何的区域");
                            return;
                        }
                        if (sel.selectedIndex == 0) {
                            self.insertRow(areas[0].Info.Start.row);
                        } else if (sel.selectedIndex == 1) {
                            self.insertColumn(areas[0].Info.Start.column);
                        } else if (sel.selectedIndex == 2) {
                            var start = areas[0].Info.Start.row;
                            var end = areas[0].Info.End.row;
                            for (var y = end; y >= start; y--) {
                                self.removeRow(y);
                            }
                            self.ResetSelectedRowColumn();
                        } else if (sel.selectedIndex == 3) {
                            var start = areas[0].Info.Start.column;
                            var end = areas[0].Info.End.column;
                            for (var x = end; x >= start; x--) {
                                self.removeColumn(x);
                            }
                            self.ResetSelectedRowColumn();
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (合并单元格) {
            fn.合并单元格 = {
                Icon: "",
                Name: "合并单元格",
                Show: function (div) {
                    var self = this;
                    var icon = document.createElement("div");
                    icon.className = "barIcon";
                    icon.style.cssText = "background-position:49.98% 0";
                    div.appendChild(icon);

                    div.onclick = function () {
                        var area = self.getAreas()[0];
                        if (area == null) {
                            return;
                        }
                        div.CLTitle.Close();
                        if (div.BarName == "合并单元格") {
                            self.mergeArea(area);
                            div.BarName = "取消合并单元格";
                            icon.style.cssText = "background-position:91.63% 0";
                            div.onmouseenter();
                        } else {
                            self.unMergeArea(area);
                            div.BarName = "合并单元格";
                            icon.style.cssText = "background-position:49.98% 0";
                            div.onmouseenter();
                        }
                        self.recordState();
                    };
                    self.unMergeAreaOrMergeArea = function (area) {
                        var self = this;
                        var areaInfo = area.Info;
                        if (areaInfo === undefined || areaInfo == null) {
                            return;
                        }
                        var startCell = self.Rows_Cells[areaInfo.Start.row][areaInfo.Start.column];
                        var endCell = self.Rows_Cells[areaInfo.End.row][areaInfo.End.column];
                        if (startCell == endCell && (startCell.Start.column != startCell.End.column || startCell.Start.row != startCell.End.row)) {
                            div.BarName = "取消合并单元格";
                            icon.style.cssText = "background-position:91.63% 0";
                        }
                        else {
                            div.BarName = "合并单元格";
                            icon.style.cssText = "background-position:49.98% 0";
                        }
                    }
                }
            }
        }());

        ; (function (插入图片) {
            fn.插入图片 = {
                Icon: "",
                Name: "插入图片",
                Show: function (div) {
                    var self = this;
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";
                    var icon = document.createElement("div");
                    icon.style.backgroundPosition = "24.99% 0";
                    icon.className = "CLExcelBarIcon";
                    Val.innerHTML = icon.outerHTML;
                    sel.AddItems([
                        "插入单元格图片",
                        "插入悬浮图片"
                    ]);
                    sel.OnMenuCreated = function (divMenu) {
                        divMenu.parentNode.classList.add("CLExcelBarMenu");
                    }
                    sel.onset = sel.onchanged = function () {
                        Val.innerHTML = icon.outerHTML;
                        if (sel.selectedIndex == 0) {
                            var cell = self.getCurrentBorder().Cell;
                            self.insertCellImg(cell);
                        }
                        if (sel.selectedIndex == 1) {
                            self.insertSuspensionImg();
                        }
                        self.recordState();
                    }
                }
            }
        }());

        ; (function (纸张设置) {
            fn.纸张设置 = {
                Icon: "",
                Name: "纸张设置",
                Show: function (div) {
                    var self = this;
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";
                    var icon = document.createElement("div");
                    icon.style.backgroundPosition = "0 50%";
                    icon.className = "CLExcelBarIcon";
                    Val.innerHTML = icon.outerHTML;
                    sel.onchanged = function () {
                        Val.innerHTML = icon.outerHTML;
                    }
                    sel.OnClick = function (e) {
                        var dlg = self.Dialog(300, 276, divSel);
                        var close = dlg.Close;
                        dlg.Close = function () {
                            var w = self.dataExcel.pageInfo.width;
                            self.vPaper.style.left = w / CLGetPixelSize() + 50 + "px";
                            close.call(dlg);
                        }
                        if (self.dataExcel.pageInfo === undefined) {
                            self.dataExcel.pageInfo = CLClone(pageA4);
                        }
                        var Div = dlg.Div;
                        Div.style.padding = "0px";
                        Div.style.fontSize = "12px";
                        Div.parentNode.style.transform = "translateX(-50%)";
                        var divTitle = document.createElement("div");
                        divTitle.style.cssText = "color:#7C7C7C;padding:5px 16px;line-height: 18px;";
                        divTitle.innerHTML = "纸张设置";
                        Div.appendChild(divTitle);
                        var line = document.createElement("div");
                        line.style.cssText = "padding:5px 16px;line-height: 18px;";
                        line.innerHTML = "纸张大小";
                        Div.appendChild(line);
                        line = line.cloneNode();
                        Div.appendChild(line);
                        var paperType = new CLSelect(line);
                        paperType.AddItems(["A4", "A3", "A5", "B5", "自定义"]);
                        paperType.OnMenuCreated = function (divMenu) {
                            dlg.addFilter(divMenu.parentElement);
                        }
                        var paperSize = line.cloneNode();
                        var name = document.createElement("div");
                        name.style.display = "inline-block";
                        name.style.padding = "0 8px";
                        name.innerHTML = "宽:";
                        paperSize.appendChild(name);
                        var widthInput = document.createElement("input");
                        widthInput.style.width = "50px";
                        widthInput.style.height = "30px";
                        widthInput.onchange = function () {
                            self.dataExcel.pageInfo.width = (widthInput.value.length == 0 ? 0 : widthInput.value) * 1;
                        }
                        widthInput.oninput = function () {
                            CLCheckFloat(widthInput, 2);
                        }

                        paperSize.appendChild(widthInput);
                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        paperSize.appendChild(unit);
                        name = name.cloneNode();
                        name.innerHTML = "高:";
                        paperSize.appendChild(name);
                        var heightInput = widthInput.cloneNode();
                        paperSize.appendChild(heightInput);

                        heightInput.onchange = function () {
                            self.dataExcel.pageInfo.height = (heightInput.value.length == 0 ? 0 : heightInput.value) * 1;
                        }
                        heightInput.oninput = function () {
                            CLCheckFloat(heightInput, 2);
                        }

                        Div.appendChild(paperSize);
                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        paperSize.appendChild(unit);
                        Div.appendChild(paperSize);

                        line = line.cloneNode();
                        line.innerHTML = "纸张方向";
                        Div.appendChild(line);
                        line = line.cloneNode();
                        Div.appendChild(line);
                        var paperDirection = new CLSelect(line);
                        paperDirection.AddItems(["纵向", "横向"]);
                        paperDirection.OnMenuCreated = function (divMenu) {
                            dlg.addFilter(divMenu.parentElement);
                        }
                        paperDirection.onchanged = function () {
                            self.dataExcel.pageInfo.direction = paperDirection.GetValue();
                        }
                        line = line.cloneNode();
                        line.innerHTML = "面页边距";
                        Div.appendChild(line);
                        line = line.cloneNode();
                        name = name.cloneNode();
                        name.innerHTML = "上:";
                        line.appendChild(name);
                        var topInput = document.createElement("input");
                        topInput.style.width = "50px";
                        topInput.style.height = "30px";
                        line.appendChild(topInput);
                        topInput.onchange = function () {
                            self.dataExcel.pageInfo.marginTop = (topInput.value.length == 0 ? 0 : topInput.value) * 1;
                            self.recordState();
                        }
                        topInput.oninput = function () {
                            CLCheckFloat(topInput, 2);
                        }

                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        line.appendChild(unit);
                        name = name.cloneNode();
                        name.innerHTML = "下:";
                        line.appendChild(name);
                        var bottomInput = topInput.cloneNode();
                        line.appendChild(bottomInput);
                        bottomInput.onchange = function () {
                            self.dataExcel.pageInfo.marginBottom = (bottomInput.value.length == 0 ? 0 : bottomInput.value) * 1;
                            self.recordState();
                        }
                        bottomInput.oninput = function () {
                            CLCheckFloat(bottomInput, 2);
                        }

                        Div.appendChild(line);
                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        line.appendChild(unit);

                        line = line.cloneNode();
                        Div.appendChild(line);
                        name = name.cloneNode();
                        name.innerHTML = "左:";
                        line.appendChild(name);
                        var leftInput = topInput.cloneNode();
                        leftInput.style.width = "50px";
                        leftInput.style.height = "30px";
                        line.appendChild(leftInput);
                        leftInput.onchange = function () {
                            self.dataExcel.pageInfo.marginLeft = (leftInput.value.length == 0 ? 0 : leftInput.value) * 1;
                            self.recordState();
                        }
                        leftInput.oninput = function () {
                            CLCheckFloat(leftInput, 2);
                        }
                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        line.appendChild(unit);
                        name = name.cloneNode();
                        name.innerHTML = "右:";
                        line.appendChild(name);
                        var rightInput = topInput.cloneNode();
                        line.appendChild(rightInput);
                        rightInput.onchange = function () {
                            self.dataExcel.pageInfo.marginRight = (rightInput.value.length == 0 ? 0 : rightInput.value) * 1;
                            self.recordState();
                        }
                        rightInput.oninput = function () {
                            CLCheckFloat(rightInput, 2);
                        }

                        Div.appendChild(line);
                        var unit = name.cloneNode();
                        unit.innerHTML = "mm";
                        line.appendChild(unit);
                        paperType.onchanged = function () {
                            var type = paperType.GetValue();
                            self.dataExcel.pageInfo.type = type;
                            if (type == "A3") {
                                self.dataExcel.pageInfo.width = pageA3.width;
                                self.dataExcel.pageInfo.height = pageA3.height;
                            }else if (type == "A4") {
                                self.dataExcel.pageInfo.width = pageA4.width;
                                self.dataExcel.pageInfo.height = pageA4.height;
                            }else if (type == "A5") {
                                self.dataExcel.pageInfo.width = pageA5.width;
                                self.dataExcel.pageInfo.height = pageA5.height;
                            }else if (type == "B5") {
                                self.dataExcel.pageInfo.width = pageB5.width;
                                self.dataExcel.pageInfo.height = pageB5.height;
                            }
                            if (type == "自定义") {
                                paperSize.style.display = "block";
                                Div.parentNode.style.height = Div.parentNode.offsetHeight + paperSize.offsetHeight + "px";
                                Div.style.height = Div.offsetHeight + paperSize.offsetHeight + "px";
                            } else {
                                paperSize.style.display = "none";
                                Div.parentNode.style.height = Div.parentNode.offsetHeight - paperSize.offsetHeight + "px";
                                Div.style.height = Div.offsetHeight - paperSize.offsetHeight + "px";
                            }
                            widthInput.value = self.dataExcel.pageInfo.width;
                            heightInput.value = self.dataExcel.pageInfo.height;
                            topInput.value = self.dataExcel.pageInfo.marginTop;
                            bottomInput.value = self.dataExcel.pageInfo.marginBottom;
                            leftInput.value = self.dataExcel.pageInfo.marginLeft;
                            rightInput.value = self.dataExcel.pageInfo.marginRight;
                            self.recordState();
                        }
                        paperType.selectedIndex = paperType.Items.indexOf(self.dataExcel.pageInfo.type);
                        paperDirection.selectedIndex = paperDirection.Items.indexOf(self.dataExcel.pageInfo.direction);
                    }
                }
            }
        }());

        ; (function (单元格高度设置) {
            fn.单元格高度设置 = {
                Icon: "",
                Name: "单元格高度设置",
                Show: function (div) {
                    var self = this;
                    div.style.width = "40px";
                    var sel = new CLSelect(div);
                    var divSel = div.firstChild;
                    var Val = div.getElementsByClassName("CLSelectVal")[0];
                    Val.style.padding = "0";
                    Val.style.position = "relative";
                    var icon = document.createElement("div");
                    icon.style.backgroundPosition = "24.99% 100%";
                    icon.className = "CLExcelBarIcon";
                    Val.innerHTML = icon.outerHTML;
                    sel.onchanged = function () {
                        Val.innerHTML = icon.outerHTML;
                    }
                    sel.OnClick = function (e) {
                        var dlg = self.Dialog(300, 200, divSel);
                        var Div = dlg.Div;
                        Div.parentNode.style.transform = "translateX(-50%)";
                        Div.style.color = "#7C7C7C";
                        Div.style.padding = "5px 0";
                        var title = document.createElement("div");
                        title.innerHTML = "单元格高度设置";
                        title.style.cssText = "padding: 5px 16px;font-size: 12px;line-height: 18px;";
                        Div.appendChild(title);
                        var Line = document.createElement("div");
                        Line.style.cssText = "cursor: pointer;padding: 10px 16px;font-size: 12px;line-height:18px;";
                        var radioBox1 = new CLRadioBox("动态单元格高度（推荐）", Line);
                        var name = Line.lastChild.getElementsByClassName("Name")[0];
                        name.style.color = "#333";
                        name.style.fontWeight = "900";
                        name.style.marginLeft = "15px";
                        Div.appendChild(Line);
                        var note = document.createElement("div");
                        note.innerHTML = "当表单内容超出单元格时，自动拉伸单元格高度以打印全部内容";
                        note.style.margin = "0 0 0 30px";
                        Line.appendChild(note);
                        Line.onclick = function () {
                            radioBox1.checked = true;
                            radioBox2.checked = false;
                            self.autoRowHeight = true;
                            for (var i = 0; i < self.rowCount; i++) {
                                self.calcRowHeight(i);
                            }
                            self.recordState();
                        }
                        Line = Line.cloneNode();
                        var radioBox2 = new CLRadioBox("固定单元格高度", Line);
                        name = Line.lastChild.getElementsByClassName("Name")[0];
                        name.style.color = "#333";
                        name.style.fontWeight = "900";
                        name.style.marginLeft = "15px";
                        note = document.createElement("div");
                        note.innerHTML = "严格按照模板设定的单元格尺寸打印，当内容超出单元格时会被省略";
                        note.style.margin = "0 0 0 30px";
                        Line.appendChild(note);
                        Div.appendChild(Line);
                        Line.onclick = function () {
                            radioBox2.checked = true;
                            radioBox1.checked = false;
                            self.autoRowHeight = false;
                            self.recordState();
                        }
                        if (self.autoRowHeight) {
                            radioBox1.checked = true;
                        } else {
                            radioBox2.checked = true;
                        }
                    }
                }
            }
        }());

    }());
    //创建菜单栏
    fn.createBar = function (jBar) {
        var self = this;
        var divBar = self.divBar;
        if (jBar == null) {
            (function () {
                jBar = ["撤销", "重做"
                    , "|", "字体", "字号", "粗体", "斜体", "下划线"
                    , "|", "顶部对齐", "居中对齐", "底部对齐", "左对齐", "中间对齐", "右对齐", "两端对齐"
                    , "|", "边框线", "边框线样式"
                    , "|", "插入/删除"
                    , "|", "合并单元格"
                    , "|", "插入图片"
                    , "|", "纸张设置"
                    , "|", "单元格高度设置"
                ]
            }());
        }
        for (var i = 0; i < jBar.length; i++) {
            var barItem = document.createElement("div");
            barItem.className = "barItem";
            divBar.appendChild(barItem);
            if (self[jBar[i]] == null) {
                barItem.innerHTML = jBar[i];
                barItem.style.textAlign = "center";
                barItem.style.border = "none";
                barItem.style.cursor = "default";
            } else {
                barItem.BarName = jBar[i];
                barItem.onmouseenter = function () {
                    var text = document.createElement("div");
                    var title = new CLTitle(this, text, false);
                    text.style.padding = "3px 5px";
                    text.innerHTML = this.BarName;
                    this.CLTitle = title;
                    var box = document.body.lastChild;
                    box.classList.add("TitleToast");
                    var rect = this.getBoundingClientRect();
                    box.style.left = rect.left - 10 + rect.width / 2 - box.offsetWidth / 2 + "px";
                }
                self[jBar[i]].Show.call(self, barItem);
            }
        }
        self.Body.style.height = "calc(100% - " + divBar.offsetHeight + "px)";
        function resize() {
            if (self.Body.ownerDocument == null) {
                window.removeEventListener("resize", resize);
            }
            CLAsync(function () {
                if (self.Editable) {
                    self.Body.style.height = "calc(100% - " + divBar.offsetHeight + "px)";
                }
            });
        }
        window.addEventListener("resize", resize);

    }
    //是否可编辑
    fn.Editable = true;
    //传入容器
    fn.Ele = null;
    //主容器
    fn.Container = null;
    //菜单栏
    fn.divBar = null;
    //表格容器
    fn.Body = null;
    //左上角控制块
    fn.handleBar = null;
    //主表格
    fn.Table = null;
    //主表格容器
    fn.TableBox = null;
    //左表格
    fn.leftTable = null;
    //顶部表格
    fn.topTable = null;
    //默认行数
    fn.defaultRows = 40;
    //默认列数
    fn.defaultColumns = 10;
    //主表行
    fn.Rows = null;
    //当前列数
    fn.columnCount = 0;
    //当前行数
    fn.rowCount = 0;
    //是否自动计算行高
    fn.autoRowHeight = true;
    //编辑框
    fn.Editor = null;
    //获取事件单元格
    fn.getEventCell = getEventCell;
    //渲染
    fn.setData = function (data) {
        var self = this;
        var parent = self.Ele.parentNode;
        if (self.Editable) {
            parent.removeChild(self.Ele);
        }
        var firstTh = self.Table.firstChild.firstChild;
        self.Table.firstChild.innerHTML = "";
        self.Table.firstChild.appendChild(firstTh);
        self.Table.lastChild.innerHTML = "";
        self.topTable.firstChild.innerHTML = "";
        self.leftTable.innerHTML = "";
        self.rowCount = 0;
        self.columnCount = 0;
        self.Rows = [];
        self.Rows_Cells = [];
        var rowCount = self.defaultRows;
        var columnCount = self.defaultColumns;

        var mergeArea = [];
        var showCellVal = [];
        var cellClassNames = [];
        var cellProp = [];
        var columnWidth = [];
        var rowHeight = [];
        self.dataExcel = data;
        var recordState = self.recordState;
        self.recordState = function () { }
        if (self.dataExcel == null) {
            self.dataExcel = {};
        }
        if (data != null) {
            rowCount = data.rowCount == null || data.rowCount == 0 ? rowCount : data.rowCount;
            columnCount = data.columnCount == null || data.columnCount == 0 ? columnCount : data.columnCount;
            self.autoRowHeight = data.autoRowHeight == null ? true : data.autoRowHeight;
            mergeArea = self.dataExcel.mergeArea;
            showCellVal = self.dataExcel.showCellVal;
            cellClassNames = self.dataExcel.cellClassNames;
            cellProp = self.dataExcel.cellProp;
            columnWidth = self.dataExcel.columnWidth;
            rowHeight = self.dataExcel.rowHeight;
        }
        if (self.Editable == false && data != null) {
            rowCount = data.lastRow;
            columnCount = data.lastColumn;
        }
        for (var x = 0; x < rowCount; x++) {
            self.addRow();
        }
        for (var x = 0; x < columnCount; x++) {
            self.addColumn();
        }

        var autoRowHeight = self.autoRowHeight;
        self.autoRowHeight = false;
        //////////////////////////////////////////
        self.Paste({
            mergeArea: mergeArea,
            showCellVal: showCellVal,
            cellClassNames: cellClassNames,
            cellProp: cellProp,
            columnWidth: columnWidth,
            rowHeight: rowHeight,
            row: rowCount - 1,
            column: columnCount - 1
        },0,0);
        //////////////////////////////////////////
        for (var i = 0; data && data.SuspensionImgs && i < data.SuspensionImgs.length; i++) {
            try {
                self.showSuspensionImg(data.SuspensionImgs[i].src, data.SuspensionImgs[i].rect);
            } catch (e) {
                CLShowMsg(e.message);
            }
        }
        self.autoRowHeight = autoRowHeight;
        self.getCurrentBorder().remove();
        self.clearAreas();
        if (self.Editable) {
            parent.appendChild(self.Ele);
            self.setBoxSize();
            self.Ele.focus();
        }
        if (self.rowCount > 0 && self.columnCount > 0) {
            var cell = self.Rows_Cells[0][0];
            if (self.Editable == true) {
                self.hitCell(cell);
                self.SelectDirectArea(cell.Start, cell.End);
            }
        }
        self.recordState = recordState;
        if (self.Editable == true) {
            self.recordState(data);
            if (data && data.pageInfo) {
                var w = data.pageInfo.width;
                self.vPaper.style.left = w / CLGetPixelSize() + 50 + "px";
            }
        }
    }
    //设计数据
    fn.dataExcel = null;
    //获取设计数据
    fn.getData = function () {
        var self = this;
        //行数与列数
        if (self.dataExcel == null) {
            self.dataExcel = {};
        }
        var thead = self.Table.firstChild;
        self.dataExcel.rowCount = self.rowCount;
        self.dataExcel.columnCount = self.columnCount;
        self.dataExcel.autoRowHeight = self.autoRowHeight;

        //悬浮图片
        var ImgBoxes = self.TableBox.getElementsByClassName("SuspensionBox");
        var SuspensionImgs = [];
        for (var i = 0; i < ImgBoxes.length ; i++) {
            SuspensionImgs.push({
                src: ImgBoxes[i].src,
                rect: {
                    left: ImgBoxes[i].offsetLeft,
                    top: ImgBoxes[i].offsetTop,
                    width: ImgBoxes[i].offsetWidth,
                    height: ImgBoxes[i].offsetHeight
                }
            });
        }
        self.dataExcel.SuspensionImgs = SuspensionImgs;

        var Clipboard = self.Copy({
            Start: {
                row: 0,
                column: 0
            },
            End: {
                row: self.rowCount - 1,
                column: self.columnCount - 1,
            },
        });
        self.dataExcel.mergeArea = Clipboard.mergeArea;
        self.dataExcel.showCellVal = Clipboard.showCellVal;
        self.dataExcel.cellClassNames = Clipboard.cellClassNames;
        self.dataExcel.cellProp = Clipboard.cellProp;
        self.dataExcel.columnWidth = Clipboard.columnWidth;
        self.dataExcel.rowHeight = Clipboard.rowHeight;
        self.dataExcel.lastRow = Clipboard.row + 1;
        self.dataExcel.lastColumn = Clipboard.column + 1;
        return self.dataExcel;
    }
    //设置单元格属性
    fn.setCellProp = function (cell, Prop) {
        var self = this;
        cell.Prop = Prop;
    }
    //获取单元格属性
    fn.getCellProp = function (cell) {
        return cell.Prop;
    }
    //获取单元格内容
    fn.getCellVal = function (cell) {
        return cell.Val;
    }
    //显示单元格内容,type:'text',"img"
    fn.showCellVal = function (cell, Val) {
        var self = this;
        cell.Val = Val;
        if (Val == null) {
            cell.innerHTML = "";
            if (cell.Start.row == cell.End.row) {
                self.calcRowHeight(cell.Start.row);
            }
            return;
        }
        if (Val.type == "text") {
            cell.innerHTML = "<div class='Content'><span style='display:inline-block;'>" + Val.text + "</span></div>";
            if (cell.Start.row == cell.End.row) {
                self.calcRowHeight(cell.Start.row);
            }
        } else if (Val.type == "img") {
            cell.innerHTML = "<div class='Content'><div class='background-img' style='background-image:url(\"" + Val.src + "\")'></div></div>";
        }
    }
    //显示悬浮图片
    fn.showSuspensionImg = function (src, rect) {
        var self = this;
        var img = document.createElement("img");
        img.onload = function () {
            var Box = document.createElement("div");
            Box.className = "SuspensionBox";
            Box.src = src;
            self.TableBox.appendChild(Box);
            Box.appendChild(img);
            Box.img = img;
            var SuspensionLine = document.createElement("div");
            SuspensionLine.className = "SuspensionLine";
            Box.appendChild(SuspensionLine);
            Box.X_Y = img.naturalWidth / img.naturalHeight;
            var point = document.createElement("div");
            point.className = "point tl";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width - X + "px";
                Box.img.style.height = Box.style.height = point.height - X / Box.X_Y + "px";
                Box.style.left = point.left + X + "px";
                Box.style.top = point.top + X / Box.X_Y + "px";
                return false;
            }, function (point) {
                return false;
            });

            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point tc";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.Y = point.Pos.Y;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var Y = point.Pos.Y - point.Y;
                Box.img.style.height = Box.style.height = point.height - Y + "px";
                Box.style.top = point.top + Y + "px";
                return false;
            }, function (point) {
                Box.X_Y = Box.offsetWidth / Box.offsetHeight;
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point tr";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width + X + "px";
                Box.img.style.height = Box.style.height = point.height + X / Box.X_Y + "px";
                Box.style.top = point.top - X / Box.X_Y + "px";
                return false;
            }, function (point) {
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point lc";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width - X + "px";
                Box.style.left = point.left + X + "px";
                return false;
            }, function (point) {
                Box.X_Y = Box.offsetWidth / Box.offsetHeight;
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point rc";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width + X + "px";
                return false;
            }, function (point) {
                Box.X_Y = Box.offsetWidth / Box.offsetHeight;
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point bl";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width - X + "px";
                Box.img.style.height = Box.style.height = point.height - X / Box.X_Y + "px";
                Box.style.left = point.left + X + "px";
                return false;
            }, function (point) {
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point bc";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.Y = point.Pos.Y;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var Y = point.Pos.Y - point.Y;
                Box.img.style.height = Box.style.height = point.height + Y + "px";
                return false;
            }, function (point) {
                Box.X_Y = Box.offsetWidth / Box.offsetHeight;
                return false;
            });
            SuspensionLine.appendChild(point);
            point = point.cloneNode();
            point.className = "point br";
            point.onmousedown = function (e) {
                e.preventDefault();
                e.stopPropagation();
            }
            CLEnableMove(point, function (point) {
                point.X = point.Pos.X;
                point.left = Box.offsetLeft;
                point.top = Box.offsetTop;
                point.width = Box.offsetWidth;
                point.height = Box.offsetHeight;
            }, function (point) {
                var X = point.Pos.X - point.X;
                Box.img.style.width = Box.style.width = point.width + X + "px";
                Box.img.style.height = Box.style.height = point.height + X / Box.X_Y + "px";
                return false;
            }, function (point) {
                return false;
            });
            SuspensionLine.appendChild(point);

            if (rect == null) {
                Box.style.width = img.style.width = self.TableBox.offsetWidth / 2 + "px";
                Box.style.height = img.style.height = img.offsetHeight + "px";
                Box.style.top = self.TableBox.offsetHeight / 2 - Box.offsetHeight / 2 + "px";
                Box.style.left = self.TableBox.offsetWidth / 2 - Box.offsetWidth / 2 + "px";
            } else {
                if (rect.width != 0) {
                    img.style.width = Box.style.width = rect.width + "px";
                }
                if (rect.height != 0) {
                    img.style.height = Box.style.height = rect.height + "px";
                }
                Box.style.top = rect.top + "px";
                Box.style.left = rect.left + "px";
            }
            if (self.Editable) {
                CLEnableMove(Box, null, null, function () {
                    if (Box.offsetLeft + Box.offsetWidth > self.TableBox.offsetWidth) {
                        var left = self.TableBox.offsetWidth - Box.offsetWidth;
                        Box.style.left = (left < 0 ? 0 : left) + "px";
                    }

                    if (Box.offsetTop + Box.offsetHeight > self.TableBox.offsetHeight) {
                        var top = self.TableBox.offsetHeight - Box.offsetHeight;
                        Box.style.top = (top < 0 ? 0 : top) + "px";
                    }
                    if (Box.offsetLeft < 0) {
                        Box.style.left = "0px";
                    }
                    if (Box.offsetTop < 0) {
                        Box.style.top = "0px";
                    }
                });
                Box.style.cursor = "move";
                Box.onmousedown = function (e) {
                    e.stopPropagation();
                    select();
                }
                function select() {
                    self.clearSelect();
                    Box.classList.add("SuspensionBoxSel");
                    window.addEventListener("mousedown", lost);
                }
                function lost(e) {
                    Box.classList.remove("SuspensionBoxSel");
                    window.removeEventListener("mousedown", lost);
                }
            }
        }
        img.setAttribute("src", src);
    }
    //清除选择
    fn.clearSelect = function () {
        var self = this;
        self.getCurrentBorder().remove();
        self.clearAreas();
        var SuspensionBoxSel = self.TableBox.getElementsByClassName("SuspensionBoxSel")[0];
        if (SuspensionBoxSel != null) {
            SuspensionBoxSel.classList.remove("SuspensionBoxSel");
        }
    }
    //创建一个单元行
    fn.createRow = function () {
        var row = document.createElement("tr");
        row.className = "CLRow";
        return row;
    }
    //创建一个单元格
    fn.createCell = function (tag) {
        if (tag == null) {
            tag = "td";
        }
        var cell = document.createElement(tag);
        cell.className = "CLCell";
        return cell;
    }
    //开始编辑单元格
    fn.startEdit = function (cell) {
        var self = this;
        var Val = self.getCellVal(cell);
        if (Val == null || Val.type == "text") {
            self.editCellText(cell);
            return;
        }
        if (Val != null && Val.type == "img") {
            self.insertCellImg(cell);
            return;
        }
    }
    //编辑单元格文本
    fn.editCellText = function (cell) {
        var self = this;
        var Val = self.getCellVal(cell);
        if (Val != null && Val.type != "text") {
            return;
        }
        var textArea = self.Editor = document.createElement("textarea");
        textArea.style.marginTop = -self.Container.scrollTop + "px";
        textArea.style.marginLeft = -self.Container.scrollLeft + "px";
        var rect = cell.getBoundingClientRect();
        var border = self.getCurrentBorder();
        border.remove();
        border.Cell = null;
        self.clearAreas();
        rect = {
            top: rect.top,
            left: rect.left,
            height: rect.height,
            width: rect.width
        }
        self.ClientToOffset(rect);
        textArea.style.position = "absolute";
        textArea.style.left = rect.left - 0.5 + "px";
        textArea.style.top = rect.top - 0.5 + "px";
        textArea.style.width = textArea.style.minWidth = rect.width + 1 + "px";
        textArea.style.height = textArea.style.minHeight = rect.height + 1 + "px";
        textArea.style.resize = "none";
        textArea.style.outline = "none";
        textArea.style.padding = "0 5px";
        textArea.style.border = "2px solid #0db3a6";
        textArea.style.fontSize = "12px";
        textArea.style.fontFamily = "SimSun";
        textArea.style.lineHeight = "20px";
        textArea.style.maxHeight = "350px";
        textArea.style.overflow = "auto";
        textArea.style.wordBreak = "break-all";
        textArea.style.zIndex = "100";
        textArea.style.background = "#fff";
        var sizer = document.createElement("div");
        sizer.style.cssText = textArea.style.cssText;
        sizer.style.maxWidth = self.Body.offsetWidth - rect.left + self.Container.scrollLeft - 9 + "px";
        sizer.style.opacity = "0";
        sizer.style.pointerEvents = "none";
        sizer.style.width = "initial";
        sizer.style.height = "initial";
        document.body.appendChild(sizer);
        function close(e) {
            var str = textArea.value;
            str = str.trim();
            if (str.length != 0) {
                if (Val == null) {
                    Val = {
                        type: "text"
                    }
                }
                Val.text = str;
                self.showCellVal(cell, Val);
            } else {
                self.showCellVal(cell, null);
            }
            textArea.remove();
            sizer.remove();
            window.removeEventListener("mousedown", down, true);
            self.recordState();
        }
        textArea.oninput = function () {
            sizer.innerHTML = "<span></span>";
            sizer.firstChild.innerText = textArea.value;
            if (textArea.value[textArea.value.length - 1] == "\n") {
                sizer.firstChild.innerText += "a";
            }
            textArea.style.width = sizer.offsetWidth + 10 + "px";
            textArea.style.height = sizer.offsetHeight + "px";
            textArea.style.width = sizer.offsetWidth + "px";
        }
        textArea.addEventListener("keydown", function (e) {
            e.stopPropagation();
            if (e.code == "Tab") {
                close();
                self.Ele.focus();
                e.stopPropagation();
                e.preventDefault();
                self.hitCell(cell);
                self.TabNext();
            }
            if (e.code == "Enter") {
                if (e.ctrlKey) {
                    CLInsertText(textArea, "\n");
                    textArea.oninput();
                    e.stopPropagation();
                } else {
                    close();
                    self.Ele.focus();
                    self.hitCell(cell);
                    self.EnterNext();
                }
            }
        });
        textArea.addEventListener("mousedown", function (e) {
            e.stopPropagation();
        });
        function down(e) {
            var rect = textArea.getBoundingClientRect();
            if (e.clientY > rect.top && e.clientY < rect.bottom
                && e.clientX > rect.left && e.clientX < rect.right) {
                return;
            }
            self.SelectDirectArea({
                column: cell.Start.column,
                row: cell.Start.row
            }, {
                column: cell.End.column,
                row: cell.End.row
            });
            self.hitCell(cell);
            close();
        }
        window.addEventListener("mousedown", down, true);
        if (cell.firstChild != null) {
            textArea.value = cell.firstChild.firstChild.innerText;
            textArea.oninput();
        }
        self.Body.appendChild(textArea);
        textArea.focus();
    }
    //插入单元格图片
    fn.insertCellImg = function (cell) {
        var self = this;
        if (cell == null) {
            return;
        }
        var Val = self.getCellVal(cell);
        self.SelectImage(function (src) {
            self.showCellVal(cell, {
                type: "img",
                src: src
            });
            self.recordState();
        });
    }
    //插入悬浮图片
    fn.insertSuspensionImg = function () {
        var self = this;
        self.SelectImage(function (src) {
            self.showSuspensionImg(src);
            self.recordState();
        });
    }
    //选择图片
    fn.SelectImage = function (Success) {
        var self = this;
        CLShowMsg("SelectImage未实现");
    }
    //打印属性
    var mediaPrint = null;
    //打印前缓存信息
    var AdjustInfo = null;
    //打印前调整行
    fn.AdjustRowsBeforePrint = function () {
        var self = this;
        var bAutoPage = self.Ele.getElementsByClassName("PrintPageLastLine")[0] != null;
        //像素尺寸
        var PixelSize = CLGetPixelSize();
        //获取页面信息
        var pageInfo = self.dataExcel.pageInfo;
        var pageHeight;
        var pageWidth;
        if (pageInfo == null) {
            //A4纸张
            pageInfo = pageA4;
        }
        if (pageInfo.direction == "横向") {
            //宽高对调
            pageInfo = {
                direction: "横向",
                marginTop: pageInfo.marginRight,
                marginBottom: pageInfo.marginLeft,
                marginLeft: pageInfo.marginTop,
                marginRight: pageInfo.marginBottom,
                width: pageInfo.height,
                height: pageInfo.width,
            }
        }
        pageWidth = pageInfo.width - pageInfo.marginLeft - pageInfo.marginRight;
        pageWidth /= PixelSize;
        pageWidth = parseInt(pageWidth);
        pageHeight = pageInfo.height - pageInfo.marginTop - pageInfo.marginBottom;
        pageHeight /= PixelSize;
        pageHeight = parseInt(pageHeight);
        mediaPrint = document.createElement("style");
        if (pageInfo.direction == "横向") {
            mediaPrint.innerHTML = "@media print {\
                    @page {\
                    size: " + pageInfo.width + "mm " + pageInfo.height + "mm;\
                    margin: 0;\
                }\
            }";
        } else {
            mediaPrint.innerHTML = "@media print {\
                    @page {\
                    size: " + pageInfo.width + "mm " + pageInfo.height + "mm;\
                    margin: 0;\
                }\
            }";
        }
        self.Ele.classList.add("CLExcelPrinting");
        document.head.appendChild(mediaPrint);
        (function () {
            AdjustInfo = {
                scrollTop: self.TableBox.scrollTop,
                scrollLeft: self.TableBox.scrollLeft,
                eleStyle: self.Ele.style.cssText,
                bodyStyle: self.Body.style.cssText,
                containerStyle: self.Container.style.cssText,
                tableBoxStyle: self.TableBox.style.cssText,
                tableStyle: self.Table.style.cssText,
                oWidth: self.Body.offsetWidth,
                Pages: [],
                helpCells: [],
                helpLines: [],
                SuspensionBoxes: [],
                CutInfo: []
            }
            var texts = self.Table.querySelectorAll(".tJustify .IsText>span");
            texts.forEach(function (text) {
                var data = text.innerText;
                data = data.replace(/[\s\S]/g, function (char) {
                    return "<span>" + char + "</span>"
                });
                text.innerHTML = data;
                text.style.cssText = "display:flex;justify-content:space-between;flex-wrap:wrap";
            });
            AdjustInfo.texts = texts;
            self.TableBox.style.height = "initial";
            self.TableBox.style.overflow = "hidden";
            self.Container.style.maxWidth = "100%";
            self.Ele.style.position = "relative";
            self.Ele.style.width = pageInfo.width / PixelSize + "px";
            self.Ele.style.height = "initial";
            self.Body.style.margin = "";
            self.Container.style.maxHeight = "100%";
            if (self.resize) {
                var scroll = self.Scroll;
                self.Scroll = function () { }
                self.resize(pageWidth, true, true);
                self.Scroll = scroll;
            }
            self.Container.style.height = "initial";
            self.Container.style.width = (pageInfo.width / PixelSize) + "px";
            self.Body.style.height = self.Table.offsetHeight + "px";
            self.Body.style.width = (pageInfo.width / PixelSize) + "px";
            self.Body.style.margin = "auto";
        }());
        var CutInfo = AdjustInfo.CutInfo;
        var helpBoxes = AdjustInfo.helpBoxes;
        var top = 0;
        var Len = 0;
        function findStart(Line) {
            var Columns = Line.childNodes;
            var head = self.Table.firstChild;
            var span = head.firstChild.tagName == "TR" ? head.firstChild.childNodes.length : head.childNodes.length;
            for (var x = 0; x < Columns.length; x++) {
                var colspan = Columns[x].getAttribute("colspan") * 1;
                if (isNaN(colspan) || colspan == 0) {
                    colspan = 1;
                }
                span -= colspan;
            }
            if (span != 0) {
                return findStart(Line.previousSibling);
            } else {
                return Line;
            }
        }
        var line = self.Table.querySelector("tbody").firstChild;
        var tempHeight = 0;
        var Lines = [];
        var Pages = AdjustInfo.Pages;
        var pageStart = line;
        var helpCells = AdjustInfo.helpCells;
        var helpLines = AdjustInfo.helpLines;
        var SuspensionBoxes = AdjustInfo.SuspensionBoxes;
        var Boxes = self.TableBox.getElementsByClassName("SuspensionBox");
        for (var i = 0; i < Boxes.length ; i++) {
            SuspensionBoxes.push(Boxes[i]);
        }
        var column = self.Table.firstChild.childNodes.length - 1;
        var vExcel = self.Table.VirtualExcel;
        var LockRepeat = vExcel.ExcelCalculator.dataExcel.LockRepeat;
        var Repeats = [];
        function TestLine(line, force) {
            var yIndex = line.rowIndex - 1;
            var vvRows = vExcel.Rows[yIndex];
            var vRows = vExcel.Rows_Cells[yIndex];
            for (var i = 0; i < vRows.length ; i++) {
                var vCell = vRows[i];
                if (vCell.Start.row != yIndex) {
                    var Prop = vCell.Cell && vCell.Cell.Prop;
                    var Cutable = (Prop && Prop.Cutable) || force;
                    if (Cutable) {
                        var td = line.parentNode.querySelector(".CLRow" + vCell.Start.row).querySelector(".xIndex" + vCell.Start.column);
                        var nTd = td.cloneNode(true);
                        var Start = CLClone(vCell.Start);
                        var End = CLClone(vCell.End);
                        CutInfo.push({
                            td: td,
                            rm: nTd,
                            area: { Start: Start, End: End }
                        });
                        td.setAttribute("rowspan", yIndex - Start.row);
                        nTd.setAttribute("rowspan", End.row - yIndex + 1);
                        var prev = vRows[vCell.End.column + 1];
                        var xIndex = i + 1;
                        while (vvRows[xIndex] === null) {
                            xIndex++;
                        }
                        var ele = line.querySelector(".xIndex" + xIndex);
                        line.insertBefore(nTd, ele);
                        vExcel.unMergeArea({
                            Start: Start,
                            End: End
                        });
                        vExcel.mergeArea({
                            Start: {
                                row: Start.row,
                                column: Start.column
                            },
                            End: {
                                row: yIndex - 1,
                                column: Start.column
                            }
                        });
                        vExcel.mergeArea({
                            Start: {
                                row: yIndex,
                                column: Start.column
                            },
                            End: {
                                row: End.row,
                                column: Start.column
                            }
                        });
                        vExcel.Rows[yIndex][i].Cell = vCell.Cell;
                        if (Prop && !Prop.CutRepeat) {
                            var ele = nTd.querySelector(".Content");
                            if (ele) {
                                ele.firstChild && ele.firstChild.remove();
                            }
                        }

                    }
                }
                i = vCell.End.column;
            }
        }
        var Lock_H = 0;
        if (!bAutoPage) {
            if (LockRepeat) {
                while (line.classList.contains("CLLockT")) {
                    Repeats.push(line);
                    Lock_H += line.offsetHeight;
                    line = line.nextSibling;
                }
            }
            if (pageHeight <= 0) {
                CLShowMsg("纸张长度不够");
            } else {
                while (line != null) {
                    if (line.offsetTop + line.offsetHeight > top + pageHeight) {
                        TestLine(line);
                        var tempLine = findStart(line);
                        if (pageStart == tempLine) {
                            TestLine(line, true);
                            tempLine = line;
                        }
                        pageStart = tempLine;
                        if (tempLine != line) {
                            while (Lines[Lines.length - 1] != tempLine) {
                                Lines.pop();
                            }
                            Lines.pop();
                        }
                        if (Lines.length == 0) {
                            Lines = [tempLine];
                            tempLine = tempLine.nextSibling;
                            if (tempLine == null) {
                                break;
                            }
                        }
                        Pages.push(Lines);
                        line = tempLine;
                        Lines = [line];
                        //第二页开始pageHeight减掉重复行的高
                        top = line.offsetTop - Lock_H;
                    } else {
                        Lines.push(line);
                    }
                    line = line.nextSibling;
                }
                if (Lines.length != 0) {
                    Pages.push(Lines);
                }
            }
        } else {
            while (line != null) {
                Lines.push(line);
                if (line.classList.contains("PrintPageLastLine")) {
                    Pages.push(Lines);
                    Lines = [];
                }
                line = line.nextSibling;
            }
        }
        var Len = 0;
        var pHeight = 0;
        self.TableBox.style.padding = "0px";
        for (var i = 0; i < Pages.length; i++) {
            pHeight = 0;
            var TableBox = self.TableBox.cloneNode();
            TableBox.style.height = parseInt(pageInfo.height / PixelSize) + "px";
            TableBox.style.width = (pageInfo.width / PixelSize) + "px";
            Len += parseInt(pageInfo.height / PixelSize);
            TableBox.style.display = "block";
            TableBox.style.overflow = "hidden";
            TableBox.style.position = "relative";
            var L = parseInt(self.Table.style.marginLeft) + parseInt(self.Table.style.marginRight) + 1;
            TableBox.innerHTML = "<div style='overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0;'><table cellspacing='0' cellpadding='0' class='Table' style='" + self.Table.style.cssText + ";width:" + pageWidth + "px'></table></div>";
            TableBox.firstChild.style.margin = pageInfo.marginTop + "mm " + pageInfo.marginRight + "mm " + pageInfo.marginBottom + "mm " + pageInfo.marginLeft + "mm";
            TableBox.firstChild.firstChild.style.top = 0;
            self.Container.appendChild(TableBox);
            var table = TableBox.firstChild.firstChild;
            table.appendChild(self.Table.firstChild.cloneNode(true));
            table.appendChild(self.Table.lastChild.cloneNode());
            var tbody = table.lastChild;
            var offset = 0;
            for (var j = 0; j < Repeats.length; j++) {
                pHeight += Repeats[j].offsetHeight;
                tbody.appendChild(Repeats[j].cloneNode(true));
            }
            for (var j = 0; j < Pages[i].length; j++) {
                pHeight += Pages[i][j].offsetHeight;
                tbody.appendChild(Pages[i][j]);
            }
            if (i == 0) {
                for (var j = 0; j < SuspensionBoxes.length; j++) {
                    SuspensionBoxes[i].style.transform = "translateY(-" + (offset + 1.5) + "px)";
                    TableBox.firstChild.appendChild(SuspensionBoxes[i]);
                }
            }
            if (bAutoPage) {
                if (pHeight > TableBox.offsetHeight) {
                    var scale = (TableBox.offsetHeight) / pHeight;
                    scale = scale.toFixed(2);
                    TableBox.firstChild.style.height = pHeight + "px";
                    TableBox.firstChild.style.bottom = "initial";
                    TableBox.firstChild.style.transform = "scale(" + scale + ")";
                    TableBox.firstChild.style.transformOrigin = "top center";
                }
            }
        }
        self.TableBox.style.width = pageInfo.width / PixelSize + "px";
        self.TableBox.remove();
        self.Body.style.height = Len + "px";
    }
    //打印后还原行
    fn.ResetRowsAfterPrint = function () {
        var self = this;
        self.Ele.classList.remove("CLExcelPrinting");
        self.topTable.style.display = "";
        mediaPrint.remove();
        var SuspensionBoxes = AdjustInfo.SuspensionBoxes;
        var Pages = AdjustInfo.Pages;
        for (var i = 0; i < Pages.length; i++) {
            for (var j = 0; j < Pages[i].length; j++) {
                self.Table.lastChild.appendChild(Pages[i][j]);
            }
        }
        var Boxes = self.Body.getElementsByClassName("TableBox");
        for (var i = 0; i < Boxes.length; i++) {
                Boxes[i].remove();
                i--;
        }
        var helpCells = AdjustInfo.helpCells;
        for (var i = 0; i < helpCells.length; i++) {
            helpCells[i].remove();
        }
        for (var i = 0; i < SuspensionBoxes.length; i++) {
            SuspensionBoxes[i].style.transform = null;
            self.TableBox.appendChild(SuspensionBoxes[i]);
        }
        self.Container.appendChild(self.TableBox);
        document.body.classList.remove("Landscape");
        var CutInfo = AdjustInfo.CutInfo;
        var vExcel = self.Table.VirtualExcel;
        for (var i = CutInfo.length - 1; i > -1 ; i--) {
            var info = CutInfo[i];
            var td = info.td;
            var rm = info.rm;
            td.setAttribute("rowspan", td.getAttribute("rowspan") * 1 + rm.getAttribute("rowspan") * 1);
            rm.remove();
            var area = info.area;
            vExcel.mergeArea(area);
        }
        self.Ele.style.cssText = AdjustInfo.eleStyle;
        self.Body.style.cssText = AdjustInfo.bodyStyle;
        self.TableBox.style.cssText = AdjustInfo.tableBoxStyle;
        self.Table.style.cssText = AdjustInfo.tableStyle;
        self.Container.style.cssText = AdjustInfo.containerStyle;
        self.resize(AdjustInfo.oWidth, true, true);
        self.TableBox.scrollLeft = AdjustInfo.scrollLeft;
        self.TableBox.scrollTop = AdjustInfo.scrollTop;
        var texts = AdjustInfo.texts;
        debugger
        texts.forEach(function (span) {
            var text = "";
            [].forEach.call(span.childNodes, function (span) {
                text += span.innerHTML;
            });
            span.innerHTML = text;
            span.style.cssText = "";
        });
    }
    //添加行
    fn.addRow = function () {
        var self = this;
        //左边
        if (self.Editable) {
            var leftRow = self.createRow();
            self.leftTable.appendChild(leftRow);
            var th = self.createCell("th");
            th.innerHTML = "<div class='Content'><span class='text'><span style='display:inline-block;'>" + (self.Rows.length + 1) + "</span></span></div>";
            leftRow.appendChild(th);
        }
        var row = self.createRow();
        row.Cells = [];
        self.Table.lastChild.appendChild(row);
        self.Rows.push(row);
        var th = self.createCell('th');
        row.appendChild(th);
        self.Rows_Cells.push([]);
        for (var i = 0; i < self.columnCount; i++) {
            var Cell = self.createCell();
            Cell.onmousedown = function (e) {
                if (self.FindArea(e.clientX, e.clientY) == null || e.button == 0) {
                    self.hitCell(this);
                }
            }
            row.appendChild(Cell);
            row.Cells[i] = Cell;
            Cell.Start = {
                column: i,
                row: self.rowCount
            }
            Cell.End = {
                column: i,
                row: self.rowCount
            }
            self.Rows_Cells[self.rowCount][i] = Cell;
        }
        self.rowCount++;
        self.setBoxSize();
        self.recordState();
    }
    //根据索引获取列名
    var IndexName = {};
    fn.getColumnName = function (Index) {
        if (!!IndexName[Index]) {
            return IndexName[Index];
        } else {
            var sName = "";
            while (Index >= 0) {
                sName = String.fromCharCode("A".charCodeAt(0) + Index % 26) + sName;
                Index = parseInt(Index / 26);
                Index -= 1;
            }
            IndexName[Index] = sName;
            return sName;
        }
    }
    CLExcel.getColumnName = fn.getColumnName;
    //根据名称获取索引
    var NameIndex = {};
    fn.getColumnIndex = function (sName) {
        var Index = 0;
        if (!NameIndex[sName]) {
            var iA = "A".charCodeAt(0);
            for (var i = 0; i < sName.length; i++) {
                var ch = sName.charCodeAt(i);
                Index *= 26;
                Index += 1;
                Index += (ch - iA);
            }
            Index -= 1;
            NameIndex[sName] = Index;
        } else {
            Index = NameIndex[sName];
        }
        return Index;
    }
    CLExcel.getColumnIndex = fn.getColumnIndex;
    //根据名称获取索引
    fn.getRowColumn = function (sName) {
        var self = this;
        var row = sName.match(/[0-9]+$/)[0];
        var column = sName.match(/^[A-Z]+/)[0];
        return {
            row: row * 1 - 1,
            column: self.getColumnIndex(column)
        };
    }
    //行列数组
    fn.Rows_Cells = null;
    //添加一列
    fn.addColumn = function () {
        var self = this;
        //顶部
        var th = self.createCell("th");
        if (self.Editable) {
            self.topTable.firstChild.appendChild(th);
            th.Index = self.columnCount;
            th.innerHTML = self.getColumnName(self.columnCount);
        }
        self.Table.firstChild.appendChild(self.createCell("th"));
        for (var i = 0; i < self.Rows.length; i++) {
            var Cell = self.createCell();
            Cell.onmousedown = function (e) {
                if (self.FindArea(e.clientX, e.clientY) == null || e.button == 0) {
                    self.hitCell(this);
                }
            }
            self.Rows[i].appendChild(Cell);
            self.Rows[i].Cells[self.columnCount] = Cell;
            Cell.Start = {
                column: self.columnCount,
                row: i
            }
            Cell.End = {
                column: self.columnCount,
                row: i
            }
            self.Rows_Cells[i][self.columnCount] = Cell;
        }
        self.columnCount++;
        self.setBoxSize();
        self.recordState();
    }
    //移除一行
    fn.removeRow = function (index) {
        var self = this;
        if (index == self.rowCount - 1) {
            self.Rows[index].remove();
            if (self.Editable) {
                self.leftTable.childNodes[index].remove();
            }
            self.Rows.pop();
            self.Rows_Cells.pop();
            self.clearAreas();
            self.rowCount--;
            var border = self.getCurrentBorder();
            border.remove();
            border.Cell = null;
            for (var x = 0; x < self.columnCount; x++) {
                var excelRow = self.Rows_Cells[index - 1];
                if (excelRow == null) {
                    break;
                }
                var cell = excelRow[x];
                if (cell.End.row == index) {
                    cell.End.row--;
                }
            }
            self.setBoxSize();
            self.recordState();
            return;
        }
        var row = self.Rows[index];
        var excelRow = self.Rows_Cells[index];
        for (var x = 0; x < self.columnCount; x++) {
            var cell = excelRow[x];
            if (cell.Start.row != cell.End.row) {
                if (cell.Start.row != index) {
                    cell.End.row--;
                } else {
                    cell.Start.row++;
                    var Index = x;
                    var Cells = self.Rows[index + 1].Cells;
                    for (; Index < self.columnCount; Index++) {
                        if (Cells[Index] != null) {
                            break;
                        }
                    }
                    self.Rows[index + 1].insertBefore(cell, Cells[Index]);
                    self.Rows[index + 1].Cells[x] = cell;
                    self.Rows_Cells[index + 1][x] = cell;
                }
                cell.setAttribute("rowspan", cell.getAttribute("rowspan") * 1 - 1);
                x = cell.End.column;
            }
        }
        row.remove();
        self.Rows.splice(index, 1);
        self.Rows_Cells.splice(index, 1);
        if (self.Editable) {
            self.leftTable.childNodes[index].remove();
        }
        for (var y = index; y < self.rowCount - 1 ; y++) {
            var row = self.Rows[y];
            if (self.Editable) {
                var leftCell = self.leftTable.childNodes[y].firstChild;
                leftCell.innerHTML = "<div class='Content'><span class='text'><span style='display:inline-block;'>" + (y + 1) + "</span></span></div>";
            }
            for (var x = 0; x < self.columnCount; x++) {
                if (row.Cells[x] != null) {
                    row.Cells[x].Start.row--;
                    row.Cells[x].End.row--;
                }
            }
        }
        self.rowCount--;
        self.clearAreas();
        var border = self.getCurrentBorder();
        border.remove();
        border.Cell = null;
        self.setBoxSize();
        self.recordState();
    }
    //移除一列
    fn.removeColumn = function (index) {
        var self = this;
        if (self.Editable) {
            var topNodes = self.topTable.firstChild.childNodes;
            for (var x = index; x < self.columnCount ; x++) {
                topNodes[x].Index = x - 1;
                topNodes[x].innerHTML = self.getColumnName(x - 1);
            }
            topNodes[index].remove();
        }
        self.Table.firstChild.childNodes[index + 1].remove();
        for (var y = 0; y < self.rowCount; y++) {
            var cell = self.Rows_Cells[y][index];
            if (cell.Start.column == cell.End.column) {
                for (; y <= cell.End.row ; y++) {
                    for (var x = index + 1; x < self.columnCount ; x++) {
                        var td = self.Rows[y].Cells[x];
                        if (td != null) {
                            td.Start.column--;
                            td.End.column--;
                        }
                    }
                    self.Rows_Cells[y].splice(index, 1);
                    self.Rows[y].Cells.splice(index, 1);
                    cell.remove();
                }
                y--;
            } else {
                for (; y <= cell.End.row ; y++) {
                    for (var x = cell.End.column; x < self.columnCount ; x++) {
                        var td = self.Rows[y].Cells[x];
                        if (td != null) {
                            td.Start.column--;
                            td.End.column--;
                        }
                    }
                    self.Rows_Cells[y].splice(index, 1);
                    self.Rows[y].Cells.splice(index, 1);
                }
                cell.setAttribute("colspan", cell.getAttribute("colspan") * 1 - 1);
                cell.End.column--;
                y--;
            }
        }
        self.columnCount--;
        self.clearAreas();
        var border = self.getCurrentBorder();
        border.remove();
        border.Cell = null;
        self.setBoxSize();
        self.recordState();
    }
    //插入列
    fn.insertColumn = function (beforeIndex) {
        var self = this;
        //处理上表头
        var beforeCell = self.topTable.firstChild.childNodes[beforeIndex];
        if (beforeCell == null) {
            self.addColumn();
            return;
        }
        if (self.Editable) {
            var Cell = self.createCell("th");
            Cell.innerHTML = self.getColumnName(beforeIndex);
            beforeCell.parentNode.insertBefore(Cell, beforeCell);
            var Ths = self.topTable.firstChild.childNodes;
            for (var i = beforeIndex; i < Ths.length ; i++) {
                Ths[i].innerHTML = self.getColumnName(i);
                Ths[i].Index = i;
            }
        }
        var Th = self.createCell("th");
        self.Table.firstChild.insertBefore(Th, self.Table.firstChild.childNodes[beforeIndex + 1]);
        var Rows_Cells = self.Rows_Cells;
        for (var y = 0; y < Rows_Cells.length; y++) {
            var leftCell = Rows_Cells[y][beforeIndex - 1];
            var rigthCell = Rows_Cells[y][beforeIndex];
            if (leftCell == rigthCell) {
                leftCell.setAttribute("colspan", Rows_Cells[y][beforeIndex].getAttribute("colspan") * 1 + 1);
                rigthCell.End.column += 1;
                for (; y <= rigthCell.End.row; y++) {
                    var Cells = self.Rows[y].Cells;
                    Rows_Cells[y].splice(beforeIndex, 0, leftCell);
                    Cells.splice(beforeIndex, 0, null);
                    for (var x = rigthCell.End.column + 1 ; x < self.columnCount + 1; x++) {
                        var Cell = self.Rows[y].Cells[x];
                        if (Cell == null) {
                            continue;
                        }
                        Cell.Start.column++;
                        Cell.End.column++;
                        x = Cell.End.column;
                    }
                }
                y--;
            } else {
                var Cell = self.createCell();
                Cell.Start = {
                    column: beforeIndex,
                    row: y
                }
                Cell.End = {
                    column: beforeIndex,
                    row: y
                }
                Cell.onmousedown = function (e) {
                    if (self.FindArea(e.clientX, e.clientY) == null || e.button == 0) {
                        self.hitCell(this);
                    }
                }
                var Index = beforeIndex;
                var Cells = self.Rows[y].Cells;
                for (; Index < self.columnCount; Index++) {
                    if (Cells[Index] != null) {
                        break;
                    }
                }
                self.Rows[y].insertBefore(Cell, Cells[Index]);
                Rows_Cells[y].splice(beforeIndex, 0, Cell);
                self.Rows[y].Cells.splice(beforeIndex, 0, Cell);
                for (var x = Cell.End.column + 1 ; x < self.columnCount + 1; x++) {
                    var Cell = Cells[x];
                    if (Cell == null) {
                        continue;
                    }
                    Cell.Start.column++;
                    Cell.End.column++;
                    x = Cell.End.column;
                }
            }
        }
        self.columnCount++;
        self.clearAreas();
        if (self.Editable) {
            var cell = self.SelectDirectArea({ column: beforeIndex, row: 0 }, { column: beforeIndex, row: self.rowCount - 1 }).Cells[0];
            self.hitCell(cell);
        } else {
            self.hitCell(self.Rows_Cells[0][beforeIndex]);
        }
        self.setBoxSize();
        self.recordState();
    }
    //插入行
    fn.insertRow = function (beforeIndex) {
        var self = this;
        var aboveRow = self.Rows_Cells[beforeIndex - 1];
        var belowRow = self.Rows_Cells[beforeIndex];
        if (belowRow == null) {
            self.addRow();
            return;
        }
        
        if (self.Editable) {
            var leftRow = self.createRow();
            var cell = self.createCell("th");
            cell.innerHTML = "<div class='Content'><span class='text'><span style='display:inline-block;'>" + (beforeIndex) + "</span></span></div>";
            leftRow.appendChild(cell);
            var beforeCell = self.leftTable.childNodes[beforeIndex];
            self.leftTable.insertBefore(leftRow, beforeCell);
            for (var i = 0; i < self.Rows.length + 1; i++) {
                self.leftTable.childNodes[i].firstChild.innerHTML = "<div class='Content'><span class='text'><span style='display:inline-block;'>" + (i + 1) + "</span></span></div>";
            }
        }

        var Row = self.createRow();
        var th = self.createCell('th');
        Row.appendChild(th);
        var selfRow = [];
        self.Rows_Cells.splice(beforeIndex, 0, selfRow);
        self.Rows.splice(beforeIndex, 0, Row);
        Row.Cells = [];
        for (var x = 0; x < self.columnCount ; x++) {
            var aboveCell = aboveRow == null ? null : aboveRow[x];
            var belowCell = belowRow[x];
            if (aboveCell == belowCell) {
                aboveCell.setAttribute("rowspan", aboveCell.getAttribute("rowspan") * 1 + 1);
                for (; x <= aboveCell.End.column; x++) {
                    selfRow[x] = aboveCell;
                    Row.Cells[x] = null;
                }
                aboveCell.End.row++;
                x--;
            } else {
                var Cell = self.createCell();
                selfRow[x] = Cell;
                Row.Cells[x] = Cell;
                Cell.Start = {
                    column: x,
                    row: beforeIndex
                }
                Cell.End = {
                    column: x,
                    row: beforeIndex
                }
                Cell.onmousedown = function (e) {
                    if (self.FindArea(e.clientX, e.clientY) == null || e.button == 0) {
                        self.hitCell(this);
                    }
                }
                Row.appendChild(Cell);
            }
        }
        self.Table.lastChild.insertBefore(Row, self.Table.lastChild.childNodes[beforeIndex]);
        for (var y = beforeIndex + 1; y < self.rowCount + 1 ; y++) {
            var row = self.Rows[y];
            for (var x = 0; x <= self.columnCount; x++) {
                if (row.Cells[x] != null) {
                    row.Cells[x].Start.row++;
                    row.Cells[x].End.row++;
                }
            }
        }
        self.rowCount++;
        self.clearAreas();
        if (self.Editable) {
            var cell = self.SelectDirectArea({ column: 0, row: beforeIndex }, { column: self.columnCount - 1, row: beforeIndex }).Cells[0];
            self.hitCell(cell);
        } else {
            self.hitCell(self.Rows_Cells[beforeIndex][0]);
        }
        self.setBoxSize();
        self.recordState();
    }

    fn.AdjustAfterInsertRow = function (index, count) {

    }

    fn.AdjustAfterInsertColumn = function (index, count) {
    }

    fn.AdjustAfterRemoveRow = function (index, count) {

    }

    fn.AdjustAfterRemoveColumn = function (index, count) {
    }
    //获取当前边框
    fn.getCurrentBorder = function () {
        var self = this;
        if (self.currentBorder == null) {
            self.currentBorder = document.createElement("div");
            self.currentBorder.className = "currentBorder";
            self.Container.appendChild(self.currentBorder);
            self.currentBorder.Reset = function () { };
        }
        if (self.currentBorder.parentNode == null) {
            self.Container.appendChild(self.currentBorder);
        }
        return self.currentBorder;
    }
    //窗口坐标转偏移
    fn.ClientToOffset = function (Pos) {
        var self = this;
        var rectContainer = self.Container.getBoundingClientRect();
        Pos.left = Pos.left - rectContainer.left + self.Container.scrollLeft;
        Pos.top = Pos.top - rectContainer.top + self.Container.scrollTop;
    }
    //点击单元格
    fn.hitCell = function (td) {
        var self = this;
        if (td == null) {
            return;
        }
        var currentBorde = self.getCurrentBorder();
        if (td != currentBorde.Cell) {
            currentBorde.rowIndex = td.Start.row;
            currentBorde.columnIndex = td.Start.column;
        }
        currentBorde.Cell = td;
        currentBorde.Reset = function () {
            var tdRect = td.getBoundingClientRect();
            var Pos = {
                left: tdRect.left,
                top: tdRect.top
            }
            self.ClientToOffset(Pos);
            currentBorde.style.left = Pos.left - 0.5 + "px";
            currentBorde.style.top = Pos.top - 0.5 + "px";
            currentBorde.style.height = tdRect.height + 1 + "px";
            currentBorde.style.width = tdRect.width + 1 + "px";
        }
        currentBorde.Reset();
        self.cellFontFamily(td);
        self.cellFontSize(td);
        self.cellFontWeight(td);
        self.cellFontStyle(td);
        self.cellTextDecoration(td);
        self.cellVerticalAlign(td);
        self.cellTextAlign(td);
        var fe = self.focusEle;
        if (fe) {
            var cb = self.getCurrentBorder();
            fe.style.left = cb.style.left;
            fe.style.top = cb.style.top;
            fe.style.height = cb.style.height;
            var t = setTimeout(function () {
                clearTimeout(t);
                if (!self.Editor || !self.Editor.isConnected) {
                    fe.focus();
                }
            }, 150);
        }
    }
    //窗口缩放时回调
    fn.onZoom = function () {
        var self = this;
        var currentBorder = self.getCurrentBorder();
        currentBorder.Reset();
        var Areas = self.getAreas();
        for (var i = 0; i < Areas.length; i++) {
            Areas[i].Reset();
        }
        var Markers = self.Markers;
        for (var i = 0; Markers != null && i < Markers.length; i++) {
            Markers[i].Reset();
        }
    }
    //计算选择区域
    fn.CalcAreaInfo = function (Start, End) {
        var self = this;
        var newStart = {
            column: Start.column < End.column ? Start.column : End.column,
            row: Start.row < End.row ? Start.row : End.row
        };
        var newEnd = {
            column: End.column > Start.column ? End.column : Start.column,
            row: End.row > Start.row ? End.row : Start.row
        };
        var hasNew = false;
        for (var x = newStart.column; x <= newEnd.column; x++) {
            for (var y = newStart.row; y <= newEnd.row; y++) {
                var Cell = self.Rows_Cells[y][x];
                var tempStart = Cell.Start;
                var tempEnd = Cell.End;
                if (tempStart.column < newStart.column) {
                    newStart.column = tempStart.column;
                    hasNew = true;
                }
                if (tempStart.row < newStart.row) {
                    newStart.row = tempStart.row;
                    hasNew = true;
                }
                if (tempEnd.column > newEnd.column) {
                    newEnd.column = tempEnd.column;
                    hasNew = true;
                }
                if (tempEnd.row > newEnd.row) {
                    newEnd.row = tempEnd.row;
                    hasNew = true;
                }
            }
        }
        if (!hasNew) {
            return {
                Start: newStart,
                End: newEnd
            }
        } else {
            return self.CalcAreaInfo(newStart, newEnd);
        }
    }
    //开启选择
    fn.EnableSelect = function () {
        var self = this;
        self.Table.addEventListener("mousedown", function (e) {
            if (e.button != 0 && self.FindArea(e.clientX, e.clientY) != null) {
                return;
            }
            if (!e.ctrlKey) {
                self.clearAreas();
            }
            var td = getEventCell(e);
            var select = document.body.style["user-select"];
            var Area = self.createArea();
            var preCell = td;
            var Start = td.Start;
            if (Start == null) {
                return;
            }
            function move(e) {
                var curCell = getEventCell(e);
                if (curCell == null || curCell.End == null) {
                    if (e.srcElement.tagName.toLocaleLowerCase() == "html") {
                        if (e.clientX > window.innerWidth) {
                            self.Container.scrollLeft += 10;
                        }
                        if (e.clientX < 0) {
                            self.Container.scrollLeft -= 10;
                        }
                        if (e.clientY > window.innerHeight) {
                            self.Container.scrollTop += 10;
                        }
                        if (e.clientY < 0) {
                            self.Container.scrollTop -= 10;
                        }
                    }
                    return;
                }
                if (preCell == curCell) {
                    return;
                }
                preCell = curCell;
                Area.remove();
                Area = self.SelectArea(Start, curCell.End);
            }
            function up(e) {
                document.body.style["user-select"] = select;
                var curCell = getEventCell(e);
                if (curCell != null && curCell.End != null) {
                    Area.remove();
                    Area = self.SelectArea(Start, curCell.End);
                }
                self.unMergeAreaOrMergeArea(Area);
                window.removeEventListener("mousemove", move);
                window.removeEventListener("mouseup", up);
            }
            window.addEventListener("mousemove", move);
            window.addEventListener("mouseup", up);
        });
    }
    //开启单元格编辑
    fn.EnableCellEdit = function () {
        var self = this;
        self.Table.addEventListener("dblclick", function (e) {
            var cell = self.getCurrentBorder().Cell;
            self.startEdit(cell);
        });
        var focusEle = self.focusEle = document.createElement("input");
        focusEle.style.cssText = "opacity:0;position:absolute;left:0;top:0;z-index:-1000;width:1px;padding:0;margin-left:-2px";
        focusEle.style.border = "none";
        self.Container.appendChild(focusEle);
        var Inputed = true;
        self.focusEle.OnInput(function (e) {
            var value = this.value;
            this.value = "";
            var cell = self.getCurrentBorder().Cell;
            if (cell && value) {
                var Val = cell.Val;
                if (Val == null || Val.type == "text") {
                    self.startEdit(cell);
                    if (self.Editor) {
                        self.Editor.value = value;
                    }
                }
            }
        });
        focusEle.onpaste = function (e) {
            e.preventDefault();
        }
    }
    //选择区域变化事件
    fn.OnSelectAreaChanged = function () {

    }
    //计算并选择覆盖区域
    fn.SelectArea = function (Start, End) {
        var self = this;
        var Area = self.createArea();
        var areaInfo = Area.Info = self.CalcAreaInfo(Start, End);
        Area.Reset();
        self.ResetSelectedRowColumn();
        return Area;
    }
    //直接选择一个区域
    fn.SelectDirectArea = function (Start, End) {
        var self = this;
        var newStart = {
            column: Start.column < End.column ? Start.column : End.column,
            row: Start.row < End.row ? Start.row : End.row
        };
        var newEnd = {
            column: End.column > Start.column ? End.column : Start.column,
            row: End.row > Start.row ? End.row : Start.row
        };
        var Area = self.createArea();
        Area.Info = {
            Start: newStart,
            End: newEnd
        };
        Area.Reset();
        self.ResetSelectedRowColumn();
        return Area;
    }
    //查找选中区域
    fn.FindArea = function (X, Y) {
        var self = this;
        var Areas = self.getAreas();
        var retArea = null;
        for (var i = 0; i < Areas.length; i++) {
            var rect = Areas[i].getBoundingClientRect();
            if (X >= rect.left && X <= rect.right && Y >= rect.top && Y <= rect.bottom) {
                retArea = Areas[i];
            }
        }
        return retArea;
    }
    //开启菜单
    fn.EnableMenu = function () {
        var self = this;
        self.Table.addEventListener("contextmenu", function (e) {
            var area = self.FindArea(e.clientX, e.clientY);
            e.stopPropagation();
            e.preventDefault();
            if (area == null) {
                return;
            }
            var Menu = {
                "style": {
                    "max-height": "100%",
                    "min-width": "90px",
                    "overflow-y": "auto",
                },
                "Items": []
            }
            var areaInfo = area.Info;
            var Items = Menu.Items;
            var startCell = self.Rows_Cells[areaInfo.Start.row][areaInfo.Start.column];
            var endCell = self.Rows_Cells[areaInfo.End.row][areaInfo.End.column];
            if (startCell != endCell) {
                Items.push({
                    "Text": "合并单元格",
                    "Enable": true,
                    "CallBack": function (menuItem) {
                        self.mergeArea(area);
                        self.unMergeAreaOrMergeArea(area);
                        _CLMenu.Close();
                    }
                });
            } else {
                if (area.Cells.length != 1) {
                    Items.push({
                        "Text": "取消合并单元格",
                        "Enable": true,
                        "CallBack": function (menuItem) {
                            self.unMergeArea(area);
                            self.unMergeAreaOrMergeArea(area);
                            _CLMenu.Close();
                        }
                    });
                }
                Items.push({
                    "Text": "编辑",
                    "Enable": true,
                    "CallBack": function (menuItem) {
                        self.startEdit(startCell);
                        _CLMenu.Close();
                    }
                });
            }
            Items.push({
                "Text": "插入",
                "Enable": true,
                "OnCreated": function (Item) {
                    Item.classList.add("HasSub");
                    self.SubMenu(Item, [{
                        ID: "行",
                        Name: "行"
                    }, {
                        ID: "列",
                        Name: "列"
                    }], function (Item, subMenu) {
                        Item.style.height = Item.style.lineHeight = "35px";
                        Item.style.textAlign = "center";
                        Item.style.padding = "0 15px";
                        Item.onclick = function () {
                            if (Item.ItemData.ID == "行") {
                                self.insertRow(areaInfo.Start.row);
                            } else if (Item.ItemData.ID == "列") {
                                self.insertColumn(areaInfo.Start.column);
                            }
                            subMenu.Close();
                        }
                    });
                },
                "CallBack": function (menuItem) {

                }
            });
            Items.push({
                "Text": "删除",
                "Enable": true,
                "OnCreated": function (Item) {
                    Item.classList.add("HasSub");
                    self.SubMenu(Item, [{
                        ID: "行",
                        Name: "行"
                    }, {
                        ID: "列",
                        Name: "列"
                    }], function (Item, subMenu) {
                        Item.style.height = Item.style.lineHeight = "35px";
                        Item.style.textAlign = "center";
                        Item.style.padding = "0 15px";
                        Item.onclick = function () {
                            if (Item.ItemData.ID == "行") {
                                if (areaInfo.Start.row == areaInfo.End.row) {
                                    self.removeRow(areaInfo.Start.row);
                                } else {
                                    for (var y = areaInfo.End.row; y >= areaInfo.Start.row ; y--) {
                                        self.removeRow(y);
                                    }
                                }
                            } else if (Item.ItemData.ID == "列") {
                                if (areaInfo.Start.column == areaInfo.End.column) {
                                    self.removeColumn(areaInfo.Start.column);
                                } else {
                                    for (var x = areaInfo.End.column; x >= areaInfo.Start.column ; x--) {
                                        self.removeColumn(x);
                                    }
                                }
                            }
                            subMenu.Close();
                        }
                    });
                },
                "CallBack": function (menuItem) {

                }
            });
            Items.push({
                "Text": "清除",
                "Enable": true,
                "OnCreated": function (Item) {
                    Item.classList.add("HasSub");
                    self.SubMenu(Item, [{
                        ID: "全部",
                        Name: "全部"
                    }, {
                        ID: "内容",
                        Name: "内容"
                    }, {
                        ID: "格式",
                        Name: "格式"
                    }, {
                        ID: "属性",
                        Name: "属性"
                    }], function (Item, subMenu) {
                        Item.style.height = Item.style.lineHeight = "35px";
                        Item.style.textAlign = "center";
                        Item.style.padding = "0 15px";
                        Item.onclick = function () {
                            if (Item.ItemData.ID == "全部") {
                                self.clearSelectedAll();
                            } else if (Item.ItemData.ID == "内容") {
                                self.clearSelectedValue();
                            } else if (Item.ItemData.ID == "格式") {
                                self.clearSelectedFormat();
                            } else if (Item.ItemData.ID == "属性") {
                                self.clearSelectedProp();
                            }
                            subMenu.Close();
                        }
                    });
                },
                "CallBack": function (menuItem) {
                }
            });

            var _CLMenu = new CLMenu(Menu);
            var MenuBox = document.body.lastChild.firstChild;
            resetMenu(e, MenuBox);
        });
    }
    //重置选中行列
    fn.ResetSelectedRowColumn = function () {
        var self = this;
        var Areas = self.getAreas();
        var HighLight = self.leftTable.getElementsByClassName("HighLight");
        for (var i = 0; i < HighLight.length; i++) {
            HighLight[i].classList.remove("HighLight");
            i--;
        }
        HighLight = self.topTable.getElementsByClassName("HighLight");
        for (var i = 0; i < HighLight.length; i++) {
            HighLight[i].classList.remove("HighLight");
            i--;
        }
        for (var i = 0; i < Areas.length; i++) {
            var areaInfo = Areas[i].Info;
            if (areaInfo == null) {
                continue;
            }
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                self.topTable.firstChild.childNodes[x].classList.add("HighLight");
            }
            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                self.leftTable.childNodes[y].firstChild.classList.add("HighLight");
            }
        }
    }
    //清除所有选中区域
    fn.clearAreas = function () {
        var self = this;
        var Areas = self.getAreas();
        for (var i = 0; i < Areas.length; i++) {
            Areas[i].remove();
        }
    }
    //获取当前区域
    fn.getCurrentArea = function () {
        var self = this;
        var Corner = self.Container.getElementsByClassName("Corner")[0];
        if (Corner == null) {
            return null;
        }
        var area = Corner.parentNode;
        return area
    }
    //获取所有选中区域
    fn.getAreas = function () {
        var self = this;
        var retAreas = [];
        var Areas = self.Container.getElementsByClassName("selectedArea");
        for (var i = 0; i < Areas.length; i++) {
            retAreas.push(Areas[i]);
        }
        return retAreas;
    }
    //创建选中区域
    fn.createArea = function () {
        var self = this;
        var Area = document.createElement("div");
        Area.Cells = [];
        Area.className = "selectedArea";
        self.Container.appendChild(Area);
        var Corner = self.Container.getElementsByClassName("Corner")[0];
        if (Corner == null) {
            Corner = document.createElement("div");
            Corner.className = "Corner";
        }
        Area.appendChild(Corner);

        Area.Reset = function () {
            var areaInfo = Area.Info;
            if (areaInfo == null) {
                return;
            }
            Area.remove();
            self.Container.appendChild(Area);
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column; x++) {
                for (var y = areaInfo.Start.row; y <= areaInfo.End.row; y++) {
                    var Cell = self.Rows[y].Cells[x];
                    if (Cell != null) {
                        if (Cell.Start.column >= areaInfo.Start.column
                            && Cell.End.column <= areaInfo.End.column
                            && Cell.Start.row >= areaInfo.Start.row
                            && Cell.End.row <= areaInfo.End.row
                            ) {
                            Cell.classList.add("HighLight");
                            Cell.iLight = Cell.iLight == null ? 0 : Cell.iLight + 1;
                            Area.Cells.push(Cell);
                        }
                    }
                }
            }
            var left = self.topTable.firstChild.childNodes[areaInfo.Start.column].offsetLeft + 50;
            var top = self.leftTable.childNodes[areaInfo.Start.row].offsetTop + 30;
            var right = self.topTable.firstChild.childNodes[areaInfo.End.column].offsetLeft + self.topTable.firstChild.childNodes[areaInfo.End.column].offsetWidth + 51;
            var bottom = self.leftTable.childNodes[areaInfo.End.row].offsetTop + self.leftTable.childNodes[areaInfo.End.row].offsetHeight + 30;
            Area.style.left = left + "px";
            Area.style.top = top + "px";
            Area.style.width = right - left + "px";
            Area.style.height = bottom - top + "px";
            self.OnSelectAreaChanged();
            Area.topLeft = self.Rows_Cells[areaInfo.Start.row][areaInfo.Start.column];
            Area.topRight = self.Rows_Cells[areaInfo.Start.row][areaInfo.End.column];
            Area.bottomLeft = self.Rows_Cells[areaInfo.End.row][areaInfo.Start.column];
            Area.bottomRight = self.Rows_Cells[areaInfo.End.row][areaInfo.End.column];
        }

        Area.Remove = Area.remove;

        Area.remove = function () {
            var areaInfo = Area.Info;
            if (areaInfo != null) {
                for (var i = 0; i < Area.Cells.length ; i++) {
                    var Cell = Area.Cells[i];
                    if (Cell != null) {
                        Cell.iLight = Cell.iLight == null || Cell.iLight == 0 ? null : Cell.iLight - 1;
                        if (Cell.iLight == 0 || Cell.iLight == null) {
                            Cell.classList.remove("HighLight");
                        }
                    }
                }
            }
            Area.Cells = [];
            Area.Remove();
        }

        Area.Hit = function () {
            Area.appendChild(Corner);
        }
        return Area;
    }
    //合并单元格
    fn.mergeArea = function (area) {
        var self = this;
        var areaInfo;
        if (area.constructor == {}.constructor) {
            areaInfo = area;
        } else {
            areaInfo = area.Info;
        }
        var Cell = null;
        if (areaInfo.End.column > self.columnCount - 1) {
            areaInfo.End.column = self.columnCount - 1
        }
        if (areaInfo.End.row > self.rowCount - 1) {
            areaInfo.End.row = self.rowCount - 1
        }
        for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
            for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                if (Cell == null) {
                    Cell = self.Rows_Cells[y][x];
                    Cell.End = {
                        column: areaInfo.End.column,
                        row: areaInfo.End.row
                    }
                    Cell.setAttribute("rowspan", areaInfo.End.row - areaInfo.Start.row + 1);
                    Cell.setAttribute("colspan", areaInfo.End.column - areaInfo.Start.column + 1);
                } else if (self.Rows_Cells[y][x] != Cell) {
                    self.Rows_Cells[y][x].remove();
                    self.Rows_Cells[y][x] = Cell;
                    self.Rows[y].Cells[x] = null;
                }
            }
        }
        if (area.constructor == {}.constructor) {
            self.recordState();
            return;
        }
        self.hitCell(Cell);
        self.clearAreas();
        area.Hit();
        self.Container.appendChild(area);
        area.Reset();
        self.recordState();
    }
    //取消合并单元格
    fn.unMergeArea = function (area) {
        var self = this;
        var areaInfo = area.constructor == {}.constructor ? area : area.Info;
        var bfirst = true;
        var retCells = [];
        for (var x = areaInfo.Start.column; x <= areaInfo.End.column; x++) {
            for (var y = areaInfo.Start.row; y <= areaInfo.End.row; y++) {
                if (bfirst) {
                    var Cell = self.Rows_Cells[y][x];
                    Cell.removeAttribute("rowspan");
                    Cell.removeAttribute("colspan");
                    Cell.End = {
                        column: x,
                        row: y
                    }
                    bfirst = false;
                } else {
                    var Cells = self.Rows[y].Cells;
                    var beforeIndex = x;
                    for (; beforeIndex < self.columnCount; beforeIndex++) {
                        if (Cells[beforeIndex] != null) {
                            break;
                        }
                    }
                    var Cell = self.createCell();
                    retCells.push(Cell);
                    Cell.onmousedown = function (e) {
                        if (self.FindArea(e.clientX, e.clientY) == null || e.button == 0) {
                            self.hitCell(this);
                        }
                    }
                    Cell.Start = {
                        column: x,
                        row: y
                    }
                    Cell.End = {
                        column: x,
                        row: y
                    }
                    self.Rows[y].insertBefore(Cell, Cells[beforeIndex]);
                    self.Rows_Cells[y][x] = Cell;
                    Cells[x] = Cell;
                }
            }
        }
        if (area.constructor == {}.constructor) {
            area.Cells = retCells;
            self.recordState();
            return;
        }
        var Cell = self.Rows_Cells[areaInfo.Start.row][areaInfo.Start.column];
        self.hitCell(Cell);
        self.clearAreas();
        var Area = self.createArea();
        Area.Info = areaInfo;
        Area.Reset();
        self.recordState();
    }
    //设置列宽
    fn.setColumnWidth = function (columnIndex, width) {
        var self = this;
        var th;
        if (self.Editable) {
            th = self.topTable.firstChild.childNodes[columnIndex];
            if ((width === null || width === undefined) && th.style.width != "0px") {
                return;
            }
            if (th) {
                th.style.width = width == null ? "" : width + "px";
            }
        }
        th = self.Table.firstChild.childNodes[columnIndex + 1];
        th.style.width = width == null ? "" : width + "px";
        if (self.Editable != false) {
            self.getCurrentBorder().Reset();
            var Areas = self.getAreas();
            for (var i = 0; i < Areas.length; i++) {
                Areas[i].Reset();
            }
        }
        self.setBoxSize();
    }
    //设置行高
    fn.setRowHeight = function (rowIndex, height) {
        var self = this;
        var row = self.Rows[rowIndex];
        if (row == null) {
            return;
        }
        if (height === null || height === undefined) {
            height = "";
        } else {
            height += "px";
        }
        if (self.Editable) {
            self.leftTable.childNodes[rowIndex].firstChild.style.height = height;
            if (height == "0px") {
                self.leftTable.childNodes[rowIndex].style.display = "none";
            } else {
                self.leftTable.childNodes[rowIndex].style.display = "";
            }
        }
        row.firstChild.style.height = height;
        if (height == "0px") {
            row.style.display = "none";
        } else {
            row.style.display = "";
        }
        var Areas = self.getAreas();
        for (var i = 0; i < Areas.length; i++) {
            Areas[i].Reset();
        }
        self.setBoxSize();
        self.getCurrentBorder().Reset();
    }
    //显示页边框
    fn.showPageBorder = function () {
        var self = this;

    }
    //设置主表格容器尺寸
    fn.setBoxSize = function (hFull) {
        var self = this;
        if (self.Editable) {
            self.TableBox.style.height = self.Table.offsetHeight + 5 + "px";
            self.TableBox.style.width = self.Table.offsetWidth - 98 + "px";
            //设置刻度
            self.hRule.style.width = self.Table.offsetWidth - 100 + "px";
            self.vRule.style.height = self.Table.offsetHeight - 30 + "px";
            var cm = parseInt(self.hRule.offsetWidth * CLGetPixelSize()) / 10;
            var str = "";
            for (var x = 0; x < cm; x++) {
                str += "<span class='Number' style=' left:" + (10 * x / CLGetPixelSize()) + "px'>" + x + "</span>";
            }
            self.hRule.innerHTML = str;
            str = "";
            var cm = parseInt(self.vRule.offsetHeight * CLGetPixelSize()) / 10;
            for (var y = 0; y < cm; y++) {
                str += "<span class='Number' style='top:" + (10 * y / CLGetPixelSize()) + "px'>" + y + "</span>";
            }
            self.vRule.innerHTML = str;
        }
        self.Scroll();
    }
    //自动计算行高
    fn.calcRowHeight = function (index) {
        var self = this;
        if (!self.Editable) {
            var row = self.Rows[index];
            self.setRowHeight(index, null);
        }
    }
    //根据名称获取单元格
    fn.getCellByName = function (col, row) {
        var self = this;
        var x = self.getColumnIndex(col);
        var y = row * 1 - 1;
        if (self.Rows_Cells[y] == null) {
            return null;
        }
        return self.Rows_Cells[y][x];
    }
    //开启全选
    fn.EnableCtrlA = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyA" && e.ctrlKey) {
                self.clearAreas();
                self.SelectArea({
                    column: 0,
                    row: 0
                }, {
                    column: self.columnCount - 1,
                    row: self.rowCount - 1
                });
                e.preventDefault();
                self.hitCell(self.Rows_Cells[0][0]);
            }
        });
    }
    //解析MsExcel
    fn.FromMsExcel = function (sVal) {
        var self = this;
        var s = "urn:schemas-microsoft-com:office:office";
        if (sVal.substr(0, sVal.length > 300 ? 300 : sVal.length).indexOf(s) < 0) {
            return null;
        }
        var iFrame = document.createElement("iframe");
        iFrame.style.position = "absolute";
        iFrame.style.left = "0";
        iFrame.style.top = "0";
        iFrame.style.width = "100%";
        iFrame.style.height = "100%";
        iFrame.style.background = "#fff";
        document.body.appendChild(iFrame);
        iFrame.contentWindow.document.write(sVal);
        var table = iFrame.contentWindow.document.getElementsByTagName("tbody")[0];
        var mergeArea = [];
        var showCellVal = [];
        var cellClassNames = [];
        var cellProp = [];
        var columnWidth = [];
        var rowHeight = [];
        if (table == null) {
            return null;
        }
        var cols = table.parentNode.getElementsByTagName("col");
        var uu = 0;
        for (var i = 0; i < cols.length ; i++) {
            var col = cols[i];
            var span = col.getAttribute("span");
            if (!span) {
                span = 1;
            } else {
                span = +span;
            }
            for (var x = i + uu; x < i + uu + span ; x++) {
                columnWidth[x] = {
                    column: x,
                    width: col.offsetWidth / span
                };
            }
            uu += span - 1;
        }
        var maxColumn = 0;
        var maxRow = 0;
        var lines = table.getElementsByTagName("tr");
        for (var y = 0; y < lines.length; y++) {
            var line = lines[y];
            rowHeight[y] = {
                row: y,
                height: line.offsetHeight
            }
            var skip = 0;
            for (var x = 0; x < columnWidth.length; x++) {
                var cells = line.getElementsByTagName("td");
                var cell = line[x];
                if (cell) {
                    skip++;
                } else {
                    var row = y;
                    var column = x;
                    cell = cells[x - skip];
                    line[x] = cell;
                    var colspan = cell.getAttribute("colspan");
                    var rowspan = cell.getAttribute("rowspan");
                    if (!!colspan) {
                        colspan = colspan * 1;
                    } else {
                        colspan = 1;
                    }
                    if (!!rowspan) {
                        rowspan = rowspan * 1;
                    } else {
                        rowspan = 1;
                    }
                    for (var yy = y; yy < y + rowspan ; yy++) {
                        for (var xx = x; xx < x + colspan ; xx++) {
                            lines[yy][xx] = cell;
                        }
                    }
                    if (colspan != 1 || rowspan != 1) {
                        mergeArea.push({
                            Start: {
                                column: column,
                                row: row
                            },
                            End: {
                                column: column + colspan - 1,
                                row: row + rowspan - 1,
                            }
                        });
                        maxColumn = maxColumn > column ? maxColumn : column;
                        maxRow = maxRow > row ? maxRow : row;
                    }
                    if (!!cell.innerText) {
                        showCellVal.push({
                            column: column,
                            row: row,
                            Val: {
                                type: "text",
                                text: cell.innerText,
                            }
                        });
                        maxColumn = maxColumn > column ? maxColumn : column;
                        maxRow = maxRow > row ? maxRow : row;
                    }
                    var Prop = {};
                    var computedStyle = window.getComputedStyle(cell);
                    var borderWidth = computedStyle.borderWidth;
                    var bw = 0;
                    if (!!borderWidth) {
                        var arr = borderWidth.split(" ");
                        for (var i = 0; i < arr.length; i++) {
                            var w = parseFloat(arr[i]);
                            bw = bw > w ? bw : w;
                        }
                    }
                    bw = Math.ceil(bw);
                    if (bw > 4) {
                        bw = 4;
                    }
                    var className = "";
                    if (bw != 0) {
                        className += " border-width-" + bw;
                    }
                    if (!!computedStyle.borderTopStyle && computedStyle.borderTopStyle != "none") {
                        className += " border-style-top-" + computedStyle.borderTopStyle;
                    }
                    if (!!computedStyle.borderRightStyle && computedStyle.borderRightStyle != "none") {
                        className += " border-style-right-" + computedStyle.borderRightStyle;
                    }
                    if (!!computedStyle.borderBottomStyle && computedStyle.borderBottomStyle != "none") {
                        className += " border-style-bottom-" + computedStyle.borderBottomStyle;
                    }
                    if (!!computedStyle.borderLeftStyle && computedStyle.borderLeftStyle != "none") {
                        className += " border-style-left-" + computedStyle.borderLeftStyle;
                    }
                    var match = /(rgb[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*\))|(rgba[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-1]?.[0-9]+[\s]*\))/i;
                    if (computedStyle.borderColor != "rgb(0, 0, 0)") {
                        var color = computedStyle.borderColor.match(match);
                        color = color && CLColors.toRgba(color[0]);
                        if (color) {
                            Prop.borderColor = "#" + color.R.toString(16).padStart(2, 0) + color.G.toString(16).padStart(2, 0) + color.B.toString(16).padStart(2, 0);
                        }
                    }
                    if (computedStyle.backgroundColor != "rgba(0, 0, 0, 0)") {
                        var color = computedStyle.backgroundColor.match(match);
                        color = color && CLColors.toRgba(color[0]);
                        if (color) {
                            Prop.backgroundColor = "#" + color.R.toString(16).padStart(2, 0) + color.G.toString(16).padStart(2, 0) + color.B.toString(16).padStart(2, 0);
                        }
                    }
                    if (computedStyle.color != "rgb(51, 51, 51)") {
                        var color = computedStyle.color.match(match);
                        color = color && CLColors.toRgba(color[0]);
                        if (color) {
                            Prop.color = "#" + color.R.toString(16).padStart(2, 0) + color.G.toString(16).padStart(2, 0) + color.B.toString(16).padStart(2, 0);
                        }
                    }
                    if (computedStyle.textAlign != "center") {
                        if (computedStyle.textAlign == "left") {
                            className += " tLeft";
                        }
                        if (computedStyle.textAlign == "right") {
                            className += " tRight";
                        }
                    }

                    if (computedStyle.verticalAlign != "middle") {
                        if (computedStyle.textAlign == "top") {
                            className += " vTop";
                        }
                        if (computedStyle.textAlign == "bottom") {
                            className += " vBottom";
                        }
                    }
                    var fs = parseFloat(computedStyle.fontSize);
                    fs = fs * 9 / 12;
                    fs = Math.ceil(fs);
                    if (fs < 9) {
                        fs = 9;
                    }
                    if (fs > 72) {
                        fs = 72;
                    }
                    if (fs != 9) {
                        className += " font-size-" + fs;
                    }
                    if (computedStyle.fontWeight > 500) {
                        className += " bold";
                    }
                    if (!!className) {
                        cellClassNames.push({
                            column: column,
                            row: row,
                            className: "CLCell " + className
                        });
                        maxColumn = maxColumn > column ? maxColumn : column;
                        maxRow = maxRow > row ? maxRow : row;
                    }
                    if (Object.keys(Prop).length != 0) {
                        cellProp.push({
                            column: column,
                            row: row,
                            Prop: Prop
                        });
                        maxColumn = maxColumn > column ? maxColumn : column;
                        maxRow = maxRow > row ? maxRow : row;
                    }
                }
            }
        }
        var data = {
            mergeArea: mergeArea,
            showCellVal: showCellVal,
            cellClassNames: cellClassNames,
            cellProp: cellProp,
            columnWidth: columnWidth,
            rowHeight: rowHeight,
            row: maxRow,
            column: maxColumn
        };
        iFrame.remove();
        return data;
    }
    //粘贴
    fn.Paste = function (data, row, column) {
        var self = this;
        var cell = self.Rows[row] == null ? null : self.Rows[row].Cells[column];
        if (cell == null) {
            return;
        }
        var rowCount = row + data.row + 1;
        var columnCount = column + data.column + 1;
        if (rowCount > self.rowCount) {
            for (var i = self.rowCount - 1; i < rowCount ; i++) {
                self.addRow();
            }
        }
        if (columnCount > self.columnCount) {
            for (var i = self.columnCount - 1; i < columnCount ; i++) {
                self.addColumn();
            }
        }
        self.clearSelectedAll([{
            Info: {
                Start: {
                    row: row,
                    column: column
                },
                End: {
                    row: row + data.row,
                    column: column + data.column
                }
            }
        }]);
        var mergeArea = data.mergeArea;
        var showCellVal = data.showCellVal;
        var cellClassNames = data.cellClassNames;
        var cellProp = data.cellProp;
        var columnWidth = data.columnWidth;
        var rowHeight = data.rowHeight;
        for (var i = 0; mergeArea && i < mergeArea.length; i++) {
            var ele = mergeArea[i]
            var area = {
                Start: {
                    row: ele.Start.row + row,
                    column: ele.Start.column + column
                },
                End: {
                    row: ele.End.row + row,
                    column: ele.End.column + column
                }
            }
            self.mergeArea(area);
        }
        for (var i = 0; showCellVal && i < showCellVal.length; i++) {
            self.showCellVal(self.Rows_Cells[showCellVal[i].row + row][showCellVal[i].column + column], showCellVal[i].Val);
        }
        for (var i = 0;cellClassNames && i < cellClassNames.length; i++) {
            self.Rows_Cells[cellClassNames[i].row + row][cellClassNames[i].column + column].className = cellClassNames[i].className;
        }
        for (var i = 0; cellProp && i < cellProp.length; i++) {
            self.setCellProp(self.Rows_Cells[cellProp[i].row + row][cellProp[i].column + column], cellProp[i].Prop);
        }
        var thead = self.Table.firstChild;
        for (var x = 0;columnWidth && x < columnWidth.length; x++) {
            var width = thead.childNodes[x + column + 1].style.width;
            if (width == null || width.length == 0) {
                self.setColumnWidth(columnWidth[x].column + column, columnWidth[x].width);
            }
        }
        if (!self.autoRowHeight) {
            for (var y = 0;rowHeight && y < rowHeight.length; y++) {
                if (self.Editable) {
                    var height = self.leftTable.childNodes[y + row].firstChild.style.height;
                    if (height == null || height.length == 0) {
                        self.setRowHeight(rowHeight[y].row + row, rowHeight[y].height);
                    }
                } else {
                    self.setRowHeight(rowHeight[y].row + row, rowHeight[y].height);
                }
            }
        }
    }
    //复制
    fn.Copy = function (areaInfo) {
        var self = this;
        var Info = areaInfo;
        var row = 0;
        var column = 0;
        var mergeArea = [];
        var showCellVal = [];
        var cellClassNames = [];
        var cellProp = [];
        var columnWidth = [];
        var rowHeight = [];
        var thead = self.Table.firstChild;
        for (var y = Info.Start.row; y <= Info.End.row; y++) {
            for (var x = Info.Start.column; x <= Info.End.column; x++) {
                var cell = self.Rows[y].Cells[x];
                if (cell == null) {
                    continue;
                }
                //获取合并单元格
                if (cell.Start.column != cell.End.column || cell.Start.row != cell.End.row) {
                    mergeArea.push({
                        Start: {
                            row: cell.Start.row - Info.Start.row,
                            column: cell.Start.column - Info.Start.column
                        },
                        End: {
                            row: cell.End.row - Info.Start.row,
                            column: cell.End.column - Info.Start.column
                        }
                    });
                    row = row > cell.End.row ? row : cell.End.row;
                    column = cell.End.column > column ? cell.End.column : column
                }
                //获取单元格内容
                var val = cell.Val;
                if (val != null) {
                    showCellVal.push({
                        row: y - Info.Start.row,
                        column: x - Info.Start.column,
                        Val: val
                    });
                    row = row > cell.End.row ? row : cell.End.row;
                    column = cell.End.column > column ? cell.End.column : column
                }
                //单元格样式
                if (cell.classList.length > 1) {
                    var className = cell.className.replace(" HighLight", "");
                    if (className != "CLCell") {
                        cellClassNames.push({
                            row: y - Info.Start.row,
                            column: x - Info.Start.column,
                            className: className
                        });
                        row = row > cell.End.row ? row : cell.End.row;
                        column = cell.End.column > column ? cell.End.column : column
                    }
                }
                var Prop = self.getCellProp(cell);
                //单元格属性
                if (Prop != null && !Object.IsEmpty(Prop)) {
                    cellProp.push({
                        row: y - Info.Start.row,
                        column: x - Info.Start.column,
                        Prop: Prop
                    });
                    row = row > cell.End.row ? row : cell.End.row;
                    column = cell.End.column > column ? cell.End.column : column
                }
            }
        }
        if (thead.childNodes.length > 1 || !self.Editable) {
            for (var x = Info.Start.column; x < column + 1; x++) {
                var width = thead.childNodes[x + 1].style.width;
                if (width != null && width.length != 0) {
                    columnWidth.push({
                        column: x - Info.Start.column,
                        width: parseInt(width)
                    });
                } else {
                    columnWidth.push({
                        column: x - Info.Start.column,
                        width: null
                    });
                }
            }
        }
        if (self.leftTable.childNodes.length > 1 || !self.Editable) {
            //行高
            for (var y = Info.Start.row; y < row + 1; y++) {
                var height, display;
                height = self.Table.childNodes[1].childNodes[y].firstChild.style.height;
                if (height == "0") {
                    rowHeight.push({
                        row: y,
                        height: 0
                    });
                } else {
                    if (height != null && height.length != 0) {
                        rowHeight.push({
                            row: y - Info.Start.row,
                            height: parseInt(height)
                        });
                    } else {
                        rowHeight.push({
                            row: y - Info.Start.row,
                            height: null
                        });
                    }
                }
            }
        }
        var Clipboard = {
            mergeArea: mergeArea,
            showCellVal: showCellVal,
            cellClassNames: cellClassNames,
            cellProp: cellProp,
            columnWidth: columnWidth,
            rowHeight: rowHeight,
            row: row - Info.Start.row,
            column: column - Info.Start.column
        }
        return Clipboard;
    }
    //开启复制
    fn.EnableCtrlC = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyC" && e.ctrlKey) {
                var cell = self.getCurrentBorder().Cell;
                var area = self.getAreas()[0];
                if (area == null) {
                    return;
                } else {
                    var Info = area.Info;
                    var Clipboard = self.Copy(Info);
                    CLCopy({ type: "CLExcel", data: JSON.stringify(Clipboard) }, false);
                }
            }
        }, true);
    }
    //开启粘贴
    fn.EnableCtrlV = function () {
        var self = this;
        window.addEventListener("paste", function (e) {
            var pasted = false;
            hasFocus = hasFocus || document.activeElement == self.focusEle;
            if (hasFocus) {
                var items = e.clipboardData.items;
                var item;
                var files = [];
                for (var i = 0; i < items.length; i++) {
                    if (items[i].kind == "string") {
                        item = items[i];
                    }
                    if (items[i].kind == "string" && items[i].type == "text/html") {
                        item = items[i];
                        break;
                    }
                    if (items[i].kind == "file" && items[i].type.indexOf("image/") == 0) {
                        files.push(items[i]);
                        break;
                    }
                }
                if (item) {
                    var area = self.getAreas()[0];
                    var type = item.type;
                    item.getAsString(function (sVal) {
                        if (type == "CLExcel") {
                            try {
                                var data = JSON.parse(sVal);
                                if (data.showCellVal && data.cellProp) {
                                    self.Operation(function () {
                                        self.Paste(data, area.Info.Start.row, area.Info.Start.column);
                                    });
                                }
                            } catch (e) {
                            }
                        } else if (type == "text/html") {
                            var data = self.FromMsExcel(sVal);
                            if (data) {
                                self.Operation(function () {
                                    self.Paste(data, area.Info.Start.row, area.Info.Start.column);
                                });
                            }
                        } else {
                            self.Operation(function () {
                                self.showCellVal(self.getCurrentBorder().Cell, {
                                    type: "text",
                                    text:sVal
                                });
                            });
                        }
                    });
                }
            }
        });
        var hasFocus = false;
        self.Ele.addEventListener("focus", function (e) {
            hasFocus = true;
        });
        self.Ele.addEventListener("blur", function (e) {
            hasFocus = false;
        });
    }
    //开启快捷保存
    fn.EnableCtrlS = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
                self.Save();
                e.preventDefault();
            }
        });
    }
    //开启快捷导入
    fn.EnableCtrlO = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyO" && e.ctrlKey) {
                CLOpenFile(function (File, Name) {
                    if (Name.toLocaleLowerCase().lastIndexOf(".json") < 0) {
                        CLShowMsg('不支持该文件格式.');
                        return;
                    }
                    var reader = new FileReader();
                    //将文件以文本形式读入页面    
                    reader.readAsText(File);
                    reader.onload = function (f) {
                        var data = null
                        try {
                            var Json = JSON.parse(this.result);
                            if (typeof (Json) != 'object') {
                                CLShowMsg('不支持该文件格式.');
                                return;
                            }
                            data = self.getData();
                            self.setData(Json);
                        } catch (e) {
                            CLShowMsg('该文件已损坏.');
                            if (data != null) {
                                self.setData(data);
                            }
                            throw e;
                        }
                    }
                }, ".json");
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlY = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyY" && e.ctrlKey) {
                self.redo();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlZ = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyZ" && e.ctrlKey) {
                self.undo();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlZoom = function () {
        var self = this;
        self.Ele.addEventListener("mousewheel", function (e) {
            if (e.ctrlKey) {
                var zoom = self.Body.style.zoom * 1;
                console.log(zoom);
                if (zoom == 0) {
                    zoom = 1;
                }
                if (event.wheelDelta > 0) {
                    self.Body.style.zoom = zoom / 0.9;
                } else {
                    self.Body.style.zoom = zoom * 0.9;
                }
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }
    //开启快捷保存到本地
    fn.EnableSaveAsLocal = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && e.altKey) {
                self.SaveAsLocal();
            }
        });
    }
    //弹出框
    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        return _CLMenu;
    }
    //Tab键处理函数
    fn.TabNext = function () {
        var self = this;
        var border = self.getCurrentBorder();
        var cell = border.Cell;
        if (cell == null) {
            return;
        }
        if (column >= self.columnCount) {
            column = 0;
        }
        var column = cell.End.column + 1;
        if (column >= self.columnCount) {
            column = 0;
        }
        if (border.rowIndex == null) {
            border.rowIndex = cell.Start.row;
        }
        var row = column == 0 ? cell.Start.row + 1 : border.rowIndex;
        if (row >= self.rowCount) {
            row = 0;
        }
        if (self.Editable) {
            self.clearAreas();
            self.SelectArea({
                row: row,
                column: column
            }, {
                row: row,
                column: column
            });
        }
        var cell = self.Rows_Cells[row][column];
        if (cell.CLExcel) {
            cell.CLExcel.hitCell(cell.CLExcel.Rows_Cells[0][0]);
        } else {
            self.hitCell(self.Rows_Cells[row][column]);
        }
        border.rowIndex = row;
    }
    //回车键处理函数
    fn.EnterNext = function () {
        var self = this;
        var border = self.getCurrentBorder();
        var cell = border.Cell;
        if (cell == null) {
            return;
        }
        if (border.columnIndex == null) {
            border.columnIndex = cell.Start.column;
        }
        var row = cell.End.row == self.rowCount - 1 ? 0 : cell.End.row + 1;
        var column = row == 0 ? cell.Start.column + 1 : border.columnIndex;
        if (column >= self.columnCount) {
            column = 0;
        }
        if (self.Editable) {
            self.clearAreas();
            self.SelectArea({
                row: row,
                column: column
            }, {
                row: row,
                column: column
            });
        }
        var cell = self.Rows_Cells[row][column];
        self.hitCell(self.Rows_Cells[row][column]);
        border.columnIndex = column;
    }
    //开启回车键
    fn.EnableEnter = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.keyCode == 13) {
                var border = self.getCurrentBorder();
                var cell = border.Cell;
                if (cell == null) {
                    return;
                }
                self.EnterNext();
                e.stopPropagation();
            }
        });
    }
    //开启制表键
    fn.EnableTab = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "Tab") {
                var border = self.getCurrentBorder();
                var cell = border.Cell;
                if (cell == null) {
                    return;
                }
                self.TabNext();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }
    //开启删除键
    fn.EnableDelete = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "Delete") {
                self.clearSelectedValue();
            }
        });
    }
    //清除选择区域的内容
    fn.clearSelectedValue = function () {
        var self = this;
        var areas = self.getAreas();
        var autoRowHeight = self.autoRowHeight;
        self.autoRowHeight = false;
        var rowList = [];
        for (var i = 0; i < areas.length; i++) {
            //清除内容
            var areaInfo = areas[i].Info;
            if (areaInfo == null) {
                continue;
            }
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                    var cell = self.Rows[y].Cells[x];
                    if (cell != null && cell.Val != null) {
                        rowList.push({ y1: cell.Start.row, y2: cell.End.row });
                        self.showCellVal(cell, null);
                    }
                }
            }

        }
        self.autoRowHeight = autoRowHeight;
        if (autoRowHeight) {
            for (var i = 0; i < rowList.length ; i++) {
                for (var y = rowList[i].y1; y <= rowList[i].y2 ; y++) {
                    self.calcRowHeight(y);
                }
            }
        }
        //清除悬浮图
        var SuspensionBoxSel = self.TableBox.getElementsByClassName("SuspensionBoxSel")[0];
        if (SuspensionBoxSel != null) {
            SuspensionBoxSel.remove();
        }
    }
    //类名过滤器
    fn.filterClassNames = null;
    //清除选择区域的样式
    fn.clearSelectedFormat = function () {
        var self = this;
        var areas = self.getAreas();
        var autoRowHeight = self.autoRowHeight;
        for (var i = 0; i < areas.length; i++) {
            var areaInfo = areas[i].Info;
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                    var cell = self.Rows[y].Cells[x];
                    if (cell != null) {
                        var className = "";
                        for (var i = 0; i < cell.classList.length; i++) {
                            if (self.filterClassNames.indexOf(cell.classList[i]) >= 0 || /[-][0-9]+/.test(cell.classList[i])) {
                                className += " " + cell.classList[i];
                            }
                        }
                        cell.style.cssText = "";
                        cell.className = className;
                    }
                    if (cell.Start.column != cell.End.column || cell.Start.row != cell.End.row) {
                        var area = {
                            Start: cell.Start,
                            End: cell.End
                        }
                        self.unMergeArea(area);
                        if (areas[i] != null) {
                            areas[i].Cells = areas[i].Cells.concat(area.Cells);
                        }
                    }
                }
            }

        }
    }
    //清除属性
    fn.clearSelectedProp = function () {
        var self = this;
        var areas = self.getAreas();
        var autoRowHeight = self.autoRowHeight;
        for (var i = 0; i < areas.length; i++) {
            var areaInfo = areas[i].Info;
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                    var cell = self.Rows[y].Cells[x];
                    if (cell != null) {
                        delete cell.Prop;
                    }
                }
            }

        }
    }
    //清除全部
    fn.clearSelectedAll = function (areas) {
        var self = this;
        if (areas == null) {
            areas = self.getAreas();
        }
        var autoRowHeight = self.autoRowHeight;
        self.autoRowHeight = false;
        var rowList = [];
        for (var i = 0; i < areas.length; i++) {
            //清除内容
            var areaInfo = areas[i].Info;
            if (areaInfo == null) {
                continue;
            }
            for (var x = areaInfo.Start.column; x <= areaInfo.End.column ; x++) {
                for (var y = areaInfo.Start.row; y <= areaInfo.End.row ; y++) {
                    var cell = self.Rows[y].Cells[x];
                    if (cell == null) {
                        continue;
                    }
                    if (cell != null && cell.Val != null) {
                        rowList.push({ y1: cell.Start.row, y2: cell.End.row });
                        self.showCellVal(cell, null);
                    }
                    if (cell != null) {
                        cell.className = "CLCell HighLight";
                        cell.removeAttribute("style");
                        delete cell.Prop;
                    }
                    if (cell.Start.column != cell.End.column || cell.Start.row != cell.End.row) {
                        var area = {
                            Start: cell.Start,
                            End: cell.End
                        }
                        self.unMergeArea(area);
                        if (areas[i].classList != null) {
                            areas[i].Cells = areas[i].Cells.concat(area.Cells);
                        }
                    }
                }
            }

        }
        self.autoRowHeight = autoRowHeight;
        if (autoRowHeight) {
            for (var i = 0; i < rowList.length ; i++) {
                for (var y = rowList[i].y1; y <= rowList[i].y2 ; y++) {
                    self.calcRowHeight(y);
                }
            }
        }
        //清除悬浮图
        var SuspensionBoxSel = self.TableBox.getElementsByClassName("SuspensionBoxSel")[0];
        if (SuspensionBoxSel != null) {
            SuspensionBoxSel.remove();
        }
    }
    //保存
    fn.Save = function () {
    }
    //保存到本地
    fn.SaveAsLocal = function () {
        var self = this;
        var data = self.getData();
        CLSaveAsLocal("CLExcel" + ".Json", JSON.stringify(data, null, 4))
    }
    //二级菜单
    fn.SubMenu = function (divItem, subItems, OnItemCreated) {
        var self = this;
        divItem.onmouseenter = function () {
            var subMenu = document.createElement("div");
            subMenu.style.cssText = "min-width:120px;height:" + (subItems.length * 35) + "px";
            var tilte = new CLTitle(divItem, subMenu);
            var Box = subMenu.parentNode;
            var rect = divItem.getBoundingClientRect();
            Box.style.left = rect.right - 15 + "px";
            Box.style.top = rect.top + "px";
            var subList = new CLList(subItems, subMenu, null, function (Item) {
                OnItemCreated(Item, tilte);
            });
            subMenu.firstChild.style.padding = "0px";
        }
    }
    //执行代码
    fn.Execute = function (sCode) {
        var self = this;
        (function () {
            var self = this;
            eval(sCode);
        }).call(this);
    }
    //所有标记
    fn.Markers = null;
    //添加标记
    fn.AddMarker = function (cell, className) {
        var self = this;
        if (!cell) {
            return;
        }
        var Marker = document.createElement("div");
        Marker.className = className;
        Marker.Remove = Marker.remove;
        Marker.remove = function () {
            Marker.Remove();
            self.Markers.splice(self.Markers.indexOf(Marker), 1);
        }
        self.Container.appendChild(Marker);
        Marker.Reset = function () {
            var tdRect = cell.getBoundingClientRect();
            var Pos = {
                left: tdRect.left,
                top: tdRect.top
            }
            self.ClientToOffset(Pos);
            Marker.style.left = Pos.left + "px";
            Marker.style.top = Pos.top + "px";
        }
        if (self.Markers == null) {
            self.Markers = [Marker];
        } else {
            self.Markers.push(Marker);
        }
        Marker.Reset();
    }
    //清除标记
    fn.clearMarkers = function () {
        var self = this;
        var Markers = self.Markers;
        while (Markers != null && Markers.length != 0) {
            Markers[0].remove();
        }
    }

    fn.undoList = null;

    fn.redoList = null;

    fn.undo = function () {
        var self = this;
        if (self.undoList == null || self.undoList.length <= 1) {
            return;
        }
        if (self.redoList == null) {
            self.redoList = [];
        }
        var data = self.undoList[self.undoList.length - 1];
        self.redoList.push(data);
        self.undoList.pop();
        var recordState = self.recordState;
        self.recordState = function () { }
        var cell = self.getCurrentBorder().Cell;
        var Container = self.Container;
        var scrollLeft = Container.scrollLeft;
        var scrollTop = Container.scrollTop;
        if (self.undoList.length == 0) {
            self.setData();
        } else {
            self.setData(CLClone(self.undoList[self.undoList.length - 1]));
            if (cell) {
                self.clearAreas();
                self.hitCell(self.Rows_Cells[cell.Start.row][cell.Start.column]);
                self.SelectDirectArea(cell.Start, cell.End);
            }
        }
        self.recordState = recordState;
        if (self.undoList.length > 1) {
            self.undoIcon.style.color = "#000";
        } else {
            self.undoIcon.style.color = "#989";
        }
        if (self.redoList.length > 0) {
            self.redoIcon.style.color = "#000";
        } else {
            self.redoIcon.style.color = "#989";
        }
        Container.scrollLeft = scrollLeft;
        Container.scrollTop = scrollTop;
    }

    fn.redo = function () {
        var self = this;
        if (self.redoList == null || self.redoList.length == 0) {
            return;
        }
        var data = self.redoList[self.redoList.length - 1];
        self.redoList.pop();
        var recordState = self.recordState;
        self.recordState = function () { }
        var cell = self.getCurrentBorder().Cell;
        var Container = self.Container;
        var scrollLeft = Container.scrollLeft;
        var scrollTop = Container.scrollTop;
        self.setData(data);
        if (cell) {
            self.clearAreas();
            self.hitCell(self.Rows_Cells[cell.Start.row][cell.Start.column]);
            self.SelectDirectArea(cell.Start, cell.End);
        }
        self.undoList.push(CLClone(data));
        self.recordState = recordState;
        if (self.undoList.length > 1) {
            self.undoIcon.style.color = "#000";
        } else {
            self.undoIcon.style.color = "#989";
        }
        if (self.redoList.length > 0) {
            self.redoIcon.style.color = "#000";
        } else {
            self.redoIcon.style.color = "#989";
        }
        Container.scrollLeft = scrollLeft;
        Container.scrollTop = scrollTop;
    }

    fn.recordState = function (data) {
        var self = this;
        if (!self.Editable) {
            return;
        }
        if (self.undoList == null) {
            self.undoList = [];
        }
        if (data === undefined) {
            data = self.getData();
        }
        if (self.undoList.length != 0 && JSON.stringify(data) == JSON.stringify(self.undoList[self.undoList.length - 1])) {
            return;
        }
        self.undoList.push(CLClone(data));
        if (self.undoList.length > 100) {
            self.undoList.splice(0, 1);
        }
        if (self.undoList.length > 1) {
            self.undoIcon.style.color = "#000";
        } else {
            self.undoIcon.style.color = "#989";
        }
        if (self.redoList == null || self.redoList.length > 0) {
            self.redoList = [];
            self.redoIcon.style.color = "#989";
        }
    }

    fn.Operation = function (func) {
        var self = this;
        var recordState = self.recordState;
        self.recordState = function () { }
        var ret = func();
        self.recordState = recordState;
        if (ret !== false) {
            self.recordState();
        }
    }

    fn.setBorderColor = function (cell, color) {
        var self = this;
        var classList = cell.classList;
        for (var i = 0; i < classList.length; i++) {
            if (classList[i].indexOf("color_") == 0) {
                classList.remove(classList[i]);
            }
        }
        if (color != null) {
            var id = "color_" + color.replace(/\#/g, "").replace(/\(/g, "").replace(/\)/g, "").replace(/\,/g, "").replace(/\ /g, "");
            cell.classList.add(id);
            var style = self.Ele.querySelector(".style_" + id);
            if (style == null) {
                style = document.createElement("style");
                style.setAttribute("scoped", "scoped");
                style.classList.add("style_" + id);
                style.innerHTML = ".CLExcel ." + id + ":after{border-color:" + color + "}";
                style.className = "style_" + id;
                self.Ele.appendChild(style);
            }
        }
    }

    fn.resize = function (size, force, hFull) {
        var self = this;

    }

    function toCss(style) {
        var s = "";
        var A = "A".charCodeAt(0);
        var Z = "Z".charCodeAt(0);
        for (var key in style) {
            var mKey = "";
            for (var i = 0; i < key.length; i++) {
                if (key.charCodeAt(i) >= A && key.charCodeAt(i) <= Z) {
                    mKey += "-" + key[i].toLocaleLowerCase();
                } else {
                    mKey += key[i];
                }
            }
            if (style[key]) {
                s += mKey + ":" + style[key] + ";";
            }
        }
        if (s.length != 0) {
            s = s.substr(0, s.length - 1);
        }
        return s;
    }

    function toStyle(css, style) {
        var rules = css.split(";");
        for (var i = 0; i < rules.length; i++) {
            var rule = rules[i].split(":");
            if (rule.length != 2) {
                continue;
            }
            var index = rule[0].indexOf("-");
            var key = "";
            rule[0] = rule[0].trim();
            if (index >= 0) {
                key = rule[0].substring(0, index) + rule[0][index + 1].toLocaleUpperCase() + rule[0].substring(index + 2, rule[0].length);
            } else {
                key = rule[0];
            }
            style[key] = rule[1].trim();
        }
    }

    var NameIndex = {};

    window.JsTable = function JsTable() {
        var self = this;
        self.columnCount = 0;
        self.rowCount = 0;
        self.Rows = [];
        self.Rows_Cells = [];
        self.columnWidths = [];
        self.rowHeights = [];
        self.CssSheet = {};
    }

    var fn = JsTable.prototype;
    //当前写入位置
    fn.currentPos = null;
    //列数
    fn.columnCount = null;
    //行数
    fn.rowCount = null;
    //所有行辅助
    fn.Rows_Cells = null;
    //所有行
    fn.Rows = null;
    //样式表
    fn.CssSheet = null;
    //计算ID
    fn.colorId = function (color) {
        var self = this;
        self.__colorId__ = self.__colorId__ || { current: 0 };
        if (self.__colorId__[color]) {
            return self.__colorId__[color];
        } else {
            var id = ++self.__colorId__.current;
            self.__colorId__[color] = id;
            return id;
        }
    }
    //显示值
    fn.showCellVal = function (cell, Val) {
        cell.Val = Val;
    }
    //根据名称获取单元格
    fn.getCellByName = function (col, row) {
        var self = this;
        var x = self.getColumnIndex(col);
        var y = row * 1 - 1;
        if (self.Rows_Cells[y] == null) {
            return null;
        }
        return self.Rows_Cells[y][x];
    }
    //设置属性
    fn.setCellProp = function (cell, Prop) {
        var self = this;
        cell.Prop = Prop;
        if (Prop.borderRadius != null) {
            cell.style.borderRadius = Prop.borderRadius;
        }
        if (Prop.color != null) {
            cell.style.color = Prop.color;
        }
        if (Prop.backgroundColor != null) {
            var id = "bgColor_" + self.colorId(Prop.backgroundColor);
            self.CssSheet[id] = "." + id + ":before{background:" + Prop.backgroundColor + "}";
            cell.className += " " + id;
        }
        if (Prop.borderColor != null) {
            var id = "borderColor_" + self.colorId(Prop.borderColor);
            self.CssSheet[id] = "." + id + ":after{border-color:" + Prop.borderColor + "}";
            cell.className += " " + id;
        }
        if (Prop.minHeight != null) {
            cell.style.minHeight = Prop.minHeight + "px";
        }
    }
    //根据索引获取列名
    var IndexName = {};
    fn.getColumnName = function (Index) {
        if (!!IndexName[Index]) {
            return IndexName[Index];
        } else {
            var sName = "";
            while (Index >= 0) {
                sName = String.fromCharCode("A".charCodeAt(0) + Index % 26) + sName;
                Index = parseInt(Index / 26);
                Index -= 1;
            }
            IndexName[Index] = sName;
            return sName;
        }
    }
    //根据名称获取索引
    var NameIndex = {};
    fn.getColumnIndex = function (sName) {
        var Index = 0;
        if (!NameIndex[sName]) {
            var iA = "A".charCodeAt(0);
            for (var i = 0; i < sName.length; i++) {
                var ch = sName.charCodeAt(i);
                Index *= 26;
                Index += 1;
                Index += (ch - iA);
            }
            Index -= 1;
            NameIndex[sName] = Index;
        } else {
            Index = NameIndex[sName];
        }
        return Index;
    }
    //根据名称获取索引
    fn.getRowColumn = function (sName) {
        var self = this;
        var row = sName.match(/[0-9]+$/)[0];
        var column = sName.match(/^[A-Z]+/)[0];
        return {
            row: row * 1 - 1,
            column: self.getColumnIndex(column)
        };
    }
    //创建虚拟单元格
    fn.createCell = function () {
        var self = this;
        var cell = {};
        cell.style = {};
        cell.classList = [];
        cell.classList.contains = function (name) {
            return this.indexOf(name) >= 0;
        }
        cell.classList.add = function (cn) {
            if (this.indexOf(cn) < 0) {
                this.push(cn)
            }
            if (cell.Tag) {
                cell.Tag.classList.add(cn);
            }
        }
        cell.classList.remove = function (cn) {
            var index = this.indexOf(cn);
            if (index >= 0) {
                this.splice(index, 1);
            }
            if (cell.Tag) {
                cell.Tag.classList.remove(cn);
            }
        }
        Object.defineProperty(cell.style, "cssText", {
            get: function () {
                if (cell.Tag) {
                    return cell.Tag.style.cssText;
                } else {
                    return toCss(this);
                }
            },
            set: function (cssText) {
                if (cell.Tag) {
                    cell.Tag.style.cssText = cssText;
                } else {
                    toStyle(cssText, cell.style);
                }
            }
        });
        Object.defineProperty(cell, "className", {
            get: function () {
                if (cell.Tag) {
                    return cell.Tag.className;
                } else {
                    return this.classList.join(' ');
                }
            },
            set: function (className) {
                if (cell.Tag) {
                    cell.Tag.className = className;
                } else {
                    cell.classList.splice(0, cell.classList.length);
                    var list = className.split(' ');
                    var classList = this.classList;
                    for (var i = 0; i < list.length; i++) {
                        classList.add(list[i].trim());
                    }
                }
            }
        });
        Object.defineProperty(cell, "Parent", {
            get: function () {
                var line = self.Rows[cell.Start.row];
                if (line && line[cell.Start.column] == cell) {
                    return line;
                } else {
                    return null;
                }
            }
        });
        return cell;
    }
    //创建虚拟行
    fn.createRow = function () {
        var self = this;
        var row = [];
        row.style = {};
        row.classList = [];
        row.classList.add = function (cn) {
            if (this.indexOf(cn) < 0) {
                this.push(cn)
            }
            if (row.Tag) {
                row.Tag.classList.add(cn);
            }
        }
        row.classList.remove = function (cn) {
            var index = this.indexOf(cn);
            if (index >= 0) {
                this.splice(index, 1);
            }
            if (row.Tag) {
                row.Tag.classList.remove(cn);
            }
        }
        Object.defineProperty(row.style, "cssText", {
            get: function () {
                if (row.Tag) {
                    return row.Tag.style.cssText;
                } else {
                    return toCss(this);
                }
            },
            set: function (cssText) {
                if (row.Tag) {
                    row.Tag.style.cssText = cssText;
                } else {
                    row.style = toStyle(cssText, row.style);
                }
            }
        });
        Object.defineProperty(row, "className", {
            get: function () {
                if (row.Tag) {
                    return row.Tag.className;
                } else {
                    return this.classList.join(' ');
                }
            },
            set: function (className) {
                if (row.Tag) {
                    row.Tag.className = className;
                } else {
                    row.classList.splice(0, row.classList.length);
                    var list = className.split(' ');
                    var classList = this.classList;
                    for (var i = 0; i < list.length; i++) {
                        classList.add(list[i].trim());
                    }
                }
            }
        });
        return row;
    }
    //添加行
    fn.addRow = function () {
        var self = this;
        var row = self.createRow();
        var _row = [];
        for (var i = 0; i < self.columnCount ; i++) {
            var cell = self.createCell();
            cell.Start = {
                column: i,
                row: self.rowCount
            }
            cell.End = {
                column: i,
                row: self.rowCount
            }
            row.push(cell);
            _row.push(cell);
        }
        self.Rows.push(row);
        self.Rows_Cells.push(_row);
        self.rowCount++;
        self.rowHeights.push("");
    }
    //添加列
    fn.addColumn = function () {
        var self = this;
        for (var i = 0; i < self.rowCount; i++) {
            var cell = self.createCell();
            cell.Start = {
                column: self.columnCount,
                row: i
            }
            cell.End = {
                column: self.columnCount,
                row: i
            }
            var row = self.Rows[i];
            row.push(cell);
            var _row = self.Rows_Cells[i];
            _row.push(cell);
        }
        self.columnCount++;
        self.columnWidths.push("");
    }
    //合并单元格
    fn.mergeArea = function (Area) {
        var self = this;
        var Cell = null;
        if (Area.End.row >= self.rowCount) {
            Area.End.row = self.rowCount - 1;
        }
        if (Area.End.column >= self.columnCount) {
            Area.End.column = self.columnCount - 1;
        }
        for (var x = Area.Start.column; x <= Area.End.column ; x++) {
            for (var y = Area.Start.row; y <= Area.End.row ; y++) {
                if (Cell == null) {
                    Cell = self.Rows_Cells[y][x];
                    Cell.End = {
                        column: Area.End.column,
                        row: Area.End.row
                    }
                } else if (self.Rows_Cells[y][x] != Cell) {
                    self.Rows_Cells[y][x] = Cell;
                    self.Rows[y][x] = null;
                }
            }
        }
    }

    fn.unMergeArea = function (Area) {
        var self = this;
        if (Area.End.row >= self.rowCount) {
            Area.End.row = self.rowCount - 1;
        }
        if (Area.End.column >= self.columnCount) {
            Area.End.column = self.columnCount - 1;
        }
        var bfirst = true;
        for (var x = Area.Start.column; x <= Area.End.column; x++) {
            for (var y = Area.Start.row; y <= Area.End.row; y++) {
                if (bfirst) {
                    var vCell = self.Rows_Cells[y][x];
                    vCell.rowspan = 1;
                    vCell.colspan = 1;
                    vCell.End = {
                        column: x,
                        row: y
                    }
                    bfirst = false;
                } else {
                    var vRow = self.Rows[y];
                    var beforeIndex = x;
                    for (; beforeIndex < self.columnCount; beforeIndex++) {
                        if (vRow[beforeIndex] != null) {
                            break;
                        }
                    }
                    var vCell = self.createCell();
                    vCell.Start = {
                        column: x,
                        row: y
                    }
                    vCell.End = {
                        column: x,
                        row: y
                    }
                    self.Rows_Cells[y][x] = vCell;
                    vRow[x] = vCell;
                }
            }
        }
    }

    //插入一列
    fn.insertColumn = function (beforeIndex) {
        var self = this;
        if (beforeIndex >= self.columnCount) {
            self.addColumn();
            return;
        }
        var Rows_Cells = self.Rows_Cells;
        self.columnWidths.splice(beforeIndex, 0, "")
        for (var y = 0; y < Rows_Cells.length; y++) {
            var leftCell = Rows_Cells[y][beforeIndex - 1];
            var rigthCell = Rows_Cells[y][beforeIndex];
            if (leftCell == rigthCell) {
                rigthCell.End.column += 1;
                for (; y <= rigthCell.End.row; y++) {
                    Rows_Cells[y].splice(beforeIndex, 0, leftCell);
                    self.Rows[y].splice(beforeIndex, 0, null);
                    for (var x = rigthCell.End.column + 1 ; x < self.columnCount + 1; x++) {
                        var Cell = Rows_Cells[y][x];
                        Cell.Start.column++;
                        Cell.End.column++;
                        x = Cell.End.column;
                    }
                }
                y--;
            } else {
                var Cell = self.createCell();
                Cell.Start = {
                    column: beforeIndex,
                    row: y
                }
                Cell.End = {
                    column: beforeIndex,
                    row: y
                }
                var Index = beforeIndex;
                var Cells = self.Rows[y];
                for (; Index < self.columnCount; Index++) {
                    if (Cells[Index] != null) {
                        break;
                    }
                }
                Rows_Cells[y].splice(beforeIndex, 0, Cell);
                self.Rows[y].splice(beforeIndex, 0, Cell);
                for (var x = Cell.End.column + 1 ; x < self.columnCount + 1; x++) {
                    var Cell = Cells[x];
                    if (Cell == null) {
                        continue;
                    }
                    Cell.Start.column++;
                    Cell.End.column++;
                    x = Cell.End.column;
                }
            }
        }
        self.columnCount++;
    }
    //插入一行
    fn.insertRow = function (beforeIndex) {
        var self = this;
        var aboveRow = self.Rows_Cells[beforeIndex - 1];
        var belowRow = self.Rows_Cells[beforeIndex];
        if (belowRow == null) {
            self.addRow();
            return;
        }
        var cRow = [];
        var Row = self.createRow();;
        self.Rows_Cells.splice(beforeIndex, 0, cRow);
        self.Rows.splice(beforeIndex, 0, Row);
        self.rowHeights.splice(beforeIndex, 0, "")
        for (var x = 0; x < self.columnCount ; x++) {
            var aboveCell = aboveRow[x];
            var belowCell = belowRow[x];
            if (aboveCell == belowCell) {
                for (; x <= aboveCell.End.column; x++) {
                    cRow[x] = aboveCell;
                    Row[x] = null;
                }
                aboveCell.End.row++;
                x--;
            } else {
                var Cell = self.createCell();
                Cell.className = "CLCell";
                Cell.Start = {
                    column: x,
                    row: beforeIndex
                }
                Cell.End = {
                    column: x,
                    row: beforeIndex
                }
                cRow[x] = Cell;
                Row[x] = Cell;
            }
        }
        for (var y = beforeIndex + 1; y < self.rowCount + 1 ; y++) {
            var row = self.Rows[y];
            for (var x = 0; x <= self.columnCount; x++) {
                if (row[x] != null) {
                    row[x].Start.row++;
                    row[x].End.row++;
                }
            }
        }
        self.rowCount++;
    }
    //列宽
    fn.columnWidths = null;
    //设置列宽
    fn.setColumnWidth = function (index, width) {
        var self = this;
        self.columnWidths[index] = width;
    }
    //行高
    fn.rowHeights = null;
    //设置行高
    fn.setRowHeight = function (index, height) {
        var self = this;
        self.rowHeights[index] = height;
    }
    //判断一个位置是否有值
    fn.hasVal = function (Pos) {
        var self = this;
        if (self.Rows_Cells[Pos.y][Pos.x].Val === undefined) {
            return false;
        } else {
            return true;
        }
    }

    fn.toStyle = toStyle;

    fn.toCss = toCss;

    //根据索引获取列名
    CLExcel.prototype.getColumnName = fn.getColumnName;
    //根据名称获取索引
    CLExcel.prototype.getColumnIndex = fn.getColumnIndex;
    //根据名称获取索引
    CLExcel.prototype.getRowColumn = fn.getRowColumn;
}());
;/// <reference path="../CLTree/CLTree.js" />
/// <reference path="../CLDialog/CLDialog.js" />
/// <reference path="../CLUI.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\js/Http.js" />

(function () {

    CLRegiste("CLExplorer", null, true);

    var CLExplorer = window.CLExplorer = function CLExplorer(Ele) {
        var self = this;
        if (Ele == null) {
            return;
        }
        self.Ele = Ele;
        Ele.classList.add("CLExplorer");
        var menuBar = self.menuBar = document.createElement("div");
        menuBar.className = "menuBar";
        Ele.appendChild(menuBar);
        var pathDiv = self.pathDiv = document.createElement("div");
        pathDiv.className = "Path";
        menuBar.appendChild(pathDiv);
        var divSearch = document.createElement("div");
        divSearch.className = "CLSearch CLSearchRight";
        divSearch.style.verticalAlign = "top";
        divSearch.style.margin = "7.5px";
        divSearch.style.display = "inline-block";
        divSearch.style.width = "210px";
        divSearch.style.padding = "0";
        divSearch.style.position = "relative";
        menuBar.appendChild(divSearch);
        var searchBtn = document.createElement("div");
        searchBtn.style.position = "absolute";
        searchBtn.style.right = "0px";
        searchBtn.style.width = "23px";
        searchBtn.style.height = "100%";
        searchBtn.style.cursor = "pointer";
        divSearch.appendChild(searchBtn);
        searchBtn.onclick = function () {
            if (!!input.value) {
                divSearch.classList.remove("CLSearching");
                input.value = "";
                self.Search(input.value);
            } else {
                input.focus();
            }
        }

        var input = document.createElement("input");
        input.style.height = "30px";
        input.style.width = "100%";
        input.style.paddingRight = "23px";
        input.setAttribute("placeholder","搜索");
        input.value = "";
        divSearch.appendChild(input);
        input.OnInput(function () {
            if (input.timer != null) {
                clearTimeout(input.timer);
            }
            input.timer = setTimeout(function () {
                clearTimeout(input.timer);
                input.timer = null;
                if (input.Inputed == false) {
                    return;
                }
                if (!!input.value) {
                    divSearch.classList.add("CLSearching");
                } else {
                    divSearch.classList.remove("CLSearching");
                }
                self.Search(input.value);
            }, 500);
        });
        if (IsMobile()) {
            input.style.display = "none";
        }
        self.searchInput = input;
        var View = self.View = document.createElement("div");
        View.setAttribute("tabindex", "1");
        View.className = "View List-View";
        Ele.appendChild(View);
        self.EnableMenu();
        View.onselectstart = function (e) {
            if (e.srcElement.tagName != "INPUT" && e.srcElement.tagName != "TEXTAREA") {
                e.preventDefault();
            }
        }
        View.addEventListener("mousedown", function () {
            self.clearSelect();
        });
        View.addEventListener("keydown", function (e) {
            if (e.key == "Delete") {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                if (self.pathDiv.innerHTML == "回收站") {
                    self.RemoveFromRecycled(Dirs, function () {
                        while (Items.length != 0) {
                            Items[0].remove();
                        }
                    });
                } else {
                    self.DeleteDirs(Dirs, function () {
                        for (; Items.length != 0;) {
                            Items[0].remove();
                        }
                        var items = self.View.querySelectorAll(".Item");
                    });
                }
            }
            if ((e.key == "A" || e.key == "a") && e.ctrlKey) {
                var Items = View.childNodes;
                for (var i = 0; i < Items.length; i++) {
                    Items[i].classList.add("ItemSel");
                }
                e.preventDefault();
            }
            if ((e.key == "C" || e.key == "c") && e.ctrlKey) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Copy(Dirs);
            }
            if ((e.key == "V" || e.key == "v") && e.ctrlKey) {
                self.Paste(self.current());
            }
        });
        self.stateList = [];
        self.stateListForward = [];
        var leftTreeDiv = self.leftTreeDiv = document.createElement("div");
        leftTreeDiv.className = "Tree";
        leftTreeDiv.oncontextmenu = function (e) {
            e.stopPropagation();
            return false;
        }
        Ele.appendChild(leftTreeDiv);
        self.showLeftTree();
        if (IsMobile()) {
            pathDiv.style.width = "100%";
            leftTreeDiv.classList.add("HideTree");
            View.style.left = 0;
            Ele.addEventListener("touchstart", function (e) {
                function touchend(e) {
                    if (e.changedTouches.length == 1) {
                        var Touch = e.changedTouches[0];
                        var X = Touch.clientX - leftTreeDiv.FromX;
                        var Y = Touch.clientY - leftTreeDiv.FromY;
                        if (Y * Y < X * X) {
                            if (X < -20 && View.scrollLeft == 0) {
                                leftTreeDiv.classList.remove("ShowTree");
                                leftTreeDiv.classList.add("HideTree");
                            } else if (X > 20 && View.scrollLeft == View.scrollWidth - View.clientWidth) {
                                leftTreeDiv.classList.remove("HideTree");
                                leftTreeDiv.classList.add("ShowTree");
                            }
                        }
                    }
                }
                if (e.changedTouches.length == 1) {
                    //开始滑动
                    var Touch = e.changedTouches[0];
                    leftTreeDiv.FromX = Touch.clientX;
                    leftTreeDiv.FromY = Touch.clientY;
                    window.addEventListener("touchend", touchend);
                }
            });
        }
    }

    var fn = CLExplorer.prototype;
    //容器
    fn.Ele = null;
    //路径容器
    fn.pathDiv = null;
    //menuBar
    fn.menuBar = null;
    //左树容器
    fn.leftTreeDiv = null;
    //左树
    fn.leftTree = null;
    //文件夹显示容器
    fn.View = null;
    //搜索框 
    fn.searchInput = null;
    //后退按钮
    fn.backBtn = null;
    //前进按钮
    fn.forwardBtn = null;
    //搜素
    fn.Search = function (sVal) { }
    //桌面应用
    fn.DefDesktopApps = (function () {
        var 系统 = {
            ID: "System",
            UserID: "System",
            Name: "系统"
        }
        var 我的电脑 = {
            ID: "User",
            UserID: null,
            Name: "我的电脑"
        }
        var Apps = [
            {
                "ID": "",
                "Name": "系统",
                "openCmd": "Sys.OpenDir(" + JSON.stringify(系统) + ")"
            },
            {
                "ID": "",
                "Name": "我的电脑",
                "openCmd": "Sys.OpenDir(" + JSON.stringify(我的电脑) + ")"
            }
        ];
        return Apps;
    }());
    //获取左边数据
    fn.getLeftTree = function () {
        return [
        ];
    }
    fn.getUserId = function () {
        return null;
    }
    //名称比较
    fn.NameCmp = function (Name1, Name2) {
        var N1 = 0;
        var N2 = 0;
        Name1 = Name1.toLocaleLowerCase();
        Name2 = Name2.toLocaleLowerCase()
        var i1 = Name1.search(/\([0-9]+\).*/);
        var i2 = Name2.search(/\([0-9]+\).*/);
        if (i1 >= 0) {
            N1 = parseInt(Name1.substring(i1 + 1, Name1.indexOf(")", i1)));
            var index = Name1.lastIndexOf(".");
            Name1 = Name1.substr(0, i1) + (index < 0 ? "" : Name1.substr(index));
        }
        if (i2 >= 0) {
            N2 = parseInt(Name2.substring(i2 + 1, Name2.indexOf(")", i2)));
            var index = Name2.lastIndexOf(".");
            Name2 = Name2.substr(0, i2) + (index < 0 ? "" : Name2.substr(index));
        }
        if (Name1 == Name2) {
            return N1 - N2;
        } else {
            return CLStrCmp(Name1, Name2);
        }
    }
    //显示左树
    fn.showLeftTree = function () {
        var self = this;
        var dataTree = {
            ID: "所有",
            Name: "所有",
            SubNode: self.getLeftTree()
        }
        var leftTree = self.leftTree = new CLTree(dataTree);
        leftTree.Editable = false;
        leftTree.Animation = false;
        leftTree.OnItemCreated = function (Item,ItemData) {
            if (ItemData.Cnt > 0) {
                Item.classList.remove("NoChild");
            }
            Item.setAttribute("type", ItemData.Type);
            if (ItemData.ID != "所有") {
                var open = Item.Open;
                Item.Open = function () {
                    if (Item.ItemData.Cnt != 0 && Item.ItemData.Type == 0 && (Item.ItemData.SubNode == null || Item.ItemData.SubNode.length < Item.ItemData.Cnt)) {
                        self.GetDirInfoEx(Item.ItemData, function (data) {
                            while (Item.SubNode != null && Item.SubNode.childNodes.length != 0) {
                                Item.SubNode.childNodes[0].Remove()
                            }
                            Item.ItemData.SubNode = [];
                            for (var i = 0; data && i < data.length; i++) {
                                if (data[i] == null) {
                                    continue;
                                }
                                Item.addChild(data[i]);
                            }
                            Item.ItemData.Cnt = Item.ItemData.SubNode.length;
                            if (document.contains(Item)) {
                                open.call(Item);
                            }
                            if (data.length == 0) {
                                Item.classList.add("NoChild");
                            } else {
                                Item.classList.remove("NoChild");
                            }
                        });
                    } else {
                        open.call(Item);
                        if (Item.SubNode.offsetHeight == 0) {
                            Item.classList.add("NoChild");
                        }
                    }
                }
                Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
            } else {
                Item.firstChild.style.display = "none";
            }
            if (ItemData.Type == 0) {
                if (ItemData.ParentID == null) {
                    Item.Icon.classList.add("Pc");
                } else if (ItemData.Name == "回收站" && (ItemData.ParentID == "User" || ItemData.ParentID == "System")) {
                    Item.Icon.classList.add("Recycled");
                } else {
                    Item.Icon.classList.add("Dir");
                }
            }
        }
        leftTree.OnSelected = function (ItemData) {
            if (ItemData.Type == 0) {
                self.OpenDir(ItemData, true);
            } else {
                //self.OpenFile(ItemData);
            }
        }
        leftTree.Render(self.leftTreeDiv);
    }
    //获取桌面应用
    fn.GetDesktopApps = function (Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetDesktopApps";
        HttpPost(Url, function (Json) {
            if (Json.data == null) {
                Success(self.DefDesktopApps);
            } else {
                Success(Json.data);
            }
        }, {
        });
    }
    //是否开启浏览器前进回退
    fn.browserPushStateEnable = false;
    //开启浏览器前进后退
    fn.EnableBrowserPushState = function (Dir) {
        var self = this;
        self.browserPushStateEnable = true;
        var end = false;
        var Len = history.length;
        self.PushState = function (DirInfo) {
            var self = this;
            end = false;
            if (self.stateList == null) {
                self.stateList = [];
            }
            self.stateList.push(DirInfo);
            history.pushState(DirInfo, "", document.URL);
        }
        window.addEventListener('popstate', function (e) {
            if (history.state != null && history.state.UserID === undefined) {
                return;
            }
            if (history.state == null && self.stateList[0] != null) {
                history.go(-1);
            }
            if (Len > history.length) {
                self.stateList.pop();
            } else {
                self.stateList.push(history.state);
            }
            Len = history.length;
            self.OpenDir(history.state, false);
        });
        if (top != window && window.frameElement.id.length != 0) {
            var Key = "CLExplorer_StateList_" + window.frameElement.id;
            window.addEventListener("unload", function () {
                if (self.stateList != null) {
                    localStorage.setItem(Key, JSON.stringify(self.stateList));
                    localStorage.setItem("UserID", self.getUserId());
                }
            });
            var UserID = localStorage.getItem("UserID");
            if (UserID == self.getUserId()) {
                var sData = localStorage.getItem(Key);
                if (sData != null && sData != "null" && sData != "") {
                    self.stateList = JSON.parse(sData);
                    for (var i = 0; i < self.stateList.length; i++) {
                        history.pushState(self.stateList[i], "", document.URL);
                    }
                }
            }
            if (self.stateList == null) {
                self.stateList = [];
            }
            if (Dir == null) {
                self.OpenDir(self.stateList[self.stateList.length - 1], false);
            } else {
                self.OpenDir(Dir, self.stateList[self.stateList.length - 1] != null && Dir != null && self.stateList[self.stateList.length - 1].ID != Dir.ID);
            }
        } else {
            if (history.state != null ) {
                if (history.state.constructor == {}.constructor) {
                    if (Dir == null) {
                        self.OpenDir(history.state, false);
                    } else {
                        self.OpenDir(Dir, history.state.ID != Dir.ID);
                    }
                } else {
                    history.go(-1);
                }
            } else {
                self.OpenDir(Dir, Dir != null);
            }
        }
    }
    //开启前进后退
    fn.EnablePushState = function () {
        var self = this;
        self.pathDiv.style.width = "calc(100% - 310px)";
        var backBtn = self.backBtn = document.createElement("div");
        backBtn.className = "Btn";
        backBtn.innerHTML = "&#xe679;";
        backBtn.onselectstart = function () { return false; }
        backBtn.onclick = function () {
            self.goBack();
        }

        self.menuBar.insertBefore(backBtn, self.pathDiv);
        var forwardBtn = self.forwardBtn = backBtn.cloneNode();
        forwardBtn.innerHTML = "&#xe6a3;";
        forwardBtn.onselectstart = function () { return false; }
        self.menuBar.insertBefore(forwardBtn, self.pathDiv);
        forwardBtn.onclick = function () {
            self.goForward();
        }
    }
    //获取桌面菜单
    fn.GetDesktopMenuItems = function (Items) {
        return Items;
    }
    //获取文件夹菜单
    fn.GetDirMenuItems = function (Items,divDir) {
        return Items;
    }
    //开启桌面菜单
    fn.EnableMenu = function () {
        var self = this;
        self.Ele.oncontextmenu = function (e) {
            e.preventDefault();
            var Menu = {
                "style": {
                    "width": "180px",
                    "max-height": "100%",
                    "overflow-y": "auto",
                },
                "Items": []
            };
            var Items = Menu.Items;
            if (self.pathDiv.innerHTML != "回收站") {
                Items.push({
                    "Text": "新建目录",
                    "Enable": true,
                    "CallBack": function (e) {
                        var curPath = self.stateList[self.stateList.length - 1];
                        self.CreateDir(curPath, function (Dir) {
                            var div = self.AppendDir(Dir);
                            self.StartRenameDir(div);
                        });
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "添加文件",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.CreateFile(self.stateList[self.stateList.length - 1], function (Dir) {
                            var div = self.AppendDir(Dir);
                            self.StartRenameDir(div);
                        });
                        _CLMenu.Close();
                    }
                });
                if (self.pathDiv.innerHTML != "桌面") {
                    Items.push({
                        "Text": "转到桌面",
                        "Enable": true,
                        "CallBack": function (e) {
                            self.OpenDir();
                            _CLMenu.Close();
                        }
                    });
                }
                Items.push({
                    "Text": "刷新",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.OpenDir(self.stateList[self.stateList.length - 1], false);
                        _CLMenu.Close();
                    }
                });

                Items.push({
                    "Text": "粘贴",
                    "Enable": self.copyData != null || self.cutData != null,
                    "CallBack": function (e) {
                        self.Paste(self.stateList[self.stateList.length - 1]);
                        _CLMenu.Close();
                    }
                });
            }

            Menu.Items = self.GetDesktopMenuItems(Items);
            var _CLMenu = new CLMenu(Menu);
            _CLMenu.Reset(e);
        }
    }
    //创建目录
    fn.CreateDir = function (DirInfo, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpCreateDir";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success(Json.data);
            }
        }, {
            DirInfo: DirInfo
        });
    }
    //上传文件
    fn.UpLoadFiles = function (DirInfo, Files, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpUploadFiles";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success(Json.data);
            }
        }, {
            DirInfo: DirInfo,
            Files: Files
        });
    }
    //创建文件
    fn.CreateFile = function (DirInfo, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpCreateDir";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success(Json.data);
            }
        }, {
            DirInfo: DirInfo,
            Type: 1
        });
    }
    //下载文件
    fn.DownLoad = function (FileInfo) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetFiles";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                CLSaveAsLocal(FileInfo.Name, JSON.stringify(Json.data[FileInfo.ID]));
            }
        }, {
            IDs: [FileInfo.ID]
        });
    }
    //重命名目录
    fn.RenameDir = function (DirInfo, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpRenameDir";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
                Success(false);
            } else {
                Success(true);
            }
        }, {
            DirInfo: DirInfo
        });
    }
    //删除目录
    fn.DeleteDirs = function (DirInfos, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpDeleteDirs";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success();
            }
        }, {
            DirInfos: DirInfos
        });
    }
    //复制的数据
    fn.copyData = null;
    //复制目录
    fn.Copy = function (Dirs) {
        var self = this;
        self.copyData = Dirs;
        self.cutData = null;
    }
    //剪切的数据
    fn.cutData = null;
    //剪切目录
    fn.Cut = function (Dirs) {
        var self = this;
        self.cutData = Dirs;
        self.copyData = null;
    }
    //粘贴目录
    fn.Paste = function (DestDir) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpPasteDirs";
        var data = {
            DestDir: DestDir
        }
        if (self.cutData != null) {
            data.Cut = self.cutData;
        }
        if (self.copyData != null) {
            data.Copy = self.copyData;
        }
        HttpPost(Url, function (Json) {
            self.cutData = null;
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.OpenDir(DestDir, false);
            }
        }, data);
    }
    //选中文件或文件夹
    fn.Select = function (div) {
        div.classList.add("ItemSel");
    }
    //清除选中
    fn.clearSelect = function (div) {
        var self = this;
        var Items = self.View.getElementsByClassName("ItemSel");
        for (; Items.length != 0;) {
            Items[0].classList.remove("ItemSel");
        }
    }
    //获取选中
    fn.getSelect = function () {
        var self = this;
        return self.View.getElementsByClassName("ItemSel");
    }
    //同步
    fn.SyncCurrentWithDirs = function (dirs,onlyTree) {
        var self = this;
        var Item = self.leftTree.getItemById(self.current().ID);
        if (Item) {
            var SubNode = Item.ItemData.SubNode ? [].concat(Item.ItemData.SubNode) : [];
            var items;
            if (SubNode) {
                SubNode.forEach(function (node) {
                    var has = false;
                    dirs.some(function (ele) {
                        if (ele.ID == node.ID) {
                            has = true;
                            return true;
                        }
                    });
                    if (!has) {
                        var item = self.leftTree.getItemById(node.ID);
                        if (item) {
                            item.Remove();
                        }
                    }
                });
                dirs.forEach(function (dir) {
                    var item = self.leftTree.getItemById(dir.ID);
                    if (!item) {
                        Item.addChild(CLClone(dir));
                    }
                });
                items = [];
                items.CLConcat(Item.SubNode.childNodes);
                var temp = [];
                dirs.forEach(function (dir) {
                    items.forEach(function (item) {
                        if (item.ItemData.ID == dir.ID) {
                            temp.push(item);
                        }
                    });
                });
                temp.forEach(function (item) {
                    Item.SubNode.appendChild(item);
                });
            }
            if (onlyTree) {
                return;
            }
        }
        items = [];
        items.CLConcat(self.View.querySelectorAll(".Item"));
        items.forEach(function (node) {
            var has = false;
            dirs.some(function (ele) {
                if (ele.ID == node.Dir.ID) {
                    has = true;
                    return true;
                }
            });
            if (!has) {
                node.remove();
            }
        });
        items = [];
        items.CLConcat(self.View.querySelectorAll(".Item"));
        var append = [];
        dirs.forEach(function (dir) {
            var has = false;
            items.some(function (item) {
                if (item.Dir.ID == dir.ID) {
                    has = true;
                    return true;
                }
            });
            if (!has) {
                append.push(dir);
            }
        });
        var select = self.getSelect().length == 0;
        append.forEach(function (dir) {
            var div = self.AppendDir(dir);
            if (select) {
                self.Select(div);
            }
        });
        items = [];
        items.CLConcat(self.View.querySelectorAll(".Item"));
        var temp = [];
        dirs.forEach(function (dir) {
            items.forEach(function (item) {
                if (item.Dir.ID == dir.ID) {
                    temp.push(item);
                }
            });
        });
        temp.forEach(function (item) {
            self.View.appendChild(item);
        });
    }
    //获取目录信息
    fn.GetDirInfo = function (DirInfo, Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetDirInfo";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
                Success();
            } else {
                var data = Json.data;
                for (var i = 0; i < data.length ; i++) {
                    data[i].FSize = data[i].Size == null ? null : (data[i].Size / 1024).toFixed(2) + "KB";
                    if (data[i].Type == 0) {
                        data[i].FType = "文件夹";
                    } else {
                        var name = data[i].Name;
                        var Ext = name.substring(name.lastIndexOf("."), name.length);
                        if (data[i].Name.indexOf(".xlsx")) {
                            data[i].FType = "XLSX工作表";
                        }else if (data[i].Name.indexOf(".frm")) {
                            data[i].FType = "FRM复合报表";
                        }else if (data[i].Name.indexOf(".tpl")) {
                            data[i].FType = "TPL网页模板";
                        }else if (data[i].Name.indexOf(".sou")) {
                            data[i].FType = "Source数据查询器";
                        } else if (data[i].Name.indexOf(".mni")) {
                            data[i].FType = "Monitor数据监视器";
                        } else if (data[i].Name.indexOf(".sub")) {
                            data[i].FType = "Subscribe数据订阅";
                        } else {
                            data[i].FType = "未知文档类型";
                        }
                    }
                }
                Success(Json.data);
            }
        }, {
            DirInfo: DirInfo
        });
    }
    fn.LoadingDirs = null;
    //获取目录信息
    fn.GetDirInfoEx = function (DirInfo, Success) {
        var self = this;
        if (self.LoadingDirs == null) {
            self.LoadingDirs = {};
        }
        if (self.LoadingDirs[DirInfo.ID] == null) {
            self.LoadingDirs[DirInfo.ID] = {
                Callbacks: [
                    Success
                ]
            };
            self.GetDirInfo(DirInfo, function (Dirs) {
                self.LoadingDirs[DirInfo.ID].Callbacks.forEach(function (f) {
                    if (Dirs) {
                        f(Dirs);
                    }
                });
                delete self.LoadingDirs[DirInfo.ID];
            });
        } else {
            self.LoadingDirs[DirInfo.ID].Callbacks.push(Success);
        }

    }
    //获取路径信息
    fn.GetPathInfo = function (DirInfo, Success) {
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetPathInfo";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success(Json.data);
            }
        }, {
            DirInfo: DirInfo
        });
    }
    //显示路径信息
    fn.ShowPathInfo = function (PathInfo) {
        var self = this;
        self.pathDiv.innerHTML = "";
        var label = document.createElement("span");
        label.className = "Label";
        self.pathDiv.appendChild(label);
        var id = self.getUserId() == "System" ? "System" : "User";
        if (PathInfo[0].ID != id) {
            PathInfo.splice(0, 0, { "ID": id, "UserID": null, "Name": "我的电脑" });
        }
        for (var i = 0; PathInfo != null && i < PathInfo.length; i++) {
            label = label.cloneNode();
            label.innerHTML = PathInfo[i].Name;
            if (i == 0) {
                label.innerHTML += ":/";
            }
            if (i != PathInfo.length - 1 || PathInfo.length == 1) {
                label.innerHTML += "/";
            }
            label.Info = PathInfo[i];
            if (i != PathInfo.length - 1) {
                label.onclick = function () {
                    self.OpenDir(this.Info);
                }
            }
            self.pathDiv.appendChild(label);
        }
    }
    //显示属性对话框
    fn.FilePropDlg = function () {
        var self = this;
    }
    //打开文件
    fn.OpenFile = function (DirInfo) {
        var self = this;
        if (DirInfo.openCmd) {
            self.Execute(DirInfo.openCmd);
        }
        else {
            var index = DirInfo.Name.lastIndexOf(".");
            if (index < 0) {
                CLShowMsg("不知道如何打开该文件");
                return;
            }
            var Ext = DirInfo.Name.substring(index + 1, DirInfo.Name.length)
            var cmd = self.GetDefOpenCmd(Ext, DirInfo);
            if (cmd != null) {
                self.Execute(cmd);
            } else {
                CLShowMsg("不知道如何打开该文件");
            }
        }
    }
    //编辑文件
    fn.EditFile = function (DirInfo) {
        var self = this;
        var index = DirInfo.Name.lastIndexOf(".");
        if (index < 0) {
            return;
        }
        var Ext = DirInfo.Name.substring(index + 1, DirInfo.Name.length)
        var cmd = self.GetDefEditCmd(Ext, DirInfo);
        if (cmd != null) {
            self.Execute(cmd);
        }
    }
    //开始重命名目录
    fn.StartRenameDir = function (divDir) {
        var self = this;
        var Dir = divDir.Dir;
        var divName = divDir.querySelector(".Name").firstChild;
        self.StartEditDir(divName, function (sName) {
            sName = sName.trim();
            if (!sName || sName[0] == ".") {
                divName.innerText = Dir.Name = divName.oldText;
                CLShowMsg("请输入文件名");
                return;
            }
            Dir.Name = sName;
            self.RenameDir(Dir, function (bSuccess) {
                if (bSuccess != true) {
                    divName.innerText = Dir.Name = divName.oldText;
                } else {
                    if (Dir.Type == 1) {
                        self.clearExtClass(divDir);
                        if (Dir.Name.indexOf(".") < 0) {
                            divDir.classList.add("Js");
                        } else {
                            var Ext = Dir.Name.substring(Dir.Name.lastIndexOf(".") + 1, Dir.Name.length);
                            divDir.classList.add(self.GetExtClass(Ext));
                        }
                    }
                }
            });
        });
    }
    //设置图标
    fn.SetDirIcon = function (divDir, sIcon) {
        var self = this;
        if (!sIcon) {
            divDir.classList.remove("CusIcon");
            var Icon = divDir.querySelector(".Icon");
            if (Icon) {
                Icon.remove();
            }
        } else {
            divDir.classList.add("CusIcon");
            if (divDir.firstChild.firstChild.classList.contains("Icon")) {
                divDir.firstChild.firstChild.style.backgroundImage = "url('" + sIcon + "')";
            } else {
                var Icon = document.createElement("div");
                Icon.className = "Icon";
                Icon.style.backgroundImage = "url('" + sIcon + "')";
                divDir.firstChild.insertBefore(Icon, divDir.firstChild.firstChild);
            }
            var Item = self.leftTree.getItemById(divDir.Dir.ID);
            if (Item) {
                Item.Icon.style.backgroundImage = "url('" + sIcon + "')";
            }
        }
    }
    //显示一个目录
    fn.ShowDir = function (Dir) {
        var self = this;
        var html = "<div class='Item";
        if (Dir) {
            if (Dir.Name == null) {
                Dir.Name = "";
            }
            var Ext = Dir.Name.substring(Dir.Name.lastIndexOf(".") + 1, Dir.Name.length);
            if (Dir && Dir.Type == 1) {
                html += " " + self.GetExtClass(Ext);
            } else if (Dir.Name == "回收站" && (Dir.ParentID == "User" || Dir.ParentID == "System")) {
                html += " Recycled";
            } else {
                html += " Dir";
            }
            if (Dir.IsHidden) {
                html += " HiddenDir";
            }
            if (Dir.IsSys) {
                html += " SysDir";
            }
        }
        html += "'>";
        if (Dir) {
            html += "<div>";
            html += "<div class='Name'><span>" + Dir.Name + "</span></div>";
            html += "<div class='updateDt'>" + Dir.updateDt + "</div>";
            html += "<div class='FType'>" + (!!Dir.FType ? Dir.FType : "") + "</div>";
            html += "<div class='FSize'>" + (!!Dir.Size ? Dir.FSize : "") + "</div>";
            html += "</div>";
        }
        html += "</div>";
        return html;
    }
    //添加显示
    fn.AppendDir = function (Dir) {
        var self = this;
        var html = self.ShowDir(Dir);
        var div = document.createElement("div");
        div.innerHTML = html;
        var divDir = div.firstChild;
        divDir.Dir = Dir;
        self.View.appendChild(divDir);
        if (Dir) {
            self.AfterAppend(divDir);
        }
        return divDir;
    }
    //获取选中内容
    fn.getSelects = function () {
        var self = this;
        var Items = self.View.getElementsByClassName("ItemSel");
        var DirInfos = [];
        for (var i = 0; i < Items.length; i++) {
            DirInfos.push(Items[i].Dir);
        }
        return DirInfos;
    }
    //文件夹或文件创建完成事件
    fn.OnDirCreated = function (divDir) {

    }
    //清理View
    fn.clearView = function () {
        var self = this;
        self.View.innerHTML = "";
    }
    //后续处理
    fn.AfterAppend = function (divDir) {
        var self = this;
        var Dir = divDir.Dir;
        divDir.addEventListener("mousedown", function (e) {
            e.stopPropagation();
        });
        divDir[IsMobile() ? "onclick" : "ondblclick"] = function (e) {
            if (Dir.Type == 0) {
                if (e.ctrlKey) {
                    self.OpenDir2(Dir);
                } else {
                    self.OpenDir(Dir);
                }
            } else {
                self.OpenFile(Dir);
            }
        }
        divDir.dataMenu = {
            "style": {
                "width": "180px",
                "max-height": "100%",
                "overflow-y": "auto",
            },
            "Items": []
        };
        var Items = divDir.dataMenu.Items;
        Items.push({
            "Text": "打开",
            "Enable": true,
            "CallBack": function (e) {
                if (Dir.Type == 0) {
                    if (e.ctrlKey) {
                        self.OpenDir2(Dir);
                    } else {
                        self.OpenDir(Dir);
                    }
                } else {
                    self.OpenFile(Dir);
                }
                divDir._CLMenu.Close();
            }
        });
        if (Dir.Type == 1) {
            Items.push({
                "Text": "编辑",
                "Enable": true,
                "CallBack": function (e) {
                    self.EditFile(Dir);
                    divDir._CLMenu.Close();
                }
            });
        }
        Items.push({
            "Text": "剪切",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Cut(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "复制",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Copy(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "粘贴",
            "Enable": true,
            "CallBack": function (e) {
                self.Paste(self.current());
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "重命名",
            "Enable": true,
            "CallBack": function (e) {
                divDir._CLMenu.Close();
                self.StartRenameDir(divDir);
            }
        },
        {
            "Text": "删除",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.DeleteDirs(Dirs, function () {
                    for (; Items.length != 0;) {
                        Items[0].remove()
                    }
                });
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "属性",
            "Enable": true,
            "CallBack": function (e) {
                divDir._CLMenu.Close();
            }
        });

        divDir.oncontextmenu = function (e) {
            e.preventDefault();
            e.stopPropagation();
            if (divDir.Dir == null) {
                return;
            }
            divDir.dataMenu.Items = self.GetDirMenuItems(divDir.dataMenu.Items, divDir);
            divDir._CLMenu = new CLMenu(divDir.dataMenu);
            divDir._CLMenu.Reset(e);
        }

        divDir.onmousedown = function (e) {
            var divDir = this;
            if (e.shiftKey) {
                var Items = self.getSelects();
                if (divDir.classList.contains("ItemSel") || Items.length == 0) {
                    self.clearSelect();
                    self.Select(divDir);
                } else {
                    var lChild = divDir.previousSibling;
                    var rChild = divDir.nextSibling;
                    while (lChild && !lChild.classList.contains("ItemSel") && rChild && !rChild.classList.contains("ItemSel")) {
                        lChild = lChild.previousSibling;
                        rChild = rChild.nextSibling;
                    }
                    if (lChild == null) {
                        while (!rChild.classList.contains("ItemSel")) {
                            rChild = rChild.nextSibling;
                        }
                        while (rChild != divDir) {
                            rChild = rChild.previousSibling;
                            self.Select(rChild);
                        }
                    } else if (rChild == null) {
                        while (!lChild.classList.contains("ItemSel")) {
                            lChild = lChild.previousSibling;
                        }
                        while (lChild != divDir) {
                            lChild = lChild.nextSibling;
                            self.Select(lChild);
                        }
                    } else {
                        if (rChild.classList.contains("ItemSel")) {
                            while (rChild != divDir) {
                                rChild = rChild.previousSibling;
                                self.Select(rChild);
                            }
                        } else {
                            while (lChild != divDir) {
                                lChild = lChild.nextSibling;
                                self.Select(lChild);
                            }
                        }
                    }
                }
            } else {
                if (!e.ctrlKey && e.button == 0) {
                    self.clearSelect();
                    self.Select(divDir);
                } else if (e.ctrlKey && e.button == 0) {
                    if (divDir.classList.contains("ItemSel")) {
                        divDir.classList.remove("ItemSel");
                    } else {
                        self.Select(divDir);
                    }
                }
            }
        }

        divDir.onmouseup = function (e) {
            var div = this;
            if (!e.ctrlKey && !e.currentTarget.classList.contains("ItemSel")) {
                self.clearSelect();
                self.Select(div);
            }
        }

        self.OnDirCreated(divDir);
        if (!!Dir.Icon) {
            self.SetDirIcon(divDir,Dir.Icon);
        }
    }
    //显示目录
    fn.ShowDirInfo = function (DirInfo, bPushState) {
        var self = this;
        self.clearView();
        self.View.setAttribute("Empty", "这个文件夹是空的!");
        var html = "";
        for (var i = 0; i < DirInfo.length; i++) {
            html += self.ShowDir(DirInfo[i]);
        }
        self.View.innerHTML = html;
        var childNodes = self.View.querySelectorAll(".Item");
        for (var i = 0; i < childNodes.length; i++) {
            childNodes[i].Dir = DirInfo[i];
            self.AfterAppend(childNodes[i]);
        }
    }
    //打开目录
    fn.OpenDir = function (DirInfo, bPushState) {
        var self = this;
        self.currentDir = DirInfo;
        CLMenu.Clear();
        if (!!self.searchInput.value) {
            self.searchInput.value = null;
            self.Search(null);
        }
        var ItemSel = self.leftTree.getItemSel();
        var Item;
        if (DirInfo != null && (ItemSel == null || ItemSel.ItemData.ID != DirInfo.ID)) {
            var OnSelected = self.leftTree.OnSelected;
            self.leftTree.OnSelected = function () { };
            Item = self.leftTree.Select(DirInfo.ID);
            if (Item != null) {
                Item.Open();
            }
            self.leftTree.OnSelected = OnSelected;
        }
        if (DirInfo != null && (DirInfo.bRecycled == true || DirInfo.Name == "回收站" && (DirInfo.ParentID == "User" || DirInfo.ParentID == "System"))) {
            if (bPushState != false) {
                self.PushState(DirInfo);
            }
            self.OpenRecycled(DirInfo.UserID);
        } else if (DirInfo == null || DirInfo.Name == "桌面" && (DirInfo.ParentID == "User" || DirInfo.ParentID == "System")) {
            if (bPushState != false) {
                self.PushState(DirInfo);
            }
            self.GetDesktopApps(function (DesktopApps) {
                self.ShowDesktop(DesktopApps);
            });
            self.pathDiv.innerHTML = "桌面";
        } else {
            self.GetDirInfoEx(DirInfo, function (DirInfos) {
                if (bPushState != false) {
                    self.PushState(DirInfo);
                }
                self.ShowDirInfo(DirInfos);
                self.SyncCurrentWithDirs(DirInfos, true);
                self.GetPathInfo(DirInfo, function (pathInfo) {
                    self.ShowPathInfo(pathInfo);
                });
            });
        }
    }
    fn.OpenDir2 = fn.OpenDir;
    //从回收站还原
    fn.RecoverFromRecycled = function (DirInfos, Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpRecoverFromRecycled";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success();
            }
        }, {
            DirInfos: DirInfos
        });
    }
    //从回收站删除
    fn.RemoveFromRecycled = function (DirInfos,Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpRemoveFromRecycled";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success();
            }
        }, {
            DirInfos: DirInfos
        });
    }
    //获取回收站
    fn.GetRecycled = function (UserID, Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetRecycled";
        HttpPost(Url, function (Json) {
            if (Json.data == null) {
                Success([]);
            } else {
                Success(Json.data);
            }
        }, {
            UserID: UserID
        });
    }
    //显示回收站
    fn.ShowRecycled = function (DirInfos) {
        var self = this;
        self.clearView();
        self.View.setAttribute("Empty", "这个文件夹是空的!");
        for (var i = 0; i < DirInfos.length; i++) {
            var div = self.AppendDir(DirInfos[i]);
            div.ondblclick = null;
            div.dataMenu.Items = [
                {
                    "Text": "还原",
                    "Enable": true,
                    "div":div,
                    "CallBack": function (e) {
                        var div = this.div;
                        var Items = self.getSelect();
                        var Dirs = [];
                        for (var i = 0; i < Items.length; i++) {
                            Dirs.push(Items[i].Dir);
                        }
                        self.RecoverFromRecycled(Dirs, function () {
                            while (Items.length != 0) {
                                Items[0].remove();
                            }
                        });
                        div._CLMenu.Close();
                    }
                },
                {
                    "Text": "删除",
                    "Enable": true,
                    "div": div,
                    "CallBack": function (e) {
                        var div = this.div;
                        var Items = self.getSelect();
                        var Dirs = [];
                        for (var i = 0; i < Items.length; i++) {
                            Dirs.push(Items[i].Dir);
                        }
                        self.RemoveFromRecycled(Dirs, function () {
                            while (Items.length != 0) {
                                Items[0].remove();
                            }
                        });
                        div._CLMenu.Close();
                    }
                },
                {
                    "Text": "属性",
                    "Enable": true,
                    "div": div,
                    "CallBack": function (e) {
                        var div = this.div;
                        div._CLMenu.Close();
                    }
                }
            ];
        }
    }
    //显示桌面
    fn.ShowDesktop = function (DesktopApps) {
        var self = this;
        self.clearView();
        self.View.setAttribute("Empty", "这个文件夹是空的!");
        for (var i = 0; i < DesktopApps.length; i++) {
            var div = self.AppendDir(DesktopApps[i]);
            if (DesktopApps[i].Name == "系统" || DesktopApps[i].Name == "我的电脑") {
                div.className = "Item Pc";
                div.dataMenu.Items = [div.dataMenu.Items[0]];
            }
            if (DesktopApps[i].Name == "回收站") {
                div.className = "Item Recycled";
                div.dataMenu.Items = [div.dataMenu.Items[0]];
            }
        }
    }
    //打开回收站
    fn.OpenRecycled = function (UserID) {
        var self = this;
        self.GetRecycled(UserID, function (DirInfos) {
            self.ShowRecycled(DirInfos);
            self.pathDiv.innerHTML = "回收站";
        });
    }
    //获取扩展图标
    fn.GetExtClass = function (Ext) {
        var path = CLUIPath + "CLPreView/";
        var Imgs = ["gif", "jpg", "jpeg", "png", "bmp"];
        var Music = ["wav", "mp3", "wma", "aac", "ogg"];
        var Video = ["mp4", "m4v", "webm", "mov"];
        var Other = ["js", "json", "csv", "doc", "docx", "pdf", "ppt", "pptx", "rar", "txt", "xls", "xlsx", "zip", "frm", "tpl", "fun"];
        Ext = Ext.toLocaleLowerCase();
        if (Imgs.indexOf(Ext) >= 0) {
            if (Ext == "jpeg") {
                return "Jpeg";
            }
            if (Ext == "jpg") {
                return "Jpg";
            }
            if (Ext == "png") {
                return "Png";
            }
            return null;
        }
        var Class = null;
        if (Music.indexOf(Ext) >= 0) {
            Class = "Music";
        } else if (Video.indexOf(Ext) >= 0) {
            Class = "Video";
        } else if (Other.indexOf(Ext) >= 0) {
            Class = Ext;
            Class = Class[0].toLocaleUpperCase() + Class.substring(1, Class.length);
        } else {
            Class = "Unknown";
        }
        return Class;
    }
    //移除扩展图标类
    fn.clearExtClass = function (divItem) {
        var Names = ["music", "video", "csv", "doc", "docx", "pdf", "ppt", "pptx", "rar", "txt", "xls", "xlsx", "zip", "frm", "tpl", "fun"];
        for (var i = 0; i < divItem.classList.length; i++) {
            if (Names.indexOf(divItem.classList[i].toLocaleLowerCase()) >= 0) {
                divItem.classList.remove(divItem.classList[i]);
                return;
            }
        }
    }
    //获取默认打开命令
    fn.GetDefOpenCmd = function (Ext, DirInfo) {
        var self = this;
        Ext = Ext.toLocaleLowerCase();
        Ext = Ext[0].toLocaleUpperCase() + Ext.substring(1, Ext.length);
        if (self["DefOpen" + Ext] != null) {
            return "self.DefOpen" + Ext + "(" + JSON.stringify(DirInfo) + ")";
        } else {
            return null;
        }
    }
    //获取默认编辑命令
    fn.GetDefEditCmd = function (Ext, DirInfo) {
        var self = this;
        Ext = Ext.toLocaleLowerCase();
        Ext = Ext[0].toLocaleUpperCase() + Ext.substring(1, Ext.length);
        if (self["DefEdit" + Ext] != null) {
            return "self.DefEdit" + Ext + "(" + JSON.stringify(DirInfo) + ")";
        } else {
            return null;
        }
    }
    //开始编辑
    fn.StartEditDir = function (div, End) {
        div.oldText = div.innerText.replace("\n", "");
        CLStartEdit(div, function (sName) {
            var chars = [
                "*",
                "\\",
                "|",
                "?",
                "\"",
                "/",
                ">",
                "<",
                ":",
            ];
            for (var i = 0; i < chars.length ; i++) {
                if (sName.indexOf(chars[i]) >= 0) {
                    div.innerText = div.oldText;
                    CLShowMsg("包含非法字符:'" + chars[i] + "'");
                    return;
                }
            }
            if (sName.length == 0) {
                div.innerText = div.oldText;
                return;
            }
            if (div.innerText == div.oldText) {
                return;
            }
            End(sName);
        });
    }
    //当前显示目录
    fn.currentDir = null;
    //当前显示目录
    fn.current = function () {
        var self = this;
        return self.currentDir;
    }
    //状态栈
    fn.stateListForward = null;
    //状态栈
    fn.stateList = null;
    //后退
    fn.goBack = function () {
        var self = this;
        if (self.stateList.length == 1) {
            return ;
        }
        self.stateListForward.push(self.stateList.pop());
        self.OpenDir(self.stateList[self.stateList.length - 1], false);
        if (self.stateList.length == 1) {
            self.backBtn.style.opacity = "";
        }
        self.forwardBtn.style.opacity = 1;
    }
    //前进
    fn.goForward = function () {
        var self = this;
        if (self.stateListForward.length == 0) {
            return;
        }
        self.stateList.push(self.stateListForward.pop());
        self.OpenDir(self.stateList[self.stateList.length - 1], false);
        self.backBtn.style.opacity = 1;
        if (self.stateListForward.length == 0) {
            self.forwardBtn.style.opacity = "";
        }
    }
    //状态入栈
    fn.PushState = function (DirInfo) {
        var self = this;
        if (self.stateList == null) {
            self.stateList = [];
        }
        self.stateList.push(DirInfo);
        if (self.backBtn && self.stateList.length > 1) {
            self.backBtn.style.opacity = 1;
        }
        if (self.forwardBtn) {
            self.forwardBtn.style.opacity = "";
        }
        self.stateListForward = [];
    }
    //执行代码
    fn.Execute = function (sCode) {
        (function () {
            var Sys = this;
            var self = this;
            eval(sCode);
        }).call(this);
    }
}());

(function () {
    
    var DirTreeView = window.DirTreeView = function DirTreeView(Ele) {
        CLExplorer.call(this, Ele);
    }

    var fn = DirTreeView.prototype = Object.create(CLExplorer.prototype);

    fn.constructor = DirTreeView;

    fn.OpenDir = function (DirInfo, bPushState) {
        var self = this;
        if (DirInfo == null) {
            if (bPushState != false) {
                self.PushState(DirInfo);
            }
            return;
        } else {
            CLExplorer.prototype.OpenDir.call(this, DirInfo, bPushState);
        }
    }
    //获取左边数据
    fn.getLeftTree = function () {
        return [
        ];
    }
    //获取桌面应用
    fn.GetDesktopApps = function (Success) { }
    //创建目录
    fn.CreateDir = function (DirInfo, Success) { }
    //创建文件
    fn.CreateFile = function (DirInfo, Success) { }
    //重命名目录
    fn.RenameDir = function (DirInfo, Success) { }
    //删除目录
    fn.DeleteDirs = function (DirInfos, Success) { }
    //粘贴目录
    fn.Paste = function (DestDir) { }
    //获取目录信息
    fn.GetDirInfo = function (DirInfo, Success) { }
    //获取路径信息
    fn.GetPathInfo = function (DirInfo, Success) { }
    //显示回收站
    fn.RecoverFromRecycled = function (DirInfos, Success) { }
    //显示回收站
    fn.RemoveFromRecycled = function (DirInfos, Success) { }
    //获取回收站
    fn.GetRecycled = function (UserID, Success) { }
    //开启桌面菜单
    fn.EnableMenu = function () { }
}());
;
CLRegiste("CLGridster", window, true);

(function () {
    var widget_store = new Map();
    function Gc() {
        widget_store.forEach(function (ele, index) {
            if (!index.isConnected) {
                widget_store.delete(index);
            }
        });
    }
    function widget_event(self, widget) {
        var info = widget_store.alwaysGet(widget, {});
        function fImmediate(info, widget) {
            if (info.w != widget.style.width || info.h != widget.style.height) {
                info.w = widget.style.width;
                info.h = widget.style.height;
                widget.AnimationendCall(function () {
                    self.on_end_resize(widget);
                });
            }
            if (info.x != widget.style.left || info.y != widget.style.top) {
                info.x = widget.style.left;
                info.y = widget.style.top;
                widget.AnimationendCall(function () {
                    self.on_end_drag(widget);
                });
            }
        };
        CLDelay(function () {
            widget_store.forEach(function (info, widget) {
                fImmediate(info, widget);
            });
        }, 5, null, widget_store);
    }
    function delay_full(self) {
        CLAsync(function () {
            var Rects = self.get_widget_rects();
            self.order_rects(Rects);
            var rects = self.full_top(Rects, Rects);
            self.flash_rects(rects);
            for (var i = 0; i < Rects.length ; i++) {
                widget_event(self, Rects[i].Widget);
            }
        }, null, self);
    }
    var defaults = {
        widget_base_margins: [10, 10],//每个格子的外边距(单位:像素)
        widget_base_dimensions: [400, 225],//每个格子尺寸(单位:像素)
        max_cols: null,//最大列数
        min_cols: null,//最小列数
        max_rows: null,//最行行数
        min_rows: null,//最小行数
        draggable: true,//是否可拖拽
        resize: {
            enabled: true,
            max_size: [null, null],
            min_size: [1, 1]
        },//是否可调整尺寸
    };
    var CLGridster = window.CLGridster = function (Ele, options) {
        var self = this;
        self.Ele = Ele;
        Gc();
        self.set_options(options);
        Object.defineProperty(Ele, "fLeft", {
            get: function () {
                return null;
            }
        })
        Object.defineProperty(Ele, "fTop", {
            get: function () {
                return null;
            }
        });
        Object.defineProperty(Ele, "fWidth", {
            get: function () {
                return Ele.getAttribute("fWidth") - 0;
            }
        })
        Object.defineProperty(Ele, "fHeight", {
            get: function () {
                return Ele.getAttribute("fHeight") - 0;
            }
        });
        Ele.setAttribute("fWidth", Ele.offsetWidth);
        Ele.setAttribute("fHeight", Ele.offsetHeight);
    }
    //@private
    var fn = CLGridster.prototype;
    //@private
    fn.options = null;
    //@private
    fn.Ele = null;
    //每像素格子数
    fn.pixelUnitX = null;
    fn.pixelUnitY = null;
    //设置可选参数
    fn.set_options = function (options, bResize) {
        var self = this;
        if (self.options != null) {
            self.options = CLClone(self.options);
        } else {
            self.options = CLClone(defaults);
        }
        self.options = $.extend(true, {}, self.options, options);
        options = self.options;
        var Ele = self.Ele;
        Ele.classList.add("CLGridster");
        var unitX = options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0];
        var unitY = options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1];
        self.pixelUnitX = 1 / unitX;
        self.pixelUnitY = 1 / unitY;
        if (bResize) {
            var Rects = self.get_widget_rects();
            for (var i = 0; i < Rects.length ; i++) {
                self.resize_widget(Rects[i].Widget, Rects[i].Width, Rects[i].Height);
                self.repos_widget(Rects[i].Widget, Rects[i].Left, Rects[i].Top);
            }
            Rects = self.get_widget_rects();
            self.order_rects(Rects);
            var rects = self.full_top(Rects, Rects);
            self.flash_rects(rects);
            for (var i = 0; i < Rects.length ; i++) {
                widget_event(self, Rects[i].Widget);
            }
        }
    }
    //@private
    fn.is_freedom = function () {
        return this.player == null || this.player.parentNode == null;
    }
    //@private
    fn.enable_resize = function (widget) {
        var span = document.createElement("span");
        span.className = "resize-handle";
        widget.appendChild(span);
        widget.resizeHandle = span;
        var self = this;
        span.addEventListener("mousedown", function (e) {
            self.start_resize(widget, e);
            function move(e) {
                if (!self.isResizing(widget)) {
                    self.start_resize(widget, e);
                } else {
                    self.on_resize(widget, e);
                }
            }
            function end(e) {
                self.end_resize(widget, e);
                window.removeEventListener("mousemove", move, true);
                window.removeEventListener("mouseup", end, true);
            }
            window.addEventListener("mousemove", move, true);
            window.addEventListener("mouseup", end, true);
        });
    }
    //@private
    fn.start_resize = function (widget, event) {
        event.stopPropagation();
        var self = this;
        if (widget.resizeInfo == null) {
            widget.resizeInfo = {
                FromX: event.clientX,
                FromY: event.clientY,
                Width: parseFloat(widget.style.width),
                Height: parseFloat(widget.style.height)
            };
            return false;
        } else if (self.is_freedom()) {
            widget.resizing = true;
            document.body.style["user-select"] = "none";
            this.Ele.style["cursor"] = "se-resize";

            widget.classList.add("widget_resizing");
            self.player = document.createElement(widget.tagName);
            self.player.className = "Widget preview-holder";
            self.player.lock_X = widget.lock_X;
            self.player.lock_Y = widget.lock_Y;

            var gs_rect = self.get_widget_rect(widget);
            self.repos_widget(self.player, gs_rect.Left, gs_rect.Top);
            self.resize_widget(self.player, gs_rect.Width, gs_rect.Height);
            self.Ele.appendChild(self.player);
            return true;
        } else {
            return false;
        }
    }
    //@private
    fn.on_resize = function (widget, event) {
        var self = this;
        var resizeInfo = widget.resizeInfo;
        var options = self.options;
        var Width = resizeInfo.Width + event.clientX - resizeInfo.FromX;
        var Height = resizeInfo.Height + event.clientY - resizeInfo.FromY;
        if (self.Ele.style.maxWidth != null && self.Ele.style.maxWidth.length != 0) {
            var wMax = parseFloat(self.Ele.style.maxWidth) - options.widget_base_margins[0];
            var left = parseFloat(widget.style.left);
            if (Width + left > wMax) {
                Width = wMax - left;
            }
        }
        var unitX = options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0];
        var unitY = options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1];

        var min_size = widget.minSize;
        min_size = min_size == null ? options.resize.min_size : min_size;
        var max_size = widget.max_size;
        max_size == null ? options.resize.max_size : max_size;
        if (min_size && min_size[0] != null && Width < min_size[0]) {
            Width = min_size[0];
        }
        if (min_size && min_size[1] != null && Height < min_size[1]) {
            Height = min_size[1];
        }

        if (max_size && max_size[0] != null && Width > max_size[0]) {
            Width = max_size[0];
        }
        if (max_size && max_size[1] != null && Height > max_size[1]) {
            Height = max_size[1];
        }
        var Size = {
            Width: ((Width + 2 * options.widget_base_margins[0]) / unitX),
            Height: ((Height + 2 * options.widget_base_margins[1]) / unitY)
        };
        var tempRects = self.get_widget_rects();
        self.order_rects(tempRects);

        var rect = self.player.gs_rect;

        rect.Width = Size.Width;
        rect.Height = Size.Height;
        var start_rects = [];
        var Bottom = rect.Top + rect.Height;
        for (var i = 0; i < tempRects.length; i++) {
            if (tempRects[i].Widget != self.player && self.rect_is_cross(tempRects[i], rect)) {
                if (tempRects[i].Widget.lock_X && tempRects[i].Left < rect.Left + rect.Width && tempRects[i].Left + tempRects[i].Width > rect.Left + rect.Width) {
                    rect.Width = tempRects[i].Left - rect.Left;
                    continue;
                }
                if (tempRects[i].Widget.lock_Y && tempRects[i].Top < rect.Top + rect.Height && tempRects[i].Top + tempRects[i].Height > rect.Top + rect.Height) {
                    rect.Height = tempRects[i].Top - rect.Top;
                    continue;
                }
                start_rects.push(tempRects[i]);
            }
        }
        for (var i = 0; i < start_rects.length ; i++) {
            self.move_down(tempRects, start_rects[i], Bottom - start_rects[i].Top);
            self.order_rects(tempRects);
        }
        self.order_rects(tempRects);
        self.full_top(tempRects, tempRects);
        self.repos_widget(widget, self.player.gs_rect.Left, self.player.gs_rect.Top);
        self.flash_rects(tempRects);
    }
    //@private
    fn.end_resize = function (widget, event) {
        event.stopPropagation();
        var self = this;
        if (widget.resizeInfo == null) {
            return;
        }
        if (!fn.isResizing(widget)) {
            delete widget.resizeInfo
            return;
        }
        document.body.style["user-select"] = "";
        this.Ele.style["cursor"] = "";
        widget.classList.remove("widget_resizing");
        widget.resizing = false;
        var gs_rect = self.get_widget_rect(self.player);
        self.resize_widget(widget, gs_rect.Width, gs_rect.Height);
        self.player.remove(self.player);
        delete widget.resizeInfo;
        widget_event(self, widget);
    }
    //@private
    fn.isResizing = function (widget) {
        return widget.resizing == true;
    }
    //@private
    fn.enable_drag = function (widget) {
        var self = this;
        widget.addEventListener("mousedown", function (e) {
            e.stopPropagation();
            if (self.isDragging(widget)) {
                return;
            }
            self.start_drag(widget, e);
            function move(e) {
                if (!self.isDragging(widget)) {
                    self.start_drag(widget, e);
                } else {
                    self.on_drag(widget, e);
                }
            }
            function end(e) {
                self.end_drag(widget, e);
                window.removeEventListener("mousemove", move, true);
                window.removeEventListener("mouseup", end, true);
            }
            window.addEventListener("mousemove", move, true);
            window.addEventListener("mouseup", end, true);
        });
    }
    //@private
    fn.rect_is_cross = function (rect1, rect2) {
        var self = this;
        if (rect1.Left + rect1.Width - self.pixelUnitX < rect2.Left || rect2.Left + rect2.Width - self.pixelUnitX < rect1.Left || rect1.Top + rect1.Height - self.pixelUnitY < rect2.Top || rect2.Top + rect2.Height - self.pixelUnitY < rect1.Top) {
            return false;
        } else {
            return true;
        }
    }
    //@private
    fn.find_gs_rect = function (size_x, size_y) {
        var self = this;
        var rect = {
            Left: 0,
            Top: 0,
            Width: size_x,
            Height: size_y
        }
        var tempRects = self.get_widget_rects();
        var options = self.options;

        function nextPos(rect) {
            rect.Left += self.pixelUnitX;
            if (rect.Left + rect.Width > options.max_cols) {
                rect.Left = 0;
                rect.Top += self.pixelUnitY;
                if (options.max_rows != null && rect.Top + rect.Height > options.max_rows) {
                    throw "容器太小了,无法找到足够区域";
                }
            }
        }
        var bFind = true;
        while (true) {
            bFind = true;
            for (var i = 0; i < tempRects.length; i++) {
                if (self.rect_is_cross(rect, tempRects[i])) {
                    bFind = false;
                    break;
                }
            }
            if (bFind) {
                break;
            } else {
                nextPos(rect);
            }
        }
        return rect;
    }
    //@private
    fn.get_widget_rect = function (widget) {
        return widget.gs_rect = {
            lock_X: widget.lock_X,
            lock_Y: widget.lock_Y,
            Left: widget.getAttribute("data-col") * 1,
            Top: widget.getAttribute("data-row") * 1,
            Width: widget.getAttribute("data-sizex") * 1,
            Height: widget.getAttribute("data-sizey") * 1,
            Widget: widget
        }
    }
    //@private
    fn.get_widget_rects = function () {
        var tempRects = [];
        var self = this;
        var widgets = [];
        var childNodes = self.Ele.childNodes;
        var playerRect, widget_drgging;
        for (var i = 0; i < childNodes.length; i++) {
            var widget = childNodes[i];
            if (childNodes[i].classList.contains("Widget")) {
                if (widget.classList.contains("widget_drgging")) {
                    widget_drgging = widget;
                } else if (!widget.classList.contains("widget_resizing")) {
                    tempRects.push(self.get_widget_rect(widget));
                }
                if (widget.classList.contains("preview-holder")) {
                    playerRect = tempRects[i - 1];
                }
            }
        }
        if (playerRect != null && widget_drgging != null && widget_drgging.lock_X == null) {
            playerRect.Left = self.gs_pos(parseFloat(widget_drgging.style.left), 0).Left;
        }
        return tempRects;
    }
    //@private
    fn.order_rects = function (rects) {
        CLQuickSort(rects, function (ele1, ele2) {
            if (ele1.Top == ele2.Top && ele1.Left == ele2.Left) {
                return 0;
            }
            if (ele1.Top < ele2.Top) {
                return -1;
            }
            if (ele1.Top > ele2.Top) {
                return 1;
            }
            if (ele1.Top == ele2.Top) {
                if (ele1.Left < ele2.Left) {
                    return -1;
                } else {
                    return 1;
                }
            }
        });
    }
    //@private
    fn.find_bottom_touched_rects = function (order_rects, rect, start_index) {
        var self = this;
        if (start_index == null) {
            start_index = 0;
        }
        var tempRect = {
            Left: rect.Left,
            Top: rect.Top + rect.Height,
            Width: rect.Width,
            Height: self.pixelUnitY
        }
        var self = this;
        var ret_rects = [];
        for (var i = start_index; i < order_rects.length ; i++) {
            if (self.rect_is_cross(tempRect, order_rects[i])) {
                ret_rects.push(order_rects[i]);
            }
            if (tempRect.Top + tempRect.Height <= order_rects[i].Top) {
                break;
            }
        }
        return ret_rects;
    }
    //@private
    fn.real_pos = function (left, top) {
        var self = this;
        var options = self.options;
        var Left = left * (options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0]);
        var Top = top * (options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1]);
        Left += self.options.widget_base_margins[0];
        Top += self.options.widget_base_margins[1];
        return {
            Left: Left,
            Top: Top
        }
    }
    //@private
    fn.real_size = function (size_x, size_y) {
        var self = this;
        var options = self.options;
        return {
            size_x: size_x == null ? null : size_x * (options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0]) - 2 * options.widget_base_margins[0],
            size_y: size_y == null ? null : size_y * (options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1]) - 2 * options.widget_base_margins[1]
        }
    }
    //@private
    fn.real_size2 = function (size_x, size_y) {
        var self = this;
        var options = self.options;
        return {
            size_x: size_x == null ? null : size_x * (options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0]),
            size_y: size_y == null ? null : size_y * (options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1])
        }
    }
    //@private
    fn.start_drag = function (widget, event) {
        var self = this;
        if (widget.dragInfo == null) {
            widget.dragInfo = {
                FromX: event.clientX,
                FromY: event.clientY,
                Left: parseFloat(widget.style.left),
                Top: parseFloat(widget.style.top),
            };
            return false;
        } else if (self.is_freedom()) {
            widget.dragging = true;
            document.body.style["user-select"] = "none";
            widget.classList.add("widget_drgging");
            self.player = document.createElement(widget.tagName);
            self.player.className = "Widget preview-holder";
            self.Ele.classList.add("gs_drgging");
            self.player.lock_X = widget.lock_X;
            self.player.lock_Y = widget.lock_Y;
            var gs_rect = self.get_widget_rect(widget);
            self.repos_widget(self.player, gs_rect.Left, gs_rect.Top);
            self.resize_widget(self.player, gs_rect.Width, gs_rect.Height);
            self.Ele.appendChild(self.player);
            return true;
        } else {
            return false;
        }
    }
    //@private
    fn.isDragging = function (widget) {
        return widget.dragging == true;
    }
    //@private
    fn.on_drag = function (widget, event) {
        var self = this;
        var dragInfo = widget.dragInfo;
        var Left = dragInfo.Left + event.clientX - dragInfo.FromX;
        var Top = dragInfo.Top + event.clientY - dragInfo.FromY;
        if (self.Ele.style.maxWidth != null && self.Ele.style.maxWidth.length != 0) {
            var unitX = (self.options.widget_base_dimensions[0] + 2 * self.options.widget_base_margins[0]);
            var wMax = parseFloat(self.Ele.style.maxWidth);
            var offWidth = parseFloat(widget.style.width);
            if (Left + offWidth > wMax) {
                Left = wMax - offWidth;
            }
        }
        if (Left < 0) {
            Left = 0;
        }
        if (Top < 0) {
            Top = 0;
        }
        var offLeft = parseFloat(widget.style.left);
        self.widget_move_x(widget, Left - offLeft);
        var offTop = parseFloat(widget.style.top);
        self.widget_move_y(widget, Top - offTop);
        self.player.dragging_widget = widget;
        var pOffLeft = parseFloat(self.player.style.left);
        self.player_move_x(Left - pOffLeft);
        self.player_jmp_y(widget);
    }
    //@private
    fn.end_drag = function (widget, event) {
        if (widget.dragInfo == null) {
            return;
        }
        delete widget.dragInfo;
        if (!fn.isDragging(widget)) {
            return;
        }
        var self = this;
        document.body.style["user-select"] = "";
        widget.classList.remove("widget_drgging");
        self.Ele.classList.remove("gs_drgging");
        widget.dragging = false;
        var gs_rect = self.get_widget_rect(self.player);
        self.repos_widget(widget, gs_rect.Left, gs_rect.Top);
        self.player.remove();
        widget_event(self, widget);
    }
    //@private
    fn.widget_move_x = function (widget, x) {
        if (x == 0) {
            return;
        }
        var self = this;
        widget.style.left = parseFloat(widget.style.left) + x + "px";
    }
    //@private
    fn.widget_move_y = function (widget, y) {
        if (y == 0) {
            return;
        }
        widget.style.top = parseFloat(widget.style.top) + y + "px";
    }
    //@private
    fn.player_move_x = function (x) {
        var self = this;
        if (self.player.lock_X != null) {
            return false;
        }
        var unitX = (self.options.widget_base_dimensions[0] + 2 * self.options.widget_base_margins[0]);
        var col = x * self.pixelUnitX;
        if (col == 0) {
            return;
        }
        var gs_rect = self.get_widget_rect(self.player);
        self.repos_widget(self.player, gs_rect.Left + col, gs_rect.Top);

        //碰撞区域
        var impacting_rect = {
            Left: col < 0 ? gs_rect.Left + col : gs_rect.Left,
            Top: gs_rect.Top,
            Width: col < 0 ? -col : col,
            Height: gs_rect.Height
        }

        var tempRects = self.get_widget_rects();
        self.order_rects(tempRects);

        var moved_rects = self.widget_impact(tempRects, impacting_rect, col < 0);
        if (moved_rects == null) {
            return false;
        }
        self.order_rects(tempRects);

        //碰撞区域
        impacting_rect = {
            Left: col < 0 ? gs_rect.Left + gs_rect.Width + col : gs_rect.Left + gs_rect.Width,
            Top: gs_rect.Top,
            Width: col < 0 ? -col : col,
            Height: gs_rect.Height
        }
        var rects = self.widget_impact(tempRects, impacting_rect, col < 0);
        if (rects == null) {
            return false;
        }
        moved_rects.CLConcat(rects);
        self.order_rects(tempRects);

        //移动区域
        var moving_rect = {
            Left: col < 0 ? gs_rect.Left + gs_rect.Width : gs_rect.Left,
            Top: gs_rect.Top + gs_rect.Height,
            Width: impacting_rect.Width,
            Height: self.pixelUnitY
        }
        var start_rects = self.find_leaving_rects(tempRects, moving_rect, col < 0);
        var player_rect = self.player.gs_rect;
        gs_rect = self.get_widget_rect(self.player);
        player_rect.Left = gs_rect.Left;
        player_rect.Top = gs_rect.Top;
        if (start_rects.length != 0) {
            moved_rects.CLConcat(self.full_top(tempRects, start_rects));
            self.order_rects(tempRects);
        }
        if (self.player.lock_Y == null) {
            moved_rects.CLConcat(self.full_top(tempRects, [player_rect]));
        }
        self.flash_rects(moved_rects);
        return true;
    }
    //获取即将离开的widget
    fn.find_leaving_rects = function (tempRects, moving_rect, isLeft) {
        var self = this;
        var leaving_rects = [];
        for (var i = 0; i < tempRects.length; i++) {
            if (self.rect_is_cross(tempRects[i], moving_rect)) {
                if (isLeft) {
                    if (moving_rect.Left <= tempRects[i].Left + tempRects[i].Width - self.pixelUnitX) {
                        leaving_rects.push(tempRects[i]);
                    }
                } else {
                    if (moving_rect.Left + moving_rect.Width > tempRects[i].Left + tempRects[i].Width - self.pixelUnitX) {
                        leaving_rects.push(tempRects[i]);
                    }
                }
            }
        }
        return leaving_rects;
    }
    //@private
    fn.flash_rects = function (rects) {
        var self = this;
        var parent = self.Ele.parentNode;
        for (var i = 0; i < rects.length; i++) {
            if (rects[i].Widget != null) {
                self.resize_widget(rects[i].Widget, rects[i].Width, rects[i].Height);
                self.repos_widget(rects[i].Widget, rects[i].Left, rects[i].Top);
            }
        }
    }
    //@private碰撞
    fn.widget_impact = function (order_rects, impacting_rect, bLeft) {
        //获取被碰撞的widget
        var impacted_rect = null;
        var self = this;
        var bRetNull = false;
        for (var i = 0; i < order_rects.length; i++) {
            if (self.rect_is_cross(order_rects[i], impacting_rect) && order_rects[i].Widget != self.player) {
                if (order_rects[i].Widget.lock_Y != null) {
                    bRetNull = true;
                }
                if (impacted_rect == null) {
                    impacted_rect = order_rects[i];
                } else {
                    //取最纵坐标最小的一个
                    if (impacted_rect.Top > order_rects[i].Top) {
                        impacted_rect = order_rects[i];
                    }
                }
            }
        }
        if (impacted_rect == null) {
            return [];
        }
        var stopRect = null;
        for (var i = 0; i < order_rects.length; i++) {
            if (self.rect_is_cross(order_rects[i], impacting_rect) && order_rects[i].Widget != self.player) {
                if (bLeft) {
                    if (stopRect == null) {
                        stopRect = order_rects[i];
                    } else {
                        if (order_rects[i].Left + order_rects[i].Width > stopRect.Left + stopRect.Width) {
                            stopRect = order_rects[i];
                        }
                    }
                } else {
                    if (stopRect == null) {
                        stopRect = order_rects[i];
                    } else {
                        if (order_rects[i].Left < stopRect.Left) {
                            stopRect = order_rects[i];
                        }
                    }
                }
            }
        }
        var rects = null;
        if (!bRetNull) {
            var move_row = impacting_rect.Top + impacting_rect.Height - impacted_rect.Top;
            rects = self.move_down(order_rects, impacted_rect, move_row);
        }
        if (rects == null) {
            bRetNull = true;
        }
        if (bRetNull) {
            if (bLeft) {
                self.repos_widget(self.player, stopRect.Left + stopRect.Width, self.player.gs_rect.Top);
            } else {
                self.repos_widget(self.player, stopRect.Left - self.player.gs_rect.Width, self.player.gs_rect.Top);
            }
        }
        return rects;
    }
    //@private向下移动
    fn.move_down = function (order_rects, move_rect, move_row) {
        if (move_row < 0) {
            return [];
        }
        var self = this;
        if (move_rect.Widget.lock_Y != null) {
            return null;
        }
        var tempRect = {
            Top: move_rect.Top + move_rect.Height,
            Left: move_rect.Left,
            Width: move_rect.Width,
            Height: move_row
        }
        var tempRects = [];
        var ret_Rects = [move_rect];
        for (var i = 0; i < order_rects.length; i++) {
            if (self.rect_is_cross(order_rects[i], tempRect) && order_rects[i].Widget != self.player) {
                var rect = order_rects[i];
                if (rect.Widget.lock_Y != null) {
                    return null;
                }
                rect.move_row = tempRect.Top + tempRect.Height - order_rects[i].Top;
                tempRects.push(rect);
            }
        }
        for (var i = 0; i < tempRects.length; i++) {
            if (ret_Rects.indexOf(tempRects[i]) >= 0) {
                continue;
            }
            var down_rects = self.move_down(order_rects, tempRects[i], tempRects[i].move_row);
            if (down_rects == null) {
                return null;
            }
            ret_Rects.CLConcat(down_rects);
            delete tempRects[i].move_row;
        }
        move_rect.Top += move_row;
        return ret_Rects;
    }
    //@private向上填充
    fn.full_top = function (order_rects, start_rects, deep) {
        var temp_rects = [];
        var self = this;
        var ret_rects = [];
        if (deep > 30) {
            return [];
        }
        for (var i = 0; i < start_rects.length; i++) {
            if (start_rects[i].Widget.lock_Y != null) {
                continue;
            }
            temp_rects = self.find_bottom_touched_rects(order_rects, start_rects[i], 0);
            self.widget_moveto_top(order_rects, start_rects[i]);
            ret_rects.push(start_rects[i]);
            var topRects = self.full_top(order_rects, temp_rects, (deep || 0) + 1);
            ret_rects.CLConcat(topRects);
        }
        return ret_rects;
    }
    //@private
    fn.widget_moveto_top = function (order_rects, rect) {
        var self = this;
        var tempRect = {
            Left: rect.Left,
            Top: rect.Top - self.pixelUnitY,
            Width: rect.Width,
            Height: self.pixelUnitY
        }
        var self = this;
        var lastIndex = order_rects.indexOf(rect);
        var bBreak = false;
        while (true) {
            for (var i = lastIndex - 1; i >= 0; i--) {
                if (self.rect_is_cross(order_rects[i], tempRect)) {
                    bBreak = true;
                    break;
                }
            }
            if (bBreak || tempRect.Top < 0) {
                break;
            } else {
                tempRect.Top -= self.pixelUnitY;
            }
        }
        rect.Top = tempRect.Top + self.pixelUnitY;
    }
    //@private
    fn.player_jmp_y = function (dragging_widget) {
        var self = this;
        if (dragging_widget.lock_Y != null) {
            return false;
        }
        var tempRects = self.get_widget_rects();
        self.order_rects(tempRects);
        var player_rect = self.player.gs_rect;
        var dragging_rect = self.get_widget_rect(dragging_widget);
        var dragging_Pos = self.gs_pos(parseFloat(dragging_widget.style.left), parseFloat(dragging_widget.style.top));
        dragging_rect.Left = dragging_Pos.Left;
        dragging_rect.Top = dragging_Pos.Top;
        var tempRect;
        var swapRect = player_rect;
        if (dragging_rect.Top > player_rect.Top) {
            tempRect = {
                Left: player_rect.Left,
                Top: player_rect.Top + player_rect.Height,
                Width: player_rect.Width,
                Height: (dragging_rect.Top + dragging_rect.Height) - (player_rect.Top + player_rect.Height)
            }
            for (var i = 0; i < tempRects.length ; i++) {
                if (tempRects[i].Top + tempRects[i].Height - self.pixelUnitY < dragging_rect.Top + dragging_rect.Height - self.pixelUnitY
                    && self.rect_is_cross(tempRect, tempRects[i])
                    ) {
                    swapRect = tempRects[i];
                }
                if (tempRects[i].Top + tempRects[i].Height - self.pixelUnitY > dragging_rect.Top + dragging_rect.Height - self.pixelUnitY) {
                    break;
                }
            }
        } else {
            tempRect = {
                Left: player_rect.Left,
                Top: dragging_rect.Top,
                Width: player_rect.Width,
                Height: player_rect.Top - dragging_rect.Top
            }
            for (var i = tempRects.length - 1; i > -1 ; i--) {
                if (tempRects[i].Top + tempRects[i].Height > tempRect.Top
                    && tempRects[i] != self.player && self.rect_is_cross(tempRect, tempRects[i])
                    ) {
                    swapRect = tempRects[i];
                }
            }
        }
        if (swapRect == player_rect) {
            return true;
        }

        var start_rects = self.find_bottom_touched_rects(tempRects, player_rect, 0);
        player_rect.Top = 0 - player_rect.Height;//排除player_rect        

        var moved_rects = self.full_top(tempRects, start_rects);

        player_rect.Top = swapRect.Top + swapRect.Height;

        self.order_rects(tempRects);

        start_rects = [];
        for (var i = 0; i < tempRects.length ; i++) {
            if (self.rect_is_cross(player_rect, tempRects[i]) && tempRects[i] != player_rect) {
                start_rects.push(tempRects[i]);
            }
        }

        var Bottom = player_rect.Top + player_rect.Height;
        moved_rects.CLRemove(start_rects);
        for (var i = 0; i < start_rects.length ; i++) {
            var movedRects = self.move_down(tempRects, start_rects[i], Bottom - start_rects[i].Top);
            if (movedRects == null) {
                return false;
            }
            moved_rects.CLConcat(movedRects);
            self.order_rects(tempRects);
        }
        moved_rects.push(player_rect);
        self.flash_rects(moved_rects);
        return true;
    }
    //@private
    fn.player = null;
    //@protected
    fn.resize_widget = function (widget, size_x, size_y, event) {
        var self = this;
        if (isNaN(size_x) || isNaN(size_y)) {
            return;
        }
        var real_size = this.real_size(size_x, size_y);
        var width = real_size.size_x;
        var height = real_size.size_y;
        var options = self.options;
        var min_size = widget.min_size == null ? options.resize.min_size : widget.min_size;
        var max_size = widget.max_size == null ? options.resize.max_size : widget.max_size;
        if (min_size[0] != null && width < min_size[0]) {
            width = min_size[0];
        }
        if (min_size[1] != null && height < min_size[1]) {
            height = min_size[1];
        }

        if (max_size[0] != null && width > max_size[0]) {
            width = max_size[0];
        }
        if (max_size[1] != null && height > max_size[1]) {
            height = max_size[1];
        }
        width = width.toFixed(0) * 1;
        height = height.toFixed(0) * 1;
        var oWidth = parseInt(widget.style.width);
        var oHeight = parseInt(widget.style.height);
        var gs_size = self.gs_size(width, height);
        widget.setAttribute("data-sizex", isNaN(gs_size.Width) ? 0 : gs_size.Width);
        widget.setAttribute("data-sizey", isNaN(gs_size.Height) ? 0 : gs_size.Height);
        if (oWidth != width) {
            widget.style.width = width + "px";
        }
        if (oHeight != height) {
            widget.style.height = height + "px";
        }
    }
    //@protected
    fn.repos_widget = function (widget, left, top, event) {
        var self = this;
        var xyCoor = widget.xy_coor;
        if (xyCoor) {
            if (xyCoor[0] != null) {
                left = self.gs_pos(xyCoor[0], top).Left;
            }
            if (xyCoor[1] != null) {
                top = self.gs_pos(left, xyCoor[1]).Top;
            }
        }

        widget.setAttribute("data-col", left);
        widget.setAttribute("data-row", top);

        var oLeft = parseInt(widget.style.left);
        var oTop = parseInt(widget.style.top);
        var npos = self.real_pos(left, top);
        npos.Left = npos.Left.toFixed(0);
        npos.Top = npos.Top.toFixed(0);
        if (oLeft != npos.Left) {
            widget.style.left = npos.Left + "px";
        }
        if (oTop != npos.Top) {
            widget.style.top = npos.Top + "px";
        }
    }
    //@public:回调
    fn.on_end_resize = function (widget) {

    }
    //@public:回调
    fn.on_end_drag = function (widget) {

    }
    //@public
    fn.add_widget = function (html) {
        var self = this;
        var widget = document.createElement("div");
        widget.innerHTML = html;
        widget = widget.firstChild;
        self.set_widget_max_min(widget, "max");
        self.set_widget_max_min(widget, "min");
        self.set_widget_xyCoor(widget);
        widget.on_end_resize = function () { };
        widget.resize = function (w, h) {
            self.resize_widget(widget, w, h);
        }
        Object.defineProperty(widget, "fLeft", {
            get: function () {
                return parseInt(widget.style.left);
            }
        })
        Object.defineProperty(widget, "fTop", {
            get: function () {
                return parseInt(widget.style.top);
            }
        });
        Object.defineProperty(widget, "fWidth", {
            get: function () {
                return parseInt(widget.style.width);
            }
        })
        Object.defineProperty(widget, "fHeight", {
            get: function () {
                return parseInt(widget.style.height);
            }
        });
        var __Free__ = true;
        var funcEnd = [];
        widget.addEventListener("transitionstart", function (e) {
            __Free__ = false;
        });
        widget.addEventListener("transitionend", function (e) {
            __Free__ = true;
            funcEnd.forEach(function (func) {
                func();
            });
            funcEnd.length = 0;
        });
        widget.AnimationendCall = function (func) {
            if (__Free__) {
                func();
            } else {
                funcEnd.push(func);
            }
        }
        var o_size_x = widget.getAttribute("data-sizex");
        var o_size_y = widget.getAttribute("data-sizey");
        var size_x = 1;
        var size_y = 1;
        widget.classList.add("Widget");
        if (o_size_x != null && o_size_x.length != 0) {
            size_x = (o_size_x) * 1;
        }
        if (o_size_y != null && o_size_y.length != 0) {
            size_y = (o_size_y) * 1;
        }
        self.resize_widget(widget, size_x, size_y);
        var rect = self.find_gs_rect(size_x, size_y);
        self.repos_widget(widget, rect.Left, rect.Top);

        this.Ele.appendChild(widget);
        var options = self.options;
        if (options.draggable == true) {
            self.enable_drag(widget);
        }
        if (options.resize.enabled == true) {
            self.enable_resize(widget);
        }

        return widget;
    }
    //@public
    fn.remove_widget = function (widget) {
        var self = this;
        if (this.is_freedom() && widget.parentNode != null) {
            this.Ele.removeChild(widget);
            var tempRects = self.get_widget_rects();
            self.order_rects(tempRects);
            self.full_top(tempRects, tempRects);
            self.flash_rects(tempRects);
            return true;
        }
        return false;
    }
    //@public:像素尺寸转换问CLGridster尺寸
    fn.gs_size = function (width, height) {
        var self = this;
        var options = self.options;
        var unitX = options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0];
        var unitY = options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1];
        return {
            Width: width == null ? null : ((width + 2 * options.widget_base_margins[0]) / unitX),
            Height: height == null ? null : ((height + 2 * options.widget_base_margins[1]) / unitY),
        }
    }

    function fresh_widget(self, widget) {
        self.resize_widget(widget, widget.getAttribute("data-sizex"), widget.getAttribute("data-sizey"));
        self.repos_widget(widget, widget.getAttribute("data-col"), widget.getAttribute("data-row"));
        widget_event(self, widget);
        delay_full(self);
    }
    //@public
    fn.set_widget_max_min = function (widget, max_min) {
        var self = this;
        var max_min_w;
        var max_min_h;
        var max_min_o = {};
        Object.defineProperty(max_min_o, "w", {
            get: function () {
                return max_min_w;
            },
            set: function (v) {
                max_min_w = v;
                fresh_widget(self, widget);
            }
        });
        Object.defineProperty(max_min_o, "h", {
            get: function () {
                return max_min_h;
            },
            set: function (v) {
                max_min_h = v;
                fresh_widget(self, widget);
            }
        });
        Object.defineProperty(widget, max_min + "_size", {
            get: function () {
                var arr = [];
                var w = max_min_w;
                var h = max_min_h;
                if (w != null) {
                    w = self.Calc(widget, 0, w);
                }
                if (h != null) {
                    h = self.Calc(widget, 1, h);
                }
                return [w, h];
            }
        });
        Object.defineProperty(widget, max_min + "Size", {
            get: function () {
                return max_min_o;
            },
            set: function (v) {
                if (!v) {
                    max_min_w = null;
                    max_min_h = null;
                } else {
                    if (Array.isArray(v)) {
                        max_min_w = v[0];
                        max_min_h = v[1];
                    } else {
                        max_min_w = v.w;
                        max_min_h = v.h;
                    }
                    fresh_widget(self, widget);
                }
            }
        });
    }
    //@public
    fn.set_widget_xyCoor = function (widget, xyCoor) {
        var self = this;
        var xy_x;
        var xy_y;
        var xyCoor = {};
        Object.defineProperty(xyCoor, "x", {
            get: function () {
                return xy_x;
            },
            set: function (v) {
                xy_x = v;
                fresh_widget(self, widget);
            }
        });
        Object.defineProperty(xyCoor, "y", {
            get: function () {
                return xy_y;
            },
            set: function (v) {
                xy_y = v;
                fresh_widget(self, widget);
            }
        });
        Object.defineProperty(widget, "xy_coor", {
            get: function () {
                var x = xy_x;
                var y = xy_y;
                if (x != null) {
                    x = self.Calc(widget, 0, x);
                }
                if (y != null) {
                    y = self.Calc(widget, 1, y);
                }
                return [x, y];
            }
        });
        Object.defineProperty(widget, "xyCoor", {
            get: function () {
                return xyCoor;
            },
            set: function (v) {
                if (!v) {
                    xy_x = null;
                    xy_y = null;
                } else {
                    if (Array.isArray(v)) {
                        xy_x = v[0];
                        xy_y = v[1];
                    } else {
                        xy_x = v.x;
                        xy_y = v.y;
                    }
                    fresh_widget(self, widget);
                }
            }
        });
    }
    fn.sizeWidget = null;
    //@public:计算尺寸,type:0->X,type:1->Y
    fn.Calc = function (widget, type, css) {
        var self = this;
        function sizeWidget() {
            var widget = self.sizeWidget;
            if (widget == null) {
                self.sizeWidget = widget = document.createElement("div");
                widget.style.opacity = 0;
                self.Ele.appendChild(widget);
            } else if (widget.parentNode != self.Ele) {
                self.Ele.appendChild(widget);
            }
            return widget;
        }
        var fsize;
        function ffsize() {
            if (!fsize) {
                fsize = getComputedStyle(widget.parentNode)["font-size"];
            }
            return fsize;
        }
        function fcalc(u) {
            var widget_ = sizeWidget();
            fsize = ffsize();
            if (!widget_.ex || fsize != widget_.fsize_ex) {
                widget_.style.width = '1' + u;
                widget_.ex = widget_.offsetWidth;
                widget_.fsize_ex = fsize;
            }
            return widget.ex;
        }
        function Calc(N, T) {
            var funcs = [
                null,
                function () {
                    return N * parseFloat(ffsize());
                },//em
                function () {
                    return N * fcalc('ex');
                },//ex
                function () {
                    return N * fcalc('ch');
                },//ch
                function () {
                    return N * fcalc('rem');
                },//rem
                function () {
                    return N * window.innerWidth / 100;
                },//vw
                function () {
                    return N * window.innerHeight / 100;
                },//vh
                function () {
                    return N * Math.min(window.innerWidth, window.innerHeight) / 100;
                },//vmin
                function () {
                    return N * Math.max(window.innerWidth, window.innerHeight) / 100;
                },//vmax
                function () {
                    var ele = self.Ele;
                    var size = (type == 0 ? (ele.offWidth ? ele.offWidth : ele.offsetWidth) : (ele.offHeight ? ele.offHeight : ele.offsetHeight)) * N / 100;
                    return size;
                },//%
                function () {
                    return N * 10 / CLGetPixelSize();
                },//cm
                function () {
                    return N / CLGetPixelSize();
                },//mm
                function () {
                    return N * 25.4 / CLGetPixelSize();
                },//in
                function () {
                    return N / 72 * 25.4 / CLGetPixelSize();
                },//pt
                function () {
                    return N * 12 / 72 * 25.4 / CLGetPixelSize();
                },//pc
                function () {
                    return N * parseFloat(widget.style.width) / 100;
                },//rw
                function () {
                    return N * parseFloat(widget.style.height) / 100;
                }//rh
            ];
            return funcs[T]();
        }
        if (typeof css != "string") {
            css += "";
        }
        var match = /(calc)|(px)/gi;
        css = css.replace(match, "");
        match = /([0-9]*[.]?[0-9]*em)|([0-9]*[.]?[0-9]*ex)|([0-9]*[.]?[0-9]*ch)|([0-9]*[.]?[0-9]*rem)|([0-9]*[.]?[0-9]*vw)|([0-9]*[.]?[0-9]*vh)|([0-9]*[.]?[0-9]*vmin)|([0-9]*[.]?[0-9]*vmax)|([0-9]*[.]?[0-9]*%)|([0-9]*[.]?[0-9]*cm)|([0-9]*[.]?[0-9]*mm)|([0-9]*[.]?[0-9]*in)|([0-9]*[.]?[0-9]*pt)|([0-9]*[.]?[0-9]*pc)|([0-9]*[.]?[0-9]*rw)|([0-9]*[.]?[0-9]*rh)/gi;
        var fMatch = /[0-9]*[.]?[0-9]*/;
        var index = 0;
        var ele;
        var arr = [];
        while (ele = match.exec(css)) {
            var N = ele[0].match(fMatch);
            var T = ele.indexOf(ele[0], 1);
            var U;
            if (N) {
                N = N[0];
                N = Calc(N, T);
                arr.push(css.substring(index, ele.index));
                arr.push(N);
                index = match.lastIndex;
            }
        }
        if (css.length > index) {
            arr.push(css.substr(index));
        }
        css = arr.join("");
        if (/^[0-9]*[\.]?[0-9]*$/.test(css)) {
            return css * 1;
        }
        try {
            return eval(css);
        } catch (e) {
        }
        return null;
    }
    //@public
    fn.gs_pos = function (left, top) {
        var self = this;
        var options = self.options;
        left -= self.options.widget_base_margins[0];
        top -= self.options.widget_base_margins[1];
        var Left = left / (options.widget_base_dimensions[0] + 2 * options.widget_base_margins[0]);
        var Top = top / (options.widget_base_dimensions[1] + 2 * options.widget_base_margins[1]);
        Left = (Left);
        Top = (Top);
        return {
            Left: Left,
            Top: Top
        }
    }
    //@public:跟随移动:需鼠标压下后方可执行此方法
    fn.gs_bind_to = function (widget, movingEle, event) {
        var self = this;
        self.start_drag(widget, event);
        var rect = widget.getBoundingClientRectEx();
        widget.dragInfo = {
            FromX: rect.left + rect.width / 2,
            FromY: rect.top + rect.height / 2,
            Left: widget.offsetLeft,
            Top: widget.offsetTop,
        };
        function move(event) {
            if (!self.isDragging(widget)) {
                self.start_drag(widget, event);
            } else {
                self.on_drag(widget, event);
            }
        }
        function end(event) {
            self.end_drag(widget, event);
            widget.unbind();
        }
        widget.unbind = function () {
            window.removeEventListener("mousemove", move, true);
            window.removeEventListener("mouseup", end, true);
        }
        window.addEventListener("mousemove", move, true);
        window.addEventListener("mouseup", end, true);
    }
    fn.gs_unbind = function (widget) {
        var self = this;
        widget.unbind();
    }
    //@public:设置尺寸
    fn.set_widget_size = function (widget, px_w, px_h) {
        var self = this;
        var options = self.options;
        var min_size = widget.min_size == null ? options.resize.min_size : widget.min_size;
        var max_size = widget.max_size == null ? options.resize.max_size : widget.max_size;
        if (min_size[0] != null && px_w < min_size[0]) {
            px_w = min_size[0];
        }
        if (min_size[1] != null && px_h < min_size[1]) {
            px_h = min_size[1];
        }

        if (max_size[0] != null && px_w > max_size[0]) {
            px_w = max_size[0];
        }
        if (max_size[1] != null && px_h > max_size[1]) {
            px_h = max_size[1];
        }
        var sizeX = px_w - widget.fWidth;
        var sizeY = px_h - widget.fHeight;
        if (Math.abs(sizeX) < 1 && Math.abs(sizeY) < 1) {
            return;
        }
        self.start_resize(widget, {
            clientX: 0,
            clientY: 0,
            stopPropagation: function () {
            }
        });
        self.start_resize(widget, {
            clientX: 0,
            clientY: 0,
            stopPropagation: function () {
            }
        });
        self.player.style.transition = "all 0s";
        self.on_resize(widget, {
            clientX: sizeX,
            clientY: sizeY,
            stopPropagation: function () {
            }
        });
        self.end_resize(widget, {
            clientX: sizeX,
            clientY: sizeY,
            stopPropagation: function () {
            }
        });
    }
    //@public:移动
    fn.move_widget = function (widget, px_x, px_y) {
        var self = this;
        if (widget.lock_X != null) {
            px_x = 0;
        }
        if (widget.lock_Y != null) {
            px_y = 0;
        }
        if ((px_x == 0 && px_y == 0) || self.isDragging(widget)) {
            return;
        }
        self.start_drag(widget, {
            clientX: 0,
            clientY: 0,
            stopPropagation: function () {
            }
        });
        self.start_drag(widget, {
            clientX: 0,
            clientY: 0,
            stopPropagation: function () {
            }
        });
        self.player.style.transition = "all 0s";
        self.on_drag(widget, {
            clientX: px_x,
            clientY: px_y,
            stopPropagation: function () {
            }
        });
        self.end_drag(widget, {
            clientX: px_x,
            clientY: px_y,
            stopPropagation: function () {
            }
        });
    }
    //@public:水平居中
    fn.center_widget = function (widget) {
        var self = this;
        if (!widget.isConnected) {
            return;
        }
        var width = parseFloat(widget.style.width);
        var px = (widget.parentNode.fWidth - width) / 2;
        var py = parseFloat(widget.style.top);
        var pos = self.gs_pos(px, py);
        self.widget_jump_to(widget, pos.Left, pos.Top);
    }
    //@public:锁定widget
    fn.lock_widget_pos = function (widget, lock_X, lock_Y) {
        var self = this;
        if (lock_X) {
            widget.lock_X = lock_X;
            widget.classList.add("lock_X");
        }
        if (lock_Y) {
            widget.lock_Y = lock_Y;
            widget.classList.add("lock_Y");
        }
        if (lock_X != null || lock_Y != null) {
            self.move_widget(widget, 1, 0);
            self.move_widget(widget, -1, 0);
        }
    }
    //@public:解锁widget
    fn.unlock_widget_pos = function (widget) {
        var self = this;
        delete widget.lock_X;
        delete widget.lock_Y;
        widget.classList.remove("lock_X");
        widget.classList.remove("lock_Y");
        self.move_widget(widget, 1, 0);
        self.move_widget(widget, -1, 0);
    }
    //@public:跳跃
    fn.widget_jump_to = function (widget, left, top) {
        var self = this;
        var wRect = self.get_widget_rect(widget);
        var real_pos1 = self.real_pos(left, top);
        var real_pos2 = self.real_pos(wRect.Left, wRect.Top);
        var x = real_pos1.Left - real_pos2.Left;
        var y = real_pos1.Top - real_pos2.Top;
        if (y < 0) {
            y--;
        } else if (y > 0) {
            y++;
        }
        self.move_widget(widget, x, y);
    }
    //@public:设置位置
    fn.widget_set_pos = function (widget, px, py) {
        var self = this;
        if (px == null && py) {
            return;
        }
        if (px == null) {
            px = parseInt(widget.style.left);
        }
        if (py == null) {
            py = parseInt(widget.style.top);
        }
        var pos = self.gs_pos(px, py);
        self.repos_widget(widget, pos.Left, pos.Top);
        var lock_X = widget.lock_X;
        var lock_Y = widget.lock_Y;
        if (lock_X == null || lock_Y == null) {
            self.move_widget(widget, 1, 0);
            self.move_widget(widget, -1, 0);
        }
    }
    //@public:查找下一位置,不受内容影响
    fn.next_gs_rect = function (widget, size_x, size_y) {
        var self = this;
        var wRect = self.get_widget_rect(widget);
        var rect = {
            Left: wRect.Left + wRect.Width - self.pixelUnitX,
            Top: wRect.Top + wRect.Height - self.pixelUnitY,
            Width: size_x,
            Height: size_y
        }

        var options = self.options;
        function nextPos(rect) {
            rect.Left += self.pixelUnitX;
            if (rect.Left + rect.Width > options.max_cols) {
                rect.Left = 0;
                rect.Top += self.pixelUnitY;
                if (options.max_rows != null && rect.Top + rect.Height > options.max_rows) {
                    throw "容器太小了,无法找到足够区域";
                }
            }
        }
        var bFind = true;
        while (true) {
            if (self.rect_is_cross(rect, wRect)) {
                nextPos(rect);
            } else {
                break;
            }
        }
        return rect;
    }
}());

;(function () {
    CLRegiste("CLList", null, true);
    function CLList(jList, Container, MultiSel, OnItemCreated) {
        var self = this;
        self.Ele = Container;
        self.Prefix = CLMakeId();
        var divList = self.Box = document.createElement("div");
        divList.style.overflow = "auto";
        divList.style.width = "100%";
        divList.className = "CLList";

        self.MultiSel = MultiSel;

        self.Empty = null;

        var ItemSel = null;

        var checking = false;

        function CreateItem(ItemData) {
            var Item = document.createElement("div");
            Item.className = "Item";
            Item.ItemData = ItemData;
            Item.id = "Item_" + self.Prefix + "_" + ItemData.ID;
            Item.style.paddingLeft = "10px";
            Object.defineProperty(Item, "checked", {
                get: function () {
                    return MultiSel == null ? Item.IsChecked == true : Item.Box.checked;
                },
                set: function (val) {
                    val = (val == true);
                    Item.IsChecked = val;
                    if (MultiSel == null) {
                        if (val == true) {
                            if (ItemSel != null && ItemSel != Item) {
                                checking = true;
                                try {
                                    ItemSel.checked = false;
                                } finally {
                                    checking = false;
                                }
                            }
                            Item.classList.add("ItemSel");
                            ItemSel = Item;
                            self.OnSelected(ItemData);
                        } else {
                            if (ItemSel != null) {
                                ItemSel.classList.remove("ItemSel");
                            }
                            Item.classList.remove("ItemSel");
                            self.OnLostSelected(ItemData);
                            ItemSel = null;
                        }
                        if (!checking) {
                            self.onchanged();
                        }
                        return;
                    } else {
                        Item.Box.checked = val;
                    }
                }
            });
            var CheckBox = null;
            var RadioBox = null;
            if (MultiSel == true) {
                Item.Box = new CLCheckBox(ItemData.Name, Item);
                Item.Box.onchanged = function () {
                    self.currentTarget = Item;
                    if (Item.Box.checked == true) {
                        self.OnSelected(ItemData);
                    } else {
                        self.OnLostSelected(ItemData);
                    }
                    self.onchanged();
                }

            } else if (MultiSel == false) {
                Item.Box = new CLRadioBox(ItemData.Name, Item, true);
                Item.Box.onchanged = function () {
                    self.currentTarget = Item;
                    if (Item.Box.checked) {
                        if (ItemSel != Item && ItemSel != null) {
                            checking = true;
                            try {
                                ItemSel.checked = false;
                            } finally {
                                checking = false;
                            }
                        }
                        ItemSel = Item;
                        self.OnSelected(ItemData);
                    } else {
                        if (ItemSel == Item) {
                            ItemSel = null;
                        }
                        self.OnLostSelected(ItemData);
                    }
                    if (!checking) {
                        self.onchanged();
                    }
                }
            } else {
                var Name = document.createElement("div");
                Name.className = "Name";
                Name.innerHTML = ItemData.Name;
                Item.appendChild(Name);
                Item.onclick = function (e) {
                    self.currentTarget = Item;
                    if (self.IsDisabled) {
                        return;
                    }
                    Item.checked = self.canLost ? !Item.checked : true;
                }
            }
            divList.appendChild(Item);
            if (OnItemCreated != null) {
                OnItemCreated(Item, ItemData);
            }
        }

        self.AddItem = function (Item) {
            var self = this;
            CreateItem(Item);
        }

        Container.appendChild(divList);
        for (var i = 0; i < jList.length ; i++) {
            CreateItem(jList[i]);
        }
    }

    var fn = CLList.prototype;

    Object.defineProperty(fn, "IconRight", {
        set: function (val) {
            var self = this;
            if (self.MultiSel != null) {
                var Items = self.Box.querySelectorAll(".Item");
                for (var i = 0; i < Items.length; i++) {
                    Items[i].Box.IconRight = val;
                }
            }
        }
    });

    Object.defineProperty(fn, "canLost", {
        get: function () {
            var self = this;
            return self.__canLost__;
        },
        set: function (val) {
            var self = this;
            val = val != false;
            self.__canLost__ = val;
            if (self.MultiSel == false) {
                var Items = self.Box.querySelectorAll(".Item");
                for (var i = 0; i < Items.length; i++) {
                    Items[i].Box.canLost = val;
                }
            }
        }
    });

    Object.defineProperty(fn, "Visible", {
        get: function () {
            var self = this;
            return self.IsVisible == true;
        },
        set: function (val) {
            var self = this;
            self.IsVisible = (val == true);
            if (self.IsVisible) {
                self.Box.style.display = "block";
                self.Box.style.display = "block";
            } else {
                self.Box.style.display = "none";
                self.Box.style.display = "none";
            }
        }
    });

    Object.defineProperty(fn, "Disabled", {
        get: function () {
            var self = this;
            return self.IsDisabled == true;
        },
        set: function (val) {
            var self = this;
            self.IsDisabled = (val == true);
            var Items = self.Box.querySelectorAll(".Item");
            for (var i = 0; i < Items.length; i++) {
                Items[i].Box.enable = !self.IsDisabled;
            }
        }
    });

    fn.Search = function (sValue) {
        var self = this;
        var Items = self.Box.querySelectorAll(".Item");
        var iVisible = Items.length;
        sValue = sValue.toLocaleLowerCase();
        for (var i = 0; i < Items.length; i++) {
            Items[i].classList.remove("ItemHidden");
            if (Items[i].innerHTML.toLocaleLowerCase().indexOf(sValue) < 0) {
                Items[i].classList.add("ItemHidden");
                iVisible--;
            }
        }
        self.setEmpty(iVisible == 0 ? "" : self.Empty);
        return iVisible;
    }

    fn.ShowItem = function (ID) {
        var self = this;
        var Items = self.Box.querySelectorAll(".Item");
        for (var i = 0; i < Items.length; i++) {
            if (Items[i].ItemData.ID == ID) {
                Items[i].classList.remove("ItemHidden");
            }
        }
    }

    fn.OnLostSelected = function (ItemData) {

    }

    fn.OnSelected = function (ItemData) {

    }

    fn.onchanged = function () { }

    fn.Select = function (Id) {
        var self = this;
        var Items = self.Box.querySelectorAll(".Item");
        var Item = null;
        for (var i = 0; i < Items.length; i++) {
            if (Id == null && Items[i].checked) {
                Items[i].checked = false;
            }
            if (Items[i].id == "Item_" + self.Prefix + "_" + Id) {
                Item = Items[i];
            }
        }
        if (Id == null) {
            return;
        }
        if (Item != null && Item.checked != true) {
            Item.checked = true;
        }
    }

    fn.Selects = function (IDs) {
        var self = this;
        if (IDs == null) {
            self.Select(null);
            return;
        }
        IDs = Array.isArray(IDs) ? IDs : CLClone(IDs);
        for (var i = 0; IDs && i < IDs.length ; i++) {
            self.Select(IDs[i]);
        }
    }

    fn.getSelIds = function () {
        var self = this;
        var Items = self.Box.querySelectorAll(".Item");
        var IDs = [];
        for (var i = 0; i < Items.length; i++) {
            if (Items[i].Box.checked == true) {
                IDs.push(Items[i].ItemData.ID);
            }
        }
        return IDs;
    }

    fn.UnSelect = function (Id) {
        var self = this;
        var Items = self.Box.querySelectorAll(".Item");
        var Item = null;
        for (var i = 0; i < Items.length; i++) {
            if (Items[i].id == "Item_" + self.Prefix + "_" + Id) {
                Item = Items[i];
            }
        }
        if (Item != null && Item.checked != false) {
            Item.checked = false;
        }
    }

    fn.UnSelects = function (IDs) {
        IDs = CLClone(IDs);
        for (var i = 0; i < IDs.length ; i++) {
            self.UnSelect(IDs[i]);
        }
    }

    fn.setEmpty = function (sEmpty) {
        var self = this;
        self.Box.setAttribute("Empty", sEmpty);
        if (sEmpty == null || sEmpty.length == 0) {
            self.Box.classList.remove("CLEmpty");
        } else {
            self.Box.classList.add("CLEmpty");
        }
    }

    fn.AddItem = function (Item) {
        var self = this;
    }

    window.CLList = CLList;

}());
;(function () {

    window.CLVec2 = function (x, y) {
        var self = this;
        if (x == null) {
            x = 0;
        }
        if (y == null) {
            y = 0;
        }
        self.buffer = new Float32Array(2);
        self.buffer[0] = x;
        self.buffer[1] = y;
    }

    var fn = CLVec2.prototype;

    fn.buffer = null;

    fn.set = function (other) {
        var self = this;
        self.x = other.x;
        self.y = other.y;
    };

    fn.add = function (other) {
        this.x += other.x;
        this.y += other.y;
        return this;
    };

    fn.dot = function (other) {
        return this.x * other.x + this.y * other.y;
    }

    fn.cross = function (other) {
        var self = this;
        return new CLVec2(self.x * other.y - other.x * self.y);
    }

    fn.normalize = function () {
        var self = this;
        self.scale(1 / self.length());
    }

    fn.scale = function (xy) {
        this.x *= xy;
        this.y *= xy;
    }

    fn.length = function () {
        var self = this;
        return Math.sqrt(self.x * self.x + self.y * self.y);
    }

    fn.deg = function () {
        var v0 = new CLVec2(1, 0);
        var a = Math.acos(v0.dot(this) / (v0.length() * this.length()));
        a *= 180 / Math.PI;
        if (this.y < 0) {
            a = 360 - a;
        };
        return a;
    }

    Object.defineProperty(fn, "x", {
        get: function () {
            return this.buffer[0];
        },
        set: function (value) {
            this.buffer[0] = value;
        }
    });

    Object.defineProperty(fn, "y", {
        get: function () {
            return this.buffer[1];
        },
        set: function (value) {
            this.buffer[1] = value;
        }
    });

    window.CLVec3 = function (x, y, z) {
        var self = this;
        if (x == null) {
            x = 0;
        }
        if (y == null) {
            y = 0;
        }
        if (z == null) {
            z = 0;
        }
        self.buffer = new Float32Array(3);
        self.buffer[0] = x;
        self.buffer[1] = y;
        self.buffer[2] = z;
    }

    var fn = CLVec3.prototype;

    fn.buffer = null;

    fn.set = function (other) {
        var self = this;
        self.x = other.x;
        self.y = other.y;
        self.z = other.z;
    };

    fn.add = function (other) {
        var self = this;
        self.x += other.x;
        self.y += other.y;
        self.z += other.z;
        return self;
    };

    fn.dot = function (other) {
        return this.x * other.x + this.y * other.y + this.z * other.z;
    }

    fn.cross = function (other) {
        var self = this;
        return new CLVec3(self.y * other.z - other.y * self.z,
               other.x * self.z - self.x * other.z,
                self.x * other.y - other.x * self.y);
    }

    fn.normalize = function () {
        var self = this;
        self.scale(1 / self.length());
    }

    fn.scale = function (xyz) {
        this.x *= xyz;
        this.y *= xyz;
        this.z *= xyz;
    }

    fn.length = function () {
        var self = this;
        return Math.sqrt(self.x * self.x + self.y * self.y + self.z * self.z);
    }

    fn.fixed = function (n) {
        this.x = this.x.toFixed(n) - 0;
        this.y = this.y.toFixed(n) - 0;
        this.z = this.z.toFixed(n) - 0;
    }

    Object.defineProperty(fn, "x", {
        get: function () {
            return this.buffer[0];
        },
        set: function (value) {
            this.buffer[0] = value;
        },
    });

    Object.defineProperty(fn, "y", {
        get: function () {
            return this.buffer[1];
        },
        set: function (value) {
            this.buffer[1] = value;
        }
    });

    Object.defineProperty(fn, "z", {
        get: function () {
            return this.buffer[2];
        },
        set: function (value) {
            this.buffer[2] = value;
        }
    });

    window.CLVec4 = function (x, y, z, w) {
        var self = this;
        if (x == null) {
            x = 0;
        }
        if (y == null) {
            y = 0;
        }
        if (z == null) {
            z = 0;
        }
        if (w == null) {
            w = 1;
        }
        self.buffer = new Float32Array(4);
        self.buffer[0] = x;
        self.buffer[1] = y;
        self.buffer[2] = z;
        self.buffer[3] = w;
    }

    var fn = CLVec4.prototype;

    fn.buffer = null;

    Object.defineProperty(fn, "x", {
        get: function () {
            return this.buffer[0];
        },
        set: function (value) {
            this.buffer[0] = value;
        }
    });

    Object.defineProperty(fn, "y", {
        get: function () {
            return this.buffer[1];
        },
        set: function (value) {
            this.buffer[1] = value;
        }
    });

    Object.defineProperty(fn, "z", {
        get: function () {
            return this.buffer[2];
        },
        set: function (value) {
            this.buffer[2] = value;
        }
    });

    Object.defineProperty(fn, "w", {
        get: function () {
            return this.buffer[3];
        },
        set: function (value) {
            this.buffer[3] = value;
        }
    });

    function deg(v1, v2) {
        var a1 = v1.deg(), a2 = v2.deg();
        return to360(a2 - a1);
    }

    function to360(a) {
        a = a % 360;
        if (a < 0) {
            a += 360;
        }
        return a;
    }

    function to180(a) {
        a = a % 360;
        if (a > 180) {
            a -= 360;
        }
        if (a < -180) {
            a += 360;
        }
        return a;
    }

    window.CLMatrix = function (other) {
        var self = this;
        if (!other) {
            other = {
                buffer: [1, 0, 0, 1, 0, 0]
            }
        }
        self.buffer = new Float32Array(6);
        for (var i = 0; i < 6; ++i) {
            self.buffer[i] = other.buffer[i];
        }
    }

    CLMatrix.Parse = function (matrix) {
        if (/^[\s]*matrix[\s]*[\(][\s]*[\-\+\,0-9\e\s\.]+[\s]*[\)]$/i.test(matrix)) {
            matrix = matrix.substr(7, matrix.length - 8);
            matrix = matrix.split(',');
            matrix.forEach(function (ele, index) {
                matrix[index] = ele * 1;
            });
            return new CLMatrix({ buffer: matrix });
        } else {
            return new CLMatrix();
        }
    }
    
    CLMatrix.deg = deg;

    CLMatrix.to360 = to360;

    CLMatrix.to180 = to180;

    var fn = CLMatrix.prototype;

    fn.buffer = null;

    fn.set = function (other) {
        var self = this;
        for (var i = 0; i < 6; ++i) {
            self.buffer[i] = other.buffer[i];
        }
    }

    fn.multiply = function (other) {
        var self = this;
        return this.concat(other);
    }

    fn.concat = function (other) {
        var self = this;
        var buf = self.buffer;
        var ouf = other.buffer;
        var aa = ouf[0] * buf[0] + ouf[1] * buf[2];
        var bb = ouf[0] * buf[1] + ouf[1] * buf[3];
        var cc = ouf[2] * buf[0] + ouf[3] * buf[2];
        var dd = ouf[2] * buf[1] + ouf[3] * buf[3];
        var ee = ouf[4] * buf[0] + ouf[5] * buf[2] + buf[4];
        var ff = ouf[4] * buf[1] + ouf[5] * buf[3] + buf[5];
        buf[0] = aa; buf[1] = bb; buf[2] = cc; buf[3] = dd; buf[4] = ee; buf[5] = ff;
        return self;
    }

    fn.multiplyVector2 = function (V) {
        var self = this;
        var buf = self.buffer;
        var fx = buf[0] * V.x + buf[2] * V.y + buf[4];
        var fy = buf[1] * V.x + buf[3] * V.y + buf[5];
        return new CLVec2(fx, fy);
    }

    fn.setIdentity = function () {
        var self = this;
        var buf = self.buffer;
        buf[0] = buf[3] = 1;
        buf[1] = buf[2] = buf[4] = buf[5] = 0;
        return self;
    }

    fn.setInverseOf = function (other) {
        var self = this;
        var ouf = other.buffer;
        var i = ouf[0] * ouf[3] - ouf[1] * ouf[2];
        if (Math.abs(i) == 0) {
            return;
        }
        var j = -i;
        a = ouf[3] / i;
        b = ouf[1] / j;
        c = ouf[2] / j;
        d = ouf[0] / i;
        e = (ouf[2] * ouf[5] - ouf[3] * ouf[4]) / i;
        f = (ouf[0] * ouf[5] - ouf[1] * ouf[4]) / j;
        var buf = self.buffer;
        buf[0] = a;
        buf[1] = b;
        buf[2] = c;
        buf[3] = d;
        buf[4] = e;
        buf[5] = f;
        return self;
    }

    fn.invert = function () {
        var self = this;
        return self.setInverseOf(self);
    }

    fn.translate = function (x, y) {
        var self = this;
        var buf = self.buffer;
        buf[4] += x * buf[0] + y * buf[2];
        buf[5] += y * buf[3] + x * buf[1];
        return self;
    }

    fn.scale = function (x,y) {
        var self = this;
        var buf = self.buffer;
        if (x == null) {
            x = 1;
        }
        if (y == null) {
            y = x;
        }
        buf[0] *= x;
        buf[3] *= y;
        buf[1] *= x;
        buf[2] *= y;
        return self;
    }

    fn.rotate = function (deg) {
        var self = this;
        var buf = self.buffer;
        deg = deg * Math.PI / 180;
        var cos = Math.cos(deg);
        var sin = Math.sin(deg);
        var m = new CLMatrix();
        var muf = m.buffer;
        muf[0] = cos;
        muf[1] = sin;
        muf[2] = -sin;
        muf[3] = cos;
        muf[4] = 0;
        muf[5] = 0;
        self.concat(m);
        return self;
    }

    fn.rotateAt = function (deg, x, y) {
        var self = this;
        if (x == null) {
            x = 0;
        }
        if (y == null) {
            y = 0;
        }
        self.translate(x, y);
        self.rotate(deg);
        self.translate(-x, -y);
        return self;
    }

    fn.getTranslate = function () {
        var self = this;
        var buf = self.buffer;
        return new CLVec2(buf[4], buf[5]);
    }

    fn.getScale = function () {
        var self = this;
        var xVec = new CLVec2(1, 1);
        var yVec = new CLVec2(-1, -1);
        var v1 = self.multiplyVector2(xVec);
        var v2 = self.multiplyVector2(yVec);
        var deg = self.getRotate();
        var mat = new CLMatrix();
        mat.rotate(-deg);
        v1 = mat.multiplyVector2(v1);
        v2 = mat.multiplyVector2(v2);
        var x0 = -2;
        var y0 = -2;
        var x1 = v2.x - v1.x;
        var y1 = v2.y - v1.y;
        return { x: x1 / x0, y: y1 / y0 };
    }

    fn.getRotate = function () {
        var self = this;
        var oVec = new CLVec2(1, 0);
        var v1 = self.multiplyVector2(oVec);
        var v2 = self.multiplyVector2(new CLVec2(2, 0));
        var v = new CLVec2(v2.x - v1.x, v2.y - v1.y);
        return deg(oVec, v);
    }

    fn.doAt = function (deg, sx, sy, at) {
        var self = this;
        var oVec = self.multiplyVector2(new CLVec2(at.x, at.y));
        var t = self.getTranslate();
        var s = self.getScale();
        var r = self.getRotate();
        self.setIdentity();
        self.translate(t.x, t.y);
        self.rotate(r + deg);
        self.scale(s.x * sx, s.y * sy);
        var nVec = self.multiplyVector2(new CLVec2(at.x, at.y));
        self.buffer[4] += oVec.x - nVec.x;
        self.buffer[5] += oVec.y - nVec.y;
    }

    fn.toString = function (nPrecision) {
        var self = this;
        if (nPrecision == null) {
            nPrecision = 6;
        }
        var buf = self.buffer;
        var R = "matrix(";
        for (var i = 0; i < buf.length ; i++) {
            if (i != 0) {
                R += ", ";
            }
            R += buf[i].toPrecision(nPrecision, false);
        }
        R += ")";
        return R;
    }

    window.CLMatrix4 = function (other) {
        var self = this;
        if (!other) {
            other = {
                buffer: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]
            }
        }
        self.buffer = new Float32Array(16);
        for (var i = 0; i < 16; ++i) {
            self.buffer[i] = other.buffer[i];
        }
    }

    var fn = CLMatrix4.prototype;

    fn.buffer = null;

    fn.setIdentity = function () {
        var self = this;
        var e = self.buffer;
        e[0] = 1;
        e[4] = 0;
        e[8] = 0;
        e[12] = 0;
        e[1] = 0;
        e[5] = 1;
        e[9] = 0;
        e[13] = 0;
        e[2] = 0;
        e[6] = 0;
        e[10] = 1;
        e[14] = 0;
        e[3] = 0;
        e[7] = 0;
        e[11] = 0;
        e[15] = 1;
        return self;
    };

    fn.set = function (src) {
        var self = this;
        var i, s, d;
        s = src.buffer;
        d = self.buffer;
        if (s === d) {
            return;
        }
        for (i = 0; i < 16; ++i) {
            d[i] = s[i];
        }
        return self;
    };

    fn.multiply = function (other) {
        var self = this;
        return this.concat(other);
    };

    fn.multiplyVector3 = function (Vec3) {
        var self = this;
        var e = self.buffer;
        var p = Vec3.buffer;
        var v = new CLVec3();
        var result = v.buffer;
        result[0] = p[0] * e[0] + p[1] * e[4] + p[2] * e[8] + e[12];
        result[1] = p[0] * e[1] + p[1] * e[5] + p[2] * e[9] + e[13];
        result[2] = p[0] * e[2] + p[1] * e[6] + p[2] * e[10] + e[14];
        return v;
    };

    fn.multiplyVector4 = function (Vec4) {
        var self = this;
        var e = self.buffer;
        var p = Vec4.buffer;
        var v = new CLVec4();
        var result = v.buffer;
        result[0] = p[0] * e[0] + p[1] * e[4] + p[2] * e[8] + p[3] * e[12];
        result[1] = p[0] * e[1] + p[1] * e[5] + p[2] * e[9] + p[3] * e[13];
        result[2] = p[0] * e[2] + p[1] * e[6] + p[2] * e[10] + p[3] * e[14];
        result[3] = p[0] * e[3] + p[1] * e[7] + p[2] * e[11] + p[3] * e[15];
        return v;
    };
    //ת�þ���
    fn.transpose = function () {
        var self = this;
        var e, t;
        e = self.buffer;
        t = e[1];
        e[1] = e[4];
        e[4] = t;
        t = e[2];
        e[2] = e[8];
        e[8] = t;
        t = e[3];
        e[3] = e[12];
        e[12] = t;
        t = e[6];
        e[6] = e[9];
        e[9] = t;
        t = e[7];
        e[7] = e[13];
        e[13] = t;
        t = e[11];
        e[11] = e[14];
        e[14] = t;
        return self;
    };
    //�����
    fn.setInverseOf = function (other) {
        var self = this;
        var i, s, d, inv, det;
        s = other.buffer;
        d = self.buffer;
        inv = new Float32Array(16);
        inv[0] = s[5] * s[10] * s[15] - s[5] * s[11] * s[14] - s[9] * s[6] * s[15]
            + s[9] * s[7] * s[14] + s[13] * s[6] * s[11] - s[13] * s[7] * s[10];
        inv[4] = -s[4] * s[10] * s[15] + s[4] * s[11] * s[14] + s[8] * s[6] * s[15]
            - s[8] * s[7] * s[14] - s[12] * s[6] * s[11] + s[12] * s[7] * s[10];
        inv[8] = s[4] * s[9] * s[15] - s[4] * s[11] * s[13] - s[8] * s[5] * s[15]
            + s[8] * s[7] * s[13] + s[12] * s[5] * s[11] - s[12] * s[7] * s[9];
        inv[12] = -s[4] * s[9] * s[14] + s[4] * s[10] * s[13] + s[8] * s[5] * s[14]
            - s[8] * s[6] * s[13] - s[12] * s[5] * s[10] + s[12] * s[6] * s[9];
        inv[1] = -s[1] * s[10] * s[15] + s[1] * s[11] * s[14] + s[9] * s[2] * s[15]
            - s[9] * s[3] * s[14] - s[13] * s[2] * s[11] + s[13] * s[3] * s[10];
        inv[5] = s[0] * s[10] * s[15] - s[0] * s[11] * s[14] - s[8] * s[2] * s[15]
            + s[8] * s[3] * s[14] + s[12] * s[2] * s[11] - s[12] * s[3] * s[10];
        inv[9] = -s[0] * s[9] * s[15] + s[0] * s[11] * s[13] + s[8] * s[1] * s[15]
            - s[8] * s[3] * s[13] - s[12] * s[1] * s[11] + s[12] * s[3] * s[9];
        inv[13] = s[0] * s[9] * s[14] - s[0] * s[10] * s[13] - s[8] * s[1] * s[14]
            + s[8] * s[2] * s[13] + s[12] * s[1] * s[10] - s[12] * s[2] * s[9];
        inv[2] = s[1] * s[6] * s[15] - s[1] * s[7] * s[14] - s[5] * s[2] * s[15]
            + s[5] * s[3] * s[14] + s[13] * s[2] * s[7] - s[13] * s[3] * s[6];
        inv[6] = -s[0] * s[6] * s[15] + s[0] * s[7] * s[14] + s[4] * s[2] * s[15]
            - s[4] * s[3] * s[14] - s[12] * s[2] * s[7] + s[12] * s[3] * s[6];
        inv[10] = s[0] * s[5] * s[15] - s[0] * s[7] * s[13] - s[4] * s[1] * s[15]
            + s[4] * s[3] * s[13] + s[12] * s[1] * s[7] - s[12] * s[3] * s[5];
        inv[14] = -s[0] * s[5] * s[14] + s[0] * s[6] * s[13] + s[4] * s[1] * s[14]
            - s[4] * s[2] * s[13] - s[12] * s[1] * s[6] + s[12] * s[2] * s[5];
        inv[3] = -s[1] * s[6] * s[11] + s[1] * s[7] * s[10] + s[5] * s[2] * s[11]
            - s[5] * s[3] * s[10] - s[9] * s[2] * s[7] + s[9] * s[3] * s[6];
        inv[7] = s[0] * s[6] * s[11] - s[0] * s[7] * s[10] - s[4] * s[2] * s[11]
            + s[4] * s[3] * s[10] + s[8] * s[2] * s[7] - s[8] * s[3] * s[6];
        inv[11] = -s[0] * s[5] * s[11] + s[0] * s[7] * s[9] + s[4] * s[1] * s[11]
            - s[4] * s[3] * s[9] - s[8] * s[1] * s[7] + s[8] * s[3] * s[5];
        inv[15] = s[0] * s[5] * s[10] - s[0] * s[6] * s[9] - s[4] * s[1] * s[10]
            + s[4] * s[2] * s[9] + s[8] * s[1] * s[6] - s[8] * s[2] * s[5];
        det = s[0] * inv[0] + s[1] * inv[4] + s[2] * inv[8] + s[3] * inv[12];
        if (det === 0) {
            return self;
        }
        det = 1 / det;
        for (i = 0; i < 16; i++) {
            d[i] = inv[i] * det;
        }
        return self;
    };

    fn.invert = function () {
        var self = this;
        return self.setInverseOf(self);
    };
    //͸�����
    fn.setOrtho = function (left, right, bottom, top, near, far) {
        var self = this;
        var e, rw, rh, rd;
        if (left === right || bottom === top || near === far) {
            throw "null frustum";
        }
        rw = 1 / (right - left);
        rh = 1 / (top - bottom);
        rd = 1 / (far - near);
        e = self.buffer;
        e[0] = 2 * rw;
        e[1] = 0;
        e[2] = 0;
        e[3] = 0;
        e[4] = 0;
        e[5] = 2 * rh;
        e[6] = 0;
        e[7] = 0;
        e[8] = 0;
        e[9] = 0;
        e[10] = -2 * rd;
        e[11] = 0;
        e[12] = -(right + left) * rw;
        e[13] = -(top + bottom) * rh;
        e[14] = -(far + near) * rd;
        e[15] = 1;
        return self;
    };

    fn.ortho = function (left, right, bottom, top, near, far) {
        var self = this;
        return self.concat(new CLMatrix4().setOrtho(left, right, bottom, top, near, far));
    };

    fn.setFrustum = function (left, right, bottom, top, near, far) {
        var self = this;
        var e, rw, rh, rd;
        if (left === right || top === bottom || near === far) {
            throw "null frustum";
        }
        if (near <= 0) {
            throw "near <= 0";
        }
        if (far <= 0) {
            throw "far <= 0";
        }
        rw = 1 / (right - left);
        rh = 1 / (top - bottom);
        rd = 1 / (far - near);
        e = self.buffer;
        e[0] = 2 * near * rw;
        e[1] = 0;
        e[2] = 0;
        e[3] = 0;
        e[4] = 0;
        e[5] = 2 * near * rh;
        e[6] = 0;
        e[7] = 0;
        e[8] = (right + left) * rw;
        e[9] = (top + bottom) * rh;
        e[10] = -(far + near) * rd;
        e[11] = -1;
        e[12] = 0;
        e[13] = 0;
        e[14] = -2 * near * far * rd;
        e[15] = 0;
        return self;
    };

    fn.frustum = function (left, right, bottom, top, near, far) {
        var self = this;
        return self.concat(new CLMatrix4().setFrustum(left, right, bottom, top, near, far));
    };

    fn.setPerspective = function (fovy, aspect, near, far) {
        var self = this;
        var e, rd, s, ct;
        if (near === far || aspect === 0) {
            throw "null frustum";
        }
        if (near <= 0) {
            throw "near <= 0";
        }
        if (far <= 0) {
            throw "far <= 0";
        }
        fovy = Math.PI * fovy / 180 / 2;
        s = Math.sin(fovy);
        if (s === 0) {
            throw "null frustum";
        }
        rd = 1 / (far - near);
        ct = Math.cos(fovy) / s;
        e = self.buffer;
        e[0] = ct / aspect;
        e[1] = 0;
        e[2] = 0;
        e[3] = 0;
        e[4] = 0;
        e[5] = ct;
        e[6] = 0;
        e[7] = 0;
        e[8] = 0;
        e[9] = 0;
        e[10] = -(far + near) * rd;
        e[11] = -1;
        e[12] = 0;
        e[13] = 0;
        e[14] = -2 * near * far * rd;
        e[15] = 0;
        return self;
    };

    fn.perspective = function (fovy, aspect, near, far) {
        var self = this;
        return self.concat(new CLMatrix4().setPerspective(fovy, aspect, near, far));
    };
    //����
    fn.setScale = function (x, y, z) {
        var self = this;
        var e = self.buffer;
        e[0] = x;
        e[4] = 0;
        e[8] = 0;
        e[12] = 0;
        e[1] = 0;
        e[5] = y;
        e[9] = 0;
        e[13] = 0;
        e[2] = 0;
        e[6] = 0;
        e[10] = z;
        e[14] = 0;
        e[3] = 0;
        e[7] = 0;
        e[11] = 0;
        e[15] = 1;
        return self;
    };

    fn.scale = function (x, y, z) {
        var self = this;
        var e = self.buffer;
        e[0] *= x;
        e[4] *= y;
        e[8] *= z;
        e[1] *= x;
        e[5] *= y;
        e[9] *= z;
        e[2] *= x;
        e[6] *= y;
        e[10] *= z;
        e[3] *= x;
        e[7] *= y;
        e[11] *= z;
        return self;
    };
    //ƽ��
    fn.setTranslate = function (x, y, z) {
        var self = this;
        var e = self.buffer;
        e[0] = 1;
        e[4] = 0;
        e[8] = 0;
        e[12] = x;
        e[1] = 0;
        e[5] = 1;
        e[9] = 0;
        e[13] = y;
        e[2] = 0;
        e[6] = 0;
        e[10] = 1;
        e[14] = z;
        e[3] = 0;
        e[7] = 0;
        e[11] = 0;
        e[15] = 1;
        return self;
    };

    fn.translate = function (x, y, z) {
        var self = this;
        var e = self.buffer;
        e[12] += e[0] * x + e[4] * y + e[8] * z;
        e[13] += e[1] * x + e[5] * y + e[9] * z;
        e[14] += e[2] * x + e[6] * y + e[10] * z;
        e[15] += e[3] * x + e[7] * y + e[11] * z;
        return self;
    };

    //�������
    fn.adjoint = function () {
        var self = this;
        var adj = [];
        var e = self.buffer;
        function determinant(mn,N) {
            if (N == 1) {
                return mn[0][0];
            }
            if (N == 2) {
                return (mn[0][0] * mn[1][1] - mn[0][1] * mn[1][0]);
            }
            var ret = 0;
            for (var i = 0; i < 3; ++i) {
                var m = [];
                var rows = [];
                for (var t = 0; t < N; t++) {
                    if (i != t) {
                        rows.push(t);
                    }
                    if (t > 0) {
                        m.push([]);
                    }
                }
                for (var x = 0; x < N - 1 ; x++) {
                    for (var y = 0; y < N - 1; ++y) {
                        m[x][y] = mn[rows[x]][y + 1];
                    }
                }
                var sign = parseInt(Math.pow(-1, 1 + i + 1));
                ret += mn[i][0] * sign * determinant(m, N - 1);
            }
            return ret;
        }
        for (var y = 0; y < 4; y++) {
            var cols = [];
            for (var i = 0; i < 4; ++i) {
                if (i != y) {
                    cols.push(i);
                }
            }
            for (var x = 0; x < 4; x++) {
                var rows = [];
                for (var i = 0; i < 4; i++) {
                    if (i != x) {
                        rows.push(i);
                    }
                }
                var m = [[], [], []];
                for (var j = 0; j < 3; j++) {
                    for (var i = 0; i < 3; i++) {
                        m[j][i] = e[rows[j] * 4 + cols[i]];
                    }
                }

                var sign = parseInt(Math.pow(-1, x + y));
                adj[y * 4 + x] = sign * determinant(m, 3);
            }
        }
        for (var i = 0; i < 16 ; i++) {
            e[i] = adj[i];
        }
    }
    //��ת
    fn.setRotate = function (angle, x, y, z) {
        var self = this;
        var e, s, c, len, rlen, nc, xy, yz, zx, xs, ys, zs;
        angle = Math.PI * angle / 180;
        e = self.buffer;
        s = Math.sin(angle);
        c = Math.cos(angle);
        if (0 !== x && 0 === y && 0 === z) {
            if (x < 0) {
                s = -s;
            }
            e[0] = 1;
            e[4] = 0;
            e[8] = 0;
            e[12] = 0;
            e[1] = 0;
            e[5] = c;
            e[9] = -s;
            e[13] = 0;
            e[2] = 0;
            e[6] = s;
            e[10] = c;
            e[14] = 0;
            e[3] = 0;
            e[7] = 0;
            e[11] = 0;
            e[15] = 1;
        }
        else if (0 === x && 0 !== y && 0 === z) {
            if (y < 0) {
                s = -s;
            }
            e[0] = c;
            e[4] = 0;
            e[8] = s;
            e[12] = 0;
            e[1] = 0;
            e[5] = 1;
            e[9] = 0;
            e[13] = 0;
            e[2] = -s;
            e[6] = 0;
            e[10] = c;
            e[14] = 0;
            e[3] = 0;
            e[7] = 0;
            e[11] = 0;
            e[15] = 1;
        }
        else if (0 === x && 0 === y && 0 !== z) {
            if (z < 0) {
                s = -s;
            }
            e[0] = c;
            e[4] = -s;
            e[8] = 0;
            e[12] = 0;
            e[1] = s;
            e[5] = c;
            e[9] = 0;
            e[13] = 0;
            e[2] = 0;
            e[6] = 0;
            e[10] = 1;
            e[14] = 0;
            e[3] = 0;
            e[7] = 0;
            e[11] = 0;
            e[15] = 1;
        }
        else {
            len = Math.sqrt(x * x + y * y + z * z);
            if (len !== 1) {
                rlen = 1 / len;
                x *= rlen;
                y *= rlen;
                z *= rlen;
            }
            nc = 1 - c;
            xy = x * y;
            yz = y * z;
            zx = z * x;
            xs = x * s;
            ys = y * s;
            zs = z * s;
            e[0] = x * x * nc + c;
            e[1] = xy * nc + zs;
            e[2] = zx * nc - ys;
            e[3] = 0;
            e[4] = xy * nc - zs;
            e[5] = y * y * nc + c;
            e[6] = yz * nc + xs;
            e[7] = 0;
            e[8] = zx * nc + ys;
            e[9] = yz * nc - xs;
            e[10] = z * z * nc + c;
            e[11] = 0;
            e[12] = 0;
            e[13] = 0;
            e[14] = 0;
            e[15] = 1;
        }
        return self;
    };

    fn.rotate = function (angle, x, y, z) {
        var self = this;
        return self.concat(new CLMatrix4().setRotate(angle, x, y, z));
    };

    fn.rotateXYZ = function (x, y, z) {
        var self = this;
        self.rotate(x, 1, 0, 0);
        self.rotate(y, 0, 1, 0);
        self.rotate(z, 0, 0, 1);
    }

    fn.toRotateXYZ = function () {
        var self = this;
        var buf = self.buffer;
        var sy = Math.sqrt(buf[0] * buf[0] + buf[4] * buf[4]);
        var singular = sy < 1e-6;//����:10^-6
        var x, y, z;
        if (!singular)
        {
            x = -Math.atan2(buf[9], buf[10]);
            y = -Math.atan2(-buf[8], sy);
            z = -Math.atan2(buf[4], buf[0]);
        }
        else
        {
            x = -Math.atan2(-buf[6], buf[5]);
            y = -Math.atan2(-buf[8], sy);
            z = 0;
        }
        x = x * 180.0 / Math.PI;
        y = y * 180.0 / Math.PI;
        z = z * 180.0 / Math.PI;
        return new CLVec3(x, y, z);
    }
    //͸�����
    fn.setLookAt = function (eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ) {
        var self = this;
        var e, fx, fy, fz, rlf, sx, sy, sz, rls, ux, uy, uz;
        fx = centerX - eyeX;
        fy = centerY - eyeY;
        fz = centerZ - eyeZ;
        rlf = 1 / Math.sqrt(fx * fx + fy * fy + fz * fz);
        fx *= rlf;
        fy *= rlf;
        fz *= rlf;
        sx = fy * upZ - fz * upY;
        sy = fz * upX - fx * upZ;
        sz = fx * upY - fy * upX;
        rls = 1 / Math.sqrt(sx * sx + sy * sy + sz * sz);
        sx *= rls;
        sy *= rls;
        sz *= rls;
        ux = sy * fz - sz * fy;
        uy = sz * fx - sx * fz;
        uz = sx * fy - sy * fx;
        e = self.buffer;
        e[0] = sx; e[1] = ux; e[2] = -fx; e[3] = 0;
        e[4] = sy; e[5] = uy; e[6] = -fy; e[7] = 0;
        e[8] = sz; e[9] = uz; e[10] = -fz; e[11] = 0;
        e[12] = 0; e[13] = 0; e[14] = 0; e[15] = 1;
        return self.translate(-eyeX, -eyeY, -eyeZ);
    };

    fn.lookAt = function (eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ) {
        var self = this;
        return self.concat(new CLMatrix4().setLookAt(eyeX, eyeY, eyeZ, centerX, centerY, centerZ, upX, upY, upZ));
    };

    fn.dropShadow = function (plane, light) {
        var self = this;
        var mat = new CLMatrix4();
        var e = mat.buffer;
        var dot = plane[0] * light[0] + plane[1] * light[1] + plane[2] * light[2] + plane[3] * light[3];
        e[0] = dot - light[0] * plane[0];
        e[1] = -light[1] * plane[0];
        e[2] = -light[2] * plane[0];
        e[3] = -light[3] * plane[0];
        e[4] = -light[0] * plane[1];
        e[5] = dot - light[1] * plane[1];
        e[6] = -light[2] * plane[1];
        e[7] = -light[3] * plane[1];
        e[8] = -light[0] * plane[2];
        e[9] = -light[1] * plane[2];
        e[10] = dot - light[2] * plane[2];
        e[11] = -light[3] * plane[2];
        e[12] = -light[0] * plane[3];
        e[13] = -light[1] * plane[3];
        e[14] = -light[2] * plane[3];
        e[15] = dot - light[3] * plane[3];
        return self.concat(mat);
    };

    fn.dropShadowDirectionally = function (normX, normY, normZ, planeX, planeY, planeZ, lightX, lightY, lightZ) {
        var self = this;
        var a = planeX * normX + planeY * normY + planeZ * normZ;
        return self.dropShadow([normX, normY, normZ, -a], [lightX, lightY, lightZ, 0]);
    };

    fn.concat = function (other) {
        var self = this;
        var i, e, a, b, ai0, ai1, ai2, ai3;
        e = self.buffer;
        a = self.buffer;
        b = other.buffer;
        if (e === b) {
            b = new Float32Array(16);
            for (i = 0; i < 16; ++i) {
                b[i] = e[i];
            }
        }
        for (i = 0; i < 4; i++) {
            ai0 = a[i];
            ai1 = a[i + 4];
            ai2 = a[i + 8];
            ai3 = a[i + 12];
            e[i] = ai0 * b[0] + ai1 * b[1] + ai2 * b[2] + ai3 * b[3];
            e[i + 4] = ai0 * b[4] + ai1 * b[5] + ai2 * b[6] + ai3 * b[7];
            e[i + 8] = ai0 * b[8] + ai1 * b[9] + ai2 * b[10] + ai3 * b[11];
            e[i + 12] = ai0 * b[12] + ai1 * b[13] + ai2 * b[14] + ai3 * b[15];
        }
        return self;
    };
}());
;(function () {
    CLRegiste("CLMenu", CLTop, true);
    //一个全局变量,表示唯一ID
    var CLMenuNodeID = 0;
    //保存全局菜单的ID
    var CLMenuID = null;

    var CLMenu = window.CLMenu = function (JsonMenu, Ele) {
        var self = this;
        var divBg = document.createElement("div");
        divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;pointer-events:none";
        divBg.oncontextmenu = function () {
            return false;
        }
        //如果原来的没有释放则释放
        CLMenu.Clear();
        CLTop.document.body.appendChild(divBg);
        divBg.style.zIndex = CLTop.CLMaxZIndex();

        CLMenuNodeID++;
        CLMenuID = "CLMenu_" + CLMenuNodeID;
        //创建目录名
        var Div = CLTop.document.createElement('div');
        Div.id = CLMenuID;
        Div.className = "CLMenu";
        Div.Menu = this;
        //设置菜单的css风格,其值由Menu传入
        for (var key in JsonMenu["style"]) {
            Div.style[key] = JsonMenu["style"][key];
        }
        var Items = JsonMenu["Items"];

        if (Items == null) {
            return;
        }
        var Item = null;
        //添加条目
        for (var i = 0; i < Items.length ; i++) {
            Item = CLTop.document.createElement('div');
            if (Items[i]["Enable"]) {
                Item.className = "Item";
            } else {
                Item.className = "Item_disble";
            }

            //设置风格
            for (var key in Items[i]["style"]) {
                Item.style[key] = Items[i]["style"][key];
            }
            Item.ItemData = Items[i];
            Item.Menu = this;
            if (!!Items[i]["Html"]) {
                Item.innerHTML += Items[i]["Html"];
            } else {
                Item.innerText += Items[i]["Text"];
            }
            Item.data = Items[i];

            Item.addEventListener("mouseup", function (e) {
                if (e.button == 0) {
                    e.currentTarget.CallBack(e);
                    var Item = e.currentTarget;
                    if (!e.ctrlKey) {
                        var Items = Div.getElementsByClassName("ItemSel");
                        while (Items.length != 0) {
                            Items[0].classList.remove("ItemSel");
                        }
                    }
                    Item.classList.add("ItemSel");
                }
            }, false);

            Object.defineProperty(Item, "Disabled", {
                set: function (val) {
                    val = val == true;
                    if (val) {
                        this.classList.add("Item_disble");
                        this.CallBack = function (e) {

                        }
                    } else {
                        this.classList.remove("Item_disble");
                        this.CallBack = function (e) {
                            if (this.data["CallBack"]) {
                                this.data["CallBack"](e);
                            }
                        }
                    }
                },
                get: function () {
                    return this.className == "Item_disble";
                }
            });
            Item.Disabled = Items[i]["Enable"] != true;
            Div.appendChild(Item);
            if (Items[i].OnCreated != null) {
                Items[i].OnCreated(Item);
            }
        }

        Div.onmousedown = function (e) {
            if (e.srcElement.classList.contains("Item")) {
                e.preventDefault();
            }
        }
        var self = this;
        self.Div = Div;
        var active = document.activeElement;
        self.Close = function (anim) {
            var Menu = self.Div;
            self.Close = function () { }
            if (Menu == null || Menu.parentNode == null) {
                return;
            }
            var divBg = Menu.parentNode.parentNode;
            if (window != CLTop) {
                var win = window;
                while (win != CLTop) {
                    if (win.frameElement != null) {
                        win.frameElement.style.pointerEvents = "";
                    }
                    win = win.parent;
                }
            }
            if (CLTop != null) {
                CLTop.removeEventListener("unload", divBg.Close, true);
            }
            input == null ? null : input.remove();
            Menu.style.animationName = "CLMenuDownClose";
            if (getComputedStyle(Menu).animationDuration == "0s" || anim == false) {
                divBg.remove();
            } else {
                Menu.addEventListener("animationend", function () {
                    divBg.remove();
                    CLTop.removeEventListener("mousedown", mousedown, true);
                });
            }
            active.focus();
            self.onclosed();
        }
        var SearchEnable = false;
        var input = null;
        self.EnableSearch = function (bEnable) {
            if (SearchEnable == bEnable) {
                return;
            }
            SearchEnable = bEnable;
            if (bEnable == false) {
                input.remove();
                MenuBox.removeAttribute("SearchEnable");
                self.Reset();
                Div.style.paddingTop = "";
            } else {
                MenuBox.setAttribute("SearchEnable", "");
                if (input == null) {
                    input = document.createElement("input");
                    input.style.height = "30px";
                    input.className = "CLSearch";
                    input.setAttribute("placeholder", "输入内容搜索");
                    input.style.top = "0";
                    input.style.left = "8px";
                    input.style.position = "absolute";
                    input.style.width = "calc(100% - 16px)";
                    input.style.backgroundColor = "#fff"
                    MenuBox.appendChild(input);
                    self.Reset();
                    input.value = "";
                    input.OnInput(function () {
                        if (input.timeout != null) {
                            clearTimeout(input.timeout);
                            input.timeout = null;
                        }
                        input.timeout = setTimeout(function () {
                            clearTimeout(input.timeout);
                            input.timeout = null;
                            self.Search(input.value);
                        }, 500);
                    });
                }
            }
        }

        self.Search = function (sValue) {
            var Items = self.Div.childNodes;
            var ItemHiddens = self.Div.getElementsByClassName("ItemHidden");
            while (ItemHiddens.length != 0) {
                ItemHiddens[0].classList.remove("ItemHidden");
            }
            if (sValue.trim().length == 0) {
                Div.style.height = "initial";
                return;
            }
            for (var i = 0; i < Items.length ; i++) {
                if (Items[i].innerText.indexOf(sValue) < 0) {
                    Items[i].classList.add("ItemHidden");
                }
            }
            Div.style.height = "initial";
            Div.style.height = Div.offsetHeight + "px";
        }

        var MenuBox = document.createElement("div");

        MenuBox.className = "CLMenuBox";

        MenuBox.appendChild(Div);

        divBg.appendChild(MenuBox);
        self.Box = MenuBox;
        function mousedown(e) {
            var Ele = e.srcElement;
            if (input == Ele) {
                return;
            }
            if (!!self.Filters) {
                while (Ele) {
                    if (self.Filters.indexOf(Ele) >= 0) {
                        return;
                    }
                    Ele = Ele.parentNode;
                }
            }
            var path = e.path || (e.composedPath && e.composedPath());
            if (path != null && path.indexOf(Div) >= 0) {
                return;
            }
            if (SearchEnable && path != null && path.indexOf(input) >= 0) {
                return;
            }
            self.Close();
        };
        CLTop.addEventListener("mousedown", mousedown, true);

        if (CLTop != window) {
            var win = window;
            while (win != CLTop) {
                win.frameElement.style.pointerEvents = "none";
                win = win.parent;
            }
        }
        var first = true;
        function Reset(e, bHeight, zoom) {
            zoom = zoom == null ? 1 : zoom;
            if (!first) {
                MenuBox.firstChild.style.height = "";
            }
            first = false;
            if (!SearchEnable) {
                if (bHeight != false) {
                    MenuBox.firstChild.style.height = MenuBox.offsetHeight - 16 + "px";
                }
            } else {
                self.Div.style.marginTop = "30px";
                MenuBox.style.marginTop = "8px";
                if (bHeight != false) {
                    MenuBox.firstChild.style.height = MenuBox.offsetHeight - 16 - 22 + "px";
                }
            }
            if (Ele != null && Ele.getBoundingClientRectEx != null) {
                var Rect = Ele.getBoundingClientRectEx();
                MenuBox.style.transform = "";
                MenuBox.style.top = Rect.bottom * zoom + 0 + "px";
                MenuBox.style.left = Rect.left * zoom + "px";
                MenuBox.style.minWidth = (Rect.width + 0) * zoom + "px";
                var mRect = MenuBox.getBoundingClientRectEx();
                if (mRect.right > CLTop.innerWidth) {
                    MenuBox.style.left = CLTop.innerWidth - MenuBox.offsetWidth + 0 + "px";
                }
                if (mRect.bottom > CLTop.innerHeight) {
                    MenuBox.style.top = Rect.top * zoom - mRect.height + "px";
                    if (MenuBox.offsetTop < 0) {
                        MenuBox.style.top = "0px";
                    }
                    if (MenuBox.offsetTop < Rect.top && MenuBox.offsetTop + MenuBox.offsetHeight > Rect.bottom) {
                        if (Rect.left + Rect.width / 2 > CLTop.innerWidth / 2) {
                            MenuBox.style.left = Math.max(Rect.left - MenuBox.offsetWidth, 0) + "px";
                        } else {
                            MenuBox.style.left = Math.min(Rect.right, CLTop.innerWidth) + "px";
                        }
                    }
                }
            } else if (e != null) {
                MenuBox.style.transform = "";
                var rect = null;
                if (document.Window != CLTop) {
                    rect = window.frameElement.getBoundingClientRectEx();
                }

                MenuBox.style.left = e.clientX + (rect == null ? 0 : rect.left) + "px";
                MenuBox.style.top = e.clientY + (rect == null ? 0 : rect.top) + "px";
                var rect = MenuBox.getBoundingClientRect();
                if (rect.right > CLTop.innerWidth) {
                    MenuBox.style.left = CLTop.innerWidth - rect.width + "px";
                }
                if (rect.bottom > CLTop.innerHeight) {
                    MenuBox.style.top = CLTop.innerHeight - rect.height + "px";
                }
            } else {
                MenuBox.style.top = "50%";
                MenuBox.style.left = "50%";
                MenuBox.style.transform = "translate(-50%,-50%)";
            }
        }
        Reset(event, false);
        this.Reset = Reset;
        if (window != CLTop) {
            function Close() {
                divBg.remove();
                self.onclosed();
            }
            window.addEventListener("unload", Close);
        }
    }

    var fn = CLMenu.prototype;

    fn.Filters = null;

    fn.EnableSearch = function () { }

    fn.Search = function () { }

    fn.onclosed = function () {

    }

    fn.Close = function () {

    }

    fn.SetFree = function (free) {
        var self = this;
        if (free) {
            self.Box.classList.add("CLMenuFree");
        } else {
            self.Box.classList.remove("CLMenuFree");
        }
    }

    fn.addFilter = function (Ele) {
        var self = this;
        if (self.Filters == null) {
            self.Filters = [];
        }
        self.Filters.push(Ele);
    }

    fn.removeFilter = function (Ele) {
        var self = this;
        if (self.Filters != null) {
            self.Filters.splice(self.Filters.indexOf(Ele),1);
        }
    }

    fn.SubMenu = function (JMenu, Item) {
        var self = this;
        if (Item.__SUB__) {
            return Item.__SUB__;
        }
        self.Box.classList.add("CLMenuFree");
        var Sub = Item.__SUB__ = new CLMenu(JMenu);
        Sub.Reset = function () {
            Sub.Div.style.height = "initial";
            if (Sub.Box.hasAttribute("SearchEnable")) {
                Sub.Div.style.marginTop = "30px";
                Sub.Box.style.marginTop = "8px";
                Sub.Box.firstChild.style.height = Sub.Box.offsetHeight - 16 - 22 + "px";
            }
            var style = getComputedStyle(Sub.Box.firstChild);
            var Rect = Item.getBoundingClientRect();
            if (Rect.right + Sub.Box.offsetWidth < innerWidth - 10) {
                Sub.Box.style.left = Rect.right + parseInt(style.marginLeft) + "px";
            } else {
                if (Rect.left - Sub.Box.offsetWidth < 0) {
                    Sub.Box.style.left = "0px";
                } else {
                    Sub.Box.style.left = Rect.left - Sub.Box.offsetWidth + parseInt(style.marginRight) + "px";
                }
            }
            if (Rect.top + Sub.Box.offsetHeight < innerHeight - 10) {
                Sub.Box.style.top = Rect.top + "px";
            } else {
                Sub.Box.style.top = innerHeight - Sub.Box.offsetHeight + "px";
            }
            Sub.Box.style.transform = "";
        }
        function move(e) {
            var ele = e.srcElement;
            function func() {
                if (Item.contains(ele) || Sub.Box.contains(ele)) {
                    return;
                }
                Sub.Close();
                delete Item.__SUB__;
                removeEventListener("mousemove", move, true);
            }
            if (self.Box.contains(ele) && !Item.contains(ele)) {
                func();
            } else {
                CLDelay(function () {
                    func();
                }, 150, null, Item);
            }
        }
        addEventListener("mousemove", move, true);
        Sub.Reset();
        return Sub;
    }

    CLMenu.GetInstance = function (div) {
        while (div && div.Menu == null) {
            div = div.parentNode;
        }
        return div == null ? null : div.Menu;
    }

    CLMenu.Clear = function (menu) {
        var Boxes = CLTop.document.getElementsByClassName("CLMenuBox");
        for (var i = 0; i < Boxes.length ; i++) {
            if (Boxes[i].classList.contains("CLMenuFree")) {
                continue;
            }
            Boxes[i].firstChild.Menu.Close();
        }
    }
}());
;(function () {
    CLRegiste("CLOnOff", CLTop, true);
    var CLOnOff = window.CLOnOff = function (Name, Container) {
        var self = this;
        var Box = document.createElement("div");
        Box.setAttribute("Name", Name);
        Box.className = "CLOnOff CLOnOff-Off";
        Container.appendChild(Box);
        self.Box = Box;
        self.onchanged = function (self) { };
        Box.onclick = function (e) {
            if (self.enable) {
                self.checked = !self.checked;
            }
        }
        self.Enable = true;
        Object.defineProperty(self, "enable", {
            get: function () {
                return self.Enable;
            },
            set: function (val) {
                self.Enable = (val == true);
            }
        });
        self.IsChecked = false;
        Object.defineProperty(self, "checked", {
            get: function () {
                return self.IsChecked;
            },
            set: function (val) {
                self.IsChecked = (val == true);
                if (self.IsChecked) {
                    Box.classList.remove("CLOnOff-Off");
                    Box.classList.add("CLOnOff-On");
                } else {
                    Box.classList.remove("CLOnOff-On");
                    Box.classList.add("CLOnOff-Off");
                }
                self.onchanged(self);
            }
        });
        Object.defineProperty(self, "Checked", {
            set: function (val) {
                self.IsChecked = (val == true);
                if (self.IsChecked) {
                    Box.classList.remove("CLOnOff-Off");
                    Box.classList.add("CLOnOff-On");
                } else {
                    Box.classList.remove("CLOnOff-On");
                    Box.classList.add("CLOnOff-Off");
                }
            }
        });
    }
}());
;(function () {
    CLRegiste("CLPageBox", null, true);

    var Position = [];

    var CLPageBox = window.CLPageBox = function(Top) {
        var self = this;
        Top = Top == null ? window.CLTop : Top;
        var BgDiv = Top.document.createElement("div");
        BgDiv.className = "CLPageBoxBg";
        BgDiv.style.zIndex = Top.CLMaxZIndex();
        var div = self.Box = Top.document.createElement("div");
        div.className = "CLPageBox";
        BgDiv.appendChild(div);
        div.style.position = "relative";
        self.bgDiv = BgDiv;
        var Header = self.Header = document.createElement("div");
        Header.className = "Header";
        div.appendChild(Header);
        var close = document.createElement("div");
        close.className = "Close";
        self.ToActive = document.activeElement;
        close.onclick = function () {
            self.Close();
        }
        Header.appendChild(close);
        Header.ondblclick = function () {
            self.MaximizeOrReset();
        }
        var IsMaximized = false;
        self.MaximizeOrReset = function () {
            if (IsMaximized) {
                self.Reset();
            } else {
                self.Maximize();
            }
        }
        self.Maximize = function () {
            if (IsMaximized) {
                return;
            }
            IsMaximized = true;
            div.ResetStyle = div.style.cssText;
            div.style.cssText = "";
            div.style.height = "100%";
            div.style.width = "100%";
            div.style.position = "fixed";
            div.style.left = "0";
            div.style.top = "0";
            div.style.margin = "0";
            div.style.maxHeight = "100%";
        }
        self.Reset = function () {
            if (!IsMaximized) {
                return;
            }
            IsMaximized = false;
            div.style.cssText = div.ResetStyle;
            delete div.ResetStyle;
        }

        var Body = self.Body = document.createElement("div");
        Body.className = "Body";
        div.appendChild(Body);

        var Bottom = self.Bottom = document.createElement("div");
        Bottom.className = "Bottom";
        div.appendChild(Bottom);

        self.EnableMove = function () {
            Header.Window = Top;
            CLEnableMove(Header, function () {
                div.style.margin = "0";
            }, null,
            function () {
                if (div.offsetTop < 0) {
                    div.style.top = "0px";
                }
                var Rect = div.getBoundingClientRectEx();
                if (Rect.right > Top.innerWidth) {
                    div.style.left = parseInt(div.style.left) - Rect.right + Top.innerWidth + "px";
                }
                if (Rect.left < 0) {
                    div.style.left = parseInt(div.style.left) - Rect.left + "px";
                }
                if (Rect.top < 0) {
                    div.style.top = parseInt(div.style.top) + Rect.top + "px";
                }
                if (Rect.top > Top.innerHeight - 50) {
                    div.style.top = parseInt(div.style.top) - Rect.top + Top.innerHeight - 50 + "px";
                }
            }, div);
        }

        self.Close = function () {
            Position.pop();
            BgDiv.remove();
            CLAsync(function () {
                self.ToActive.focus();
            });
        }
        var index = Position.length % 10;
        Position.push(index);
        div.style.top = index * 15 + "px";
        div.style.left = index * 15 + "px";
        Top.document.body.appendChild(BgDiv);
    }

    var fn = CLPageBox.prototype;

    fn.Box = null;

    fn.Header = null;

    fn.Body = null;

    fn.Bottom = null;

    fn.Close = function () {

    }

    fn.EnableMove = function () {

    }

    fn.Reset = function () {

    }

    fn.Maximize = function () {

    }

    fn.MaximizeOrReset = function () {

    }
}());
;(function () {
    CLRegiste("CLPictureBox", null, true);
    var CLPictureBox = window.CLPictureBox = function (Ele, Imgs, autoSwap) {
        var self = this;
        var box = document.createElement("div");
        box.className = "CLPictureBox";
        Ele.appendChild(box);
        var sHtml = "<ul class='play'>";
        var ul = document.createElement("ul");
        for (var i = 0; i < Imgs.length; i++) {
            var Name = Imgs[i].Name;
            if (!Name) {
                Name = Imgs[i].Src;
                var path = "Function=HttpGetDiskFile&ID=";
                var index = Name.indexOf(path);
                if (index > 0) {
                    Name = Name.substr(index + path.length);
                    Name = new CLBase64().decode(Name);
                }
            }
            var Ext = Imgs[i].Ext || Name.substr(Name.lastIndexOf(".") + 1);
            var icon = CLPreView.GetIcon(Ext);
            if (icon == null) {
                icon = Imgs[i].Src;
            }
            Imgs[i].Ext = Ext;
            sHtml += "<li><img src='" + icon + "' /></li>";
        }

        sHtml += "</ul>";
        box.innerHTML = sHtml;
        var oPlay = box.getElementsByClassName('play')[0];
        var aLi = oPlay.getElementsByTagName('li');
        var width = box.offsetWidth * 1;
        var height = box.offsetHeight * 1;
        self.resize = function (height) {
            for (var i = 0; i < aLi.length; i++) {
                aLi[i].firstChild.style.maxHeight = height + "px";
            }
        }
        for (var i = 0; i < aLi.length; i++) {
            aLi[i].Index = i;
            aLi[i].onclick = function () {
                if (self.PreView) {
                    new CLPreView(Imgs, this.Index);
                }
            }
        }
        if (autoSwap != false && aLi.length > 1) {
            CLSwap(box);
        } else if (aLi.length != 0) {
            aLi[0].classList.add("show");
            aLi[0].style.cssText = "animation:none";
        }
        self.resize(Ele.offsetHeight);
    }
    CLPictureBox.prototype.PreView = true;
}());
;(function () {
    CLRegiste("CLPictureBox", null, true);
    var CLSwap = window.CLSwap = function (box) {
        var ul = box.getElementsByTagName("UL")[0];
        if (ul == null) {
            return
        }
        box.classList.add("CLPictureBox");
        ul.classList.add("play");
        var sHtml = "<div class='prev'></div><div class='next'></div>";
        sHtml += "<ul class='button' style='width:" + (ul.childElementCount * 24) + "px'>";
        for (var i = 0; i < ul.childElementCount; i++) {
            sHtml += "<li><div></div></li>";
        }
        sHtml += "</ul>";
        var node = document.createElement("div");
        node.innerHTML = sHtml;
        while (node.childElementCount != 0) {
            box.appendChild(node.firstElementChild);
        }
        var oPlay = box.getElementsByClassName('play')[0];
        var aLi = oPlay.getElementsByTagName('li');
        var oButton = box.getElementsByClassName('button')[0];
        var aDiv = oButton.getElementsByTagName('div');
        var oPrev = box.getElementsByClassName('prev')[0];
        var oNext = box.getElementsByClassName('next')[0];

        if (oPlay.childElementCount < 2) {
            oButton.style.display = "none";
            if (aLi[0] != null)
            {
                aLi[0].classList.add("show");
            }
            return;
        }

        var now = 0;
        var timer2 = null;
        for (var i = 0; i < aDiv.length; i++) {
            aDiv[i].index = i;
            aDiv[i].onmouseover = function () {
                if (now == this.index) return;
                now = this.index;
                tab();
            }
        }

        oPrev.onclick = function () {
            now--;
            if (now == -1) {
                now = aDiv.length - 1;
            }
            tab();
        }

        oNext.onclick = function () {
            if (!box.isConnected) {
                clearInterval(timer2);
                return;
            }
            now++;
            if (now >= aDiv.length) {
                now = 0;
            }
            tab();
        }

        box.onmouseover = function () {
            clearInterval(timer2);
        }

        box.onmouseout = function () {
            timer2 = setInterval(oNext.onclick, 4000);
        }

        timer2 = setInterval(oNext.onclick, 5000);

        function tab() {
            aLi[0].style.animation = "";
            for (var i = 0; i < aLi.length; i++) {
                aLi[i].classList.remove("show");
            }
            for (var i = 0; i < aDiv.length; i++) {
                aDiv[i].style.background = "#DDDDDD";
            }
            if (aDiv[now] == null) {
                return;
            }
            aDiv[now].style.background = '#A10000';
            aLi[now].classList.add("show");
        }
        tab();
        aLi[0].style.animation = "none";
    }
}());
;(function () {
    CLRegiste("CLPreView", CLTop, true);

    var CLPreView = window.CLPreView = function (Files, curIndex, ViewBg) {
        var Imgs = ["gif", "jpg", "jpeg", "png", "bmp"];
        var Music = ["wav", "mp3", "wma", "aac", "ogg"];
        var Video = ["mp4", "m4v", "webm", "mov"];
        curIndex = !curIndex ? 0 : curIndex;
        var MenuBar = null;
        var Page = null;
        var Name = null;
        var DownLoad = null;
        var Close = null;
        var ToActive = document.activeElement;
        var self = this;
        if (ViewBg == null) {
            ViewBg = document.createElement("div");
            ViewBg.className = "CLPreViewBg";
            ViewBg.style.zIndex = CLTop.CLMaxZIndex();
            CLTop.document.body.appendChild(ViewBg);
            MenuBar = document.createElement("div");
            MenuBar.className = "CLPreViewSysmenu";
            ViewBg.appendChild(MenuBar);
            Page = document.createElement("span");
            Page.style.paddingLeft = "20px";
            Page.innerHTML = (curIndex + 1) + "/" + Files.length;
            MenuBar.appendChild(Page);
            Name = document.createElement("span");
            Name.innerHTML = Files[curIndex].Name;
            Name.style.paddingLeft = "20px";
            MenuBar.appendChild(Name);
            DownLoad = document.createElement("div");
            DownLoad.className = "CLPreViewDownLoad";
            DownLoad.innerHTML = "<span style='font-family:CLFont'>&#xe610;</span>下载";
            MenuBar.appendChild(DownLoad);
            DownLoad.onclick = function () {
                This.DownLoadFile(Files[curIndex].Src, Files[curIndex].Name);
            }
            Close = document.createElement("div");
            Close.className = "CLPreViewClose";
            Close.innerHTML = "&#xe7e4;";
            Close.onclick = function () {
                ViewBg.Close();
            }
            ViewBg.Close = function (e) {
                if (ViewBg.parentNode != null) {
                    ViewBg.remove();
                }
                CLAsync(function () {
                    ToActive.focus();
                });
                self.onclosed()
                window.removeEventListener("unload", ViewBg.Close);
            }
            window.addEventListener("unload", ViewBg.Close);
            MenuBar.appendChild(Close);
        }

        var View = document.createElement("div");
        View.className = "CLPreView";
        ViewBg.appendChild(View);
        if (window.innerWidth < 580) {
            View.style.width = "100%";
            View.style.margin = "0";
        }
        var This = this;
        var Exts = [];
        function ShowCurrent() {
            if (Page != null) {
                Page.innerHTML = (curIndex + 1) + "/" + Files.length;
                Name.innerHTML = Files[curIndex].Name;
            }
            View.innerHTML = "";
            var Url = Files[curIndex].Src;
            var sName = Files[curIndex].Name;
            if (!sName) {
                sName = Url;
                var index = sName.indexOf("Function=HttpGetDiskFile&ID=");
                if (index > 0) {
                    sName = sName.substr(index + "Function=HttpGetDiskFile&ID=".length);
                    sName = new CLBase64().decode(sName);
                }
            }
            var Ext = sName.substr(sName.lastIndexOf(".") + 1);
            if (!!Files[curIndex].Ext) {
                Ext = Files[curIndex].Ext;
            }
            Ext = Ext.toLocaleLowerCase();
            if (Imgs.indexOf(Ext) >= 0) {
                This.ImageView(View, Url);
            } else if (Music.indexOf(Ext) >= 0) {
                This.mp3View(View, Url);
            } else if (Video.indexOf(Ext) >= 0) {
                This.mp4View(View, Url, Ext);
            }
            else {
                var bHas = false;
                for (var key in This) {
                    if (key == Ext + "View") {
                        bHas = true;
                    }
                }
                if (bHas) {
                    This[Ext + "View"](View, Url)
                } else {
                    This.otherView(View, Url)
                }
            }
            Exts.push(Ext);
        }
        ShowCurrent();
        if (MenuBar != null) {
            var leftWrapper = null;
            var rightWrapper = null;
            rightWrapper = document.createElement("div");
            rightWrapper.innerHTML = "&#xe6a3;";
            rightWrapper.className = "CLPreViewWrapper";
            rightWrapper.style.right = "15px";
            if (curIndex == Files.length - 1) {
                rightWrapper.style.display = "none";
            }
            var downName = "ontouchstart" in document ? "ontouchstart" : "onclick";
            rightWrapper[downName] = function () {
                curIndex++;
                leftWrapper.style.display = "block";
                if (curIndex == Files.length - 1) {
                    rightWrapper.style.display = "none";
                }
                ShowCurrent();
            }
            ViewBg.appendChild(rightWrapper);

            leftWrapper = document.createElement("div");
            leftWrapper.innerHTML = "&#xe679;";
            leftWrapper.className = "CLPreViewWrapper";
            leftWrapper.style.left = "15px";
            if (curIndex == 0) {
                leftWrapper.style.display = "none";
            }
            leftWrapper[downName] = function () {
                curIndex--;
                rightWrapper.style.display = "block";
                if (curIndex == 0) {
                    leftWrapper.style.display = "none";
                }
                ShowCurrent();
            }
            ViewBg.appendChild(leftWrapper);
        } else {
            View.style.top = "0";
        }
        ViewBg.CLPreView = this;
    }

    var fn = CLPreView.prototype;

    fn.onclosed = function () { }

    fn.ImageView = function (View, Url) {
        var originalWidth = 0;
        var originalHeight = 0;
        var scaleVal = null;
        View.onselectstart = function () { return false; }

        var Image = document.createElement("img");
        Image.setAttribute("src", Url);
        Image.onload = function () {
            originalWidth = Image.naturalWidth;
            originalHeight = Image.naturalHeight;
            Image.style.width = originalWidth + "px";
        }
        Image.style.position = "absolute";
        Image.style.left = "50%";
        Image.style.top = "50%";
        Image.style.transform = "translate(-50%,-50%)";
        Image.style.cursor = "pointer";
        Image.isDraging = false;
        Image.xLeft = 0;
        Image.yTop = 0;
        function Scale(bEnlargement) {
            if (bEnlargement > 0) {
                //放大
                var iSize = parseInt(1.3 * parseInt(Image.style.width));
                if (iSize > 4 * originalWidth) {
                    iSize = 4 * originalWidth;
                }
                Image.style.width = iSize + "px";

            } else {
                //缩小
                var iSize = parseInt(10 * parseInt(Image.style.width) / 13);
                if (iSize < originalWidth / 20) {
                    iSize = originalWidth / 20;
                }
                Image.style.width = iSize + "px";
            }
            scaleVal.innerHTML = (100 * (iSize / originalWidth)).toFixed(0) + "%";
        }
        if ("ontouchstart" in Image) {
            Image.ontouchstart = function (e) {
                if (e.targetTouches.length == 1) {
                    var Touch = e.changedTouches[0];
                    //开始拖拽
                    Image.FromX = Touch.clientX;
                    Image.FromY = Touch.clientY;
                    e.preventDefault();
                } else {
                    if (e.targetTouches.length == 2) {
                        //开始缩放
                        var Touch0 = e.targetTouches[0];
                        var Touch1 = e.targetTouches[1];
                        Image.TouchDistance = Math.sqrt((Touch1.clientX - Touch0.clientX) * (Touch1.clientX - Touch0.clientX) + (Touch1.clientY - Touch0.clientY) * (Touch1.clientY - Touch0.clientY));
                    }
                }
                function touchend(e) {
                    if (e.targetTouches.length == 1) {
                        CLTop.document.removeEventListener("touchend", touchend, true);
                        CLTop.document.removeEventListener("touchmove", touchmove, true);
                        return;
                    }
                    Image.xLeft = Image.offsetLeft - View.offsetWidth / 2;
                    Image.yTopY = Image.offsetTop - View.offsetHeight / 2;
                    var Touch = e.changedTouches[0];
                    var X = Touch.clientX - Image.FromX;
                    var Y = Touch.clientY - Image.FromY;
                    Image.FromX = Touch.clientX;
                    Image.FromY = Touch.clientY;
                    CLTop.document.removeEventListener("touchend", touchend, true);
                    CLTop.document.removeEventListener("touchmove", touchmove, true);
                }
                function touchmove(e) {
                    if (e.targetTouches.length != 1) {
                        if (e.targetTouches.length == 2) {
                            var Touch0 = e.targetTouches[0];
                            var Touch1 = e.targetTouches[1];
                            var TouchDistance = Math.sqrt((Touch1.clientX - Touch0.clientX) * (Touch1.clientX - Touch0.clientX) + (Touch1.clientY - Touch0.clientY) * (Touch1.clientY - Touch0.clientY));
                            var fScale = (parseInt(Image.style.width) + (TouchDistance - Image.TouchDistance)) / parseInt(Image.style.width);
                            Image.TouchDistance = TouchDistance;
                            var iSize = parseInt(1 * parseInt(Image.style.width) * fScale);
                            if (iSize < originalWidth / 10) {
                                iSize = originalWidth / 10;
                            }
                            if (iSize > 4 * originalWidth) {
                                iSize = 4 * originalWidth;
                            }
                            Image.style.width = iSize + "px";
                            scaleVal.innerHTML = (100 * (iSize / originalWidth)).toFixed(0) + "%";
                        }
                        return;
                    }
                    var Touch = e.targetTouches[0];
                    var X = Touch.clientX - Image.FromX;
                    var Y = Touch.clientY - Image.FromY;
                    Image.style.left = "calc(50% + (" + (Image.xLeft + X) + "px))";
                    Image.style.top = "calc(50% + (" + (Image.yTop + Y) + "px))";
                }
                CLTop.document.addEventListener("touchend", touchend, true);
                CLTop.document.addEventListener("touchmove", touchmove, true);
            }
        } else {
            Image.onmousedown = function (e) {
                //开始拖拽
                Image.isDraging = true;
                Image.FromX = e.clientX;
                Image.FromY = e.clientY;
                e.preventDefault();
                function mouseup(e) {
                    Image.isDraging = false;
                    Image.xLeft = Image.offsetLeft - View.offsetWidth / 2;
                    Image.yTop = Image.offsetTop - View.offsetHeight / 2;

                    var X = e.clientX - Image.FromX;
                    var Y = e.clientY - Image.FromY;
                    CLTop.document.removeEventListener("mouseup", mouseup, true);
                    CLTop.document.removeEventListener("mousemove", mousemove, true);
                }
                function mousemove(e) {
                    if (Image.isDraging == false) {
                        return;
                    }
                    var X = e.clientX - Image.FromX;
                    var Y = e.clientY - Image.FromY;

                    Image.style.left = "calc(50% + (" + (Image.xLeft + X) + "px))";
                    Image.style.top = "calc(50% + (" + (Image.yTop + Y) + "px))";
                }
                CLTop.document.addEventListener("mouseup", mouseup, true)
                CLTop.document.addEventListener("mousemove", mousemove, true)
            }
        }

        View.onmousewheel = function (e) {
            Scale(e.wheelDelta > 0);
        }

        View.appendChild(Image);
        var TooBar = document.createElement("div");
        TooBar.className = "CLImgTooBar";
        var Enlargement = document.createElement("div");
        Enlargement.style.cssText = "display: inline-block;margin-left: 20px;color: #c3cdda; cursor:default;font-size: 24px;";
        Enlargement.style.fontFamily = "CLFont";
        Enlargement.innerHTML = "&#xe898;";

        var downName = "ontouchstart" in document ? "ontouchstart" : "onclick";
        Enlargement[downName] = function () {
            Scale(true);
        }
        TooBar.appendChild(Enlargement);

        scaleVal = document.createElement("div");
        scaleVal.style.cssText = "display: inline-block;margin-left: 20px;color: #c3cdda; cursor:default;width: 36px;vertical-align:top";
        scaleVal.innerHTML = "100%";
        TooBar.appendChild(scaleVal);

        var iconNarrow = Enlargement.cloneNode();
        iconNarrow.innerHTML = "&#xe897;";
        iconNarrow[downName] = function () {
            Scale(false);
        }
        TooBar.appendChild(iconNarrow);

        var Rotate = document.createElement("div");
        Rotate.style.cssText = "display:inline-block;margin:0 20px;color: #c3cdda;float:right; cursor:default;font-size: 24px;vertical-align:top";
        Rotate.style.fontFamily = "CLFont";
        Rotate.innerHTML = "&#xe7ec;";
        var deg = 0;
        Rotate[downName] = function () {
            deg += 90;
            deg %= 360;
            Image.style.transform = "translate(-50%,-50%) rotate(" + deg + "deg)";
        }
        TooBar.appendChild(Rotate);

        View.appendChild(TooBar);
    }

    fn.mp3View = function (View, Url) {
        var Audio = document.createElement("audio");
        View.appendChild(Audio);
        Audio.className = "CLPreViewMp3";
        Audio.setAttribute("src", Url);
        Audio.setAttribute("controls", "controls");
        Audio.play();
    }

    function getFileLength(url, cb) {
        var xhr = new XMLHttpRequest;
        xhr.open('head', url);
        xhr.setRequestHeader("Cache-Control", "no-cache");
        xhr.onload = function () {
            cb(xhr.getResponseHeader('content-length'));
        };
        xhr.send();
    };

    function fetchRange(url, start, end, cb) {
        var xhr = new XMLHttpRequest;
        xhr.open('get', url);
        xhr.responseType = 'arraybuffer';
        xhr.setRequestHeader('Range', 'bytes=' + start + '-' + end);
        xhr.setRequestHeader("Cache-Control", "no-cache");
        xhr.onload = function () {
            cb(xhr.response);
        };
        xhr.send();
    };

    fn.mp4View = function (View, Url, Ext) {
        var video = document.createElement("video");
        View.appendChild(video);
        video.className = "CLPreViewMp4";
        var mimeCodec = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
        if (false && 'MediaSource' in window && MediaSource.isTypeSupported(mimeCodec)) {
            var mediaSource = new MediaSource();
            video.src = URL.createObjectURL(mediaSource);
            mediaSource.addEventListener('sourceopen', function () {
                video.sourceBuffer = mediaSource.addSourceBuffer(mimeCodec);
                video.onerror = function () {
                    console.log("Error " + video.error.code + "; details: " + video.error.message);
                }
                getFileLength(Url, function (fileLength) {
                    var len = 2 * 1024 * 1024;
                    if (fileLength < len) {
                        len = fileLength;
                    }
                    video.fileLength = fileLength;
                    fetchRange(Url, 0, len - 1, function (chunk) {
                        video.sourceBuffer.appendBuffer(chunk);
                        video.fetched = len;
                    });
                    video.addEventListener('timeupdate', checkBuffer);
                    video.addEventListener('canplay', function () {
                        try {
                            video.setAttribute("controls", "controls");
                            video.play();
                        } catch (e) {

                        }
                    });
                    video.addEventListener('seeking', seek);
                });
            });
            function checkBuffer() {
                if (video.loading) {
                    return;
                }
                if (video.fetched == video.fileLength) {
                    if (video.currentTime > video.duration * 0.9999) {
                        mediaSource.endOfStream();
                        video.removeEventListener('timeupdate', checkBuffer);
                    }

                } else if (video.currentTime / video.duration > video.fetched * 0.8 / video.fileLength) {
                    video.loading = true;
                    var len = 1024 * 1024;
                    if (video.fetched + len > video.fileLength) {
                        len = video.fileLength - video.fetched;
                    }
                    fetchRange(Url, video.fetched, video.fetched + len - 1, function (chunk) {
                        video.sourceBuffer.appendBuffer(chunk);
                        video.fetched += len;
                        delete video.loading;
                    });
                }
            }
            function seek(e) {
                if (mediaSource.readyState === 'open') {
                    video.sourceBuffer.abort();
                }
            };
        } else {
            video.setAttribute("controls", "controls");
            video.setAttribute("preload", "auto");
            video.setAttribute("type", "video/" + Ext);
            video.setAttribute("src", Url);
            try {
                video.autoplay = true;
            } catch (e) {

            }
        }
    }

    fn.docView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.docxView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.pptView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.pptxView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.xlsView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.xlsxView = function (View, Url) {
        this.otherView(View, Url);
    }

    fn.txtView = function (View, Url) {
        HttpGet(Url, function (text) {
            View.innerHTML = "<pre style='background:#eee;text-align:left;padding:15px;height:100%;max-width:885px;margin:0 auto;overflow:auto'>" + text + "</pre>";
        }, false);
    }

    fn.pdfView = function (View, Url) {
        var iFrame = document.createElement("iFrame");
        iFrame.className = "CLPreViewApp";
        if (window.navigator.userAgent.indexOf("Mobile") >= 0) {
            iFrame.style.padding = "0";
        }
        var path = CLUIPath + "third-party/CLPreView/";
        path += "pdf.js/web/viewer.html?file=" + encodeURIComponent(Url);
        if (IsMobile()) {
            iFrame.setAttribute("src", path);
        } else {
            iFrame.setAttribute("src", Url);
        }
        View.appendChild(iFrame);
    }

    fn.otherView = function (View, Url) {
        var Other = ["csv", "doc", "docx", "pdf", "ppt", "pptx", "rar", "txt", "xls", "xlsx", "zip"];
        var Ext = Url.substr(Url.lastIndexOf(".") + 1);
        var path = CLUIPath + "CLPreView/";
        var sIcon = path + "img/" + Ext + ".png";
        if (Other.indexOf(Ext) < 0) {
            sIcon = path + "img/unknown.png";
        }

        var FileUnKown = document.createElement("div");
        FileUnKown.className = "CLPreViewFileUnKown";
        View.appendChild(FileUnKown);
        var Icon = document.createElement("div");
        Icon.style.cssText = "width: 57.55px;height:63px;margin:auto; background-size: 100% 100%;position: relative;";
        Icon.style.backgroundImage = "url('" + sIcon + "')";
        FileUnKown.appendChild(Icon);
        var Text = document.createElement("div");
        Text.style.cssText = "color: #fff;margin-top: 20px;";
        Text.innerHTML = "当前文件类型不支持在线预览";
        FileUnKown.appendChild(Text);
        var A = document.createElement("a");
        A.style.cssText = "color: #0DB3A6;font-size: 12px;margin-top: 10px;text-decoration: underline; outline: 0;cursor:pointer";
        A.innerHTML = "支持预览的文件类型?";
        FileUnKown.appendChild(A);
    }

    CLPreView.GetIcon = function (Ext) {
        var path = CLUIPath + "CLPreView/";
        var Imgs = ["gif", "jpg", "jpeg", "png", "bmp"];
        var Music = ["wav", "mp3", "wma", "aac", "ogg"];
        var Video = ["mp4", "m4v", "webm", "mov"];
        var Other = ["csv", "doc", "docx", "pdf", "ppt", "pptx", "rar", "txt", "xls", "xlsx", "zip"];
        Ext = Ext.toLocaleLowerCase();
        if (Imgs.indexOf(Ext) >= 0) {
            return null;
        }
        var sIcon = null;
        if (Music.indexOf(Ext) >= 0) {
            sIcon = path + "../Icon/File/Music.png";
        } else if (Video.indexOf(Ext) >= 0) {
            sIcon = path + "../Icon/File/Video.png";
        } else if (Other.indexOf(Ext) >= 0) {
            sIcon = path + "../Icon/File/" + Other[Other.indexOf(Ext)] + ".png";
        } else {
            sIcon = path + "../Icon/File/unknown.png";
        }
        return sIcon;
    }

    fn.DownLoadFile = function (Url, Name) {
        CLDownLoad(Name, Url);
    }
}());
;(function () {
    CLRegiste("CLRadioBox", null, true);

    var CLRadioBox = window.CLRadioBox = function (Name, Container, canLost) {
        var self = this;
        var Box = self.Box = document.createElement("div");
        Box.className = "CLRadioBox";
        var Icon = document.createElement("div");
        Icon.className = "Icon";

        Icon.style.cursor = "pointer";
        Box.appendChild(Icon);
        var val = document.createElement("div");
        val.className = "Name";
        val.innerHTML = Name;
        Box.appendChild(val);
        Container.appendChild(Box);
        self.onchanged = function (This) { };
        self.canLost = canLost;
        Box.onclick = function (e) {
            if (!self.enable) {
                return;
            }
            if (self.canLost) {
                self.checked = !self.checked;
            } else {
                self.checked = true;
            }
        }
        self.Enable = true;
        Object.defineProperty(self, "enable", {
            get: function () {
                return self.Enable;
            },
            set: function (val) {
                self.Enable = (val == true);
                Box.classList.remove("CLRadioBoxDisable");
                Box.classList.remove("CLRadioBoxDisableChecked");
                if (self.Enable) {
                    Box.style.color = "";
                    self.checked = self.checked;
                } else {
                    if (self.checked) {
                        Box.classList.add("CLRadioBoxDisableChecked");
                    } else {
                        Box.classList.add("CLRadioBoxDisable");
                    }
                }
            }
        });
        self.IsChecked = false;
        Object.defineProperty(self, "checked", {
            get: function () {
                return self.IsChecked;
            },
            set: function (val) {
                //if (!self.enable || (val == true) == self.IsChecked) {
                //    if (val == true && self.enable) {
                //        Box.classList.remove("CLRadioBoxDisable");
                //        Box.classList.remove("CLRadioBoxDisableChecked");
                //    }
                //    return;
                //}
                var evt = self.IsChecked != (val == true);
                self.IsChecked = (val == true);
                if (val == true) {
                    if (!self.enable) {
                        Box.classList.add("CLRadioBoxDisableChecked");
                    }
                    Box.classList.add("CLRadioBoxChecked");
                } else {
                    if (!self.enable) {
                        Box.classList.remove("CLRadioBoxDisableChecked");
                    }
                    Box.classList.remove("CLRadioBoxChecked");
                }
                if (evt) {
                    self.onchanged(self);
                }
            }
        });

        Object.defineProperty(self, "IconRight", {
            set: function (val) {
                if (val == true) {
                    Icon.style.cssFloat = "right";
                } else {
                    Icon.style.cssFloat = "";
                }
            }
        });
    }
}());
;(function () {
    CLRegiste("CLSelect", null, true);
    function CLSelect(Container, divSelect) {
        if (Container == null && divSelect == null) {
            return;
        }
        var self = this;
        self.divSelect = divSelect;
        var Value = self.Box = document.createElement("div");
        Value.className = "CLSelect";
        Value.CLSelect = this;
        var Val = self.vBox = document.createElement("div");
        Val.className = "CLSelectVal";
        Value.appendChild(Val);
        var Down = self.Down = document.createElement("div");
        Down.className = "CLSelectIcon";
        Down.innerHTML = "&#xe79b;";
        Down.setAttribute("Icon", Down.innerText);
        Down.innerHTML = "";
        Value.appendChild(Down);
        if (divSelect == null) {
            Container.appendChild(Value);
        }
        self.Prefix = CLMakeId();
        self.onchanged = function (self) { }
        Value.onclick = function (e) {
            self.OnClick(e);
        }
        if (divSelect != null) {
            divSelect.onclick = function (e) {
                if (Value.onclick != null) {
                    Value.onclick(e);
                }
            }
        }

        self.SearchAble = false;

        self.SearchValue = null;

        self.Search = null;

        self.ClearAble = false;

        self.selIndexs = [];

        self.Items = [];

        self.VClick = Value.onclick;
    }

    var fn = CLSelect.prototype;
    Object.defineProperty(fn, "selectedIndex", {
        set: function (val) {
            var self = this;
            if (val > self.Items.length || val < 0) {
                self.vBox.innerHTML = "";
                self.vBox.Value = null;
                if (val != self.selIndex) {
                    self.selIndex = -1;
                    self.onchanged(self);
                } else {
                    self.selIndex = -1;
                    self.onset();
                }
                return;
            }
            if (self.selIndex == val && self.Items[self.selIndex].toString() == self.GetValue()) {
                self.onset();
                return;
            }
            self.selIndex = val;
            self.vBox.innerText = self.Items[val];
            self.vBox.Value = self.Items[val];
            self.onchanged(self);
        },
        get: function () {
            var self = this;
            return self.selIndex;
        }
    });

    Object.defineProperty(fn, "selectedIndexes", {
        set: function (val) {
            var self = this;
            val = val == null ? [] : val;
            var Indexes = [].concat(self.selIndexs);
            if (val.length == 0 && Indexes.length == 0) {
                self.onset();
                return;
            }
            for (var i = 0; i < val.length; i++) {
                var j = Indexes.indexOf(val[i]);
                if (j >= 0) {
                    Indexes.splice(j, 1);
                }
            }
            if (self.selIndexs.length == 0 && Indexes.length == val.length) {
                self.onset();
                return;
            }
            self.vBox.innerHTML = "";
            for (var i = 0; i < self.Items.length; i++) {
                if (val.indexOf(i) >= 0) {
                    var valSel = document.createElement("span");
                    valSel.className = self.Prefix + new CLBase64().encode(self.Items[i].toString());
                    valSel.innerText = self.Items[i];
                    valSel.Val = self.Items[i];
                    self.vBox.appendChild(valSel);
                }
            }
            self.selIndexs = val;
            self.onchanged(self);
        },
        get: function () {
            var self = this;
            return self.selIndexs;
        }
    });

    Object.defineProperty(fn, "Disabled", {
        get: function () {
            var self = this;
            return self.isDisabled;
        },
        set: function (val) {
            var self = this;
            val = (val == true);
            self.isDisabled = val;
            if (val) {
                self.Box.onclick = null;
            } else {
                self.Box.onclick = self.VClick;
            }
        }
    });

    fn.AddItems = function (Items) {
        var self = this;
        self.Items = self.Items.concat(Items);
    }

    fn.getItems = function (Success) {
        var self = this;
        Success(self.Items);
    }

    fn.EnableSearch = function (bEnable) {
        var self = this;
        self.SearchAble = bEnable == true;
    }

    fn.EnableClear = function (bClear) {
        var self = this;
        self.ClearAble = bClear == true;
    }

    fn.MultiSel = false;

    fn.EnableMultiSel = function (bMultiSel) {
        var self = this;
        self.MultiSel = bMultiSel == true;
    }

    fn.SetValues = function (jValues) {
        var self = this;
        if (!self.MultiSel) {
            return;
        }
        self.vBox.innerHTML = "";
        for (var i = 0; jValues != null && i < jValues.length; i++) {
            var valSel = document.createElement("span");
            valSel.className = self.Prefix + new CLBase64().encode(jValues[i].toString());
            valSel.innerText = jValues[i];
            valSel.Val = jValues[i];
            self.vBox.appendChild(valSel);
        }
    }

    fn.SetValue = function (sValue) {
        var self = this;
        if (self.MultiSel) {
            return;
        }
        self.vBox.innerHTML = sValue == null ? "" : sValue;
        self.vBox.Value = sValue == null ? null : sValue;
    }

    fn.GetValue = function () {
        var self = this;
        return !self.vBox.Value ? null : self.vBox.Value;
    }

    fn.GetValues = function () {
        var self = this;
        var Values = [];
        for (var i = 0; i < self.vBox.childNodes.length ; i++) {
            Values.push(self.vBox.childNodes[i].Val);
        }
        return Values.length == 0 ? null : Values;
    }

    fn.showingItems = function () {
        var self = this;
        if (self.MultiSel) {
            var data = self.GetValues();
            var list = [];
            var O = {};
            var Items = self.Items;
            if (data) {
                for (var i = 0; i < Items.length ; i++) {
                    O[Items[i]] = Items[i];
                }
                for (var i = 0; i < data.length ; i++) {
                    if (!O[data[i]]) {
                        list.push(data[i]);
                    }
                }
            }
            if (list.length > 0) {
                return Items.concat(list);
            } else {
                return self.Items;
            }
        } else {
            return self.Items;
        }
    }

    fn.setPlaceholder = function (Placeholder) {
        var self = this;
        self.vBox.setAttribute("placeholder", Placeholder);
    }

    fn.setIcon = function (iconText) {
        var self = this;
        self.Down.innerHTML = iconText;
        self.Down.setAttribute("Icon", self.Down.innerText);
        self.Down.innerHTML = "";
    }

    fn.setWidth = function (sWidth) {
        var self = this;
        self.Box.style.width = sWidth;
    }

    fn.maxMenuHeight = null

    fn.setMaxMenuHeight = function (height) {
        var self = this;
        self.maxMenuHeight = height;
    }

    fn.maxMenuWidth = null;

    fn.setMaxMenuWidth = function (width) {
        var self = this;
        self.maxMenuWidth = width;
    }

    fn.HideItem = function (index) {
        var self = this;
        self.Items[index].IsHidden = true;
    }

    fn.closeMenu = function () { }
    //event可为空
    fn.OnClick = function (event) {
        var self = this;
        var eleList = event == null ? null : (event.path || (event.composedPath && event.composedPath()));
        var tempWindow = eleList == null ? window : eleList[eleList.length - 1];
        event == (CLTop.event || event);
        self.SearchValue = "";
        function Func() {
            var divBg = document.createElement("div");
            divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
            divBg.style.zIndex = CLTop.CLMaxZIndex();
            if (self.Scope) {
                divBg.classList.add(self.Scope);
            }
            CLTop.document.body.appendChild(divBg);

            var divMenu = document.createElement("div");
            divBg.appendChild(divMenu);

            divMenu.className = "CLSelectMenu";
            var divItems = document.createElement("div");
            divItems.style.maxHeight = "100%";
            divItems.style.overflow = "auto";
            divItems.style.width = "100%";
            var divItem = null;
            var AllSelBox = null;

            function CalcSel() {
                if (self.MultiSel) {
                    var HasNoChecked = false;
                    var Items = divItems.getElementsByClassName("Item");
                    for (var i = 0; i < Items.length ; i++) {
                        if (Items[i].Box != null && Items[i].Box.checked == false && !Items[i].classList.contains("Item-1")) {
                            HasNoChecked = true;
                        }
                    }
                    if (HasNoChecked) {
                        AllSelBox.Checked = false;
                    } else {
                        AllSelBox.Checked = true;
                    }
                }
            }

            divItems.style.marginTop = "0px";
            if (self.SearchAble) {
                divItems.style.marginTop = "35px";
                divItem = document.createElement("div");
                divItem.style.position = "absolute";
                divItem.style.borderBottom = "1px solid #E9E9E9";
                divItem.style.width = "100%";
                var inputItem = divItem;
                var input = document.createElement("input");
                input.style.height = "100%";
                input.style.width = "100%";
                input.style.borderBottom = "1px solid #E9E9E9";
                input.style.outline = "none";
                input.style.border = "30px";
                input.style.height = "30px";
                input.style.lineHeight = "30px";
                input.style.padding = "0 25px";
                input.value = self.SearchValue;
                input.OnInput(function () {
                    if (input.Inputed == false) {
                        return;
                    }
                    var Item_1 = divItems.querySelector(".Item-1");
                    var search = self.SearchValue = input.value;
                    divItems.innerHTML = "";
                    if (Item_1) {
                        divItems.appendChild(Item_1);
                        if (AllSelBox) {
                            AllSelBox.Box.querySelector(".Name").innerHTML = !!search ? "搜索结果全选" : "全选";
                        }
                    }
                    divItems.appendChild(LoadingItem);
                    self.ResetMenu(self.zoom);
                    CLDelay(function () {
                        var Items = [];
                        search = search.toLocaleLowerCase();
                        var list = self.showingItems();
                        list.forEach(function (item, index) {
                            var val = item;
                            if (typeof val != "string") {
                                val = val.toString();
                            }
                            val = val.toLocaleLowerCase();
                            if (val.includes(search)) {
                                Items.push({
                                    toString: function () {
                                        return item.toString();
                                    },
                                    Index: index
                                });
                            }
                        });
                        LoadingItem.remove();
                        ShowItems(Items, true);
                        input.focus();
                        self.OnMenuCreated(divMenu);
                    }, 500, null, input);
                });
                divItem.appendChild(input);
                var Icon = document.createElement("div");
                Icon.className = "CLSearchIcon";
                divItem.appendChild(Icon);
                divItem.onmousedown = function (e) {
                    e.stopPropagation();
                }
                divMenu.appendChild(divItem);
                input.focus();
            }
            divMenu.appendChild(divItems);
            var LoadingItem = document.createElement("div");
            LoadingItem.className = "Item LoadingIcon";
            divItems.appendChild(LoadingItem);

            function ShowItems(Items, search) {
                var divItem = null;
                if (!self.MultiSel) {
                    var index = -1;
                    var item = self.Items[self.selIndex];
                    for (var i = 0; i < self.Items.length; i++) {
                        if (self.Items[i].toString() == self.vBox.innerHTML) {
                            index = i;
                        }
                    }
                    if (index != -1 && item && item.toString() != self.vBox.innerHTML) {
                        self.selIndex = index;
                    }
                }
                divItems.First = 0;
                if (self.ClearAble && !self.MultiSel && !search) {
                    divItem = document.createElement("div");
                    divItem.className = "Item Item-1";
                    divItem.innerHTML = "--请选择--";
                    divItem.Index = -1;
                    divItems.appendChild(divItem);
                    divItem.onmousedown = function (e) {
                        self.selectedIndex = -1;
                        Rm();
                    }
                    divItems.First = 1;
                } else if (self.MultiSel && !search) {
                    divItem = document.createElement("div");
                    divItem.className = "Item Item-1";
                    divItem.onmousedown = function (e) {
                        e.stopPropagation();
                    }
                    var search = self.SearchValue
                    AllSelBox = new CLCheckBox(!!search ? "搜索结果全选" : "全选", divItem);
                    AllSelBox.Box = divItem.firstChild;
                    AllSelBox.Box.querySelector(".Name").style.color = "#0db3a6";
                    AllSelBox.onchanged = function (Box) {
                        var Items = divItems.getElementsByClassName("Item");
                        var isCheckd = Box.checked;
                        for (var i = 0; i < Items.length; i++) {
                            if (Items[i].Box != null && Items[i].Box.checked != isCheckd) {
                                Items[i].Box.checked = isCheckd;
                            }
                        }
                        self.onchanged(self);
                    }
                    divItems.appendChild(divItem);
                    divItems.First = 1;
                }
                divMenu.remove();

                for (var i = 0; i < Items.length && i < 1000 ; i++) {
                    if (!Items[i] || Items[i].IsHidden) {
                        continue;
                    }
                    divItem = document.createElement("div");
                    divItem.className = "Item";
                    divItem.Name = Items[i].toString();
                    if (self.MultiSel) {
                        var Box = new CLCheckBox(Items[i], divItem);
                        divItem.Box = Box;
                        Box.Name = Items[i].toString();
                        if (search) {
                            Box.Index = Items[i].Index;
                        } else {
                            Box.Index = i;
                        }
                        for (var j = 0; j < self.vBox.childNodes.length; j++) {
                            if (Box.Name == self.vBox.childNodes[j].Val) {
                                Box.checked = true;
                                break;
                            }
                        }
                        Box.onchanged = function (Box) {
                            if (Box.checked) {
                                var valSel = CLTop.document.getElementById(self.Prefix + Box.Name);
                                if (valSel == null) {
                                    valSel = document.createElement("span");
                                    valSel.className = self.Prefix + new CLBase64().encode(Box.Name.toString());
                                    valSel.innerText = Box.Name;
                                    valSel.Val = Box.Name;
                                    if (self.selIndexs.indexOf(Box.Index) < 0) {
                                        self.selIndexs.push(Box.Index);
                                    }
                                    self.vBox.appendChild(valSel);
                                }
                            } else {
                                var valSel = self.vBox.getElementsByClassName(self.Prefix + new CLBase64().encode(Box.Name.toString()))[0];
                                if (valSel != null) {
                                    self.selIndexs.splice(self.selIndexs.indexOf(Box.Index), 1);
                                    self.vBox.removeChild(valSel);
                                }
                            }
                            CalcSel();
                            if (Box != AllSelBox.Box) {
                                self.onchanged(self);
                            }
                        }
                        divItem.onmousedown = function (e) {
                            e.stopPropagation();
                        }
                    } else {
                        if (self.selectedIndex == i) {
                            divItem.className += " ItemSel";
                        }
                        divItem.innerText = Items[i];
                        if (search) {
                            divItem.Index = Items[i].Index;
                        } else {
                            divItem.Index = i;
                        }
                        divItem.onmousedown = function (e) {
                            self.selectedIndex = e.currentTarget.Index;
                            Rm();
                        }
                    }
                    divItems.appendChild(divItem);
                }
                divBg.appendChild(divMenu);
                self.ResetMenu(self.zoom);
                CalcSel();
            }

            function ResetMenu(zoom) {
                zoom = zoom == null ? 1 : zoom;
                divItems.style.height = "initial";
                var Rect = (self.divSelect != null ? self.divSelect : self.Box).getBoundingClientRectEx();
                divMenu.style.top = Rect.bottom * zoom + "px";
                divMenu.style.minWidth = Rect.width * zoom + "px";
                if (Rect.left * zoom > CLTop.innerWidth / 2) {
                    divMenu.style.left = Rect.right * zoom - divMenu.offsetWidth + "px";
                } else {
                    divMenu.style.left = Rect.left * zoom + "px";
                }

                divMenu.style.maxHeight = self.maxMenuHeight;
                divMenu.style.maxWidth = self.maxMenuWidth;
                divMenu.style.zIndex = CLTop.CLMaxZIndex();
                var mRect = divMenu.getBoundingClientRectEx();
                if (mRect.bottom > CLTop.innerHeight) {
                    divMenu.style.top = Rect.top * zoom - mRect.height + "px";
                    if (divMenu.offsetTop < 0) {
                        divMenu.style.top = "0px";
                        if (Rect.top * zoom > 250 && Rect.top * zoom < CLTop.innerHeight) {
                            divMenu.style.height = Rect.top * zoom + "px";
                        }
                    }
                }
                if (mRect.right > CLTop.innerWidth) {
                    divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                }
                divItems.style.height = divMenu.offsetHeight - parseInt(divItems.style.marginTop) + "px";

            }

            var Rm = function (e) {
                self.closeMenu(e);
            }

            self.closeMenu = function (e) {
                var path = e == null ? null : (e.path || (e.composedPath && e.composedPath()));
                if (path != null && path.indexOf(divMenu) >= 0) {
                    return
                }
                self.closeMenu = function () { }
                divBg.remove();
                CLTop.document.body.removeEventListener("mousedown", Rm, true);
                tempWindow.removeEventListener("unload", divBg.Close);
                if (tempWindow != CLTop) {
                    var win = tempWindow;
                    while (win != CLTop) {
                        if (win.frameElement != null) {
                            win.frameElement.style.pointerEvents = "";
                        }
                        win = win.parent;
                    }
                }
            }

            divBg.Close = function () {
                if (divBg.parentNode != null) {
                    divBg.parentNode.removeChild(divBg);
                }
            }

            divBg.style.pointerEvents = "none";

            CLTop.document.body.addEventListener("mousedown", Rm, true);

            if (CLTop != tempWindow) {
                var win = tempWindow;
                while (win != CLTop) {
                    win.frameElement.style.pointerEvents = "none";
                    win = win.parent;
                }
            }

            tempWindow.addEventListener("unload", divBg.Close);

            self.ResetMenu = ResetMenu;
            self.ResetMenu(self.zoom);
            self.getItems(function (Items) {
                LoadingItem.remove();
                self.Items = Items;
                ShowItems(self.showingItems());
                self.OnMenuCreated(divMenu);
            });
        };
        Func();
    }

    fn.OnMenuCreated = function (divMenu) {
    }

    fn.onset = function () { }

    window.CLSelect = CLSelect;
}());
;/// <reference path="/CLUI/CLMatrix/CLMatrix.js" />
(function () {
    var xmlns = "http://www.w3.org/2000/svg";

    var xlink = "http://www.w3.org/1999/xlink";

    var FuncAnimate = {
        utils: function (box, data) {
            box.innerHTML = "";
            var head = document.createElement("div");
            head.style.cssText = "font-size:10px;cursor:default";
            head.innerHTML = "周期(T): ";
            var input = createValue(head);
            input.style.height = "20px";
            input.style.width = "80px";
            input.value = data.T || "";
            input.oninput = function () {
                CLCheckInt(input, 0);
            }
            input.onchange = function () {
                if (!!input.value) {
                    data.T = input.value * 1;
                }
            }
            head.insertAdjacentHTML("beforeend"," 秒");
            box.appendChild(head);
            var timeBar = document.createElement("div");
            timeBar.style.cssText = "margin:15px 25px;background:linear-gradient(to right, rgb(2, 80, 197), rgb(212, 63, 141));width:calc(100% - 50px);height:10px;position:relative";
            box.appendChild(timeBar);
            var vBar = document.createElement("div");
            vBar.style.cssText = "margin:20px 0px;width:calc(100% - 50px);height:50px;position:relative;padding-top:15px";
            box.appendChild(vBar);

            var keyTimes = data.keyTimes;
            function showPoint(data) {
                var pointer = document.createElement("div");
                pointer.className = "Pointer";
                pointer.style.display = "inline-block";
                pointer.style.position = "absolute";
                pointer.style.top = "10px";
                pointer.style.marginLeft = "-5px";
                pointer.style.left = 100 * data.at + "%";
                pointer.data = data;
                var up = document.createElement("div");
                up.style.cssText = "width:10px;height:10px;background:#fff;border:2px #666 solid;transform: scalex(0.8) rotate(45deg)";
                up.style.clipPath = "polygon(0px 0px, 0px 10px, 10px 0px)";
                pointer.appendChild(up);
                var body = document.createElement("div");
                body.style.cssText = "width:10px;height:10px;background:#fff;border:1px #666 solid;margin-top:-5px;cursor:pointer";
                pointer.appendChild(body);
                timeBar.appendChild(pointer);
                pointer.onmousedown = function () {
                    var pointer = this;
                    var checked = timeBar.querySelector(".checked");
                    if (checked) {
                        checked.classList.remove("checked");
                        checked.firstChild.style.background = "";
                    }
                    pointer.classList.add("checked");
                    pointer.firstChild.style.background = "#333";
                    funcConfig(vBar, data, function () {
                        pointer.style.left = 100 * data.at + "%";
                    });
                }
                function EnableMove(pointer) {
                    var data = pointer.data;
                    var clone = null;
                    CLEnableMove(pointer, function (box, e) {
                        clone = null;
                        if (e.ctrlKey) {
                            var nBox = showPoint(CLClone(data));
                            var index = keyTimes.indexOf(data);
                            keyTimes.splice(index, 0, nBox.data);
                            clone = nBox;
                        }
                        return true;
                    }, function (pointer, e) {
                        var left = pointer.offsetLeft + 5;
                        if (clone != null) {
                            pointer = clone;
                        }
                        var data = pointer.data;
                        left /= timeBar.offsetWidth;
                        left = left > 1 ? 1 : left;
                        left = left < 0 ? 0 : left;
                        data.at = left;
                        pointer.style.left = 100 * left + "%";
                        pointer.style.top = "10px";
                        funcConfig(vBar, data, function () {
                            pointer.style.left = 100 * data.at + "%";
                        });
                        return clone == null;
                    }, function () {
                        if (clone != null) {
                            clone.onmousedown();
                            clone = null;
                            CLQuickSort(keyTimes, function (e1, e2) {
                                if (e1.at < e2.at) {
                                    return -1;
                                } else if (e1.at == e2.at) {
                                    return 0;
                                } else {
                                    return 1;
                                }
                            });
                        }
                    });
                }
                EnableMove(pointer);
                return pointer;
            }
            if (!keyTimes) {
                keyTimes = data.keyTimes = [
                    {
                        at: 0,
                        value: null
                    },
                    {
                        at: 1,
                        value: null
                    }
                ];
            }
            function funcConfig(block, data, func) {
                block.innerHTML = "";
                block.classList.add("vBar");
                var name = document.createElement("div");
                name.innerHTML = "位置(%): ";
                name.style.display = "inline-block";
                name.style.width = "65px";
                block.appendChild(name);

                var input = document.createElement("input");
                input.style.width = "100px";
                input.style.height = "25px";
                input.value = (data.at * 100).toFixed(2);
                block.appendChild(input);
                input.oninput = function () {
                    CLCheckFloat(input, 2, 0, 100);
                }
                input.onchange = function () {
                    data.at = input.value / 100;
                    func();
                }
                CLScrollNumber(input, function (input) {
                    input.oninput();
                    data.at = input.value / 100;
                    func();
                });

                name = name.cloneNode();
                name.style.marginLeft = "15px";
                name.style.width = "35px";
                name.innerHTML = "值: ";
                block.appendChild(name);
                box.funcValue(block, data);
                name = name.cloneNode();
                name.innerHTML = "曲线: ";
                block.appendChild(name);
                var Btn = createBtn(block);
                Btn.style.width = "80px";
                Btn.style.height = "27px";
                Btn.style.lineHeight = "25px";
                Btn.style.fontSize = "10px";
                Btn.style.margin = "0px";
                Btn.innerHTML = "设置";
                block.appendChild(Btn);
                Btn.onclick = function () {
                    var div = document.createElement("div");
                    div.style.cssText = "width:290px;height:375px";
                    var dlg = new CLDialog(div);
                    dlg.CreateAll("编辑曲线", function () { });
                    dlg.EnableMove();
                    dlg.Header.ondblclick = function () {
                        dlg.MaximizeOrReset();
                    }
                    dlg.Body.innerHTML = '<div style="border:solid 1px #eee;height:252px;width:252px;transform:scaleY(-1)">\
                        <svg xmlns="' + xmlns + '" xmlns:xlink="' + xlink + '" viewBox="0,0,1,1">\
                        <path d="M0 0 C0 1 1 0 1 1" stroke-width="1.5" vector-effect="non-scaling-stroke" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)">\
                        </path>\
                        </svg></div>';
                    var box = dlg.Body.firstChild;
                    box.style.position = "relative";
                    var p1 = document.createElement("div");
                    p1.style.cssText = "width:10px;height:10px;border-radius:50%;border:solid 1px #000;top:250px;left:0px;position:absolute;transform:translate(-50%,-50%);background:#fff;cursor:move;";
                    box.appendChild(p1);
                    var p2 = p1.cloneNode();
                    p2.style.left = "250px";
                    p2.style.top = "0px";
                    box.appendChild(p2);
                    var path = box.querySelector("path");
                    var path2 = path.cloneNode();
                    path2.setAttribute("stroke-dasharray", "5");
                    path.parentNode.appendChild(path2);
                    function update() {
                        var x1 = p1.offsetLeft / 250;
                        var y1 = p1.offsetTop / 250;
                        var x2 = p2.offsetLeft / 250;
                        var y2 = p2.offsetTop / 250;
                        var cmd = "M 0 0";
                        cmd += "C " + x1 + " " + y1 + " " + x2 + " " + y2 + " 1 1";
                        path.setAttribute("d", cmd);
                        cmd = "M 0 0 L " + x1 + " " + y1;
                        cmd += "M 1 1 L " + x2 + " " + y2;
                        path2.setAttribute("d", cmd);
                        data.bezier = [x1, y1, x2, y2];
                    }
                    function move(ele) {
                        ele.parentNode.Scale = -1;
                        CLEnableMove(ele, function (ele) { }, function (ele, e) {
                            var X = e.clientX - ele.FromX;
                            var Y = e.clientY - ele.FromY;
                            Y *= -1;
                            var left = ele.xLeft + X;
                            var top = ele.yTop + Y;
                            left = Math.max(0, left);
                            left = Math.min(250, left);
                            top = Math.max(0, top);
                            top = Math.min(250, top);
                            ele.style.left = left + "px";
                            ele.style.top = top + "px";
                            update();
                        }, function (ele) { });
                    }
                    move(p1);
                    move(p2);
                    var bezier = data.bezier || [0, 1, 1, 0];
                    p1.style.left = bezier[0] * 250 + "px";
                    p1.style.top = bezier[1] * 250 + "px";
                    p2.style.left = bezier[2] * 250 + "px";
                    p2.style.top = bezier[3] * 250 + "px";
                    update();
                }
            }

            keyTimes.forEach(function (ele, index) {
                showPoint(ele);
            });
        },
        color: function (box, data) {
            this.utils(box, data);
            box.funcValue = function (vBar, data) {
                var clr = document.createElement("div");
                clr.style.cssText = "vertical-align:top;display:inline-block;width:60px;height:25px; box-shadow: 0 0px 6px rgba(13,179,166,1);cursor:pointer";
                vBar.appendChild(clr);
                clr.style.background = data.value || "";
                clr.onclick = function () {
                    CLColors.Dialog({
                        color: data.value,
                        gradient: true,
                        onchange: function (color) {
                            data.value = color;
                            clr.style.background = color;
                        }
                    }, clr);
                }
            }
            box.querySelector(".Pointer").onmousedown();
        },
        number: function (box, data) {
            this.utils(box, data);
            box.funcValue = function (vBar, data) {
                var input = document.createElement("input");
                input.style.width = "100px";
                input.style.height = "25px";
                input.value = data.value || "";
                vBar.appendChild(input);
                input.oninput = function () {
                    CLCheckFloat(input, 2, 0);
                }
                input.onchange = function () {
                    data.value = input.value * 1;
                }
                CLScrollNumber(input, function (input) {
                    input.oninput();
                    data.value = input.value * 1;
                });
            }
            box.querySelector(".Pointer").onmousedown();
        },
        string: function (box, data) {
            this.utils(box, data);
            box.funcValue = function (vBar, data) {
                var input = document.createElement("input");
                input.style.width = "100px";
                input.style.height = "25px";
                input.value = data.value || "";
                vBar.appendChild(input);
                input.oninput = function () {
                    var value = this.value;
                    if (!/^[0-9]+[%]?$/.test(value)) {
                        this.value = !!this.PValue ? this.PValue : "";
                    }
                    this.PValue = this.value;
                }
                input.onchange = function () {
                    data.value = input.value * 1;
                }
            }
            box.querySelector(".Pointer").onmousedown();

        },
        array: function (box, data) {
            this.utils(box, data);
            box.funcValue = function (vBar, data) {
                var input = document.createElement("input");
                input.style.width = "100px";
                input.style.height = "25px";
                input.value = data.value || "";
                vBar.appendChild(input);
                input.oninput = function () {
                    var value = this.value;
                    if (!/^([0-9\.%]+[ ]?)+$/.test(value)) {
                        this.value = !!this.PValue ? this.PValue : "";
                    }
                    this.PValue = this.value;
                }
                input.onchange = function () {
                    data.value = input.value * 1;
                }
            }
            box.querySelector(".Pointer").onmousedown();
        },
        matrix: function (box, data) {
            this.utils(box, data);
            box.funcValue = function (vBar, data) {
                var input = document.createElement("input");
                input.style.width = "250px";
                input.style.height = "25px";
                input.value = data.value || "";
                input.disabled = true;
                vBar.appendChild(input);
                box.set_matrix = function (matrix) {
                    data.value = matrix;
                    input.value = matrix;
                }
                input.oninput = function () {
                    var value = this.value;
                    if (!/^([0-9\.%]+[ ]?)+$/.test(value)) {
                        this.value = !!this.PValue ? this.PValue : "";
                    }
                    this.PValue = this.value;
                }
                input.onchange = function () {
                    data.value = input.value * 1;
                }
            }
            box.querySelector(".Pointer").onmousedown();
        },
    }

    var animateConfig = {
        "填充": {
            id: "fill",
            type: "color"
        },
        "描边": {
            type: "object",
            object: {
                "颜色": {
                    id: "stroke",
                    type: "color"
                },
                "宽度": {
                    id: "stroke-width",
                    type: "number"
                },
                "虚线尺寸": {
                    id: "stroke-dasharray",
                    type: "array"
                },
                "虚线偏移": {
                    id: "stroke-dashoffset",
                    type: "string"
                },
            }
        },
        "矩阵变换": {
            id: "transform",
            type: "matrix",
        },
        "运动": {
            id: "move",
            type: "string"
        }
    };

    function CalcLength(len, rLen) {
        var fLen = parseFloat(len);
        if (len[len.length - 1] == '%') {
            fLen /= 100;
            fLen *= rLen;
        }
        return fLen - 0;
    }

    function Bezier(n, i, t) {
        //计算n的阶乘
        function factorial(n) {
            var r = 1;
            for (var i = 2; i <= n; i++) {
                r *= i;
            }
            return r;
        }
        //Bezier公式
        return (factorial(n) / (factorial(i) * factorial(n - i)) * Math.pow(t, i) * Math.pow(1 - t, n - i));
    }

    function BezierCurve(pts, sec) {
        var count = pts.length;
        var out = [];
        var t = 0;
        var step = 1 / sec;
        for (var i = 0; i < sec + 1 ; i++) {
            t = i * step;
            var P = SUM(t, pts);
            out.push(P.x, P.y);
        }
        function SUM(t) {
            var fPoint = {};
            var x = 0, y = 0, z = 0;
            for (var i = 0; i < count; i++) {
                var a = Bezier(count - 1, i, t);
                x += a * pts[i].x;
                y += a * pts[i].y;
            }
            fPoint.x = x;
            fPoint.y = y;
            return fPoint;
        }
        return out;
    }

    function BestPointPath(ele, pt) {
        var out = null;
        var v = null;
        var dLen = Number.MAX_VALUE;
        var plist = ele.ComputePoints();
        var tLen = 0;
        var mat = new CLMatrix();
        mat.rotate(90);
        for (var i = 0; i < plist.length ; i++) {
            var points = plist[i];
            var pLen = points.length;
            for (var j = 2; j < pLen; j += 2) {
                var p = j - 2;
                var v0 = new CLVec2(points[j] - points[j - 2], points[j + 1] - points[j - 1]);
                tLen += v0.length();
                var v1 = new CLVec2(pt.x - points[j - 2], pt.y - points[j - 1]);
                var A = Math.abs(CLMatrix.to180(CLMatrix.deg(v0, v1)));
                if (A < 90) {
                    v0.scale(-1);
                    v1 = new CLVec2(pt.x - points[j], pt.y - points[j + 1]);
                    A = Math.abs(CLMatrix.to180(CLMatrix.deg(v0, v1)));
                    p = j;
                }
                if (A < 90) {
                    var len = v1.length() * Math.sin(A / 180 * Math.PI);
                    if (len < dLen) {
                        if (p < j) {
                            tLen -= v0.length();
                        }
                        v0.normalize();
                        v = new CLVec2(v0.x, v0.y);
                        mat.setIdentity();
                        mat.rotate(90);
                        v = mat.multiplyVector2(v);
                        v0.scale(Math.cos(A / 180 * Math.PI) * v1.length());
                        if (p < j) {
                            tLen += v0.length();
                        } else {
                            tLen -= v0.length();
                        }
                        v0.x += points[p];
                        v0.y += points[p + 1];
                        out = { x: v0.x, y: v0.y, at: tLen };
                        dLen = len;
                    }
                } else {
                    var len = v1.length();
                    if (len < dLen) {
                        out = { x: points[p], y: points[p + 1], at: tLen };
                        dLen = len;
                        v = v0;
                        if (p < j) {
                            tLen -= v0.length();
                        }
                        if (p == 0 || p == pLen - 2) {
                            if (pLen > 6 && points[pLen - 2] == points[0] && points[pLen - 1] == points[1]) {
                                v0 = new CLVec2(points[pLen - 4] - points[pLen - 2], points[pLen - 3] - points[pLen - 1]);
                                v = new CLVec2(points[2] - points[0], points[3] - points[1]);
                            }
                        } else {
                            v0 = new CLVec2(points[p - 2] - points[p], points[p - 1] - points[p + 1]);
                            v = new CLVec2(points[p + 2] - points[p], points[p + 3] - points[p + 1]);
                        }
                        A = CLMatrix.to180(CLMatrix.deg(v0, v));
                        mat.setIdentity();
                        mat.rotate(A / 2);
                        v = mat.multiplyVector2(v0);
                    }
                }
            }
        }
        out.at /= plist.TotalLength();
        out.len = dLen;
        v.normalize();
        var attr = getComputedStyle(ele);
        var svg = ele.viewportElement;
        var strokeWidth = CalcLength(attr.strokeWidth, ele.viewportElement.viewBox.animVal.width);
        if (strokeWidth == 0) {
            strokeWidth = 1;
        }
        v.scale(strokeWidth / 2);
        var svgPt = svg.createSVGPoint();
        while (true) {
            svgPt.x = v.x + out.x;
            svgPt.y = v.y + out.y;
            if (!ele.isPointInFill(svgPt) && !ele.isPointInStroke(svgPt)) {
                break;
            }
            v.scale(-1);
            svgPt.x = v.x + out.x;
            svgPt.y = v.y + out.y;
            if (!ele.isPointInFill(svgPt) && !ele.isPointInStroke(svgPt)) {
                break;
            }
            v.scale(-1.01);
        }
        v.normalize();
        out.v = { x: v.x, y: v.y };
        return out;
    }

    function CalcArcPoints(pt, Arc) {
        var rx = Math.abs(Arc[0]), ry = Math.abs(Arc[1]), deg = Arc[2], major = Arc[3], dir = Arc[4];
        if (rx == 0 || ry == 0) {
            return [pt.x, pt.y, Arc[5], Arc[6]]
        } else {
            var max = Math.max(rx, ry);
        }
        var mat = new CLMatrix();
        mat.rotate(deg);
        mat.invert();
        var Vec = new CLVec2(Arc[5] - pt.x, Arc[6] - pt.y);
        Vec = mat.multiplyVector2(Vec);
        if (Vec.length == 0) {
            return [];
        }
        Vec.y *= rx / ry;
        var r = rx;
        var l = Vec.length() / 2;
        if (r < l) {
            r = l;
        }
        mat.setIdentity();
        var A = Math.acos(l / r) / Math.PI * 180;
        if (dir == 1) {
            if (major == 1) {
                mat.rotate(-A);
            } else {
                mat.rotate(A);
            }
        } else {
            if (major == 1) {
                mat.rotate(A);
            } else {
                mat.rotate(-A);
            }
        }
        var O = mat.multiplyVector2(Vec);
        O.normalize();
        O.scale(r);
        A = 180 - 2 * A;
        if (major) {
            A = 360 - A;
        }
        var N = parseInt(A);
        var t = A / N;
        A = CLMatrix.deg(new CLVec2(1, 0), new CLVec2(-O.x, -O.y));
        mat.setIdentity();
        mat.rotate(deg);
        O.y *= ry / rx;
        O = mat.multiplyVector2(O);
        O.x += pt.x;
        O.y += pt.y;
        var list = [pt.x, pt.y];
        for (var i = 1; i < N ; i++) {
            mat.setIdentity();
            mat.rotate(deg);
            mat.scale(1, ry / rx);
            mat.rotate(A + i * (dir ? t : -t));
            Vec = mat.multiplyVector2(new CLVec2(r, 0));
            Vec.x += O.x;
            Vec.y += O.y;
            list.push(Vec.x, Vec.y);
        }
        list.push(Arc[5], Arc[6]);
        return list;
    }

    function toPathCmd(x, y, w, h, rx, ry) {
        if (rx > w / 2) {
            rx = w / 2;
        }
        if (ry > h / 2) {
            ry = h / 2;
        }
        var d = "";
        d = "M" + (x + rx) + " " + y;
        d += "L" + (x + w - rx) + " " + y;
        if (rx != 0 && ry != 0) {
            d += "A " + rx + " " + ry + " 0 0 1 " + (x + w) + " " + (y + ry);
        }
        d += "L" + (x + w) + " " + (y + h - ry);
        if (rx != 0 && ry != 0) {
            d += "A " + rx + " " + ry + " 0 0 1 " + (x + w - rx) + " " + (y + h);
        }
        d += "L" + (x + rx) + " " + (y + h);
        if (rx != 0 && ry != 0) {
            d += "A " + rx + " " + ry + " 0 0 1 " + (x) + " " + (y + h - ry);
        }
        d += "L" + (x) + " " + (y + ry);
        if (rx != 0 && ry != 0) {
            d += "A " + rx + " " + ry + " 0 0 1 " + (x + rx) + " " + y;
        }
        d += "Z";
        return PathCmd(d);
    }

    var fn = SVGGeometryElement.prototype;

    fn.BestPoint = function (pt) {
        var self = this;
        var tagName = self.tagName
        if (tagName == "rect" || tagName == "circle" || tagName == "ellipse" || tagName == "path") {
            return BestPointPath(self, pt);
        } else {
            return null;
        }
    }

    fn.ComputePoints = function (nPrecision) {
        var self = this;
        nPrecision = nPrecision == null ? 6 : nPrecision;
        var d = self.GetPathCmd();
        var sCmd = d.toString();
        var Points = self.ComputedPoints;
        if (Points && Points.Cmd == sCmd) {
            return Points;
        }
        function ComputedPoints() { };
        var fn = ComputedPoints.prototype = Object.create(Array.prototype);
        var start;
        var last;
        var cIndex = null;
        Points = new ComputedPoints();
        var line;
        d.Each(function (pt, i) {
            var cmd = d[i];
            var name = cmd.name;
            var points = cmd.points;
            if (name == "M") {
                line = new ComputedPoints();
                Points.push(line);
            }
            if (name == "M" || name == "H" || name == "V" || name == "L") {
                if (!last || pt.x.toPrecision(nPrecision, false) != last.x.toPrecision(nPrecision, false) || pt.y.toPrecision(nPrecision, false) != last.y.toPrecision(nPrecision, false)) {
                    line.push(pt.x, pt.y);
                }
                cIndex = null;
            } else if (name == 'Z') {
                if (start.x.toPrecision(nPrecision, false) != last.x.toPrecision(nPrecision, false) || start.y.toPrecision(nPrecision, false) != last.y.toPrecision(nPrecision, false)) {
                    line.push(start.x, start.y);
                }
                last = start;
                cIndex = null;
            } else if (name == 'A') {
                if (pt.x == null) {
                    return;
                }
                var pts = CalcArcPoints(last, points);
                for (var i = 2; i < pts.length; i += 2) {
                    if (line[line.length - 2] != pts[i] || line[line.length - 1] != pts[i + 1]) {
                        line.push(pts[i], pts[i + 1]);
                    }
                }
            } else if (name == 'C' || name == 'S' || name == 'Q' || name == 'T') {
                if (cIndex == null) {
                    cIndex = 1;
                    var pts = [last];
                    var prev = d[i - 1];
                    var pPoints = prev.points;
                    var len = pPoints.length;
                    if (name == 'S') {
                        //推测控制点
                        var V;
                        if (prev.name == "C" || prev.name == "S") {
                            V = new CLVec2(pPoints[len - 2] - pPoints[len - 4], pPoints[len - 1] - pPoints[len - 3]);
                            V.x += pPoints[len - 2];
                            V.y += pPoints[len - 1];
                        } else {
                            V = {};
                            V.x = last.x;
                            V.y = last.y;
                        }
                        pts.push({ x: V.x, y: V.y });
                    } else if (name == 'T') {
                        //推测控制点
                        var flag = true;
                        if (prev.name == "Q") {
                            V = new CLVec2(pPoints[len - 2] - pPoints[len - 4], pPoints[len - 1] - pPoints[len - 3]);
                        } else if (prev.name == "T") {
                            V = new CLVec2(pPoints[len - 2] - prev.V.x, pPoints[len - 1] - prev.V.y);
                        } else {
                            V = new CLVec2(pPoints[len - 2] - last.x, pPoints[len - 1] - last.y);
                            flag = false;
                        }
                        V.x += pPoints[len - 2];
                        V.y += pPoints[len - 1];
                        cmd.V = { x: V.x, y: V.y };
                        if (flag) {
                            pts.push({ x: V.x, y: V.y });
                        } else {
                            pts.push({ x: pt.x, y: pt.y });
                        }
                    }
                    for (var i = 0; i < points.length; i += 2) {
                        pts.push({ x: points[i], y: points[i + 1] });
                    }
                    pts = BezierCurve(pts, 30);
                    for (var i = 0; i < pts.length; i += 2) {
                        if (line[line.length - 2] != pts[i] || line[line.length - 1] != pts[i + 1]) {
                            line.push(pts[i], pts[i + 1]);
                        }
                    }
                } else {
                    cIndex++;
                }
                if (cIndex == points.length / 2) {
                    cIndex = null;
                }
            }
            last = { x: pt.x, y: pt.y };
            if (name == "M") {
                start = last;
            }
        });
        fn.TotalLength = function () {
            var points = this;
            if (points.totalLen == null) {
                points.totalLen = 0;
                if (points[0] instanceof ComputedPoints) {
                    points.forEach(function (path) {
                        points.totalLen += path.TotalLength();
                    });
                } else {
                    for (var i = 2; i < points.length ; i += 2) {
                        points.totalLen += new CLVec2(points[i] - points[i - 2], points[i + 1] - points[i - 1]).length();
                    }
                }
            }
            return points.totalLen;
        }
        fn.toString = function (nPrecision) {
            var points = this;
            var d = "";
            nPrecision = nPrecision || 6;
            if (points[0] instanceof ComputedPoints) {
                for (var i = 0; i < points.length ; i++) {
                    d += "M " + points[i].toString(nPrecision, false);
                }
            } else {
                if (nPrecision == null) {
                    nPrecision = 6;
                }
                for (var i = 0; i < points.length ; i += 2) {
                    d += i == 0 ? "" : "L";
                    d += points[i].toPrecision(nPrecision, false) + " ";
                    d += points[i + 1].toPrecision(nPrecision, false) + " ";
                }
            }
            return d;
        }
        fn.GetPointAtLength = function (len) {
            var points = this;
            if (len < 0) {
                len = 0;
            }
            if (len > points.TotalLength()) {
                len = points.TotalLength();
            }
            if (points[0] instanceof ComputedPoints) {
                for (var i = 0; i < points.length ; i++) {
                    var pl =  points[i].TotalLength();
                    if (len > pl) {
                        len -= pl;
                    } else {
                        return points[i].GetPointAtLength(len);
                    }
                }
            } else {
                for (var i = 2; i < points.length ; i += 2) {
                    var Vec = new CLVec2(points[i] - points[i - 2], points[i + 1] - points[i - 1]);
                    var pl = Vec.length();
                    if (len > pl) {
                        len -= pl;
                    } else {
                        Vec.normalize();
                        Vec.scale(len);
                        Vec.x += points[i - 2];
                        Vec.y += points[i - 1];
                        return { x: Vec.x, y: Vec.y };
                    }
                }
            }
            return { x: Vec.x, y: Vec.y };;
        }
        Points.Cmd = sCmd;
        return Points;
    }

    fn.GetPathCmd = function (d) {
        var self = this;
        if (!!d) {
            return PathCmd(d);
        }
        if (self.tagName == "path") {
            var attr = getComputedStyle(self);
            d = attr.d;
            d = d.substr(6, d.length - 8);
            d = self.getAttribute("d");
            d = PathCmd(d);
        }else {
            if (self.tagName == "rect") {
                var attr = getComputedStyle(self);
                var bBox = self.getBBox();
                var x = bBox.x, y = bBox.y, w = bBox.width, h = bBox.height, rx = CalcLength(attr.rx, w), ry = CalcLength(attr.ry, h);
            } else if (self.tagName == "circle") {
                var attr = getComputedStyle(self);
                var bBox = self.getBBox();
                var x = bBox.x, y = bBox.y, w = bBox.width, h = bBox.height, rx = CalcLength(attr.r, w), ry = rx;
            } else if (self.tagName == "ellipse") {
                var attr = getComputedStyle(self);
                var bBox = self.getBBox();
                var x = bBox.x, y = bBox.y, w = bBox.width, h = bBox.height, rx = CalcLength(attr.rx, w), ry = CalcLength(attr.ry, h);
            } else {
                return PathCmd("");
            }
            d = toPathCmd(x, y, w, h, rx, ry);
        }
        return d;
    }

    function CLSvgEditor(Ele) {
        var self = this;
        self.Glyphs = [];
        self.Ele = Ele;
        Ele.classList.add("CLSvgEditor");
        CLLoad("/CLUI/CLSvgEditor/Shapes", "1.0", null, "js");
        var ToolBar = self.ToolBar = document.createElement("div");
        ToolBar.classList.add("ToolBar")
        Ele.appendChild(ToolBar);
        var MatrixInfo = self.MatrixInfo = document.createElement("div");
        MatrixInfo.classList.add("MatrixInfo");
        Ele.appendChild(MatrixInfo);
        var Prop = self.Prop = document.createElement("div");
        Prop.style.display = "none";
        Prop.classList.add("Prop");
        Ele.appendChild(Prop);
        var Canvas = self.Canvas = document.createElement("div");
        Canvas.classList.add("Canvas");
        ToolBar.oncontextmenu = Canvas.oncontextmenu = function () {
            return false;
        }
        Ele.appendChild(Canvas);
        self.CreateTools();
        self.CreateCanvas(Canvas);
        var current = null;
        Object.defineProperty(self, "current", {
            get: function () {
                if (current) {
                    return current;
                } else if (ToolBar.querySelector(".BtnSel").getAttribute("name") == "路径") {
                    current = self.Surface.querySelector(".Selects").firstChild;
                    if (current) {
                        current = self.Surface.querySelector(".Glyphs").querySelector("[_id='" + current.getAttribute("_id") + "']");
                        if (current) {
                            current = current.glyph;
                            if (current.tag != "path") {
                                current = null;
                            } else {
                                if (typeof current.d == "string") {
                                    current.d = PathCmd(current.d);
                                }
                            }
                        }
                    }
                }
                return current;
            },
            set: function (Val) {
                current = Val;
            }
        });
        Object.defineProperty(self, "fillColor", {
            get: function () {
                var Fill = ToolBar.querySelector("[name='颜色'] .Fill");
                var style = getComputedStyle(Fill);
                return style.backgroundImage == "none" ? style.backgroundColor : style.backgroundImage;
            },
            set: function (v) {
                var Fill = ToolBar.querySelector("[name='颜色'] .Fill");
                Fill.style.background = v;
            }
        });
        Object.defineProperty(self, "strokeColor", {
            get: function () {
                var Stroke = ToolBar.querySelector("[name='颜色'] .Stroke");
                var style = getComputedStyle(Stroke);
                return style.backgroundImage == "none" ? style.backgroundColor : style.backgroundImage;
            },
            set: function (v) {
                var Stroke = ToolBar.querySelector("[name='颜色'] .Stroke");
                Stroke.style.background = v;
            }
        });
    }

    fn = CLSvgEditor.prototype;

    fn.Glyphs = null;

    fn.Surface = null;

    fn.CreateTools = function () {
        var self = this;
        var ToolBar = self.ToolBar;
        var Btns = (function () {
            function funcMenu(Btn, Icons) {
                if (Btn && Btn.dlg && Btn.dlg.Div.isConnected) {
                    Btn.dlg.Close();
                    return;
                }
                var dlg = Btn.dlg = self.Dialog(50, Icons.length * 50, Btn);
                var box = dlg.Div;
                box.classList.add("ShapeMenu");
                Icons.forEach(function (data) {
                    var btn = document.createElement("div");
                    btn.classList.add("Icon");
                    var tag = null;
                    if (typeof data.Icon == "function") {
                        tag = data.Icon();
                    } else {
                        tag = '<path ' + (data.Fill ? '' : 'stroke="#000" stroke-width="2" fill-opacity="0"') + ' d="' + data.Icon + '"></path>';
                    }
                    btn.innerHTML = '<svg viewBox="0 0 27 27" xmlns="' + xmlns + '" width="40" height="40">' + tag + '</svg>';
                    box.appendChild(btn);
                    btn.onclick = function () {
                        Btn.innerHTML = this.innerHTML;
                        data.Func();
                        dlg.Close();
                    }
                });
            }
            function funcMenu2(Btn, cmds, close, name) {
                if (Btn && Btn.dlg && Btn.dlg.Div.isConnected) {
                    Btn.dlg.Close();
                    return;
                }
                if (!name) {
                    name = "cmd"
                }
                var width = cmds[0].length * 30 + 20;
                var dlg = Btn.dlg = self.Dialog(width, cmds.length * 50, Btn);
                dlg.addFilter(self.Canvas);
                var box = dlg.Div;
                box.classList.add("ShapeMenu");
                cmds.forEach(function (cmd) {
                    var btn = document.createElement("div");
                    btn.classList.add("Icon");
                    btn.style.width = width + "px";
                    btn.innerHTML = "<div style='line-height:30px;width:" + (width - 20) + "px;height:30px;margin:5px;border-radius:50%;background:rgb(102, 51, 51);color:#fff;font-weight:900;text-align:center'>" + cmd + "</div>";
                    box.appendChild(btn);
                    if (cmd[0] == Btn.getAttribute(name)) {
                        btn.classList.add("IconSel");
                    }
                    btn.onclick = function () {
                        var sel = box.querySelector(".IconSel");
                        if (sel) {
                            sel.classList.remove("IconSel");
                        }
                        btn.classList.add("IconSel");
                        Btn.setAttribute(name, cmd[0]);
                        if (close) {
                            dlg.Close();
                        }
                    }
                });
                return dlg;
            }
            return [
                (function () {
                    return ({
                        Name: "选择",
                        viewBox: "0 0 24 24",
                        Icon: "M0,0v24h24V0H0z M17.147,20.757l-2.941,1.501l-3.677-6.005l-4.411,3.003V1.241l12.5,12.01l-4.412,1.501 L17.147,20.757z",
                        Invert: true,
                        Do: function (e) {
                            self.DoDef(e);
                        },
                        Keydown: function (e) {
                            if (e.key == "Delete") {
                                self.DeleteSelected();
                            }
                            var V = new CLVec2();
                            if (e.key == "ArrowLeft") {
                                V.x = -1 / self.Zoom();
                            }
                            if (e.key == "ArrowUp") {
                                V.y = -1 / self.Zoom();
                            }
                            if (e.key == "ArrowRight") {
                                V.x = 1 / self.Zoom();
                            }
                            if (e.key == "ArrowDown") {
                                V.y = 1 / self.Zoom();
                            }
                            self.TranslateSelected(V.x, V.y);
                        },
                        Func: function (e) {
                            self.Surface.removeAttribute("do");
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "直线",
                        Icon: "m5 5 l 17 17",
                        funcCur: function (e) {
                            self.Line(e);
                        },
                        Do: function (e) {
                            this.funcCur(e);
                        },
                        Func: function (e) {
                            var data = this;
                            self.Surface.setAttribute("do", "drawing");
                            if (e.button == 2) {
                                var Icons = [
                                    (function () {
                                        return ({
                                            Name: "水平直线",
                                            Icon: "m2 13 h23",
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.hLine(e);
                                                };
                                            }
                                        });
                                    }()),
                                    (function () {
                                        return ({
                                            Name: "垂直直线",
                                            Icon: "m13 2 v23",
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.vLine(e);
                                                };
                                            }
                                        });
                                    }()),
                                    (function () {
                                        return ({
                                            Name: "自由直线",
                                            Icon: "m5 5 l 17 17",
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.Line(e);
                                                };
                                            }
                                        });
                                    }())
                                ];
                                funcMenu(e.currentTarget, Icons);
                            }
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "矩形",
                        Icon: "m5 8 h17 v11 h-17 z",
                        funcCur: function (e) {
                            self.Rectangle(e);
                        },
                        Do: function (e) {
                            this.funcCur(e);
                        },
                        Func: function (e) {
                            var data = this;
                            self.Surface.setAttribute("do", "drawing");
                            if (e.button == 2) {
                                var Icons = [
                                    (function () {
                                        return ({
                                            Name: "正方形",
                                            Icon: "m6 6 h15 v15 h-15 z",
                                            Fill: true,
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.Square(e);
                                                };
                                            }
                                        });
                                    }()),
                                    (function () {
                                        return ({
                                            Name: "长方形",
                                            Icon: "m5 8 h17 v11 h-17 z",
                                            Fill: true,
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.Rectangle(e);
                                                };
                                            }
                                        });
                                    }())
                                ];
                                funcMenu(e.currentTarget, Icons);
                            }
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "椭圆",
                        Icon: function () {
                            return "<ellipse cx='13.5' cy='13' rx='9' ry='6'></ellipse>";
                        },
                        funcCur: function (e) {
                            self.Ellipse(e);
                        },
                        Do: function (e) {
                            this.funcCur(e);
                        },
                        Func: function (e) {
                            var data = this;
                            self.Surface.setAttribute("do", "drawing");
                            if (e.button == 2) {
                                var Icons = [
                                    (function () {
                                        return ({
                                            Name: "正圆",
                                            Icon: function () {
                                                return "<circle  cx='13.5' cy='13' r='8'></circle>";
                                            },
                                            Fill: true,
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.Circle(e);
                                                };
                                            }
                                        });
                                    }()),
                                    (function () {
                                        return ({
                                            Name: "椭圆",
                                            Icon: function () {
                                                return "<ellipse cx='13.5' cy='13' rx='9' ry='6'></ellipse>";
                                            },
                                            Fill: true,
                                            Func: function () {
                                                data.funcCur = function (e) {
                                                    self.Ellipse(e);
                                                };
                                            }
                                        });
                                    }())
                                ];
                                funcMenu(e.currentTarget, Icons);
                            }
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "路径",
                        Icon: "M0,0v27h27V0H0z M12.193,1.904c0,-0.365,0.871,0,0.871,0v12.105c-0.509,0.18-0.871,0.664-0.871,1.233c0,0.722,0.585,1.305,1.307,1.305c0.722,0,1.307-0.583,1.307-1.305c0-0.569-0.362-1.054-0.871-1.233V1.904c0,0,0.871-0.365,0.871,0c0,6.811,5.226,11.677,5.226,11.677l-3.256,8.193h-6.552l-3.256-8.193C6.968,13.581,12.193,8.714,12.193,1.904zM7.839,25.258v-2.612h11.322v2.612H7.839z",
                        Do: function (e) {
                            var Btn = ToolBar.querySelector("[name='路径']");
                            var cmd = Btn.getAttribute("cmd");
                            if (!cmd) {
                                cmd = "M";
                            };
                            self[cmd + "Path"](e);
                            if (e.type == "mouseup" && e.button == 2) {
                                var cur = self.current;
                                if (cur) {
                                    if (cur.N != null) {
                                        cur.d.pop();
                                    }
                                    if (cur.d.length < 2) {
                                        self.ClearGlyph(cur.id);
                                    } else {
                                        self.EndDraw(cur);
                                    }
                                }
                            }
                        },
                        Keydown: function (e) {
                            var keys = ["M", "L", "H", "V", "C", "S", "Q", "T", "A", "Z"];
                            var key = e.key.toLocaleUpperCase();
                            if (keys.includes(key) && !e.ctrlKey) {
                                var btn = ToolBar.querySelector("[name='路径']");
                                if (btn.classList.contains("BtnSel")) {
                                    btn.setAttribute("cmd", key);
                                }
                            } else if (e.key == "Backspace") {
                                self.backPath();
                            }
                        },
                        Invert: true,
                        Func: function (e) {
                            self.Surface.setAttribute("do", "drawing");
                            if (e.button == 2) {
                                var cmds;
                                var ele = e.currentTarget;
                                cmds = ["M", "L", "H", "V", "S", "Q", "T", "A", "Z"];
                                funcMenu2(ele, cmds, false);
                            }
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "图形库",
                        viewBox: "-15 -15 330 330",
                        Icon: "m1,116.58409l113.82668,0l35.17332,-108.13487l35.17334,108.13487l113.82666,0l-92.08755,66.83026l35.17514,108.13487l-92.08759,-66.83208l-92.08757,66.83208l35.17515,-108.13487l-92.08758,-66.83026z",
                        Do: function (e) {
                            self.drawPath(e);
                        },
                        Func: function (e) {
                            self.Surface.setAttribute("do", "drawing");
                            if (e.button == 2) {
                                var Btn = e.currentTarget;
                                if (Btn && Btn.dlg && Btn.dlg.Div.isConnected) {
                                    Btn.dlg.Close();
                                    return;
                                }
                                var dlg = Btn.dlg = self.Dialog(385, 324, Btn);
                                var box = dlg.Div;
                                box.classList.add("ShapeMenu");
                                var list = [];
                                var dataShapes = CLSvgEditor.Shapes;
                                var names = ["基础图元", "物体", "标志", "箭头", "流程图", "自然", "卡棋", "对话框", "音乐", "天气&时间", "用户界面", "社交网"];
                                names.forEach(function (ele, index) {
                                    var shape = dataShapes[ele];
                                    var viewBox;
                                    if (index < 9) {
                                        viewBox = "-15 -15 330 330";
                                    } else {
                                        viewBox = "-1.6 -1.6 35.2 35.2"
                                    }
                                    list.push({
                                        Name: ele,
                                        viewBox: viewBox,
                                        Shape: shape
                                    });
                                });
                                var shapeBox = document.createElement("div");
                                shapeBox.className = "ShapeBox";
                                box.appendChild(shapeBox);
                                var grp = new CLBtnGroup(box, list);
                                grp.OnSelected = function (divBtn) {
                                    shapeBox.innerHTML = "";
                                    var Shape = divBtn.Btn.Shape;
                                    for (var key in Shape) {
                                        var btn = document.createElement("div");
                                        btn.classList.add("Icon");
                                        shapeBox.appendChild(btn);
                                        btn.innerHTML = '<svg xmlns="' + xmlns + '" width="40" height="40" viewBox="' + divBtn.Btn.viewBox + '"><path d="' + Shape[key] + '"></path></svg>';
                                        btn.onclick = function () {
                                            Btn.innerHTML = this.innerHTML;
                                            Btn.setAttribute("index", divBtn.parentNode.childNodes.indexOf(divBtn));
                                            dlg.Close();
                                        }
                                    }
                                }
                                var index = Btn.getAttribute("index");
                                if (!index) {
                                    index = 0;
                                }
                                grp.Select(index * 1);
                            }
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "文字",
                        Icon: "M0,0v27h27V0H0z M7.283,25.258v-1.741h0.539c1.133,0,1.879-0.204,2.224-0.64c0.345-0.422,0.525-1.157,0.525-2.191V4.355H8.733c-1.105,0-1.906,0.123-2.417,0.367C5.791,4.967,5.362,5.443,5.017,6.151C4.658,6.873,4.451,7.73,4.381,8.709H2.613V2.613h21.774v6.097H22.48c-0.359-1.701-0.87-2.858-1.52-3.457s-1.686-0.898-3.108-0.898h-1.976v16.331c0,1.062,0.165,1.81,0.525,2.218c0.358,0.409,1.104,0.613,2.236,0.613h0.595v1.741H7.283z",
                        Invert: true,
                        Do: function (e) {
                            self.drawText(e);
                        },
                        Func: function (e) {
                            self.Surface.setAttribute("do", "drawing");
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "连点",
                        viewBox: "5 -20 20 40",
                        Icon: function () {
                            return '<path id="Curveto" stroke="#000" stroke-width="0.1" d="M0 0C10 -60 20 60 30 0" class="rotate" fill-opacity="0"></path><text stroke="#000" stroke-width="1" fill="#909" font-size="12" dominant-baseline="central" text-anchor="middle" textLength="120em"><textPath xlink:href="#Curveto" startOffset="50%"><tspan dy = "-0.2" dx="0 20 20">⚪⚪⚪</tspan></textPath></text>';
                        },
                        Do: function (e) {
                            self.drawPoint(e);
                        },
                        Func: function (e) {
                            self.Surface.setAttribute("do", "drawing");
                        }
                    });
                }()),
                (function () {
                    return ({
                        Name: "颜色",
                        Create: function (btn) {
                            function update() {
                                var all = self.Surface.querySelector(".Selects");
                                all.childNodes.forEach(function (g) {
                                    var _id = g.getAttribute("_id");
                                    var glyph = self.GetGlyphById(_id);
                                    if (glyph) {
                                        glyph.fill = self.fillColor;
                                        glyph.stroke = self.strokeColor;
                                        self.RenderGlyph(glyph);
                                    }
                                });
                            }
                            function click(e) {
                                var btn = this;
                                var style = getComputedStyle(btn);
                                CLColors.Dialog({
                                    color: style.backgroundImage == "none" ? style.backgroundColor : style.backgroundImage,
                                    gradient: true,
                                    onchange: function (color) {
                                        self[btn.key + "Color"] = color;
                                        update();
                                    }
                                }, btn);
                            }
                            var fill = document.createElement("div");
                            fill.className = "Fill Active";
                            fill.key = "fill";
                            btn.appendChild(fill);
                            fill.onclick = click;
                            var stroke = document.createElement("div");
                            stroke.className = "Stroke";
                            stroke.key = "stroke";
                            btn.appendChild(stroke);
                            stroke.onclick = click;
                            var Switch = document.createElement("div");
                            Switch.className = "Switch";
                            btn.appendChild(Switch);
                            Switch.onclick = function () {
                                var fiClr = self.fillColor;
                                var stClr = self.strokeColor;
                                stroke.style.background = fiClr;
                                fill.style.background = stClr;
                                self.fillColor = stClr;
                                self.strokeColor = fiClr;
                                update();
                            }
                        }
                    })
                }())
            ]
        }());
        Btns.forEach(function (data, index) {
            var btn = document.createElement("div");
            btn.classList.add("Btn");
            if (data.Invert) {
                btn.classList.add("Invert");
            }
            btn.setAttribute("Name", data.Name);
            if (data.Name == "路径") {
                btn.setAttribute("cmd", "M");
                btn.setAttribute("drag", "C");
            }
            if (data.Name == "文字") {
                btn.setAttribute("cmd", "普");
            }
            ToolBar.appendChild(btn);
            if (data.Create) {
                data.Create(btn);
            } else {
                var tag = null;
                if (typeof data.Icon == "function") {
                    tag = data.Icon();
                    btn.innerHTML = data.Icon();
                } else {
                    tag = "<path d='" + data.Icon + "'></path>";
                }
                btn.innerHTML = '<svg ' + (data.viewBox ? 'viewBox="' + data.viewBox + '"' : 'viewBox="0 0 27 27"') + ' xmlns="' + xmlns + '" width="27" height="27">' + tag + '</svg>';
                btn.Select = function () {
                    var ele = ToolBar.querySelector(".BtnSel");
                    if (ele) {
                        ele.classList.remove("BtnSel");
                    }
                    btn.classList.add("BtnSel");
                }
                btn.onmousedown = function (e) {
                    if (e.button == 0 || e.button == 2) {
                        btn.Select();
                        data.Func(e);
                    }
                }
                btn.Do = function (e) {
                    data.Do(e);
                };
                btn.Keydown = function (e) {
                    if (data.Keydown) {
                        data.Keydown(e);
                    }
                }
                if (index == 0) {
                    btn.Select();
                }
                if (data.Name == "路径") {
                    var drag = document.createElement("div");
                    drag.className = "drag";
                    btn.appendChild(drag);
                }
            }
        });
        ToolBar.onmousedown = function (e) {
            self.Surface.focus();
            e.preventDefault();
        }
    }

    fn.CreateCanvas = function () {
        var self = this;
        var Canvas = self.Canvas;
        var ToolBar = self.ToolBar;
        var svg = '<svg xlinkns="' + xlink + '" class="Background" style="pointer-events:none" class=""><defs id="placeholder_defs"><pattern id="checkerPattern" patternUnits="userSpaceOnUse" x="0" y="0" width="20" height="20" viewBox="0 0 10 10"><rect x="0" y="0" width="10" height="10" fill="#fff"></rect><rect x="0" y="0" width="5" height="5" fill="#eee"></rect><rect x="5" y="5" width="5" height="5" fill="#eee"></rect></pattern></defs><rect width="100%" height="100%" x="0" y="0" stroke-width = "0" stroke="#000" fill="url(#checkerPattern)" style="pointer-events:none" class=""></rect></svg><svg xlinkns="' + xlink + '" class="Surface"><g class="Glyphs"></g><g class="Selects"></g></svg>';
        Canvas.innerHTML = svg;
        var Surface = self.Surface = Canvas.querySelector(".Surface");
        Surface.setAttribute("tabindex", 0);
        var down = false;
        Surface.addEventListener("mousedown", function (e) {
            e.preventDefault();
            Surface.cursor = {
                x: e.clientX,
                y: e.clientY
            };
            Surface.focus();
            if (!down) {
                down = true;
                self.Do(e);
            }
        });
        Surface.addEventListener("mousemove", function (e) {
            Surface.cursor = {
                x: e.clientX,
                y: e.clientY
            };
            self.Do(e);
        });
        Surface.addEventListener("mouseup", function (e) {
            if (down) {
                Surface.cursor = {
                    x: e.clientX,
                    y: e.clientY
                };
                down = false;
                self.Do(e);
                if (e.button == 2) {
                    var btn = ToolBar.querySelector("[name='选择']");
                    var evt = document.createEvent("MouseEvents");
                    evt.initEvent("mousedown", false, true);
                    btn.dispatchEvent(evt);
                }
            }
        });
        function fWheel(e) {
            if (Surface.classList.contains("Locked")) {
                return;
            }
            if (e.detail) {
                if (e.detail < 0) {
                    self.zoomIn();
                } else {
                    self.zoomOut();
                }
            } else {
                if (event.wheelDelta > 0) {
                    self.zoomIn();
                } else {
                    self.zoomOut();
                }
            }
            self.ShowMatrix();
            e.stopPropagation();
            e.preventDefault();
        }
        Surface.addEventListener("mousewheel", fWheel);
        Surface.addEventListener("DOMMouseScroll", fWheel);
        Surface.addEventListener("keydown", function (e) {
            if (e.ctrlKey) {
                if (e.code == "KeyC") {
                    var arr = self.GetSelected();
                    arr.forEach(function (ele, index) {
                        arr[index] = CLClone(ele.glyph);
                        arr[index].d = ele.glyph.d && ele.glyph.d.toString();
                        delete arr[index].st;
                    });
                    CLCopy({ type: "SvgGlyphs", data: JSON.stringify(arr) }, false);
                }
                if (e.code == "KeyV") {
                    CLClipboard(function (items) {
                        if (items.length == 1 && items[0].type == "SvgGlyphs") {
                            items[0].getAsString(function (data) {
                                data = JSON.parse(data);
                                self.SelectGlyph();
                                data.forEach(function (ele) {
                                    ele.id = self.AllocId();
                                    self.Glyphs.push(ele);
                                    self.RenderGlyph(ele);
                                    self.SelectGlyph(ele.id, false);
                                });
                            });
                        }
                    });
                }
            } else {
                if (e.key == 'Tab') {
                    e.preventDefault();
                } else {
                    self.Keydown(e);
                }
            }
        });
        Surface.zoomWidth = Surface.clientWidth;
        Surface.zoomHeight = Surface.clientHeight;
        self.viewBox([-Surface.zoomWidth / 2, -Surface.zoomHeight / 2, Surface.zoomWidth, Surface.zoomHeight]);
        CLCatchResize(Canvas, function (w, h) {
            CLDelay(function () {
                self.resize();
            }, 100)
        });
        var Cursor = document.createElement("div");
        Cursor.className = "Cursor";
        Canvas.appendChild(Cursor);
    }

    function PathCmd(d) {
        var self = this;
        if (!(self instanceof PathCmd)) {
            return new PathCmd(d);
        }
        if (typeof d != "string") {
            return d;
        }
        d = d.replace(/[\-]/g, " -");
        d = d.replace(/[e][(\ )]*[\-][(\ )]*/g, "e-");
        d = d.replace(/[e][(\ )]*[\+][(\ )]*/g, "e+");
        var cmds = d.match(/[mlhvcsqtaz][(0-9)|(,)|(\-)|(\+)|(\.)(\ )|(e)]*/ig);
        if (!cmds) {
            cmds = [];
        }
        var all = [];
        cmds.forEach(function (cmd) {
            var points = cmd.substr(1).trim().split(/[(\ )|(\,)]+/);
            var len = points ? points.length : 0;
            points.forEach(function (ele, index) {
                points[index] *= 1;
            });
            var name = cmd[0].toLocaleUpperCase();
            var N = 1;
            if (name == "Z") {
                all.push({ name: name, points: null });
                return;
            }
            if (name == "M" || name == "L" || name == "T") {
                N = 2;
            }
            if (name == "C") {
                N = 6;
            }
            if (name == "S" || name == "Q") {
                N = 4;
            }
            if (name == "A") {
                N = 7;
            }
            for (var i = 0; i < points.length; i += N) {
                name = cmd[0];
                if (i > 0) {
                    if (name == "m") {
                        name = "l";
                    } else if (name == "M") {
                        name = "L";
                    }
                }
                all.push({ name: name, points: points.slice(i, i + N) });
            }
        });
        var cur = null;
        var start = null;
        all.forEach(function (cmd) {
            var pre = cmd.name;
            var lower = pre.toLocaleLowerCase();
            var o = {
                name: lower
            };
            self.push(o);
            if (lower == 'z') {
                cur = start;
                return;
            }
            var x, y;
            var points = cmd.points;
            var len = points ? points.length : 0;
            if (lower != pre) {
                if (lower == 'm') {
                    start = [points[0], points[1]];
                    if (cur) {
                        for (var i = 0; i < len; i += 2) {
                            x = points[i];
                            y = points[i + 1];
                            points[i] -= cur[0];
                            points[i + 1] -= cur[1];
                        }
                        cur = [x, y];
                    } else {
                        cur = [points[0], points[1]];
                    }
                } else if (lower == 'h') {
                    for (var i = 0; i < len; i++) {
                        x = points[i];
                        points[i] -= cur[0];
                    }
                    cur = [x, cur[1]];
                } else if (lower == 'v') {
                    for (var i = 0; i < len; i++) {
                        y = points[i];
                        points[i] -= cur[1];
                    }
                    cur = [cur[0], y];
                } else if (lower == 'a') {
                    var x = points[5];
                    var y = points[6];
                    points[5] -= cur[0];
                    points[6] -= cur[1];
                    cur = [x, y];
                }
                else if (lower == 'l' || lower == 'c' || lower == 's' || lower == 'q' || lower == 't') {
                    for (var i = 0; i < len; i += 2) {
                        x = points[i];
                        y = points[i + 1];
                        points[i] -= cur[0];
                        points[i + 1] -= cur[1];
                    }
                    cur = [x, y];
                }
                o.points = points;
            } else {
                if (lower == 'm') {
                    if (cur) {
                        start = [cur[0] + points[0], cur[1] + points[1]];
                        cur = [cur[0] + points[len - 2], cur[1] + points[len - 1]];
                    } else {
                        cur = [points[len - 2], points[len - 1]];
                        start = [points[0], points[1]];
                    }
                } else if (lower == 'h') {
                    cur = [cur[0] + points[len - 1], cur[1]];
                } else if (lower == 'v') {
                    cur = [cur[0], cur[1] + points[len - 1]];
                } else if (lower == 'a') {
                    cur = [cur[0] + points[5], cur[1] + points[6]];
                }
                else if (lower == 'l' || lower == 'c' || lower == 's' || lower == 'q' || lower == 't') {
                    cur = [cur[0] + points[len - 2], cur[1] + points[len - 1]];
                }
                o.points = points;
            }
        });
        function toUpper() {
            var list = self;
            var cur = null;
            var start = null;
            list.forEach(function (ele, index) {
                var name = ele.name;
                var o = {
                    name: name.toLocaleUpperCase(),
                    points: CLClone(ele.points)
                };
                list[index] = o;
                var points = o.points;
                var len = points ? points.length : 0;
                if (name == 'm') {
                    if (cur) {
                        for (var i = 0; i < len ; i += 2) {
                            points[i] += cur[0];
                            points[i + 1] += cur[1];
                        }
                    }
                    cur = [points[len - 2], points[len - 1]];
                    start = [points[0], points[1]];
                } else if (name == 'h') {
                    for (var i = 0; i < len ; i += 1) {
                        points[i] += cur[0];
                    }
                    cur = [points[len - 1], cur[1]];
                } else if (name == 'v') {
                    for (var i = 0; i < len ; i += 1) {
                        points[i] += cur[1];
                    }
                    cur = [cur[0], points[len - 1]];
                } else if (name == 'a') {
                    points[5] += cur[0];
                    points[6] += cur[1];
                    cur = [points[5], points[6]];
                }
                else if (name == 'l' || name == 'c' || name == 's' || name == 'q' || name == 't') {
                    for (var i = 0; i < len ; i += 2) {
                        points[i] += cur[0];
                        points[i + 1] += cur[1];
                    }
                    cur = [points[len - 2], points[len - 1]];
                } else if (name == 'z') {
                    cur = start;
                }
            });
            self.toString = function (nPrecision) {
                var arr = this;
                if (nPrecision == null) {
                    nPrecision = 6;
                }
                var d = "";
                arr.forEach(function (ele) {
                    d += ele.name;
                    if (ele.points) {
                        for (var i = 0; i < ele.points.length; i++) {
                            d += ele.points[i].toPrecision(nPrecision, false) + " ";
                        }
                    }
                });
                return d;
            }
            self.Each = function (func) {
                var cur = null;
                var start = null;
                this.every(function (ele, index) {
                    var name = ele.name;
                    var points = ele.points;
                    var len = points ? points.length : 0;
                    var point = {};
                    if (name == 'M') {
                        for (var i = 0; i < len ; i += 2) {
                            point.x = points[i];
                            point.y = points[i + 1];
                            if (false === func(point, index)) {
                                return false;
                            }
                            points[i] = point.x;
                            points[i + 1] = point.y;
                        }
                        cur = [points[len - 2], points[len - 1]];
                        start = [points[0], points[1]];
                    } else if (name == 'H') {
                        for (var i = 0; i < len ; i += 1) {
                            point.x = points[i];
                            point.y = cur[1];
                            if (false === func(point, index)) {
                                return false;
                            }
                            points[i] = point.x;
                        }
                        cur = [points[len - 1], cur[1]];
                    } else if (name == 'V') {
                        for (var i = 0; i < len ; i += 1) {
                            point.x = cur[0];
                            point.y = points[i];
                            if (false === func(point, index)) {
                                return false;
                            }
                            points[i] = point.y;
                        }
                        cur = [cur[0], points[len - 1]];
                    } else if (name == 'A') {
                        var or = {
                            rx: points[0],
                            ry: points[1],
                        };
                        if (false === func(or, index)) {
                            return false;
                        }
                        points[0] = or.rx;
                        points[1] = or.ry;
                        point.x = points[5];
                        point.y = points[6];
                        if (false === func(point, index)) {
                            return false;
                        }
                        points[5] = point.x;
                        points[6] = point.y;
                        cur = [points[5], points[6]];
                    } else if (name == 'L' || name == 'C' || name == 'S' || name == 'Q' || name == 'T') {
                        for (var i = 0; i < len ; i += 2) {
                            point.x = points[i];
                            point.y = points[i + 1];
                            if (false === func(point, index)) {
                                return false;
                            }
                            points[i] = point.x;
                            points[i + 1] = point.y;
                        }
                        cur = [points[len - 2], points[len - 1]];
                    } else if (name == 'Z') {
                        cur = start;
                        point.x = cur[0];
                        point.y = cur[1];
                        if (false === func(point, index)) {
                            return false;
                        }
                    }
                    return true;
                });
            }
            self.lastPoint = function (skip) {
                var R = {};
                var max = self.length - skip - 1;
                self.Each(function (point, index) {
                    if (index > max) {
                        return false;
                    }
                    if (point.x != null) {
                        R.x = point.x;
                    }
                    if (point.y != null) {
                        R.y = point.y;
                    }
                });
                return R;
            }
            return self;
        }
        return toUpper();
    }

    PathCmd.prototype = Object.create(Array.prototype);

    function PathTranslate(d, dx, dy) {
        d = PathCmd(d);
        d.Each(function (point) {
            if (point.x != null) {
                point.x += dx;
            }
            if (point.y != null) {
                point.y += dy;
            }
        });
        return d;
    }

    function PathScale(d, times) {
        d = PathCmd(d);
        d.Each(function (point) {
            if (point.x != null) {
                point.x *= times;
            }
            if (point.y != null) {
                point.y *= times;
            }
            if (point.rx != null) {
                point.rx *= times;
            }
            if (point.ry != null) {
                point.ry *= times;
            }
        });
        return d;
    }

    function PathNormalize(d) {
        d = PathCmd(d);
        var lt = { x: Number.MAX_VALUE, y: Number.MAX_VALUE }, rb = { x: -Number.MAX_VALUE, y: -Number.MAX_VALUE };
        d.Each(function (point) {
            if (point.x != null) {
                if (point.x < lt.x) {
                    lt.x = point.x;
                }
                if (point.x > rb.x) {
                    rb.x = point.x;
                }
            }
            if (point.y != null) {
                if (point.y < lt.y) {
                    lt.y = point.y;
                }
                if (point.y > rb.y) {
                    rb.y = point.y;
                }
            }
        });
        var lx = Math.abs(rb.x - lt.x);
        var ly = Math.abs(rb.y - lt.y);
        var times = 1;
        if (lx > ly) {
            times = 1 / lx;
        } else {
            times = 1 / ly;
        }
        PathTranslate(d, -(lt.x + rb.x) / 2, -(lt.y + rb.y) / 2);
        d = PathScale(d, times);
        d.w = (rb.x - lt.x) * times;
        d.h = (rb.y - lt.y) * times;
        return d;
    }

    CLSvgEditor.PathTranslate = PathTranslate;

    CLSvgEditor.PathScale = PathScale;

    function SvgElement(tag) {
        return document.createElementNS(xmlns, tag);
    }

    function createLabel(body, name) {
        var label = document.createElement("div");
        label.innerHTML = name;
        label.setAttribute("name", name);
        label.className = "Label";
        body.appendChild(label);
        return label;
    }

    function createValue(body,tag) {
        var Value = document.createElement(!tag ? "input" : tag);
        Value.innerHTML = name;
        Value.className = "Value";
        body.appendChild(Value);
        return Value;
    }

    function createBtn(body) {
        var Value = document.createElement("div");
        Value.innerHTML = name;
        Value.className = "Value Btn";
        body.appendChild(Value);
        return Value;
    }

    function createGroup(body, name) {
        if (!body.OpenInfo) {
            body.OpenInfo = {};
        }
        function fgroup(label) {
            var div = fblock();
            div.style.zoom = 0.8;
            var span = document.createElement("span");
            span.innerHTML = "&#xe768";
            span.style.cssText = "display:inline-block;float:right;font-size:10px;cursor:pointer;font-weight:100;font-family:CLFont";
            label.block = div;
            label.onclick = function () {
                var span = this;
                var name = span.parentNode.Name;
                grp.OpenOrClose();
            }
            label.appendChild(span);
            div.isOpen = true;
            span.onmousedown = function (e) {
                e.preventDefault();
            }
            label.span = span;
            return label;
        }
        function fblock() {
            var Val = createValue(body, "div");
            Val.style.border = "none";
            Val.style.paddingLeft = "20px";
            Val.style.height = "initial";
            Val.style.margin = "5px 0";
            return Val;
        }
        var label = createLabel(body, name);
        var grp = fgroup(label);
        grp.Open = function () {
            var block = grp.block;
            if (!block.isOpen) {
                block.isOpen = true;
                label.span.innerHTML = "&#xe768";
                block.style.display = "inline-block";
            }
        }
        grp.Close = function () {
            var block = grp.block;
            if (block.isOpen) {
                label.span.innerHTML = "&#xe767";
                block.style.display = "none";
                block.isOpen = false;
            }
        }
        grp.IsOpen = function () {
            return grp.block.isOpen != 0;
        }
        grp.OpenOrClose = function () {
            if (grp.IsOpen()) {
                grp.Close();
            } else {
                grp.Open();
            }
            body.OpenInfo[name] = !body.OpenInfo[name];
        }
        if (body.OpenInfo[name]) {
            grp.Open();
        } else {
            grp.Close();
        }
        return grp;
    }

    fn.SelectImage = function () {

    }

    fn.CalcPoint = function (ele, point) {
        var self = this;
        var dt = new Date();
        var glyph = ele.glyph;
        var cur = ele[glyph.tag];
        var Vec = new CLVec2(point.x, point.y);
        self.ToOffset(Vec);
        var mat = CLMatrix.Parse(ele.glyph.matrix);
        mat.invert();
        Vec = mat.multiplyVector2(Vec);
        var pt = ele[glyph.tag].BestPoint(Vec);
        return pt;
    }

    fn.viewBox = function (viewBox) {
        var self = this;
        var svg = self.Surface;
        if (viewBox == null) {
            viewBox = svg.getAttribute("viewBox");
            if (!viewBox) {
                viewBox = [0, 0, svg.zoomWidth, svg.zoomHeight];
            } else {
                viewBox = viewBox.split(/[\ ]+/);
                viewBox[0] *= 1;
                viewBox[1] *= 1;
                viewBox[2] *= 1;
                viewBox[3] *= 1;
            }
            return viewBox;
        } else {
            if (viewBox && viewBox.length == 4) {
                if (typeof viewBox[0] == "number" && typeof viewBox[1] == "number" && typeof viewBox[2] == "number" && typeof viewBox[3] == "number") {
                    svg.setAttribute("viewBox", viewBox.join(" "));
                    var zoom = self.Zoom();
                    var zoomStyle = svg.zoomStyle;
                    if (zoomStyle == null) {
                        zoomStyle = svg.zoomStyle = document.createElement("style");
                        zoomStyle.id = "Zoom_" + CLMakeId();
                        svg.appendChild(zoomStyle);
                        svg.classList.add(zoomStyle.id);
                    }
                    var html = "." + zoomStyle.id + " .Selects .rotate,";
                    html += "." + zoomStyle.id + " .Selects .resize,";
                    html += "." + zoomStyle.id + " .Glyphs  .pPoints circle,";
                    html += "." + zoomStyle.id + " .Axis";
                    html += "{transform:scale(" + (1 / zoom) + ")}";
                    zoomStyle.innerHTML = html;
                    if (self.GetSelected().length == 0) {
                        self.ShowMatrix();
                    }
                }
            }
            self.ShowAxis();
        }
    }

    fn.Zoom = function (zoom) {
        var self = this;
        var svg = self.Surface;
        var w = svg.zoomWidth;
        var h = svg.zoomHeight;
        var viewBox = self.viewBox();
        if (zoom == null) {
            return w / viewBox[2];
        } else {
            var ox;
            var oy;
            ox = viewBox[0] * 1 + viewBox[2] / 2;
            oy = viewBox[1] * 1 + viewBox[3] / 2;
            var lx = w / zoom;
            var ly = h / zoom;
            viewBox = [ox - lx / 2, oy - ly / 2, lx, ly];
            self.viewBox(viewBox);
            return zoom;
        }
    }

    fn.zoomIn = function () {
        var self = this;
        var zoom = self.Zoom();
        zoom *= 1.1;
        self.Zoom(zoom);
    }

    fn.zoomOut = function () {
        var self = this;
        var zoom = self.Zoom();
        zoom /= 1.1;
        self.Zoom(zoom);
    }

    fn.resize = function () {
        var self = this;
        var svg = self.Surface;
        var viewBox = self.viewBox();
        var zoom = self.Zoom();
        svg.zoomWidth = Math.max(svg.clientWidth, 100);
        svg.zoomHeight = Math.max(svg.clientHeight, 100);
        var lx = svg.zoomWidth / zoom;
        var ly = svg.zoomHeight / zoom;
        viewBox[0] -= (lx - viewBox[2]) / 2;
        viewBox[1] -= (ly - viewBox[3]) / 2;
        viewBox[2] = lx;
        viewBox[3] = ly;
        self.viewBox(viewBox);
    }

    fn.fillColor = "#fff";

    fn.strokeColor = "#000";

    fn.Render = function (Glyphs) {
        var self = this;
        Glyphs = Glyphs ? Glyphs : [];
        self.Glyphs = Glyphs;
        Glyphs.forEach(function (glyph) {
            self.RenderGlyph(glyph);
        });
    }

    fn.RenderGlyph = function (glyph) {
        var self = this;
        var Surface = self.Surface;
        var Selects = Surface.querySelector(".Selects");
        var eleGlyph = Surface.querySelector("[_id='" + glyph.id + "']");
        var tag;
        if (!eleGlyph) {
            eleGlyph = SvgElement("g");
            Surface.querySelector(".Glyphs").appendChild(eleGlyph);
            eleGlyph.setAttribute("_id", glyph.id);
            eleGlyph.classList.add("Glyph");
            var tagName = glyph.tag;
            if (tagName == "rect" || tagName == "circle" || tagName == "ellipse") {
                tagName = "path";
            }
            tag = eleGlyph[glyph.tag] = SvgElement(tagName);
            eleGlyph.appendChild(tag);
        } else {
            tag = eleGlyph[glyph.tag]
        }
        if (glyph.locked) {
            eleGlyph.classList.add("Locked");
        }
        if (!glyph.fill) {
            glyph.fill = self.fillColor;
        }
        if (!glyph.stroke) {
            glyph.stroke = self.strokeColor;
        }
        if (glyph.matrix) {
            eleGlyph.setAttribute("transform", glyph.matrix);
            var g = Selects.querySelector("[_id='" + glyph.id + "']");
            if (g) {
                g.SetMatrix(glyph.matrix);
            }
        }
        if (glyph.tag == "rect") {
            self.RenderRect(tag, glyph);
        } else if (glyph.tag == "circle") {
            self.RenderCircle(tag, glyph);
        } else if (glyph.tag == "ellipse") {
            self.RenderEllipse(tag, glyph);
        }
        if (glyph.tag == "path") {
            tag.setAttribute("d", glyph.d);
            eleGlyph.ondblclick = function (e) {
                self.SelectGlyph();
                self.RenderPathPoints(glyph);
            }
            if (eleGlyph.pPoints) {
                eleGlyph.pPoints.SetMatrix(glyph.matrix);
            }
        } else if (glyph.tag == "text") {
            delete glyph.FontWidths;
            self.RenderText(tag, glyph);
        } else if (glyph.tag == "image") {
            self.RenderImage(tag, glyph);
        }
        if (glyph.points) {
            self.RenderPoints(glyph);
        }
        eleGlyph.innerHTML = "";
        eleGlyph.appendChild(tag);
        CLSvgEditor.RenderProp(tag, glyph);
        eleGlyph.glyph = glyph;
        return eleGlyph;
    }

    function _mapId_(eleGlyph, _id) {
        var box = eleGlyph.parentNode;
        box.__mapId__ = box.__mapId__ || {};
        var id = box.__mapId__[_id];
        if (!id) {
            id = box.__mapId__[_id] = "tag_" + CLMakeId();
        }
        return id;
    }

    function _onend_(tag, _id, func) {
        var box = tag.parentNode.parentNode;
        if (!box.__onend__) {
            var list = box.__onend__ = [];
            box.onend = function (id) {
                for (var i = 0; i < list.length; i++) {
                    if (list[i](id)) {
                        break;
                    }
                }
            }
        }
        box.__onend__.push(function (id) {
            if (_id == id) {
                list.splice(list.indexOf(func), 1);
                func();
                return true;
            }
        });
    }

    CLSvgEditor.CreateGradient = function (color, imgId) {
        var data = CLGradient.SvgFormat(color, 180);
        var html = "";
        if (data && data.colorStops) {
            html += "<" + data.type + "Gradient id=" + imgId;
            if (data.type == "linear") {
                html += " x1='" + (data.x * 100) + "%' y1='" + (data.y * 100) + "%' x2='" + (data.x2 * 100) + "%' y2='" + (data.y2 * 100) + "%'";
            } else if (data.type == "radial") {
                var size = data.r;
                html += " fx='" + (data.x * 100) + "%' fy='" + (data.y * 100) + "%' r='" + (size * 100) + "%'";
            }
            html += ">";
            data.colorStops.forEach(function (ele) {
                var color = CLColors.toRgba(ele.color);
                var a = color.A;
                color.A = 1;
                var hex = CLColors.toColor(color);
                html += "<stop  offset='" + (ele.offset * 100) + "%' stop-color='" + hex + "' stop-opacity='" + a + "'/>";
            });
        }
        return html;
    }

    CLSvgEditor.CreateAnimate = function (tag, glyph) {
        var eleGlyph = tag.parentNode;
        var animates = glyph.animates;
        if (animates) {
            animates.forEach(function (animate) {
                var keyTimes = animate.keyTimes;
                var id = _mapId_(eleGlyph, animate.path);
                if (animate.id == "move" && animate.path) {
                    if (glyph.tag == "text") {
                        var textPath = tag.firstChild;
                        if (textPath.tagName != "textPath") {
                            var html = tag.innerHTML;
                            html = "<textPath startOffset='0' xlink:href='#" + id + "'>" + html + "</textPath>";
                            tag.setAttribute("x", 0);
                            tag.setAttribute("y", 0);
                            tag.innerHTML = html;
                            textPath = tag.firstChild;
                        }
                        textPath.insertAdjacentHTML("beforeend", '<animate attributeName="startOffset" from="0" to="' + animate.len + '" begin="0" dur="' + (animate.T || 1) + 's" repeatCount="indefinite" />');
                        textPath.lastChild.setAttribute("class", "animate");
                        textPath.lastChild.setAttribute("fill", "freeze");
                    } else {
                        var ele = SvgElement("animateMotion");
                        ele.setAttribute("class", "animate");
                        ele.setAttribute("fill", "freeze");
                        ele.setAttribute("dur", (animate.T || 1) + "s");
                        ele.setAttribute("repeatCount", "indefinite");
                        ele.setAttribute("rotate", "auto");
                        var mpath = SvgElement("mpath");
                        mpath.setAttribute("xlink:href", "#" + id);
                        ele.appendChild(mpath);
                        tag.insertAdjacentHTML("beforeend", ele.outerHTML);
                    }
                }
            });
        }
    }

    CLSvgEditor.RenderProp = function (tag, glyph) {
        var eleGlyph = tag.parentNode;
        tag.setAttribute("id", _mapId_(eleGlyph, glyph.id));
        if (glyph.lw != null) {
            tag.setAttribute("stroke-width", glyph.lw);
        } else {
            tag.setAttribute("stroke-width", 1.5);
        }
        if (!glyph.ls) {
            tag.setAttribute("vector-effect", "non-scaling-stroke");
        } else {
            tag.removeAttribute("vector-effect");
        }
        if (glyph.da) {
            tag.setAttribute("stroke-dasharray", glyph.da.join(" "));
        } else {
            tag.removeAttribute("stroke-dasharray");
        }
        if (glyph.do) {
            tag.setAttribute("stroke-dashoffset", glyph.do);
        } else {
            tag.removeAttribute("stroke-dashoffset");
        }
        if (glyph.linecap) {
            tag.setAttribute("stroke-linecap", glyph.linecap);
        } else {
            tag.removeAttribute("stroke-linecap");
        }
        eleGlyph.innerHTML = "";
        eleGlyph.appendChild(tag);
        CLSvgEditor.CreateAnimate(tag, glyph);
        if (glyph.useFill == false) {
            tag.setAttribute("fill", "none");
        } else {
            tag.setAttribute("fill", glyph.fill);
            if (glyph.img) {
                var box = tag.getBBox();
                var imgId = "img_" + CLMakeId();
                var pathId = imgId.replace("img_", "path_");
                eleGlyph.insertAdjacentHTML("beforeend", "<image style='pointer-events:none' xlink:href='"
                + glyph.img + "' preserveAspectRatio = 'none meet' x='" + box.x + "' y='" + box.y + "' width='" + box.width + "' height='" + box.height + "' />");
                var image = eleGlyph.lastChild;
                image.setAttribute("clip-path", "url(#" + imgId + ")");
                eleGlyph.insertAdjacentHTML("beforeend", "<clipPath id='" + imgId + "'></clipPath>");
                eleGlyph.lastChild.insertAdjacentHTML("afterbegin", "<use xlink:href='#" + pathId + "'></use>");
                tag.setAttribute("id", pathId);
            } else {
                if (CLColors.IsGradient(glyph.fill)) {
                    var imgId = "img_" + CLMakeId();
                    var html = CLSvgEditor.CreateGradient(glyph.fill, imgId);
                    eleGlyph.insertAdjacentHTML("afterbegin", html);
                    tag.setAttribute("fill", "url(#" + imgId + ")");
                }
            }
        }
        if (glyph.shadowL) {
            var fId = "shadow_" + CLMakeId();
            var box = tag.getBBox();
            var X = glyph.shadowX || 0;
            var Y = glyph.shadowY || 0;
            var L = glyph.shadowL || 0;
            var M = glyph.shadowM || "normal";
            if (glyph.tag == "text") {
                var fSize = (glyph.fSize && parseFloat(glyph.fSize)) || 14;
                X /= fSize;
                Y /= fSize;
                L /= fSize;
            }
            var x = 2 * (X - L) / box.width;
            var y = 2 * (Y - L) / box.height;
            var w = 4 * L / box.width + 1 + Math.max(x, 0);
            var h = 4 * L / box.height + 1 + Math.max(y, 0);
            x = Math.min(x, 0);
            y = Math.min(y, 0);
            var html = '<filter primitiveUnits="userSpaceOnUse" id="' + fId + '" x="' + x + '" y="' + y + '" width="' + w + '" height="' + h + '">';
            html += '<feOffset result="offOut" in="SourceGraphic" dx="' + X + '" dy="' + Y + '"></feOffset>';
            html += '<feGaussianBlur result="blurOut" in="offOut" stdDeviation="' + L + '" />';
            html += '<feBlend in="SourceGraphic" in2="blurOut" mode="' + M + '" /> ';
            html += '</filter>';
            eleGlyph.insertAdjacentHTML("afterbegin", html);
            tag.setAttribute("filter", "url(#" + fId + ")");
        } else {
            tag.removeAttribute("filter");
        }
        if (CLColors.IsGradient(glyph.stroke)) {
            var imgId = "img_" + CLMakeId();
            var html = CLSvgEditor.CreateGradient(glyph.stroke, imgId);
            eleGlyph.insertAdjacentHTML("afterbegin", html);
            tag.setAttribute("stroke", "url(#" + imgId + ")");
        } else {
            tag.setAttribute("stroke", glyph.stroke);
        }
        var box = eleGlyph.parentNode;
        if (box && box.onend) {
            box.onend(glyph.id);
        }
    }

    CLSvgEditor.RenderRect = fn.RenderRect = function (tag, glyph) {
        var rx = CalcLength(glyph.rx, glyph.w);
        var ry = CalcLength(glyph.ry, glyph.h);
        tag.setAttribute("d", toPathCmd(glyph.x, glyph.y, glyph.w, glyph.h, rx, ry));
    }

    CLSvgEditor.RenderCircle = fn.RenderCircle = function (tag, glyph) {
        tag.setAttribute("d", toPathCmd(glyph.cx - glyph.r, glyph.cy - glyph.r, 2 * glyph.r, 2 * glyph.r, glyph.r, glyph.r));
    }

    CLSvgEditor.RenderEllipse = fn.RenderEllipse = function (tag, glyph) {
        tag.setAttribute("d", toPathCmd(glyph.cx - glyph.rx, glyph.cy - glyph.ry, 2 * glyph.rx, 2 * glyph.ry, glyph.rx, glyph.ry));
    }

    CLSvgEditor.RenderText = fn.RenderText = function (tag, glyph) {
        var size = glyph.fSize;
        if (size && /[0-9]/.test(size[size.length - 1])) {
            size += "px";
        }
        tag.style.fontSize = size;
        if (glyph.fFamily) {
            tag.style.fontFamily = glyph.fFamily;
        }
        if (glyph.fBold) {
            tag.style.fontWeight = "900";
        }
        if (glyph.fItalic) {
            tag.style.fontStyle = "italic";
        }
        glyph.FontWidths = glyph.FontWidths || {};
        var tx = glyph.x;
        var ty = glyph.y;
        var pathId = null;
        var elePath;
        if (glyph.path) {
            var Glyphs = tag.parentNode.parentNode;
            var ele = Glyphs.querySelector("[_id='" + glyph.path + "']");
            elePath = ele && ele.firstChild;
            if (elePath && elePath.tagName == "path") {
                pathId = _mapId_(tag.parentNode, glyph.path);
                tx = 0;
                ty = 0;
            } else {
                return _onend_(tag, glyph.path, function () {
                    CLSvgEditor.RenderText(tag, glyph);
                });
            }
        }
        if (!glyph.hAlign || glyph.hAlign == 3) {
            tag.setAttribute("text-anchor", "start");
        } else if (glyph.hAlign == 2) {
            tag.setAttribute("text-anchor", "end");
        } else {
            tag.setAttribute("text-anchor", "middle");
        }
        tag.setAttributeNS("http://www.w3.org/XML/1998/namespace", "xml:space", "preserve")
        var text = glyph.text;
        if (typeof text != "string") {
            text += "";
        }
        text = text.replace(/\r/g, "");
        var lines = text.split("\n");
        var html = "";
        var width = glyph.maxWidth;
        if (pathId) {
            var len = elePath.getTotalLength();
            width = len - size / 2;
        }
        var space = glyph.fSpace;
        var spans = [];
        var nLines = {};
        var x = 0;
        var first = true;
        function ascii() {
            if (!ascii.v) {
                var v = "";
                for (var i = 32; i < 256 ; i++) {
                    v += String.fromCharCode(i);
                }
                ascii.v = v;
            }
            return ascii.v;
        }
        function fw(ch) {
            if (first) {
                tag.innerHTML = ascii();
            }
            ch = ch.charCodeAt(0);
            if (ch >= 0 && ch < 32) {
                return 0;
            } else if (ch >= 32 && ch < 256) {
                try {
                    if (!glyph.FontWidths[ch]) {
                        glyph.FontWidths[ch] = tag.getEndPositionOfChar(ch - 32).x - tag.getStartPositionOfChar(ch - 32).x;
                    }
                    return glyph.FontWidths[ch];
                } catch (e) {
                    return glyph.fSize;
                }
            } else {
                return glyph.fSize;
            }
        }

        for (var i = 0; i < lines.length ; i++) {
            var line = lines[i];
            if (!width && !space) {
                spans.push(line);
                nLines[spans.length - 1] = i;
            } else {
                var nLine = "";
                for (var j = 0; j < line.length ; j++) {
                    var ch = line[j];
                    var lx = 0;
                    lx = fw(ch);
                    if (x < width || width == 0) {
                        x += lx + space;
                        nLine += ch;
                    } else {
                        spans.push(nLine);
                        nLines[spans.length - 1] = i;
                        nLine = "";
                        x = lx + space;
                        nLine += ch;
                    }
                }
                if (x != 0 || line.length == 0) {
                    if (!nLine) {
                        nLine = "\n";
                    }
                    spans.push(nLine);
                    nLines[spans.length - 1] = i;
                    spans.x = x;
                    x = 0;
                }
            }
        };
        var dy = 0;
        if (glyph.vAlign == 2) {
            dy = -glyph.lHeight;
        } else {
            dy = glyph.lHeight;
        }
        var y = 0;
        if (glyph.vAlign == 1) {
            y = -(Math.min(glyph.maxLine, spans.length) - 1) * dy / 2;
        }
        var N = 0;
        spans.some(function (span, index) {
            if ((glyph.maxLine == 1 && spans.x > (width == 0 ? Number.MAX_VALUE : width) + size / 2) || (index == glyph.maxLine - 1 && index < spans.length - 1)) {
                var w = fw('.') * 3;
                var ci = 1;
                while (w > 0) {
                    w -= fw(span[span.length - ci]);
                    ci++;
                }
                span = span.substr(0, span.length - ci) + "...";
            }
            html += "<tspan xml:space='preserve' line='" + nLines[index] + "' x='" + tx + "' dx='0' " + (index == 0 ? (" dy = '" + y + "'") : ("dy='" + dy + "'")) + ">" + span + "</tspan>";
            N += span.length;
            return index == glyph.maxLine - 1;
        });
        if (pathId) {
            var off = "0";
            if (glyph.hAlign == 1) {
                off = "50%";
            }
            if (glyph.hAlign == 2) {
                off = "100%";
            }
            html = "<textPath startOffset='" + off + "' xlink:href='#" + elePath.id + "'>" + html + "</textPath>";
            tag.setAttribute("x", 0);
            tag.setAttribute("y", 0);
        } else {
            tag.setAttribute("x", tx);
            tag.setAttribute("y", ty);
        }
        tag.innerHTML = html;
        if (!glyph.vAlign) {
            tag.setAttribute("dominant-baseline", "text-before-edge");
        } else if (glyph.vAlign == 1) {
            tag.setAttribute("dominant-baseline", "middle");

        } else if (glyph.vAlign == 2) {
            tag.setAttribute("dominant-baseline", "text-after-edge");
        }
        
        if ((glyph.hAlign == 3 || space) && (Math.min(glyph.maxLine, spans.length) == 1 || pathId == null)) {
            var w = 0;
            var all = tag.childNodes;
            if (pathId) {
                w = elePath.getTotalLength();
            } else {
                all.forEach(function (tspan) {
                    var l = tspan.getComputedTextLength();
                    w = w < l ? l : w;
                });
            }
            if (width > 0) {
                all.forEach(function (tspan, index) {
                    if (index == spans.length - 1 && glyph.hAlign != 3) {
                        var text = spans[index];
                        var l = tspan.getComputedTextLength() + text.length * space;
                        tspan.setAttribute("textLength", Math.min(width, l));
                    } else {
                        tspan.setAttribute("textLength", Math.max(width, w));
                    }
                });
            }
        } else if (pathId) {
            tag.firstChild.setAttribute("startOffset", "0");
            tag.setAttribute("text-anchor", "start");
        }
        tag.style.letterSpacing = space + "px";
    }

    fn.RenderPoints = function (glyph) {
        var self = this;
        if (glyph.points) {
            var Surface = self.Surface;
            var eleGlyph = Surface.querySelector("[_id='" + glyph.id + "']");
            var points = glyph.points;
            var gPoints = eleGlyph["points"];
            if (!gPoints) {
                gPoints = eleGlyph["points"] = SvgElement("g");
                gPoints.classList.add("points");
                eleGlyph.insertAdjacentElement("afterEnd", gPoints);
            }
            gPoints.innerHTML = "";
            var mat = CLMatrix.Parse(glyph.matrix);
            O = new CLVec2(0, 0);
            O = mat.multiplyVector2(O);
            var s = mat.getScale();
            var r = mat.getRotate();
            mat.setIdentity();
            mat.rotate(r);
            mat.scale(s.x, s.y);
            mat.buffer[4] += O.x;
            mat.buffer[5] += O.y;
            for (var i = 0; i < points.length; i++) {
                var point = SvgElement("circle");
                var vec = mat.multiplyVector2(new CLVec2(points[i].x, points[i].y));
                point.setAttribute("cx", vec.x);
                point.setAttribute("cy", vec.y);
                point.setAttribute("r", glyph.pr ? glyph.pr : 8);
                point.setAttribute("stroke-width", glyph.pw ? glyph.pw : 1.5);
                point.setAttribute("fill", glyph.pf != false ? glyph.fill : "none");
                point.setAttribute("stroke", glyph.stroke);
                if (!glyph.pls) {
                    point.setAttribute("vector-effect", "non-scaling-stroke");
                } else {
                    point.removeAttribute("vector-effect");
                }
                point.data = points[i];
                gPoints.appendChild(point);
                point.onmousedown = function (e) {
                    if (e.button != 0) {
                        return;
                    }
                    var remove = false;
                    var point = this;
                    function move(e) {
                        var info = self.CalcPoint(eleGlyph, new CLVec2(e.clientX, e.clientY));
                        if (info.len < 50 || e.srcElement == eleGlyph[glyph.tag]) {
                            var vec = mat.multiplyVector2(new CLVec2(info.x, info.y));
                            point.setAttribute("cx", vec.x);
                            point.setAttribute("cy", vec.y);
                            point.data.x = info.x;
                            point.data.y = info.y;
                            point.data.at = info.at;
                            point.data.v = info.v;
                            remove = false;
                        } else {
                            var vec = new CLVec2(e.clientX, e.clientY);
                            self.ToOffset(vec);
                            point.setAttribute("cx", vec.x);
                            point.setAttribute("cy", vec.y);
                            remove = true;
                        }
                    };
                    function up(e) {
                        if (remove) {
                            points.splice(points.indexOf(point.data), 1);
                            point.remove();
                        }
                        e.stopPropagation();
                        window.removeEventListener("mousemove", move, true);
                        window.removeEventListener("mouseup", up, true);
                    }
                    window.addEventListener("mousemove", move, true);
                    window.addEventListener("mouseup", up, true);
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
            gPoints.SetMatrix = function (matrix) {
                mat = CLMatrix.Parse(glyph.matrix);
                O = new CLVec2(0, 0);
                O = mat.multiplyVector2(O);
                var s = mat.getScale();
                var r = mat.getRotate();
                mat.setIdentity();
                mat.rotate(r);
                mat.scale(s.x, s.y);
                mat.buffer[4] += O.x;
                mat.buffer[5] += O.y;
                gPoints.childNodes.forEach(function (point) {
                    var data = point.data;
                    var vec = mat.multiplyVector2(new CLVec2(data.x, data.y));
                    point.setAttribute("cx", vec.x);
                    point.setAttribute("cy", vec.y);
                });
            }
        }
    }

    fn.RenderPathPoints = function (glyph) {
        var self = this;
        if (!glyph) {
            var Surface = self.Surface;
            var all = Surface.querySelector(".Glyphs").querySelectorAll(".pPoints");
            all.forEach(function (g) {
                g.remove();
                g.eleGlyph.pPoints = null;
            });
            return;
        }
        var selected = null;
        if (glyph.tag == "path") {
            var Surface = self.Surface;
            var eleGlyph = Surface.querySelector("[_id='" + glyph.id + "']");
            var points = glyph.points;
            var pPoints = eleGlyph["pPoints"];
            if (!pPoints) {
                pPoints = eleGlyph["pPoints"] = SvgElement("g");
                pPoints.classList.add("pPoints");
                eleGlyph.insertAdjacentElement("afterEnd", pPoints);
                pPoints.eleGlyph = eleGlyph;
            } else {
                selected = pPoints.querySelector(".Selected");
                selected = selected ? selected.getAttribute("_id") : null;
                eleGlyph.insertAdjacentElement("afterEnd", pPoints);
            }
            pPoints.innerHTML = "";
            var d = glyph.d;
            if (typeof d == "string") {
                d = PathCmd(glyph.d);
            }
            var mat = CLMatrix.Parse(glyph.matrix);
            var O = new CLVec2(0, 0);
            O = mat.multiplyVector2(O);
            var s = mat.getScale();
            var r = mat.getRotate();
            mat.setIdentity();
            mat.rotate(r);
            mat.scale(s.x, s.y);

            var cIndex = null;
            var lastPoint = null;
            var pIndex = 0;
            d.Each(function (point, index) {
                var cmd = d[index];
                point = CLClone(point);
                point.index = pIndex;
                point.name = cmd.name;
                if (cmd.name == "Z") {
                    pIndex++;
                    return;
                }
                if (cmd.name == "C") {
                    if (cIndex == null) {
                        cIndex = 1;
                    } else {
                        cIndex++;
                    }
                    point.cIndex = cIndex;
                    if (cIndex == 1 || cIndex == 3) {
                        showLine(lastPoint, point);
                        point.prev = lastPoint;
                        lastPoint.next = point;
                    }
                    if (cIndex == 1 || cIndex == 2) {
                        showPoint(point, false);
                    } else {
                        showPoint(point, true);
                    }
                    if (cIndex == 3) {
                        cIndex = null;
                    }
                } else if (cmd.name == "Q") {
                    if (cIndex == null) {
                        cIndex = 1;
                        showPoint(point, false);
                        showLine(lastPoint, point);
                        point.prev = lastPoint;
                        lastPoint.next = point;
                    } else {
                        cIndex = null;
                        showPoint(point, true);
                        showLine(lastPoint, point);
                        point.prev = lastPoint;
                        lastPoint.next = point;
                    }
                } else if (cmd.name == "S") {
                    if (cIndex == null) {
                        cIndex = 1;
                    } else {
                        cIndex++;
                    }
                    if (cIndex == 2) {
                        showLine(lastPoint, point);
                        point.prev = lastPoint;
                        lastPoint.next = point;
                        showPoint(point, true);
                    } else {
                        showPoint(point, false);
                    }
                    if (cIndex == 2) {
                        cIndex = null;
                    }
                } else if (point.x != null && point.y != null) {
                    cIndex = null;
                    showPoint(point, true);
                }
                pIndex++;
                lastPoint = point;
            });

            function showLine(p1, p2) {
                if (!p1 || !p2) {
                    return;
                }
                var id = p1.index + "_" + p2.index;
                var ele = pPoints.querySelector("[_id = '" + id + "']");
                if (ele) {
                    ele.remove();
                }
                var line = SvgElement("line");
                line.p1 = p1;
                line.p2 = p2;
                var v1 = mat.multiplyVector2(new CLVec2(p1.x, p1.y));
                v1.x += O.x;
                v1.y += O.y;
                var v2 = mat.multiplyVector2(new CLVec2(p2.x, p2.y));
                v2.x += O.x;
                v2.y += O.y;
                pPoints.insertAdjacentElement("afterBegin", line);
                line.setAttribute("x1", v1.x);
                line.setAttribute("y1", v1.y);
                line.setAttribute("x2", v2.x);
                line.setAttribute("y2", v2.y);
                line.setAttribute("stroke-dasharray", "3 3");
                line.setAttribute("stroke", "#0db3a6");
                line.setAttribute("_id", id);
                line.style.opacity = 0.8;
                line.setAttribute("vector-effect", "non-scaling-stroke");
                return line;
            }

            function showPoint(point, fill) {
                var ele = pPoints.querySelector("[_id = '" + point.index + "']");
                if (ele) {
                    ele.remove();
                }
                var tTag = SvgElement("g");
                tTag.point = point;
                pPoints.appendChild(tTag);
                var tag = SvgElement("circle");
                var vec = mat.multiplyVector2(new CLVec2(point.x, point.y));
                vec.x += O.x;
                vec.y += O.y;
                tTag.setAttribute("transform", "translate(" + vec.x + ", " + vec.y + ")")
                tag.setAttribute("cx", 0);
                tag.setAttribute("cy", 0);
                tag.setAttribute("r", 6);
                tag.setAttribute("stroke", "#0db3a6");
                if (fill) {
                    tag.setAttribute("fill", "#0db3a6");
                    tag.setAttribute("stroke-width", "1.5");
                    tag.style.opacity = 0.5;
                } else {
                    tag.setAttribute("fill", "#fff");
                }
                tag.setAttribute("vector-effect", "non-scaling-stroke");
                tTag.appendChild(tag);
                tag.setAttribute("_id", point.index);
                tag.onmousedown = function (e) {
                    if (e.button != 0) {
                        return;
                    }
                    var tag = this;
                    var old = pPoints.querySelector(".Selected");
                    if (old) {
                        old.classList.remove("Selected");
                    }
                    var O = new CLVec2(e.clientX, e.clientY);
                    tag.classList.add("Selected");
                    function changed(p) {
                        tag.translate(p.x - point.x, p.y - point.y, false);
                        //self.SwitchOut(glyph);
                    }
                    self.PointProp(point, changed);
                    function move(e) {
                        tag.translate((e.clientX - O.x) / self.Zoom(), (e.clientY - O.y) / self.Zoom());
                        self.PointProp(point, changed);
                        O = new CLVec2(e.clientX, e.clientY);
                    };
                    function up(e) {

                        e.stopPropagation();
                        window.removeEventListener("mousemove", move, true);
                        window.removeEventListener("mouseup", up, true);
                    }
                    
                    if (e.ctrlKey && point.index == pIndex - 1 && point.name != "Z") {
                        self.ToolBar.querySelector("[name='路径']").onmousedown(e);
                        self.SelectGlyph(eleGlyph);
                        self.current = self.current;
                        var d = self.current.d;
                        if (typeof d == "string") {
                            self.current.d = PathCmd(d);
                        }
                        self.SelectGlyph();
                        self.switchPathCmd("L");
                    } else {
                        window.addEventListener("mousemove", move, true);
                        window.addEventListener("mouseup", up, true);
                    }
                    e.preventDefault();
                    e.stopPropagation();
                }
                tag.translate = function (dx, dy, useTran) {
                    if (point.name == "H") {
                        dy = 0;
                    }
                    if (point.name == "V") {
                        dx = 0;
                    }
                    if (dx == 0 && dy == 0) {
                        return;
                    }
                    var tVec;
                    useTran = useTran != false;
                    if (useTran) {
                        var mat = CLMatrix.Parse(glyph.matrix);
                        mat.invert();
                        var oV = mat.multiplyVector2(new CLVec2(0, 0));
                        var dV = mat.multiplyVector2(new CLVec2(dx, dy));
                        tVec = new CLVec2(dV.x - oV.x, dV.y - oV.y);
                    } else {
                        tVec = new CLVec2(dx, dy);
                    }
                    var cur = new CLVec2(point.x, point.y);
                    cur.x += tVec.x;
                    cur.y += tVec.y;
                    var vMat = CLMatrix.Parse(getComputedStyle(tTag).transform);
                    vec.x = vMat.buffer[4] + dx;
                    vec.y = vMat.buffer[5] + dy;
                    tTag.setAttribute("transform", "translate(" + vec.x + ", " + vec.y + ")")

                    var index = 0;
                    var prev = point.prev;
                    var next = point.next;
                    d.Each(function (ele, N) {
                        var name = d[N].name;
                        if (name == "C") {
                            if (fill) {
                                if (prev && prev.index == index) {
                                    prev.x = ele.x = prev.x + tVec.x;
                                    prev.y = ele.y = prev.y + tVec.y;
                                    showPoint(prev);
                                }
                                if (next && next.index == index) {
                                    next.x = ele.x = next.x + tVec.x;
                                    next.y = ele.y = next.y + tVec.y;
                                    showPoint(next);
                                }
                            } else {
                                if (prev && prev.prev) {
                                    if (index == prev.prev.index) {
                                        ele.x = prev.prev.x = (prev.x - cur.x) + prev.x;
                                        ele.y = prev.prev.y = (prev.y - cur.y) + prev.y;
                                        showPoint(prev.prev);
                                        showLine(prev.prev, prev);
                                    }
                                } else if (next && next.next) {
                                    if (index == next.next.index) {
                                        ele.x = next.next.x = (next.x - cur.x) + next.x;
                                        ele.y = next.next.y = (next.y - cur.y) + next.y;
                                        showPoint(next.next);
                                        showLine(next, next.next);
                                    }
                                }
                            }
                        } 
                        if (index == point.index) {
                            var ttag = pPoints.querySelector("[_id = '" + (index + 1) + "']");
                            ttag = ttag ? ttag.parentNode : null;
                            if (ttag) {
                                if (ttag.point.name == "H") {
                                    ttag.point.y = cur.y;
                                    showPoint(ttag.point, true);
                                } else if (ttag.point.name == "V") {
                                    ttag.point.x = cur.x;
                                    showPoint(ttag.point, true);
                                }
                            }
                            point.x = ele.x = cur.x;
                            point.y = ele.y = cur.y;
                        }
                        index++;
                    });
                    glyph.d = d.toString();
                    eleGlyph[glyph.tag].setAttribute("d", d);
                    if (prev) {
                        showLine(prev, point);
                    }
                    if (next) {
                        showLine(point, next);
                    }
                    self.UpdatePoint(eleGlyph);
                }
            }

            if (selected) {
                selected = pPoints.querySelector("[_id='" + selected + "']");
                if (selected) {
                    selected.classList.add("Selected");
                }
            }
            pPoints.SetMatrix = function (matrix) {
                mat = CLMatrix.Parse(matrix);
                O = new CLVec2(0, 0);
                O = mat.multiplyVector2(O);
                s = mat.getScale();
                r = mat.getRotate();
                mat.setIdentity();
                mat.rotate(r);
                mat.scale(s.x, s.y);
                pPoints.childNodes.forEach(function (ele) {
                    if (ele.tagName == "line") {
                        var p1 = ele.p1;
                        var p2 = ele.p2;
                        var v1 = mat.multiplyVector2(new CLVec2(p1.x, p1.y));
                        v1.x += O.x;
                        v1.y += O.y;
                        var v2 = mat.multiplyVector2(new CLVec2(p2.x, p2.y));
                        v2.x += O.x;
                        v2.y += O.y;
                        ele.setAttribute("x1", v1.x);
                        ele.setAttribute("y1", v1.y);
                        ele.setAttribute("x2", v2.x);
                        ele.setAttribute("y2", v2.y);
                    } else {
                        var point = ele.point;
                        var vec = mat.multiplyVector2(new CLVec2(point.x, point.y));
                        vec.x += O.x;
                        vec.y += O.y;
                        ele.setAttribute("transform", "translate(" + vec.x + "," + vec.y + ")");
                    }
                });
            }
        }
    }

    fn.UpdatePoint = function (ele, render) {
        var self = this;
        var glyph = ele.glyph;
        if (glyph.points) {
            glyph.points.forEach(function (point) {
                var tag = ele.firstChild;
                var pp = tag.ComputePoints();
                var p = pp.GetPointAtLength(pp.TotalLength() * point.at);
                point.x = p.x;
                point.y = p.y;
            });
        }
        if (render !== false) {
            self.RenderPoints(glyph);
        }
    }

    fn.ClearGlyph = function (id) {
        var self = this;
        var Surface = self.Surface;
        var tag = Surface.querySelector("[_id='" + id + "']");
        if (tag) {
            if (tag["points"]) {
                tag["points"].remove();
            }
            if (tag["pPoints"]) {
                tag["pPoints"].remove();
            }
            tag.remove();
        }
        var Selects = Surface.querySelector(".Selects");
        tag = Surface.querySelector("[_id='" + id + "']");
        if (tag) {
            tag.remove();
        }
    }

    fn.DeleteGlyph = function (id) {
        var self = this;
        var index = -1;
        var using = [];
        self.Glyphs.forEach(function (ele, i) {
            if (id == ele.id) {
                index = i;
            }
            if (ele.path == id) {
                using.push(ele);
            }
        });
        if (index >= 0) {
            self.Glyphs.splice(index, 1);
        }
        self.ClearGlyph(id);
        using.forEach(function (ele) {
            delete ele.path;
            self.RenderGlyph(ele);
        });
    }

    fn.SelectGlyph = function (ele, clear) {
        var self = this;
        self.RenderPathPoints();
        var Surface = self.Surface;
        var Selects = Surface.querySelector(".Selects");
        var gGlyphs = Surface.querySelector(".Glyphs");
        if (typeof ele == "string") {
            ele = gGlyphs.querySelector("[_id='" + ele + "']");
        }
        if (gGlyphs.contains(ele)) {
            var g = Selects.querySelector("[_id='" + ele.glyph.id + "']");
            if (g) {
                g.SetMatrix(ele.glyph.matrix);
                self.Surface.pauseAnimations();
                return;
            }
        }
        if (clear !== false) {
            Selects.innerHTML = "";
        }
        if (!gGlyphs.contains(ele)) {
            self.Surface.unpauseAnimations();
            self.GlyphProp(null);
            return;
        }
        self.Surface.pauseAnimations();
        var all = gGlyphs.querySelectorAll("[_id]");
        if (all[all.length - 1] != ele && !ele.classList.contains("Locked")) {
            gGlyphs.appendChild(ele);
            if (ele.points) {
                ele.insertAdjacentElement('afterend', ele.points);
            }
            if (ele.pPoints) {
                ele.insertAdjacentElement('afterend', ele.pPoints);
            }
            var Glyphs = self.Glyphs;
            Glyphs.splice(Glyphs.indexOf(ele.glyph), 1);
            Glyphs.push(ele.glyph);
            self.Surface.setCurrentTime(self.Surface.getCurrentTime());
        }
        var _id = ele.getAttribute("_id");
        var bbRect = ele.getBBox();
        function CreateSelection(bbRect) {
            var g = Selects.querySelector("[_id='" + _id + "']");
            if (!g) {
                g = SvgElement("g");
                g.setAttribute("_id", _id);
                Selects.appendChild(g);
            } else {
                g.innerHTML = "";
            }
            var transform = ele.getAttribute("transform");
            if (transform) {
                g.setAttribute("transform", transform);
            }
            var rect = SvgElement("rect");
            g.appendChild(rect);
            bbRect.x -= 5;
            bbRect.y -= 5;
            bbRect.width += 10;
            bbRect.height += 10;
            rect.setAttribute("x", bbRect.x);
            rect.setAttribute("y", bbRect.y);
            rect.setAttribute("width", bbRect.width);
            rect.setAttribute("height", bbRect.height);
            rect.setAttribute("fill-opacity", 0);
            rect.setAttribute("stroke-width", 1.5);
            rect.setAttribute("stroke", "rgba(13, 179, 166,0.8)");
            rect.setAttribute("vector-effect", "non-scaling-stroke");
            rect.style.pointerEvents = "all";
            rect.ondblclick = function () {
                self.SelectGlyph();
                self.RenderPathPoints(ele.glyph);
            }
            var points = [
                { x: bbRect.x, y: bbRect.y }, { x: bbRect.x + bbRect.width, y: bbRect.y }, { x: bbRect.x + bbRect.width, y: bbRect.y + bbRect.height }, { x: bbRect.x, y: bbRect.y + bbRect.height }
            ];
            var a = -45;
            points.forEach(function (point, index) {
                var p = SvgElement("g");
                p.point = point;
                var mat = new CLMatrix();
                mat.translate(point.x, point.y);
                mat.rotate(a);
                p.a = a;
                a += 90;
                p.setAttribute("transform", mat.toString());
                g.appendChild(p);
                var rot = SvgElement("path");
                p.appendChild(rot);
                var d = "M " + (-12) + " " + 0 + "A" + self.CalcArc([-12, 0, 12, 0, 0, -12]) + "L 6 0";
                d += "A" + self.CalcArc([6, 0, -6, 0, 0, -6]);
                rot.setAttribute("d", d);
                rot.classList.add("rotate");
                rot.setAttribute("fill", "rgba(13, 179, 166,0.5)");
                rot.onmousedown = function (e) {
                    var oVec = new CLVec2(point.x, point.y);
                    var mat = CLMatrix.Parse(ele.glyph.matrix);
                    oVec = mat.multiplyVector2(oVec);
                    self.ToClient(oVec);
                    var oV = mat.multiplyVector2(new CLVec2(oPoint.x, oPoint.y));
                    self.ToClient(oV);
                    oVec.x -= oV.x;
                    oVec.y -= oV.y;
                    oVec.normalize();
                    var oa = 0;
                    Surface.classList.add("Rotating");
                    function move(e) {
                        var cVec = new CLVec2(e.clientX, e.clientY);
                        cVec.x -= oV.x;
                        cVec.y -= oV.y;
                        var a = CLMatrix.deg(oVec, cVec);
                        self.RotateGlyph(ele, a - oa);
                        oa = a;
                        self.ShowMatrix();
                        e.stopPropagation();
                    }
                    function up(e) {
                        Surface.classList.remove("Rotating");
                        window.removeEventListener("mousemove", move, true);
                        window.removeEventListener("mouseup", up, true);
                        e.stopPropagation();
                    }
                    window.addEventListener("mousemove", move, true);
                    window.addEventListener("mouseup", up, true);
                    e.stopPropagation();
                    e.preventDefault();
                }
            });
            var oPoint = new CLVec2(bbRect.x + bbRect.width / 2, bbRect.y + bbRect.height / 2 );
            points = [
                { x: bbRect.x, y: bbRect.y }, { x: oPoint.x, y: bbRect.y }, { x: bbRect.x + bbRect.width, y: bbRect.y },
                { x: bbRect.x, y: oPoint.y }, { x: bbRect.x + bbRect.width, y: oPoint.y },
                { x: bbRect.x, y: bbRect.y + bbRect.height }, { x: oPoint.x, y: bbRect.y + bbRect.height }, { x: bbRect.x + bbRect.width, y: bbRect.y + bbRect.height }
            ];
            points.forEach(function (point, index) {
                var p = SvgElement("g");
                p.point = point;
                p.setAttribute("transform", "translate(" + point.x + "," + point.y + ")");
                g.appendChild(p);
                var rect = SvgElement("rect");
                p.appendChild(rect);
                rect.setAttribute("x", -4);
                rect.setAttribute("y", -4);
                rect.setAttribute("width", 8);
                rect.setAttribute("height", 8);
                rect.setAttribute("stroke-width", 0);
                rect.setAttribute("fill", "rgba(13, 179, 166,0.8)");
                rect.classList.add("resize");
                var Canvas = self.Canvas;
                var cur = Canvas.querySelector(".Cursor");
                rect.onmousemove = function (e) {
                    var mat = CLMatrix.Parse(ele.getAttribute("transform"));
                    var Vec = new CLVec2(point.x, point.y);
                    Vec = mat.multiplyVector2(Vec);
                    self.ToClient(Vec);
                    var oV = mat.multiplyVector2(new CLVec2(oPoint.x, oPoint.y));
                    self.ToClient(oV);
                    Vec.x -= oV.x;
                    Vec.y -= oV.y;
                    var a = CLMatrix.deg(new CLVec2(1, 0), Vec);
                    var rect = Canvas.getBoundingClientRect();
                    cur.style.left = e.clientX - rect.left + "px";
                    cur.style.top = e.clientY - rect.top + "px";
                    cur.style.display = "block";
                    cur.style.transform = "translate(-50%,-50%) rotate(" + a + "deg)";
                }
                rect.onmouseleave = function () {
                    cur.style.display = "none";
                }
                rect.onmousedown = function (e) {
                    var oVec = new CLVec2(point.x - oPoint.x, point.y - oPoint.y);
                    var oMat = CLMatrix.Parse(ele.getAttribute("transform"));
                    var inMat = new CLMatrix();
                    inMat.setInverseOf(oMat);
                    var ooVec = points[points.length - 1 - index];
                    ooVec = new CLVec2(ooVec.x, ooVec.y);
                    ooVec = oMat.multiplyVector2(ooVec);
                    Surface.classList.add("Resizing");
                    function move(e) {
                        var cVec = new CLVec2(e.clientX, e.clientY);
                        self.ToOffset(cVec);
                        cVec = inMat.multiplyVector2(cVec);
                        cVec.x -= oPoint.x;
                        cVec.y -= oPoint.y;

                        var x = 1, y = 1;
                        if (oVec.x != 0) {
                            x += (cVec.x - oVec.x) / oVec.x / 2;
                        }
                        if (oVec.y != 0) {
                            y += (cVec.y - oVec.y) / oVec.y / 2;
                        }
                        var mat = new CLMatrix();
                        mat.set(oMat);
                        mat.scale(x, y);

                        //
                        var nVec = points[points.length - 1 - index];
                        nVec = new CLVec2(nVec.x, nVec.y);
                        nVec = mat.multiplyVector2(nVec);
                        mat.buffer[4] += ooVec.x - nVec.x;
                        mat.buffer[5] += ooVec.y - nVec.y;

                        self.SetGlyphMatrix(ele.glyph,mat);
                        CalcMat();
                        rect.onmousemove(e);
                        self.ShowMatrix();
                        e.stopPropagation();
                    }
                    function up(e) {
                        window.removeEventListener("mousemove", move, true);
                        window.removeEventListener("mouseup", up, true);
                        rect.onmouseleave();
                        e.stopPropagation();
                        Surface.classList.remove("Resizing");
                    }
                    window.addEventListener("mousemove", move, true);
                    window.addEventListener("mouseup", up, true);
                    e.stopPropagation();
                }
            });
            function CalcMat() {
                var all = g.querySelectorAll("g");
                all.forEach(function (g) {
                    var transform = getComputedStyle(g).transform;
                    var mat = CLMatrix.Parse(transform);
                    var r = mat.getRotate();
                    mat.setIdentity();
                    var p = g.point;
                    mat.translate(p.x, p.y);
                    var s = CLMatrix.Parse(ele.getAttribute("transform")).getScale();
                    if (Math.abs(s.x) < 1e-6) {
                        s.x = 1e-6;
                    }
                    if (Math.abs(s.y) < 1e-6) {
                        s.y = 1e-6;
                    }
                    mat.scale(Math.abs(1 / s.x), Math.abs(1 / s.y));
                    if (g.a) {
                        mat.rotate(g.a);
                    }
                    if (mat.buffer[0] != 0 && mat.buffer[0] != 0) {
                        g.setAttribute("transform", mat);
                    }
                });
            }
            CalcMat();
            g.SetMatrix = function (matrix) {
                this.setAttribute("transform", matrix);
                CalcMat();
            }
            return g;
        }
        CreateSelection(bbRect);
        self.GlyphProp(ele.glyph);
        Surface.focus();
        self.fillColor = ele.glyph.fill;
        self.strokeColor = ele.glyph.stroke;
        return ele;
    }

    fn.DeleteSelected = function () {
        var self = this;
        var Surface = self.Surface;
        var Selects = Surface.querySelector(".Selects");
        Selects.childNodes.forEach(function (g) {
            self.DeleteGlyph(g.getAttribute("_id"));
        });
    }

    fn.TranslateSelected = function (dx, dy) {
        var self = this;
        var Surface = self.Surface;
        var Selects = Surface.querySelector(".Selects");
        var Glyphs = Surface.querySelector(".Glyphs");
        if (Selects.childNodes.length > 0) {
            Selects.childNodes.forEach(function (g) {
                var ele = Glyphs.querySelector("[_id='" + g.getAttribute("_id") + "']");
                self.TranslateGlyph(ele, dx, dy);
            });
        } else {
           var ele = Glyphs.querySelector(".Selected");
           if (ele) {
               ele.translate(dx, dy);
           }
        }
    }

    fn.TranslateGlyph = function (ele, dx, dy) {
        var self = this;
        var Surface = self.Surface;
        var Glyphs = Surface.querySelector(".Glyphs");
        if (!Glyphs.contains(ele)) {
            return;
        }
        var mat = CLMatrix.Parse(ele.glyph.matrix);
        var buf = mat.buffer;
        buf[4] += dx;
        buf[5] += dy;
        self.SetGlyphMatrix(ele.glyph, mat);
    }

    fn.RotateGlyph = function (ele, deg) {
        var self = this;
        var Surface = self.Surface;
        var Glyphs = Surface.querySelector(".Glyphs");
        var Selects = Surface.querySelector(".Selects");
        if (!Glyphs.contains(ele)) {
            return;
        }
        var bbBox = ele.getBBox();
        var O = new CLVec2(bbBox.x + bbBox.width / 2,bbBox.y + bbBox.height / 2);
        var mat = CLMatrix.Parse(ele.glyph.matrix);
        mat.doAt(deg, 1, 1, O);
        self.SetGlyphMatrix(ele.glyph, mat);
    }

    fn.ScaleGlyph = function (ele, x, y) {
        var self = this;
        var Surface = self.Surface;
        var Glyphs = Surface.querySelector(".Glyphs");
        var Selects = Surface.querySelector(".Selects");
        if (!Glyphs.contains(ele)) {
            return;
        }
        var bbBox = ele.getBBox();
        var O = new CLVec2(bbBox.x + bbBox.width / 2, bbBox.y + bbBox.height / 2);
        var mat = CLMatrix.Parse(ele.glyph.matrix);
        mat.doAt(0, x, y, O);
        self.SetGlyphMatrix(ele.glyph, mat);
    }

    fn.SetGlyphMatrix = function (glyph, matrix, filter) {
        var self = this;
        var Surface = self.Surface;
        glyph.matrix = matrix.toString();
        var eleGlyph = Surface.querySelector(".Glyphs>[_id='" + glyph.id + "']");
        eleGlyph.setAttribute("transform", glyph.matrix);
        var g = Surface.querySelector(".Selects>[_id='" + glyph.id + "']"); 
        if (g) {
            g.SetMatrix(glyph.matrix);
            self.ShowMatrix();
        }
        if (eleGlyph.pPoints) {
            eleGlyph.pPoints.SetMatrix(glyph.matrix);
        }
        if (eleGlyph.points) {
            eleGlyph.points.SetMatrix(glyph.matrix);
        }
        {
            var Glyphs = self.Glyphs;
            filter = !filter ? [] : filter;
            filter.push(glyph.id);
            Glyphs.forEach(function (ele) {
                if (!filter.includes(ele.id)) {
                    if (ele.path == glyph.id || ele.id == glyph.path) {
                        self.SetGlyphMatrix(ele, matrix, filter);
                    }
                    ele.animates && ele.animates.forEach(function (data) {
                        if (data.id == "move" && data.path == glyph.id) {
                            self.SetGlyphMatrix(ele, matrix, filter);
                        }
                    });
                    glyph.animates && glyph.animates.forEach(function (data) {
                        if (data.id == "move" && data.path == ele.id) {
                            self.SetGlyphMatrix(ele, matrix, filter);
                        }
                    });
                }
            });
            filter.pop();
        }
    }

    fn.GetGlyphById = function (id) {
        var self = this;
        var Glyphs = self.Glyphs;
        var glyph = null;
        Glyphs.forEach(function (ele) {
            if (ele.id == id) {
                glyph = ele;
            }
        });
        return glyph;
    }

    fn.GetSelected = function () {
        var self = this;
        var R = [];
        var Selects = self.Surface.querySelector(".Selects");
        Selects.childNodes.forEach(function (g) {
            var _id = g.getAttribute("_id");
            var ele = self.Surface.querySelector(".Glyphs>[_id='" + _id + "']");
            if (ele) {
                R.push(ele);
            }
        });
        return R;
    }

    function GlyphElement(ele) {
        while (ele && !ele.glyph) {
            ele = ele.parentNode;
        }
        return ele;
    }

    fn.CenterGlyphs = function (full) {
        var self = this;
        var viewBox = self.viewBox();
        var dx = viewBox[0] + viewBox[2] / 2;
        var dy = viewBox[1] + viewBox[3] / 2;
        viewBox[0] -= dx;
        viewBox[1] -= dy;
        self.viewBox(viewBox);
        var Glyphs = self.Surface.querySelector(".Glyphs");
        var box = Glyphs.getBBox();
        var x = box.x + box.width / 2;
        var y = box.y + box.height / 2;
        var all = Glyphs.querySelectorAll(".Glyph");
        all.forEach(function (ele) {
            var matrix = CLMatrix.Parse(ele.glyph.matrix);
            matrix.buffer[4] -= x;
            matrix.buffer[5] -= y;
            ele.glyph.matrix = matrix.toString();
        });
        all.forEach(function (ele) {
            self.SetGlyphMatrix(ele.glyph, ele.glyph.matrix);
        });
    }

    fn.ShowMatrix = function () {
        var self = this;
        var Surface = self.Surface;
        var glyph;
        var Glyphs = Surface.querySelector(".Glyphs");
        var eleGlyph = self.GetSelected();
        eleGlyph = eleGlyph[eleGlyph.length - 1];
        var glyph = eleGlyph && eleGlyph.glyph;
        var mInfo = self.MatrixInfo;
        var list = [
            {
                name:"T",
                keys: ["x", "y"],
                text: "位置"
            }
        ];
        if (eleGlyph) {
            list.push({
                name: "R",
                keys: null,
                text: "角度(A)"
            });
            list.push({
                name: "S",
                keys: ["x", "y"],
                text: "缩放"
            });
        } else {
            list.push({
                name: "S",
                keys: null,
                text: "缩放"
            });
        }
        mInfo.innerHTML = "";
        var mat = CLMatrix.Parse(glyph && glyph.matrix);
        var info = {};
        if (glyph) {
            mat = CLMatrix.Parse(glyph.matrix);
            info.T = mat.getTranslate();
            info.R = mat.getRotate();
            info.S = mat.getScale();
        } else {
            mat = new CLMatrix();
            var viewBox = self.viewBox();
            info.T = { x: viewBox[0] + viewBox[2] / 2, y: viewBox[1] + viewBox[3] / 2 };
            info.S = self.Zoom();
        }
        self.OnMatrixChange(mat, glyph);
        list.forEach(function (data) {
            var name = data.name;
            var keys = data.keys;
            var text = data.text;
            var Info = document.createElement("div");
            Info.classList.add(name);
            Info.style.cssText = "display:inline-block";
            mInfo.appendChild(Info);
            var cur = info[name];
            function create(key) {
                var span = document.createElement("span");
                if (key) {
                    span.innerHTML = text + "(" + key.toLocaleUpperCase() + "):";
                } else {
                    span.innerHTML = text + ":";
                }
                span.style.padding = "0 10px";
                Info.appendChild(span);
                var input = document.createElement("input");
                input.style.width = "70px";
                input.style.height = "20px";
                input.style.padding = "0 3px";
                Info.appendChild(input);
                if (cur != null) {
                    if (key) {
                        input.value = parseFloat(cur[key].toFixed(3));
                    } else {
                        input.value = parseFloat(cur.toFixed(3));
                    }
                }
                input.oninput = function () {
                    CLCheckFloat(this, 3);
                }
                input.oninput();
                input.onchange = function () {
                    if (key && glyph) {
                        var data = { x: cur.x, y: cur.y };
                        cur[key] = input.value * 1;
                        if (name == "T") {
                            self.TranslateGlyph(eleGlyph, cur.x - data.x, cur.y - data.y);
                        } else {
                            self.ScaleGlyph(eleGlyph, cur.x / data.x, cur.y / data.y);
                        }
                    } else if (glyph) {
                        self.RotateGlyph(eleGlyph, input.value * 1 - info.R);
                        info.R = input.value * 1;
                    } else if (key) {
                        var data = { x: cur.x, y: cur.y };
                        cur[key] = input.value * 1;
                        var viewBox = self.viewBox();
                        viewBox[0] = viewBox[0] + cur.x - data.x;
                        viewBox[1] = viewBox[1] + cur.y - data.y;
                        self.viewBox(viewBox);
                    } else {
                        info.S = input.value * 1;
                        self.Zoom(info.S);
                    }
                }
                CLScrollNumber(input, function (input) {
                    self.ShowMatrix = function () {
                    }
                    input.oninput();
                    input.onchange();
                    if (glyph) {
                        self.OnMatrixChange(glyph.matrix, glyph);
                    }
                    self.ShowMatrix = CLSvgEditor.prototype.ShowMatrix;
                });
            }
            if (keys) {
                keys.forEach(function (key) {
                    create(key);
                });
            } else {
                create();
            }
        });
        
        var lock = document.createElement("span");
        lock.className = "Icon Lock";
        mInfo.appendChild(lock);
        var locked = (eleGlyph || Surface).classList.contains("Locked");
        if (locked) {
            lock.classList.add("Locked");
            lock.title = "解锁";
        } else {
            lock.title = "锁定";
        }
        lock.onclick = function () {
            if (lock.classList.contains("Locked")) {
                lock.classList.remove("Locked");
                (eleGlyph || Surface).classList.remove("Locked");
                lock.title = "锁定";
                if (eleGlyph) {
                    delete eleGlyph.glyph.locked;
                }
            } else {
                lock.classList.add("Locked");
                (eleGlyph || Surface).classList.add("Locked");
                lock.title = "解锁";
                if (eleGlyph) {
                    eleGlyph.glyph.locked = true;
                }
            }
        }
        lock.onmousedown = function (e) {
            e.preventDefault();
        }

        var down = document.createElement("span");
        down.className = "Icon Down";
        mInfo.appendChild(down);
        down.onclick = function () {
            self.GlyphMenu(this, function (ele) {
                self.SelectGlyph(ele);
            });
        }
        var download = document.createElement("span");
        download.className = "Icon Download";
        mInfo.appendChild(download);
        download.onmousedown = function () {
            var svg = '<svg xmlns="' + xmlns + '" xmlns:xlink="' + xlink + '" viewBox="' + self.viewBox() + '">';
            svg += Glyphs.innerHTML;
            svg += "</svg>";
            CLSaveAsLocal(CLMakeId() + ".svg", svg);
        }
        var print = document.createElement("span");
        print.className = "Icon Print";
        mInfo.appendChild(print);
        print.onmousedown = function () {
            var box = Glyphs.getBBox();
            var viewBox = [box.x, box.y, box.width, box.height];
            var svg = '<svg xmlns="' + xmlns + '" xmlns:xlink="' + xlink + '" viewBox="' + viewBox + '">';
            svg += Glyphs.innerHTML;
            svg += "</svg>";
            CLSvgEditor.PrintAsPng("Glyphs.png", svg, box.width, box.height);
        }
    }

    fn.ShowAxis = function () {
        var self = this;
        var Surface = self.Surface;
        var Axis = Surface.querySelector(".Axis");
        if (!Axis) {
            Axis = SvgElement("g");
            Axis.classList.add("Axis");
            Surface.insertAdjacentElement("afterbegin", Axis);
            var html = '<path d="M-300 0 L300 0" stroke-width="2" fill="none" vector-effect="non-scaling-stroke" stroke="#7a0101"></path>';
            html += '<path d="M300 8 L300 -8L' + (300 + 16 * Math.sin(Math.PI / 3)) + ' 0Z" stroke-width="0" vector-effect="non-scaling-stroke" fill="#7a0101"></path>';
            html += '<path d="M0 -300 L0 300" stroke-width="2" fill="none" vector-effect="non-scaling-stroke" stroke="#7a0101"></path>';
            html += '<path d="M-8 300 L8 300L0 ' + (300 + 16 * Math.sin(Math.PI / 3)) + 'Z" stroke-width="0" vector-effect="non-scaling-stroke" fill="#7a0101"></path>';
            Axis.innerHTML = html;
        }
    }

    fn.OnMatrixChange = function () { }

    fn.GlyphMenu = function (ele, func, tags) {
        var self = this;
        var Glyphs = self.Surface.querySelector(".Glyphs");
        var Items = [];
        var all = Glyphs.querySelectorAll(".Glyph");
        for (var i = all.length - 1; i > -1 ; i--) {
            var data = all[i].glyph;
            if (tags && !tags.includes(data.tag)) {
                continue;
            }
            Items.push({
                Text: data.name ? data.name : "Glyph_" + data.id,
                Enable: true,
                id: data.id,
                OnCreated: function (item) {
                    var ele = Glyphs.querySelector("[_id='" + this.id + "']");
                    var rect;
                    var name = this.Text;
                    item.onmouseover = function () {
                        Clear();
                        var g = Glyphs.AreaInfo = SvgElement("g");
                        g.setAttribute("transform", getComputedStyle(ele).transform);
                        Glyphs.appendChild(g);
                        var bbRect = ele.getBBox();
                        rect = SvgElement("rect");
                        rect.setAttribute("x", bbRect.x);
                        rect.setAttribute("y", bbRect.y);
                        rect.setAttribute("width", bbRect.width);
                        rect.setAttribute("height", bbRect.height);
                        rect.setAttribute("stroke-width", 0);
                        rect.setAttribute("fill", "rgba(136,18,128,0.3)");
                        g.appendChild(rect);
                        self.Surface.pauseAnimations();
                    }
                    function Clear() {
                        if (Glyphs.AreaInfo) {
                            Glyphs.AreaInfo.remove();
                        }
                        delete Glyphs.AreaInfo;
                        self.Surface.unpauseAnimations();
                    }
                    item.onmouseleave = function () {
                        Clear();
                    }
                    item.onclick = function () {
                        menu.Close();
                        item.onmouseover = null;
                        item.onmouseleave();
                        func(ele);
                    }
                }
            });
        }
        var dataMenu = {
            "style": {
                "max-height": "500px",
            },
            "Items": Items
        };
        var menu = new CLMenu(dataMenu, ele);
        menu.EnableClear = function () {
            var item = document.createElement("div");
            item.className = "Item";
            item.innerHTML = "--请选择--";
            menu.Div.insertAdjacentElement("afterBegin", item);
            item.onclick = function () {
                func();
                menu.Close();
            }
        }
        return menu;
    }

    fn.PointProp = function (point, changed) {
        var self = this;
        point = { x: point.x, y: point.y };
        function create(key) {
            var span = document.createElement("span");
            span.innerHTML = "位置(" + key.toLocaleUpperCase() + "):";
            span.style.padding = "0 10px";
            mInfo.appendChild(span);
            var input = document.createElement("input");
            input.style.width = "70px";
            input.style.height = "20px";
            input.style.padding = "0 3px";
            mInfo.appendChild(input);
            if (point != null) {
                input.value = point[key];
            }
            input.oninput = function () {
                CLCheckFloat(this, 3);
            }
            input.oninput();
            input.onchange = function () {
                point[key] = input.value * 1;
                changed(point);
            }
        }
        var mInfo = self.MatrixInfo;
        mInfo.innerHTML = "";
        create("x");
        create("y");
    }

    fn.PropGroup = function (name, after) {
        var self = this;
        var Prop = after instanceof HTMLElement ? after : self.Prop;
        var label = typeof after == "string" ? Prop.querySelector(".Label[name='" + after + "']") : null;
        var grp = createGroup(Prop, name);
        if (label) {
            label.nextSibling.insertAdjacentElement("afterEnd", grp);
            grp.insertAdjacentElement("afterEnd", grp.block);
        }
        return grp;
    }

    fn.PropValue = function (grp, tag) {
        var self = this;
        return createValue(grp.block || grp, tag);
    }

    fn.createLabel = function (grp, tag) {
        var self = this;
        return createLabel(grp.block || grp, tag);
    }

    fn.animateDialog = function (glyph, data, end) {
        var self = this;
        //参考:https://developer.mozilla.org/zh-CN/docs/Web/SVG/Element/animate
        data = CLClone(data);
        var block = document.createElement("div");
        block.style.cssText = "width:1150px;height:660px;min-width:780px;min-height:660px;";
        var dlg = new CLDialog(block);
        dlg.CreateAll("动画编辑器", function () {
            end(data, glyph.matrix);
        });
        dlg.Body.style.position = "relative";
        dlg.Body.classList.add("CLSvgEditor");
        dlg.EnableMove();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var Glyphs = self.Glyphs;
        Glyphs.forEach(function (data) {
            if (data.d) {
                data.d = data.d.toString();
            }
        });
        Glyphs = CLClone(Glyphs);
        Glyphs.forEach(function (data) {
            if (glyph.id == data.id) {
                glyph = data;
            } else {
                data.locked = true;
            }
        });
        var canvas = document.createElement("div");
        canvas.style.cssText = "width:calc(100% - 300px);height:calc(100% - 140px);border:1px solid #ccc;position:relative";
        dlg.Body.appendChild(canvas);
        canvas.classList.add("CLSvgEditor-Mini");
        var editor = new CLSvgEditor(canvas);
        var ShowMatrix = editor.ShowMatrix;
        editor.ShowMatrix = function () {
            ShowMatrix.call(editor);
        }
        editor.GlyphProp = function () {
            editor.ShowMatrix();
        }
        editor.OnMatrixChange = function (matrix, glyph) {
            if (glyph) {
                box && box.set_matrix && box.set_matrix(matrix.toString());
            }
        }
        editor.Render(Glyphs);
        var box = document.createElement("div");
        box.style.cssText = "width:100%;height:130px;margin-top:10px;border:1px solid #ccc;padding:5px";
        dlg.Body.appendChild(box);
        var Prop = document.createElement("div");
        Prop.classList.add("Prop");
        Prop.style.top = "20px";
        Prop.style.right = "10px";
        Prop.style.width = "280px";
        Prop.style.maxHeight = "calc(100% - 100px)";
        dlg.Body.appendChild(Prop);
        var grp = createGroup(Prop, "名称");
        grp.Open();
        var nVal = createValue(grp.block);
        nVal.value = data.name;
        nVal.onchange = function () {
            data.name = nVal.value;
        }
        grp = createGroup(Prop, "目标");
        grp.Open();
        var select = new CLSelect(grp.block);
        select.zoom = 0.8;
        function funcConfig(object, name, out) {
            out = out || [];
            for (var key in object) {
                if (object[key].type == "object") {
                    funcConfig(object[key].object, (name ? name + "->" : "") + key, out);
                } else {
                    if (object[key].id == data.id) {
                        out.index = out.length;
                    }
                    out.push({
                        id: object[key].id,
                        name: (name ? name + "->" : "") + key,
                        type:object[key].type,
                        toString: function () {
                            return this.name;
                        },
                        config: object[key]
                    });
                }
            }
            return out;
        }
        var items = funcConfig(animateConfig);
        select.AddItems(items);
        var p_grp;
        select.onchanged = function () {
            var item = items[select.selectedIndex]; 
            if (item) {
                if (data.id != item.id) {
                    delete data.keyTimes;
                }
                data.id = item.id;
                data.type = item.type;
                box.set_matrix = null;
                box.Paths = (function () {
                    var items = [];
                    Glyphs.forEach(function (data) {
                        items.push({
                            ID: data.id,
                            Name: data.name || "Glyph_" + data.id,
                            toString: function () {
                                return this.Name;
                            }
                        });
                    });
                    return items;
                }())
                FuncAnimate[item.type](box, data);
                if (data.id == "move") {
                    p_grp = createGroup(Prop,"路劲");
                    select.Box.parentNode.insertAdjacentElement("afterend", p_grp);
                    p_grp.insertAdjacentElement("afterend", p_grp.block);
                    p_grp.Open();
                    var p_select = new CLSelect(p_grp.block);
                    p_select.OnClick = function () {
                        var menu = editor.GlyphMenu(p_grp.block.lastChild, function (ele) {
                            data.path = ele.glyph.id;
                            glyph.matrix = ele.glyph.matrix.toString();
                            data.len = ele.firstChild.getTotalLength();
                            p_select.SetValue(ele.glyph.name || "Glyph_" + data.path);
                        });
                        menu.Reset(null,false,0.8);
                    }
                    Glyphs.forEach(function (glyph) {
                        if (data.path == glyph.id) {
                            p_select.SetValue(glyph.name || "Glyph_" + data.path);
                        }
                    });
                } else {
                    delete data.path;
                    if (p_grp) {
                        p_grp.block.remove();
                        p_grp.remove();
                    }
                }
            } else {
                delete data.id;
            }
        }
        if (items.index != null) {
            select.selectedIndex = items.index;
        }
        grp = createGroup(Prop, "插值模式");
        grp.Open();
        var eList = new CLList([{ ID: "discrete", "Name": "离散插值" }, { ID: "linear", "Name": "线性插值" }, { ID: "paced", "Name": "匀速变化" }, { ID: "spline", "Name": "三次Bezier插值" }], grp.block, false, function (item) {
            item.style.display = "inline-block";
            item.style.width = "initial";
        });
        if (data.calcMode) {
            eList.Select(data.calcMode);
        }
        eList.onchanged = function () {
            data.calcMode = eList.getSelIds()[0];
        }

        grp = createGroup(Prop, "重复次数");
        grp.Open();
        var rList = new CLList([{ ID: "once", "Name": "单次" }, { ID: "indefinite", "Name": "无限" }, { ID: "custom", "Name": "自定义" }], grp.block, false, function (item) {
            item.style.display = "inline-block";
            item.style.width = "initial";
        });
        var repeatInput;
        rList.onchanged = function () {
            var repeat = rList.getSelIds()[0];
            if (repeat == "custom") {
                repeatInput = createValue(grp.block);
                repeatInput.oninput = function () {
                    CLCheckInt(repeatInput, 1);
                }
                repeatInput.onchange = function () {
                    if (!!repeatInput.value) {
                        data.repeat = repeatInput.value * 1;
                    } else {
                        delete data.repeat;
                    }
                }
            } else {
                if (repeatInput) {
                    repeatInput.remove();
                }
                if (repeat == "once") {
                    data.repeat = 1;
                }
                if (repeat == "indefinite") {
                    data.repeat = "indefinite"
                }
            }
        }
        if (data.repeat == 1) {
            rList.Select("once");
        } else if (data.repeat == "indefinite") {
            rList.Select("indefinite");
        } else if (typeof data.repeat == "number") {
            rList.Select("custom");
            repeatInput.value = data.repeat;
        } else {
            rList.Select("indefinite");
        }
    }

    fn.GlyphProp = function (glyph) {
        var self = this;
        self.ShowMatrix();
        var Prop = self.Prop;
        if (Prop.glyph == glyph) {
            return;
        }
        Prop.glyph = glyph;
        Prop.innerHTML = "";
        if (!glyph) {
            Prop.style.display = "none";
            return;
        } else {
            Prop.style.display = "";
        }
        var eleGlyph = self.Surface.querySelector(".Glyphs>[_id='" + glyph.id + "']");
        var grp = createGroup(Prop, "编号");
        var noVal = createValue(grp.block);
        noVal.value = glyph.id;
        noVal.disabled = true;
        grp = createGroup(Prop, "名称");
        var nameVal = createValue(grp.block);
        nameVal.value = glyph.name ? glyph.name : "Glyph_" + glyph.id;
        nameVal.onchange = function () {
            glyph.name = nameVal.value;
        }

        function fArg(key, name, usePer) {
            var label = createLabel(grp.block, name);
            label.style.display = "inline-block";
            label.style.width = "80px";
            label.style.height = "30px";
            label.classList.add("justify");
            label.style.verticalAlign = "top";
            var fVal = createValue(grp.block);
            fVal.style.width = "120px";
            fVal.style.marginLeft = "10px";
            fVal.value = parseFloat(glyph[key]);
            fVal.oninput = function () {
                CLCheckFloat(this, 3);
            }
            fVal.oninput();
            fVal.onchange = function () {
                var sVal;
                if (usePer) {
                    sVal = fVal.value + unit.innerText;
                } else {
                    sVal = fVal.value * 1;
                }
                if (glyph[key] != sVal) {
                    glyph[key] = sVal;
                    self.SelectGlyph(self.RenderGlyph(glyph));
                }
            }
            fVal.onblur = function () {
                fVal.onchange();
            }
            CLScrollNumber(fVal, function (ele) {
                fVal.oninput();
                ele.onchange();
            });
            var unit;
            if (usePer) {
                unit = document.createElement("span");
                if (glyph[key]) {
                    unit.innerHTML = glyph[key].replace(/^[0-9]*/, '');
                } else {
                    unit.innerHTML = "px";
                }
                unit.style.padding = "5px";
                grp.block.appendChild(unit);
                var selector = new CLSelect(null, unit);
                selector.AddItems(["px", "%"]);
                selector.zoom = 0.8;
                selector.onchanged = function () {
                    unit.innerHTML = selector.GetValue();
                    glyph[key] = fVal.value + unit.innerText;
                    self.SelectGlyph();
                    self.SelectGlyph(self.RenderGlyph(glyph));
                }
                selector.SetValue(unit.innerHTML);
            }
            return fVal;
        }

        grp = createGroup(Prop, "描边");
        var lw = fArg("lw", "线宽(W):");
        lw.value = glyph.lw ? glyph.lw : 1.5;
        lw.oninput = function () {
            CLCheckFloat(this, 3, 0);
        }
        fArg("ls", "缩放(S):").remove();
        var box = new CLCheckBox("启用", grp.block);
        box.Box.style.display = "inline-block";
        box.Box.style.margin = "2px 10px";
        box.Box.style.width = "100px";
        box.Box.style.verticalAlign = "top";
        box.checked = glyph.ls;
        box.onchanged = function () {
            glyph.ls = box.checked;
            self.RenderGlyph(glyph);
        }
        fArg("da", "虚线尺寸:").remove();
        var darr = createValue(grp.block);
        darr.style.width = "120px";
        darr.style.marginLeft = "10px";
        darr.value = glyph.da && glyph.da.join(" ") || "";
        darr.oninput = function () {
            var value = this.value;
            if (!/^([0-9\.%]+[ ]?)+$/.test(value)) {
                this.value = !!this.PValue ? this.PValue : "";
            }
            this.PValue = this.value;
        }
        darr.onchange = function () {
            var value = this.value;
            value = value.split(" ");
            var arr = [];
            value.forEach(function (ele) {
                if (!!ele) {
                    arr.push(ele);
                }
            });
            glyph.da = arr.length == 0 ? undefined : arr;
            self.SelectGlyph(self.RenderGlyph(glyph));
        }
        fArg("do", "虚线偏移:", true);

        grp = createGroup(Prop, "端点");
        var eList = new CLList([{ ID: "butt", "Name": "无端点" }, { ID: "round", "Name": "圆形" }, { ID: "square", "Name": "正方形" }], grp.block, false, function (item) {
            item.style.display = "inline-block";
            item.style.width = "initial";
        });
        eList.canLost = false;
        eList.Select(glyph.linecap || "butt");
        eList.onchanged = function () {
            glyph.linecap = eList.getSelIds()[0];
            self.SelectGlyph(self.RenderGlyph(glyph));
        }
        grp = createGroup(Prop, "填充");
        var fillBox = new CLCheckBox("启用", grp.block);
        fillBox.checked = glyph.useFill !== false;
        var boxEle = grp.block.lastChild
        boxEle.style.display = "inline-block";
        fillBox.onchanged = function () {
            glyph.useFill = fillBox.checked;
            if (!glyph.useFill) {
                delete glyph.img;
            }
            self.RenderGlyph(glyph);
        }
        var picBtn = document.createElement("div");
        picBtn.className = "fontBtn picBtn";
        picBtn.style.margin = "0";
        picBtn.style.verticalAlign = "top";
        picBtn.style.marginRight = "15px";
        picBtn.style.cssFloat = "right";
        grp.block.appendChild(picBtn);
        picBtn.onclick = function () {
            self.SelectImage(function (src) {
                glyph.img = src;
                self.RenderGlyph(glyph);
            });
        }
        grp = createGroup(Prop, "阴影");
        var ele = fArg("shadowX", "偏移(X):");
        ele.oninput = function () {
            CLCheckInt(this, 0);
        }
        ele = fArg("shadowY", "偏移(Y):");
        ele.oninput = function () {
            CLCheckInt(this, 0);
        }
        ele = fArg("shadowL", "尺寸(L):");
        ele.oninput = function () {
            CLCheckInt(this, 0);
        }
        fArg("shadowM", "模式(M):").remove();
        var list = new CLList([{ ID: "normal", "Name": "常规" }, { ID: "multiply", "Name": "正片叠底" }, { ID: "screen", "Name": "滤色" }, { ID: "darken", "Name": "变暗" }, { ID: "lighten", "Name": "变亮" }], grp.block, false, function (item) {
            item.style.display = "inline-block";
            item.style.width = "initial";
        });
        list.canLost = false;
        list.Select(glyph.shadowM || "normal");
        list.onchanged = function () {
            glyph.shadowM = list.getSelIds()[0];
            self.SelectGlyph(self.RenderGlyph(glyph));
        }
        grp = createGroup(Prop, "动画");
        var addbtn = document.createElement("div");
        addbtn.innerHTML = "添加";
        addbtn.style.cssText = "color:#0db3a6;width:30px;cursor:pointer";
        grp.block.appendChild(addbtn);
        addbtn.onclick = function () {
            if (!glyph.animates) {
                glyph.animates = [];
            }
            var data = { name: "未命名" };
            glyph.animates.push(data);
            showAnimate(data);
        }
        function showAnimate(data) {
            var item = document.createElement("div");
            item.classList.add("Item");
            item.style.margin = "5px 0";
            addbtn.insertAdjacentElement("beforebegin", item);
            var input = document.createElement("input");
            input.classList.add("Value");
            input.style.width = "calc(100% - 80px)";
            input.value = data.name;
            item.data = data;
            item.appendChild(input);
            input.onchange = function () {
                data.name = input.value;
            }
            var move = document.createElement("div");
            move.style.cssText = "display:inline-block;font-family:CLFont;margin:0 3px;cursor:move;";
            move.innerHTML = "&#xe844;";
            item.appendChild(move);
            CLEnableDragPosition(item, "Item", move, function () {
                var items = item.parentNode.querySelectorAll(".Item");
                var animates = glyph.animates;
                items.forEach(function (item, index) {
                    animates[index] = item.data;
                });
            });
            var set = move.cloneNode();
            set.style.cursor = "pointer";
            set.innerHTML = "&#xe606;";
            item.appendChild(set);
            set.onclick = function () {
                self.animateDialog(glyph, data, function (Val,matrix) {
                    item.data = data = Val;
                    input.value = Val.name;
                    var animates = glyph.animates;
                    animates.splice(animates.indexOf(data), 1, Val);
                    glyph.matrix = matrix;
                    self.RenderGlyph(glyph);
                    self.SelectGlyph();
                    CLAsync(function () {
                        self.SelectGlyph(glyph.id);
                    })
                });
            }
            var del = move.cloneNode();
            del.style.cursor = "pointer";
            del.innerHTML = "&#xe80b;";
            del.style.color = "#c00";
            item.appendChild(del);
            del.onclick = function () {
                var animates = glyph.animates;
                animates.splice(animates.indexOf(data), 1);
                item.remove();
            }
        }
        glyph.animates && glyph.animates.forEach(function (data) {
            showAnimate(data);
        });
        if (glyph.tag == "rect" || glyph.tag == "circle" || glyph.tag == "ellipse" || glyph.tag == "path") {
            grp = createGroup(Prop, "连接点");
            glyph.pr = glyph.pr ? glyph.pr : 8;
            glyph.pw = glyph.pw ? glyph.pw : 1.5;
            fArg("pr", "半径(r):");
            fArg("pw", "线宽(w):").style.width = "60px";
            var pls = new CLCheckBox("缩放", grp.block);
            pls.Box.style.display = "inline-block";
            pls.Box.style.marginLeft = "10px";
            pls.checked = glyph.pls;
            pls.onchanged = function () {
                glyph.pls = pls.checked;
                self.RenderGlyph(glyph);
            }

            fArg("pf", "填充:").remove();
            var pfill = new CLCheckBox("启用", grp.block);
            pfill.Box.style.display = "inline-block";
            pfill.Box.style.margin = "0 20px";
            pfill.checked = glyph.pf != false;
            pfill.onchanged = function () {
                glyph.pf = pfill.checked;
                self.RenderGlyph(glyph);
            }

        }
        if (glyph.tag == "path") {
            grp = createGroup(Prop, "自定义");
            var pVal = createValue(grp.block, "textarea");
            pVal.style.height = "150px";
            pVal.style.width = "200px";
            pVal.style.margin = "10px 0px 0px 15px";
            pVal.value = glyph.d;
            pVal.onchange = function () {
                glyph.d = PathScale(PathNormalize(pVal.value), eleGlyph.getBBox().width).toString(6);
                self.SelectGlyph();
                self.SelectGlyph(self.RenderGlyph(glyph));
            }
        }else if (glyph.tag == "rect") {
            grp = createGroup(Prop, "参数");
            fArg("x", "坐标(x):");
            fArg("y", "坐标(y):");
            fArg("rx", "角半径(x):", true);
            fArg("ry", "角半径(y):", true);
            fArg("w", "宽度(w):");
            fArg("h", "高度(h):");
        } else if (glyph.tag == "circle") {
            grp = createGroup(Prop, "参数");
            fArg("cx", "坐标(x):");
            fArg("cy", "坐标(y):");
            fArg("r", "半径(r):");
        } else if (glyph.tag == "ellipse") {
            grp = createGroup(Prop, "参数");
            fArg("cx", "坐标(x):");
            fArg("cy", "坐标(y):");
            fArg("rx", "半径(x):");
            fArg("ry", "半径(y):");
        }else if (glyph.tag == "text") {
            function func() {
                var ele = grp.block.lastChild;
                ele.style.display = "inline-block";
                ele.style.width = "130px";
                ele.style.marginLeft = "20px";
                return ele;
            }
            grp = createGroup(Prop, "参数");
            fArg("", "径向:").remove();
            var path = new CLSelect(grp.block);
            path.zoom = 0.8;
            if (glyph.path) {
                path.SetValue(glyph.path);
            }
            path.OnClick = function () {
                var menu = self.GlyphMenu(path.ele, function (ele) {
                    if (ele) {
                        glyph.path = ele.glyph.id;
                        glyph.matrix = ele.glyph.matrix;
                    } else {
                        delete glyph.path;
                    }
                   path.SetValue(glyph.path);
                   self.RenderGlyph(glyph);
                   self.SelectGlyph();
                   self.SelectGlyph(eleGlyph);
                }, ["path", "rect", "circle", "ellipse"]);
               menu.EnableClear(true);
               menu.Div.style.height = "";
               menu.Reset(null, false, 0.8);
            }
            path.ele = func();
            fArg("", "字体:").remove();

            var font = new CLSelect(grp.block);
            func();
            font.zoom = 0.8;
            font.getItems = function (Success) {
                Success(CLFontList());
            }
            var cStyle = getComputedStyle(eleGlyph);
            font.SetValue(cStyle.fontFamily);
            font.OnMenuCreated = function (divMenu) {
                var ResetMenu = font.ResetMenu;
                font.ResetMenu = function () {
                    ResetMenu(0.8);
                    var sel = divMenu.querySelector('.ItemSel');
                    if (sel) {
                        sel.scrollIntoView(true);
                    }
                }
                font.ResetMenu();
            }
            font.onchanged = function () {
                glyph.fFamily = font.GetValue();
                self.RenderGlyph(glyph);
            }
            
            if (!glyph.fSize) {
                glyph.fSize = parseFloat(cStyle.fontSize);
            }
            var fLine = createValue(grp.block,"div");
            fLine.style.margin = "5px 0px";
            fLine.style.border = "none";
            fLine.style.height = "initial";
            (function () {
                var O = {};
                function fAlign(fBtn, hv) {
                    if (fBtn.classList.contains("fontSel")) {
                        return;
                    } else {
                        var Btn = O[hv + "Btn"];
                        if (Btn) {
                            Btn.classList.remove("fontSel");
                        }
                        O[hv + "Btn"] = fBtn;
                        fBtn.classList.add("fontSel");
                        var index;
                        if (hv == "h") {
                            index = fBtn.index - 2;
                        } else {
                            index = fBtn.index - 6;
                        }
                        glyph[hv + "Align"] = index;
                    }
                    self.RenderGlyph(glyph);
                    self.SelectGlyph();
                    self.SelectGlyph(eleGlyph);
                }
                function fOther(fBtn, key) {
                    if (fBtn.classList.contains("fontSel")) {
                        fBtn.classList.remove("fontSel");
                        glyph[key] = false;
                    } else {
                        fBtn.classList.add("fontSel");
                        glyph[key] = true;
                    }
                    self.RenderGlyph(glyph);
                }
                var list = [
                    {
                        Icon: "16.66% 50%",
                        Name: "斜体",
                        IsSel: glyph.fItalic,
                        Func: function (fBtn) {
                            fOther(fBtn, "fItalic");
                        }
                    },
                    {
                        Icon: "58.31% 0px",
                        Name: "粗体",
                        IsSel: glyph.fBold,
                        Func: function (fBtn) {
                            fOther(fBtn, "fBold");
                        }
                    },
                    {
                        Icon: "83.3% 0px",
                        Name: "靠左对齐",
                        IsSel: !glyph.hAlign,
                        Func: function (fBtn) {
                            fAlign(fBtn, "h");
                        }
                    },
                    {
                        Icon: "66.64% 0px",
                        Name: "中间对齐",
                        IsSel: glyph.hAlign == 1,
                        Func: function (fBtn) {
                            fAlign(fBtn, "h");
                        }
                    },
                    {
                        Icon: "74.97% 0px",
                        Name: "靠右对齐",
                        IsSel: glyph.hAlign == 2,
                        Func: function (fBtn) {
                            fAlign(fBtn, "h");
                        }
                    },
                    {
                        Icon: "83.3% 100%",
                        Name: "两端对齐",
                        IsSel: glyph.hAlign == 3,
                        Func: function (fBtn) {
                            fAlign(fBtn, "h");
                        }
                    },
                    {
                        Icon: "91.63% 50%",
                        Name: "顶部对齐",
                        IsSel: !glyph.vAlign,
                        Func: function (fBtn) {
                            fAlign(fBtn, "v");
                        }
                    },
                    {
                        Icon: "74.97% 50%",
                        Name: "垂直居中",
                        IsSel: glyph.vAlign == 1,
                        Func: function (fBtn) {
                            fAlign(fBtn, "v");
                        }
                    },
                    {
                        Icon: "41.65% 50%",
                        Name: "垂直居中",
                        IsSel: glyph.vAlign == 2,
                        Func: function (fBtn) {
                            fAlign(fBtn, "v");
                        }
                    }
                ];
                list.forEach(function (data, index) {
                    var fBtn = document.createElement("div");
                    fBtn.className = "fontBtn";
                    if (data.IsSel) {
                        fBtn.classList.add("fontSel");
                        if (index > 1 && index < 6) {
                            O.hBtn = fBtn;
                        } else if (index > 5) {
                            O.vBtn = fBtn;
                        }
                    }
                    fBtn.title = data.Name;
                    fBtn.index = index;
                    fBtn.style.backgroundPosition = data.Icon;
                    fBtn.onclick = function () {
                        data.Func(fBtn);
                    }
                    fLine.appendChild(fBtn);
                });
            }());
            fArg("fSize", "尺寸:");
            if (glyph.fSpace == null) {
                glyph.fSpace = 0;
            }
            fArg("fSpace", "间距:");
            if (glyph.lHeight == null) {
                glyph.lHeight = glyph.fSize * 1.5;
            }
            fArg("lHeight", "行高:");
            if (glyph.maxWidth == null) {
                glyph.maxWidth = 0;
            }
            fArg("maxWidth", "最大宽度:").oninput = function () {
                CLCheckInt(this, 0);
            };
            if (glyph.maxLine == null) {
                glyph.maxLine = 1;
            }
            fArg("maxLine", "最大行数:").oninput = function () {
                CLCheckInt(this, 1);
            };
            fArg("", "文本:").remove();
            var tVal = createValue(grp.block, "textarea");
            tVal.style.height = "150px";
            tVal.style.width = "200px";
            tVal.style.margin = "10px 0px 0px 15px";
            tVal.value = glyph.text;
            tVal.onchange = function () {
                glyph.text = tVal.value;
                self.RenderGlyph(glyph);
                self.SelectGlyph();
                self.SelectGlyph(eleGlyph);
            }
        }
    }

    fn.Drawing = function (x, y, tag) {
        var self = this;
        var point = new CLVec2(x, y);
        self.ToOffset(point);
        var cur = self.current;
        if (cur && cur.matrix) {
            var mat = CLMatrix.Parse(cur.matrix);
            mat.invert();
            point = mat.multiplyVector2(point);
        }
        if (cur && cur.tag != tag) {
            self.current = cur = null;
        }
        return point;
    }

    fn.EndDraw = function (glyph) {
        var self = this;
        var Glyphs = self.Glyphs;
        if (glyph) {
            var find = false;
            Glyphs.forEach(function (ele, index) {
                if (ele.id == glyph.id) {
                    Glyphs[index] = glyph;
                    find = true;
                }
            });
            if (!find) {
                Glyphs.push(glyph);
            }
            self.SwitchOut(glyph);
            self.SelectGlyph(glyph.id);
        }
        self.current = null;
    }

    fn.SwitchOut = function (glyph) {
        var self = this;
        var Surface = self.Surface;
        var Glyphs = Surface.querySelector(".Glyphs");
        var ele = Glyphs.querySelector("[_id='" + glyph.id + "']");
        var bbBox = ele.getBBox();
        var o = new CLVec2(bbBox.x + bbBox.width / 2,bbBox.y + bbBox.height / 2);
        if (Math.abs(o.x) < 1e-3 && Math.abs(o.y) < 1e-3) {
            return;
        }
        var matrix = getComputedStyle(ele).transform;
        var mat = CLMatrix.Parse(matrix);
        var v = mat.multiplyVector2(o);
        var r = mat.getRotate();
        var s = mat.getScale();

        mat.setIdentity();
        mat.translate(v.x, v.y);
        mat.rotate(r);
        mat.scale(s.x, s.y);
        glyph.matrix = mat.toString();
        if (glyph.tag == "rect") {
            glyph.x -= o.x;
            glyph.y -= o.y;
        }
        if (glyph.tag == "circle" || glyph.tag == "ellipse") {
            glyph.cx -= o.x;
            glyph.cy -= o.y;
        }
        if (glyph.tag == "path") {
            glyph.d = PathTranslate(glyph.d, -o.x, -o.y);
        }
        if (glyph.tag == "text") {
            glyph.x -= o.x;
            glyph.y -= o.y;
        }
        self.ShowMatrix();
        self.RenderGlyph(glyph);
        delete ele.__points__;
        self.UpdatePoint(ele);
    }

    fn.Dialog = function (width, height, btn) {
        var self = this;
        var menu = CLApp.CreateMenu(width, height, btn);
        var box = menu.Div.parentNode;
        var rect = btn.getBoundingClientRect();
        box.style.left = rect.right + 5 + "px";
        box.style.top = rect.top + "px";
        box.style.transform = "";
        if (rect.bottom > innerHeight) {
            box.style.top = innerHeight - box.offsetHeight + "px";
        }
        return menu;
    }

    fn.AllocId = function () {
        var self = this;
        var Glyphs = self.Glyphs;
        var list = [];
        for (var i = 0; i < Glyphs.length ; i++) {
            list.push(Glyphs[i].id * 1);
        }
        CLQuickSort(list, function (e1, e2) {
            return e1 - e2;
        });
        for (var i = 0; i < list.length ; i++) {
            if (list[i] + 1 < list[i + 1]) {
                N = list[i] + 1;
                return (list[i] + 1).toString().padStart(5, '0');
            }
        }
        if (list.length == 0) {
            return "00000";
        }
        return (list[list.length - 1] + 1).toString().padStart(5, '0');
    }

    fn.current = null;

    fn.ToOffset = function (point) {
        var self = this;
        var svg = self.Surface;
        var Rect = svg.getBoundingClientRect();
        point.x -= Rect.left;
        point.y -= Rect.top;
        var zoom = self.Zoom();
        var viewBox = self.viewBox();
        point.x /= zoom;
        point.y /= zoom;
        point.x += viewBox[0];
        point.y += viewBox[1];
    }

    fn.ToClient = function (point) {
        var self = this;
        var viewBox = self.viewBox();
        var zoom = self.Zoom();
        point.x -= viewBox[0];
        point.y -= viewBox[1];
        point.x *= zoom;
        point.y *= zoom;
        var svg = self.Surface;
        var Rect = svg.getBoundingClientRect();
        point.x += Rect.left;
        point.y += Rect.top;
    }

    fn.Do = function (e) {
        var self = this;
        var ToolBar = self.ToolBar;
        var ele = ToolBar.querySelector(".BtnSel");
        ele.Do(e);
    }

    fn.Keydown = function (e) {
        var self = this;
        var ToolBar = self.ToolBar;
        var ele = ToolBar.querySelector(".BtnSel");
        ele.Keydown(e);
    }

    fn.DoDef = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        if (e.type == "mousedown") {
            var ele = e.srcElement;
            var Surface = self.Surface;
            var Glyphs = Surface.querySelector(".Glyphs");
            var Selects = Surface.querySelector(".Selects");
            var moveGlyph = false;
            {
                var x = e.clientX;
                var y = e.clientY;
                var viewBox = self.viewBox();
                var o = { x: viewBox[0] + viewBox[2] / 2, y: viewBox[1] + viewBox[3] / 2 };
                var clear = !Glyphs.contains(ele) && !Selects.contains(ele);
                var moved = false;
                var ox = 0;
                var oy = 0;
                function move(e) {
                    var lx = e.clientX - x;
                    var ly = e.clientY - y;
                    if (lx == 0 && ly == 0) {
                        return;
                    }
                    var zoom = self.Zoom();
                    lx /= zoom;
                    ly /= zoom;
                    if (ele == Surface) {
                        if (!ele.classList.contains("Locked")) {
                            viewBox = self.viewBox();
                            viewBox = [o.x - lx - viewBox[2] / 2, o.y - ly - viewBox[3] / 2, viewBox[2], viewBox[3]];
                            self.viewBox(viewBox);
                        }
                    } else {
                        if (moveGlyph) {
                            lx -= ox;
                            ly -= oy;
                            if (Selects.childNodes.length > 0) {
                                self.GetSelected().forEach(function (ele) {
                                    if (!ele.classList.contains("Locked")) {
                                        self.TranslateGlyph(ele, lx, ly);
                                    }
                                });
                            } else if (!ele.classList.contains("Locked")) {
                                self.TranslateGlyph(ele, lx, ly);
                            }
                            ox += lx;
                            oy += ly;
                        }
                    }
                    moved = true;
                    clear = false;
                    e.preventDefault();
                    e.stopPropagation();
                }
                function up(e) {
                    if (clear) {
                        self.SelectGlyph();
                    } else if (!moved) {
                        self.SelectGlyph(ele, !e.ctrlKey);
                    }
                    window.removeEventListener("mousemove", move, true);
                    window.removeEventListener("mouseup", up, true);
                }
                window.addEventListener("mousemove", move, true);
                window.addEventListener("mouseup", up, true);
            }
            if (Selects.contains(ele)) {
                while (ele && ele.parentNode != Selects) {
                    ele = ele.parentNode;
                }
                if (ele) {
                    ele = Glyphs.querySelector("[_id='" + ele.getAttribute("_id") + "']");
                    moveGlyph = true;
                }
            } else if (Glyphs.contains(ele)) {
                ele = GlyphElement(ele);
                moveGlyph = true;
            }
            e.preventDefault();
        }
    }

    fn.hLine = function (e) {
        var self = this;
        self.Line(e, "H");
    }

    fn.vLine = function (e) {
        var self = this;
        self.Line(e, "V");
    }

    fn.Line = function (e, type) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        if (!type) {
            type = "L";
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: "M " + point.x + " " + point.y
                };
            } else {
                var d = PathCmd(cur.d);
                if (d.length == 1) {
                    cur.d += type;
                    if (type == "L") {
                        cur.d += point.x + " " + point.y;
                    } else if (type == "H") {
                        cur.d += point.x;
                    } if (type == "V") {
                        cur.d += point.x;
                    }
                }
            }
            self.RenderGlyph(cur);
        } else if (e.type == "mousemove" && cur) {
            var d = PathCmd(cur.d);
            if (d.length == 2) {
                var o = d[d.length - 1];
                var points = o.points;
                type = o.name;
                if (type == "L") {
                    points[0] = point.x;
                    points[1] = point.y;
                } else if (type == "H") {
                    points[0] = point.x;
                } if (type == "V") {
                    points[0] = point.y;
                }
                cur.d = d.toString();
            } else if (d.length == 1) {
                cur.d += type;
                if (type == "L") {
                    cur.d += point.x + " " + point.y;
                } else if (type == "H") {
                    cur.d += point.x;
                } if (type == "V") {
                    cur.d += point.y;
                }
            }
            self.RenderGlyph(cur);
        } else if (e.type == "mouseup" && cur) {
            var d = PathCmd(cur.d);
            if (d.length == 2) {
                self.EndDraw(cur);
            }
        }
    }

    fn.Square = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "rect");
        var cur = self.current;
        function func() {
            var st = cur.st;
            var lx = Math.abs(point.x - st.x);
            var ly = Math.abs(point.y - st.y);
            var r = Math.max(lx, ly);
            cur.x = st.x - r;
            cur.y = st.y - r;
            cur.w = cur.h = 2 * r;
            self.RenderGlyph(cur);
        }
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "rect",
                    st: point,
                    x: point.x,
                    y: point.y,
                    w: 0,
                    h: 0,
                    rx: 0,
                    ry: 0
                };
                self.RenderGlyph(cur);
            } else {
                func();
            }
        } else if (e.type == "mousemove" && cur) {
            func();
        } else if (e.type == "mouseup" && cur) {
            if (cur.w > 0 && cur.h > 0) {
                delete cur.st;
                self.EndDraw(cur);
            }
        }
    }

    fn.Rectangle = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "rect");
        var cur = self.current;
        function func() {
            var st = cur.st;
            cur.x = Math.min(st.x, point.x);
            cur.y = Math.min(st.y, point.y);
            cur.w = Math.abs(point.x - st.x);
            cur.h = Math.abs(point.y - st.y);
            self.RenderGlyph(cur);
        }
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "rect",
                    st: point,
                    x: point.x,
                    y: point.x,
                    w: 0,
                    h: 0,
                    rx: 0,
                    ry: 0
                };
                self.RenderGlyph(cur);
            } else {
                func();
            }
        } else if (e.type == "mousemove" && cur) {
            func();
        } else if (e.type == "mouseup" && cur) {
            if (cur.w > 0 && cur.h > 0) {
                delete cur.st;
                self.EndDraw(cur);
            }
        }
    }

    fn.Circle = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "circle");
        var cur = self.current;
        function func() {
            var lx = point.x - cur.cx;
            var ly = point.y - cur.cy;
            cur.r = Math.sqrt(lx * lx + ly * ly);
            self.RenderGlyph(cur);
        }
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "circle",
                    cx: point.x,
                    cy: point.y,
                    r: 0
                };
                self.RenderGlyph(cur);
            } else {
                func();
            }
        } else if (e.type == "mousemove" && cur) {
            func();
        } else if (e.type == "mouseup" && cur) {
            if (cur.r > 0) {
                self.EndDraw(cur);
            }
        }
    }

    fn.Ellipse = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "ellipse");
        var cur = self.current;
        function func() {
            var lx, ly;
            var st = cur.st;
            lx = point.x - st.x;
            ly = point.y - st.y;
            cur.rx = Math.abs(lx) / 2;
            cur.ry = Math.abs(ly) / 2;
            cur.cx = st.x + lx / 2;
            cur.cy = st.y + ly / 2;
            self.RenderGlyph(cur);
        }
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "ellipse",
                    st: point,
                    cx: point.x,
                    cy: point.y,
                    rx: 0,
                    ry: 0
                };
                self.RenderGlyph(cur);
            } else {
                func();
            }
        } else if (e.type == "mousemove" && cur) {
            func();
        } else if (e.type == "mouseup" && cur) {
            if (cur.ry > 0 && cur.rx > 0) {
                delete cur.st;
                self.EndDraw(cur);
            }
        }
    }

    fn.updatePathLast = function (point) {
        var self = this;
        var cur = self.current;
        if (!cur) {
            return;
        }
        var d = cur.d;
        var cmd = d[d.length - 1];
        var umd = d[d.length - 2];
        if (umd && umd.name == "C") {
            var points = umd.points;
            var Vec = {
                x: points[4] - point.x,
                y: points[5] - point.y,
            };
            if (cmd.name == "H") {
                Vec.y = 0;
            } else if (cmd.name == "V") {
                Vec.x = 0;
            }
            points[2] = points[4] + Vec.x;
            points[3] = points[5] + Vec.y;
        }
    }

    fn.dragCmd = function () {
        return "C";
    }

    fn.backCmd = function (name) {
        var self = this;
        var ToolBar = self.ToolBar;
        var btn = ToolBar.querySelector("[name='路径']");
        if (name !== undefined) {
            btn.setAttribute("back", name);
        }
        return btn.getAttribute("back");
    }

    fn.switchPathCmd = function (name, from) {
        var self = this;
        var ToolBar = self.ToolBar;
        var btn = ToolBar.querySelector("[name='路径']");
        btn.setAttribute("cmd", name);
        self.backCmd(from);
    }

    fn.MPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            } else {
                cur.d.push({
                    name: "M",
                    points: [point.x, point.y]
                });
            }
            self.switchPathCmd(self.dragCmd(), "L");
        }
    }

    fn.LPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;

        if (e.type == "mousedown") {
            if (cur) {
                delete cur.N;
                self.switchPathCmd(self.dragCmd(), "L");
            } else {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
                self.switchPathCmd(self.dragCmd(), "L");
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "L" || cur.N == null) {
                cur.d.push({
                    name: "L",
                    points: [point.x, point.y]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                cmd.points = [point.x, point.y];
                self.updatePathLast(point);
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0 && cur) {
                if (cur.N == null) {
                    var cmd = cur.d[cur.d.length - 1];
                    cur.d.push({
                        name: "L",
                        points: [point.x, point.y]
                    });
                    cur.N = 0;
                }
                self.RenderGlyph(cur);
            }
        }
    }

    fn.HPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        if (e.type == "mousedown") {
            if (cur) {
                delete cur.N;
                self.switchPathCmd(self.dragCmd(), "H");
            } else {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
                self.switchPathCmd(self.dragCmd(), "H");
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "H" || cur.N == null) {
                cur.d.push({
                    name: "H",
                    points: [point.x]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                cmd.points = [point.x];
                self.updatePathLast(point);
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0 && cur) {
                if (cur.N == null) {
                    var cmd = cur.d[cur.d.length - 1];
                    cur.d.push({
                        name: "H",
                        points: [point.x]
                    });
                    cur.N = 0;
                }
                self.RenderGlyph(cur);
            }
        }
    }

    fn.VPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        if (e.type == "mousedown") {
            if (cur) {
                delete cur.N;
                self.switchPathCmd(self.dragCmd(), "V");
            } else {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
                self.switchPathCmd(self.dragCmd(), "V");
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "V" || cur.N == null) {
                cur.d.push({
                    name: "V",
                    points: [point.y]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                cmd.points = [point.y];
                self.updatePathLast(point);
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0 && cur) {
                if (cur.N == null) {
                    var cmd = cur.d[cur.d.length - 1];
                    cur.d.push({
                        name: "V",
                        points: [point.y]
                    });
                    cur.N = 0;
                }
                self.RenderGlyph(cur);
            }
        }
    }

    fn.CPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        var back = self.backCmd();
        if (e.type == "mousedown") {
            if (cur) {
                var d = cur.d;
                var cmd = d[d.length - 1];
                if (cur.N <= 2) {
                    cur.N += 2;
                    cmd.points[cur.N] = point.x;
                    cmd.points[cur.N + 1] = point.y;
                }
            } else {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            }
        } else if (e.type == "mousemove" && cur) {
            var d = cur.d;
            var cmd = d[d.length - 1];
            if (cmd.name != "C") {
                if (cmd.name == back) {
                    if (back == "H") {
                        point.y = d.lastPoint(1).y;
                    } else if (back == "V") {
                        point.x = d.lastPoint(1).x;
                    }
                    var L = d.pop();
                    d.push({
                        name: "C",
                        points: [point.x, point.y, point.x, point.y, point.x, point.y]
                    });
                    cur.N = 2;
                } else {
                    d.push({
                        name: "C",
                        points: [point.x, point.y, point.x, point.y, point.x, point.y]
                    });
                    cur.N = 0;
                }
            } else if (cur.N <= 2) {
                for (var i = cur.N; i < 6 ; i += 2) {
                    cmd.points[i] = point.x;
                    cmd.points[i + 1] = point.y;
                }
                if (cur.N == 0) {
                    self.updatePathLast(point);
                }
            } else if (cur.N == 4) {
                self[self.backCmd() + "Path"](e);
                self.switchPathCmd(self.backCmd());
                cur.N = 0;
            }
            self.RenderGlyph(cur);
        } else if (e.type == "mouseup" && cur) {
            var d = cur.d;
            var cmd = d[d.length - 1];
            if (cmd.name != "C") {
                self.switchPathCmd(self.backCmd());
            } else {
                cur.N += 2;
                if (cur.N == 6) {
                    delete cur.N;
                    self.switchPathCmd(self.backCmd());
                }
            }
        }
    }

    fn.SPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        var back = self.backCmd();
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "S" || cur.N == null) {
                cur.d.push({
                    name: "S",
                    points: [point.x, point.y, point.x, point.y]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                for (var i = cur.N; i < 4 ; i += 2) {
                    cmd.points[i] = point.x;
                    cmd.points[i + 1] = point.y;
                }
                if (cur.N == 0) {
                    self.updatePathLast(point);
                }
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0) {
                if (cur && cur.N != null) {
                    cur.N += 2;
                    if (cur.N == 4) {
                        delete cur.N;
                    }
                }
            }
        }
    }

    fn.QPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        var back = self.backCmd();
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "Q" || cur.N == null) {
                cur.d.push({
                    name: "Q",
                    points: [point.x, point.y, point.x, point.y]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                for (var i = cur.N; i < 4 ; i += 2) {
                    cmd.points[i] = point.x;
                    cmd.points[i + 1] = point.y;
                }
                if (cur.N == 0) {
                    self.updatePathLast(point);
                }
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0) {
                if (cur && cur.N != null) {
                    cur.N += 2;
                    if (cur.N == 4) {
                        delete cur.N;
                    }
                }
            }
        }
    }

    fn.TPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        var back = self.backCmd();
        if (e.type == "mousedown") {
            if (cur && cur.N != null) {
                delete cur.N;
            } else {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "T" || cur.N == null) {
                cur.d.push({
                    name: "T",
                    points: [point.x, point.y]
                });
                self.updatePathLast(point);
                cur.N = 0;
            } else {
                cmd.points = [point.x, point.y];
                self.updatePathLast(point);
            }
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0) {
                if (cur && cur.N != null) {
                    delete cur.N;
                }
            }
        }
    }

    fn.APath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        var back = self.backCmd();
        if (e.type == "mousedown") {
            if (!cur) {
                self.current = cur = {
                    id: self.AllocId(),
                    tag: "path",
                    d: PathCmd("M " + point.x + " " + point.y),
                };
            }
        } else if (e.type == "mousemove" && cur) {
            var cmd = cur.d[cur.d.length - 1];
            if (!cmd) {
                return;
            } else if (cmd.name != "A" || cur.N == null) {
                var p = cur.d.lastPoint();
                cur.d.push({
                    name: "A",
                    vPoints: [p.x, p.y, point.x, point.y, 0, 0]
                });
                cur.N = 2;
                cmd = cur.d[cur.d.length - 1];
            }
            if (cur.N == 2) {
                var vPoints = cmd.vPoints;
                vPoints[2] = point.x;
                vPoints[3] = point.y;
                var p2 = { x: (point.x + vPoints[0]) / 2 + 0.0, y: (point.y + vPoints[1]) / 2 };
                vPoints[4] = p2.x;
                vPoints[5] = p2.y;
            } else if (cur.N == 4) {
                var vPoints = cmd.vPoints;
                if (point.x != vPoints[2] || point.y != vPoints[3]) {
                    vPoints[4] = point.x;
                    vPoints[5] = point.y;
                }
            }
            //计算三角形外接弧
            cmd.points = self.CalcArc(cmd.vPoints);
            self.RenderGlyph(cur);
        }
        else if (e.type == "mouseup") {
            if (e.button == 0) {
                if (cur && cur.N != null) {
                    cur.N += 2;
                    if (cur.N == 6) {
                        delete cur.N;
                    }
                }
            }
        }
    }

    fn.ZPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var cur = self.current;
        if (e.type == "mousedown") {
            if (cur) {
                cur.d.push({
                    name: "Z",
                    points: null
                });
                self.RenderGlyph(cur);
            }
            self.switchPathCmd("M");
        }
    }

    fn.backPath = function () {
        var self = this;
        var cur = self.current;
        if (!cur) {
            return;
        }
        var Surface = self.Surface;
        var d = cur.d;
        var cmd = d[d.length - 1];
        if (!cmd) {
            self.DeleteGlyph(cur.id);
            self.current = null;
            return;
        } else if (!cur.N) {
            if (cmd.name != "A") {
                d.pop();
            }
        } else {
            cur.N -= 2;
            var cursor = Surface.cursor;
            if (cur.N == 0) {
                d.pop();
                cmd = d[d.length - 1];
                if (cmd.name == "C" || cmd.name == "S" || cmd.name == "Q") {
                    cur.N = cmd.points.length - 2;
                } else if (cmd.name == "A") {
                    cur.N = 4;
                    var p = d.lastPoint(1);
                    var points = cmd.points;
                    cmd.vPoints = [p.x, p.y, points[5], points[6]];
                } else {
                    delete cur.N
                }
            }
            update();
            return;
        }
        function update() {
            self.switchPathCmd(cmd.name);
            if (d.length == 1) {
                self.current = null;
                self.DeleteGlyph(cur.id);
            } else {
                var cursor = Surface.cursor;
                if (cursor) {
                    var evt = new MouseEvent("mousemove", {
                        clientX: cursor.x,
                        clientY: cursor.y
                    });
                    Surface.dispatchEvent(evt);
                } else {
                    self.RenderGlyph(cur);
                }
            }
        }
        cmd = d[d.length - 1];
        if (!cmd || cmd.name == "M") {
            self.DeleteGlyph(cur.id);
            self.current = null;
            return;
        }
        delete cur.N;
        if (cmd.name == "L" || cmd.name == "H" || cmd.name == "V" || cmd.name == "T") {
            cur.N = 0;
        } else if (cmd.name == "C" || cmd.name == "S" || cmd.name == "Q") {
            cur.N = cmd.points.length - 4;
        } else if (cmd.name == "A") {
            cur.N = 4;
            var p = d.lastPoint(1);
            var points = cmd.points;
            cmd.vPoints = [p.x, p.y, points[5], points[6]];
        }
        update();
    }

    fn.drawPath = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = self.Drawing(e.clientX, e.clientY, "path");
        var cur = self.current;
        function func() {
            var d = cur.d0;
            var rx = Math.abs(point.x - cur.st.x);
            var ry = Math.abs(point.y - cur.st.y);
            var r = Math.max(rx / d.w, ry / d.h);
            var dx = r * d.w;
            var dy = r * d.h;
            cur.r = r;
            d = PathScale(d.toString(), 2 * r);
            d = PathTranslate(d, cur.st.x, cur.st.y);
            cur.d = d;
            self.RenderGlyph(cur);
        }
        if (e.type == "mousedown") {
            if (!cur) {
                var ToolBar = self.ToolBar;
                var d = PathNormalize(ToolBar.querySelector('[name="图形库"] path').getAttribute("d"));
                self.current = cur = {
                    id: self.AllocId(),
                    st: point,
                    tag: "path",
                    d0: d,
                    d: "M 0 0"
                };
                self.RenderGlyph(cur);
            } else {
                func();
            }
        } else if (e.type == "mousemove" && cur) {
            func();
        } else if (e.type == "mouseup" && cur) {
            if (cur.r > 0) {
                delete cur.r;
                delete cur.d0;
                cur.d = cur.d.toString(6);
                self.EndDraw(cur);
            }
        }
    }

    fn.drawText = function (e) {
        var self = this;
        if (e.button != 0 && e.type == "mousedown") {
            return;
        }
        var point = {
            x: e.clientX,
            y: e.clientY
        };
        self.ToOffset(point);
        if (e.type == "mousedown") {
            var cur = {
                id: self.AllocId(),
                tag: "text",
                text: "文本",
                x: point.x,
                y: point.y,
            };
            self.RenderGlyph(cur);
            self.EndDraw(cur);
        }
    }

    fn.drawPoint = function (e) {
        var self = this;
        self.SelectGlyph();
        if (e.type == "mousedown" && e.button == 0) {
            var Surface = self.Surface;
            var Glyphs = Surface.querySelector(".Glyphs");
            var ele = e.srcElement;
            var list = ["rect", "circle", "ellipse", "path"];
            if (Glyphs.contains(ele)) {
                if (list.indexOf(ele.tagName) >= 0) {
                    var cur = ele;
                    ele = GlyphElement(ele);
                    if (ele.glyph) {
                        var point = self.CalcPoint(ele, new CLVec2(e.clientX, e.clientY), 10);
                        if (point && point.len < 8) {
                            if (!ele.glyph.points) {
                                ele.glyph.points = [{ x: point.x, y: point.y, at: point.at, v: point.v }];
                            } else {
                                ele.glyph.points.push({ x: point.x, y: point.y, at: point.at, v: point.v });
                            }
                            self.RenderPoints(ele.glyph);
                        }
                    }
                }
            }
        }
    }

    CLSvgEditor.CalcArc = fn.CalcArc = function (vPoints) {
        var self = this;
        var arr = [];
        {
            var p1 = new CLVec2(vPoints[0], vPoints[1]);
            var p2 = new CLVec2(vPoints[2], vPoints[3]);
            var p3 = new CLVec2(vPoints[4], vPoints[5]);
            var x1, x2, x3, y1, y2, y3;
            var x = 0;
            var y = 0;
            x1 = p1.x;
            x2 = p2.x;
            x3 = p3.x;
            y1 = p1.y;
            y2 = p2.y;
            y3 = p3.y;
            x = ((y2 - y1) * (y3 * y3 - y1 * y1 + x3 * x3 - x1 * x1) - (y3 - y1) * (y2 * y2 - y1 * y1 + x2 * x2 - x1 * x1)) / (2 * (x3 - x1) * (y2 - y1) - 2 * ((x2 - x1) * (y3 - y1)));
            y = ((x2 - x1) * (x3 * x3 - x1 * x1 + y3 * y3 - y1 * y1) - (x3 - x1) * (x2 * x2 - x1 * x1 + y2 * y2 - y1 * y1)) / (2 * (y3 - y1) * (x2 - x1) - 2 * ((y2 - y1) * (x3 - x1)));
            var o = { x: x, y: 0, y: y };
            var r = Math.sqrt((x1 - x) * (x1 - x) + (y1 - y) * (y1 - y));
            r = r == Infinity ? 0 : r;
            arr.push(r, r, 0);
            var v31 = new CLVec2(p1.x - p3.x, p1.y - p3.y);
            var v32 = new CLVec2(p2.x - p3.x, p2.y - p3.y);
            var a31 = Math.abs(CLMatrix.to180(CLMatrix.deg(v31, v32)));
            if (a31 > 90) {
                arr.push(0);
            } else {
                arr.push(1);
            }
            var v1 = new CLVec2(p2.x - p1.x, p2.y - p1.y);
            var v2 = new CLVec2(p3.x - p1.x, p3.y - p1.y);
            var a = CLMatrix.to180(CLMatrix.deg(v1, v2));
            if (a > 0) {
                arr.push(0);
            } else {
                arr.push(1);
            }
            arr.push(p2.x, p2.y);
        }
        return arr;
    }

    CLSvgEditor.PrintAsPng = function (name, svg, width, height) {
        if (!/\.png$/i.test(name)) {
            name += ".png";
        }
        var tags = svg.match(/<image[^>]+>/);
        if (tags && tags.length) {
            var index = 0;
            tags.forEach(function (tag) {
                var href = tag.match(/xlink:href="[^"]+"/);
                href = href && href[0] && href[0].substr(12, href[0].length - 13);
                if (href && !href.startsWith("data:image")) {
                    index++;
                    CLRead(href, function (data, xhr) {
                        index--;
                        svg = svg.replace(href, "data:" + xhr.getResponseHeader("Content-Type") + ";base64," + new CLBase64().encodeb(data));
                        if (index == 0) {
                            Print();
                        }
                    });
                }
            });
            if (index == 0) {
                Print();
            }
        }
        function Print() {
            var data = new Blob([svg], { type: "image/svg+xml" });
            var url = CLGetObjectURL(data);
            var img = new Image();
            img.src = url;
            if (width) {
                img.width = width;
            }
            if (height) {
                img.height = height;
            }
            img.onload = function () {
                w = img.width;
                h = img.height;
                //生成canvas
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext('2d');
                // 创建属性节点
                var anw = document.createAttribute("width");
                anw.nodeValue = w;
                var anh = document.createAttribute("height");
                anh.nodeValue = h;
                canvas.setAttributeNode(anw);
                canvas.setAttributeNode(anh);
                ctx.drawImage(img, 0, 0, w, h);
                var base64 = canvas.toDataURL('image/png', 1);
                function ToBlob(urlData) {
                    var arr = urlData.split(','), mime = arr[0].match(/:(.*?);/)[1],
                        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
                    while (n--) {
                        u8arr[n] = bstr.charCodeAt(n);
                    }
                    return new Blob([u8arr], { type: mime });
                }
                CLDeleteObjectByUrl(url);
                CLSaveAsLocal(name, ToBlob(base64));
            }
        }
    }

    window.CLSvgEditor = CLSvgEditor;
}());
;(function () {
    CLRegiste("CLTable", null, true);

    var CLTable = window.CLTable = function (Ele, Items, index) {
        var self = this;
        self.Ele = Ele;
        var Container = self.Container = document.createElement("div");
        Container.style.cssText = "width:100%;height:100%;position:relative";
        Container.className = "CLTableContainer";
        Ele.appendChild(Container);
        var Table = document.createElement("table");
        Table.className = "CLTable";
        Table.setAttribute("cellspacing", "0");
        Table.setAttribute("cellpadding", "0");
        Table.style.tableLayout = "fixed";
        this.Table = Table;

        this.HeaderTable = Table.cloneNode();
        this.HeaderTable.style.borderTop = "none";
        var divHead = document.createElement("div");
        divHead.appendChild(this.HeaderTable);
        divHead.style.background = "#fff";
        divHead.style.position = "absolute";
        divHead.style.top = "0";
        divHead.style.borderBottom = "1px solid #e0e0e0";
        divHead.style.zIndex = "1";

        var divTable = document.createElement("div");
        divTable.style.position = "relative";
        divTable.style.height = "100%";
        divTable.style.overflow = "auto";
        divTable.appendChild(divHead);
        divTable.className = "CLTableBody";
        Container.appendChild(divTable);

        divTable.appendChild(Table);

        var TD;
        var _CLTable = this;
        Object.defineProperty(this, "Resize", {
            get: function () {
                return this.ResizeAble;
            },
            set: function (Val) {
                this.ResizeAble = (Val == true);
                var Table = this.HeaderTable;
                var HeaderCells = this.GetHeaderCells();
                if (this.ResizeAble) {
                    if (HeaderCells.length == 0) {
                        return;
                    }
                    for (j = 0; j < HeaderCells.length - 1; j++) {
                        HeaderCells[j].onmousemove = function (e) {
                            var This = e.currentTarget;
                            if (self.dataTable == null || self.dataTable.length == 0) {
                                return;
                            }
                            //更改鼠标样式
                            if (e.offsetX > This.offsetWidth - 10) {
                                This.style.cursor = 'w-resize';
                            }
                            else {
                                This.style.cursor = '';
                            }
                        }
                        HeaderCells[j].onmousedown = function (e) {
                            var This = e.currentTarget;
                            if (This.style.cursor != 'w-resize') {
                                return;
                            }
                            var DownX = e.screenX;
                            var Rect = This.getBoundingClientRect();
                            var div = document.createElement("div");
                            div.style.width = "1px";
                            div.style.background = "#0db3a6";
                            div.style.position = "fixed";
                            div.style.top = Rect.top + "px";
                            div.style.left = Rect.right + "px";
                            div.style.height = divTable.offsetHeight + "px";
                            div.style.zIndex = CLMaxZIndex();
                            This.style.pointerEvents = "none";
                            document.body.appendChild(div);
                            function Move(e) {
                                var X = e.screenX - DownX + Rect.right;
                                if (X - 15 < Rect.left) {
                                    X = Rect.left + 15;
                                }
                                div.style.left = X + "px";
                                e.preventDefault();
                            }
                            function Up(e) {
                                div.remove();
                                var W = e.screenX - DownX + Rect.width;
                                if (W < 15) {
                                    W = 15;
                                }
                                var Table = _CLTable.HeaderTable;
                                Table.rows[0].cells[This.cellindex].style.width = W + "px";
                                Table = _CLTable.Table;
                                for (var iLine = 0; iLine < 1 ; iLine++) {
                                    if (!Table.rows[iLine].classList.contains("SubLine")) {
                                        Table.rows[iLine].cells[This.cellindex].style.width = W + "px";
                                    } else {
                                        if (This.cellindex2 != null) {
                                            Table.rows[iLine].cells[This.cellindex2].style.width = W + "px";
                                        }
                                    }
                                }
                                if (This.cellindex2 != null) {
                                    This.ParentCell.style.width = parseFloat(This.ParentCell.offsetWidth) + e.screenX - DownX + "px";
                                }
                                _CLTable.OnSizeChanged(This.dataColumn, W + "px");
                                window.removeEventListener("mousemove", Move, true);
                                window.removeEventListener("mouseup", Up, true);
                                This.style.pointerEvents = "";
                                e.preventDefault();
                            }
                            e.preventDefault();
                            window.addEventListener("mousemove", Move, true);
                            window.addEventListener("mouseup", Up, true);
                        };
                    }
                } else {
                    for (j = 0; j < HeaderCells.length; j++) {
                        HeaderCells[j].onmousemove = null;
                        HeaderCells[j].onmousedown = null;
                    }
                }
            }
        });
        var divBottom = document.createElement("div");
        var divPerPageCount = document.createElement("div");
        divPerPageCount.style.width = "150px";
        divPerPageCount.style.marginLeft = "10px";
        divPerPageCount.style.display = "inline-block";
        divBottom.appendChild(divPerPageCount);
        if (index == null) {
            index = 0;
        }
        if (Items != null) {
            _CLTable.PageCount = Items[index];
            var _CLSelect = this.PageCountItems = new CLSelect(divPerPageCount);
            for (var i = 0; i < Items.length ; i++) {
                _CLSelect.AddItems([
                    Items[i] + "条/页"
                ]);
            }
            _CLSelect.selectedIndex = index;
            _CLSelect.onchanged = function (This) {
                _CLTable.PageCount = Items[This.selectedIndex];
                _CLTable.ResetPageInfo();
                _CLTable.Start();
                _CLTable.OnItemChanged(This.selectedIndex);
            }
        }
        Table.style.marginBottom = "50px";
        divTable.onscroll = function () {
            divBottom.style.marginBottom = -divTable.scrollTop + "px";
            divHead.style.marginTop = divTable.scrollTop + "px";
            divBottom.style.marginLeft = divTable.scrollLeft + "px";
        }
        divBottom.className = "CLNoSelect";
        divBottom.style.cssText = "background:#fff;position:absolute;bottom:0;height:50px;padding:10px 0;line-height:30px;width:100%;";
        divTable.appendChild(divBottom);
        var PageReturn = document.createElement("div");
        PageReturn.style.cssText = "float:right;border:solid 1px #e0e0e0;";
        var PrePage = document.createElement("div");
        PrePage.style.cssText = "font-family:CLFont;cursor:pointer; width:25px;text-align:center; display:inline-block;border-right:solid 1px #e0e0e0;";
        PrePage.innerHTML = "&#xe679;";
        PageReturn.appendChild(PrePage);
        PrePage.onclick = function () {
            var iPage = parseInt(countSpan.innerHTML);
            if (input.value * 1 != 1) {
                input.value = input.value * 1 - 1;
            } else {
                return;
            }
            _CLTable.ResetPageInfo();
            _CLTable.OnPage(input.value * 1);
        }
        var NextPage = document.createElement("div");
        NextPage.style.cssText = "font-family:CLFont;cursor:pointer;width:25px;text-align:center;display:inline-block";
        NextPage.innerHTML = "&#xe6a3;";
        PageReturn.appendChild(NextPage);
        NextPage.onclick = function () {
            var iPage = parseInt(countSpan.innerHTML);
            if (input.value * 1 < iPage) {
                input.value = input.value * 1 + 1;
            } else {
                return;
            }
            _CLTable.ResetPageInfo();
            _CLTable.OnPage(input.value * 1);
        }
        this.ToNextPage = NextPage.onclick;
        this.ToPrePage = PrePage.onclick;
        divBottom.appendChild(PageReturn);
        var PageJmp = document.createElement("div");
        PageJmp.style.cssText = "float: right";
        divBottom.appendChild(PageJmp);
        var input = document.createElement("input");
        input.style.cssText = "padding: 0 2px;width: 25px; text-align: center";
        input.value = "1";
        PageJmp.appendChild(input);
        var span = document.createElement("span");
        span.style.cssText = "padding: 0 3px";
        span.innerHTML = "/";
        PageJmp.appendChild(span);
        var countSpan = span.cloneNode();
        countSpan.innerHTML = 1;
        PageJmp.appendChild(countSpan);

        input.oninput = function () {
            var iPage = parseInt(countSpan.innerHTML);
            CLCheckInt(input, 1, iPage);
        }
        input.onchange = function () {
            _CLTable.ResetPageInfo();
            _CLTable.OnPage(input.value * 1);
        }
        this.ResetPageInfo = function () {
            var iPage = Math.ceil(this.TotalCount / this.PageCount);
            countSpan.innerHTML = iPage;
            if (input.value * 1 >= iPage) {
                input.value = iPage < 1 ? 1 : iPage;
                NextPage.style.cursor = "not-allowed";
                NextPage.style.color = "#c0c0c0";
            } else {
                NextPage.style.cursor = "pointer";
                NextPage.style.color = "";
            }
            if (input.value * 1 <= 1) {
                PrePage.style.cursor = "not-allowed";
                PrePage.style.color = "#c0c0c0";
            } else {
                PrePage.style.cursor = "pointer";
                PrePage.style.color = "";
            }
        }
        this.PageInput = input;
        this.LastPage = function () {
            return countSpan.innerHTML * 1;
        }
        this.OnItemChanged = function (index) {

        }

        Container.onclick = function (e) {
            self.ClearSelected();
        }
    }

    var fn = CLTable.prototype;

    fn.Table = null;

    fn.Orderable = false;

    fn.GetHeaderCells = function () {
        var self = this;
        var skipNum = 0;
        var subCount = 0;
        var HeaderCells = [];
        var Table = this.HeaderTable;
        var jHeader = self.dataHeader;
        if (jHeader == null) {
            return HeaderCells;
        }
        for (var i = 0; i < jHeader.length ; i++) {
            if (jHeader[i].SubHeader == null) {
                var Cell = Table.rows[1].cells[i];
                Cell.cellindex = skipNum + i;
                HeaderCells.push(Cell);
            } else {
                for (var j = 0; j < jHeader[i].SubHeader.length; j++) {
                    var Cell = Table.rows[2].cells[subCount + j];
                    Cell.cellindex = skipNum + i + j;
                    Cell.cellindex2 = subCount + j;
                    Cell.ParentCell = Table.rows[1].cells[i];
                    HeaderCells.push(Cell);
                }
                skipNum += jHeader[i].SubHeader.length - 1;
                subCount += jHeader[i].SubHeader.length;
            }
        }
        return HeaderCells;
    }

    fn.EnableOrder = function (bEnable) {
        var self = this;
        bEnable = bEnable == true
        if (self.Orderable == bEnable) {
            return;
        }
        self.Orderable = bEnable;
        var Cells = self.GetHeaderCells();
        for (var i = 0; i < Cells.length; i++) {
            Cells[i].Index = i;
            if (bEnable) {
                Cells[i].onclick = function () {
                    var cell = this;
                    if (!cell.classList.contains("Asc")) {
                        if (!cell.classList.contains("Desc")) {
                            cell.classList.add("Asc");
                            if (!self.OnOrder(cell.dataColumn, cell.Index, "Asc")) {
                                cell.classList.remove("Asc");
                            }
                        } else {
                            cell.classList.remove("Desc");
                            self.OnOrder(cell.dataColumn, cell.Index, "");
                        }
                    } else {
                        cell.classList.remove("Asc");
                        cell.classList.add("Desc");
                        if (!self.OnOrder(cell.dataColumn, cell.Index, "Desc")) {
                            cell.classList.remove("Desc");
                        }
                    }
                }
            } else {
                Cells[i].onclick = null;
            }
        }
    }

    fn.OnOrder = function (dataColumn, Index, order) {

    }

    fn.LastPage = function () {

    }

    fn.ToPrePage = function () {

    }

    fn.ToNextPage = function () {

    }

    fn.ResetPageInfo = function () {

    }

    fn.ToLastPage = function () {
        var iPage = this.LastPage();
        this.PageInput.value = iPage;
        this.ResetPageInfo();
        this.OnPage(this.LastPage());
    }

    CLTable.HasSubHeader = function (jHeader) {
        for (var i = 0; i < jHeader.length; i++) {
            if (jHeader[i].SubHeader != null) {
                return true;
            }
        }
        return false;
    }

    fn.dataHeader = null;

    fn.Scroll = function () {
        var self = this;
        self.vScroll();
        self.hScroll();
    }

    fn.hScroll = function () {
        var self = this;
        var div = self.Table.parentNode;
        if (div.hScroll == null) {
            div.hScroll = document.createElement("div");
            div.hScroll.style.cssText = "background: #c2c2c2;height:9px;border-radius: 6px;position:absolute;bottom:0;";
            div.parentNode.appendChild(div.hScroll);
            CLEnableMove(div.hScroll, function (div) {

            }, function (hScroll) {
                if (hScroll.offsetLeft < 0) {
                    hScroll.style.left = "0px";
                }
                if (hScroll.offsetLeft + hScroll.offsetWidth > div.clientWidth) {
                    hScroll.style.left = div.clientWidth - div.hScroll.offsetWidth + "px";
                }
                var scale = div.clientWidth / div.scrollWidth;
                if (scale >= 1) {
                    div.style.marginBottom = "0px";
                    div.style.height = "100%";
                    div.hScroll.style.display = "none";
                } else {
                    var left = hScroll.offsetLeft / scale;
                    div.scrollLeft = left;
                    hScroll.style.top = "";
                }
            }, function (div) {

            });
            div.addEventListener("scroll", function (e) {
                self.hScroll();
            });
        }
        var scale = div.clientWidth / div.scrollWidth;
        var len = div.clientWidth * scale;
        div.hScroll.style.width = len + "px";
        div.hScroll.style.left = div.scrollLeft * scale + "px";
        if (scale >= 1) {
            div.style.marginBottom = "0px";
            div.style.height = "100%";
            div.hScroll.style.display = "none";
        } else {
            div.style.marginBottom = "10px";
            div.style.height = "calc(100% - 10px)";
            div.hScroll.style.display = "block";
        }
    }

    fn.vScroll = function () {
        var self = this;
        var div = self.Table.parentNode;
        if (div.vScroll == null) {
            div.vScroll = document.createElement("div");
            div.vScroll.style.cssText = "background: #c2c2c2;width:9px;border-radius: 6px;position:absolute;right:0;";
            div.parentNode.appendChild(div.vScroll);
            CLEnableMove(div.vScroll, function (div) {

            }, function (vScroll) {
                vScroll.style.left = 0;
                if (vScroll.offsetTop < parseInt(div.style.paddingTop)) {
                    vScroll.style.top = parseInt(div.style.paddingTop) + "px";
                }
                if (vScroll.offsetTop + vScroll.offsetHeight > div.clientHeight) {
                    vScroll.style.top = div.clientHeight - div.vScroll.offsetHeight + "px";
                }
                var scale = (div.clientHeight - parseInt(div.style.paddingTop)) / div.scrollHeight;
                var top = (vScroll.offsetTop - parseInt(div.style.paddingTop)) / scale;
                div.scrollTop = top;
                vScroll.style.left = "";
            }, function (div) {

            });
            div.addEventListener("scroll", function (e) {
                self.vScroll();
            });
        }

        var scale = (div.clientHeight - parseInt(div.style.paddingTop)) / div.scrollHeight;
        var len = div.clientHeight * scale;
        div.vScroll.style.height = len + "px";
        div.vScroll.style.top = (div.scrollTop * scale + parseInt(div.style.paddingTop)) + "px";
        if (div.scrollHeight == div.clientHeight) {
            div.style.marginRight = "0px";
            div.vScroll.style.display = "none";
        } else {
            div.vScroll.style.display = "block";
            div.style.marginRight = "10px";
        }
    }

    fn.SetHeader = function (jHeader) {
        var Table = this.HeaderTable;
        Table.style.position = "relative";
        Table.style.top = "-40px";
        var BodyTable = this.Table;
        Table.innerHTML = "";
        var jHeader1 = CLClone(jHeader);
        this.dataHeader = jHeader1;
        for (var i = 0; i < jHeader1.length; i++) {
            if (jHeader1[i].SubHeader != null) {
                var SubHeader = jHeader1[i].SubHeader;
                for (var j = 0; j < SubHeader.length; j++) {
                    if (SubHeader[j].IsHidden == true) {
                        SubHeader.splice(j, 1);
                        j--;
                    }
                }
                if (SubHeader.length == 0) {
                    jHeader1.splice(i, 1);
                    i--;
                }
            } else {
                if (jHeader1[i].IsHidden == true) {
                    jHeader1.splice(i, 1);
                    i--;
                }
            }
        }
        function getHeaderById(Id) {
            for (var i = 0; i < jHeader.length; i++) {
                if (jHeader[i].SubHeader != null) {
                    var SubHeader = jHeader[i].SubHeader;
                    for (var j = 0; j < SubHeader.length; j++) {
                        if (SubHeader[j].ID == Id) {
                            return SubHeader[j];
                        }
                    }
                } else {
                    if (jHeader[i].ID == Id) {
                        return jHeader[i];
                    }
                }
            }
        }
        var TrLine = document.createElement("tr");
        TrLine.className = "CLLine";
        var TrLine2 = TrLine.cloneNode();
        var TrLine0 = TrLine.cloneNode();
        var bHasSubHeader = CLTable.HasSubHeader(jHeader1);
        var skip = 0;
        for (var i = 0; i < jHeader1.length; i++) {
            var Column = document.createElement("th");
            Column.className = "CLColumn";
            if (bHasSubHeader && jHeader1[i].SubHeader == null) {
                var Column0 = Column.cloneNode();
                Column0.style.width = jHeader1[i].width;
                TrLine0.appendChild(Column0);
                Column.setAttribute("rowspan", 2);
            } else if (bHasSubHeader) {
                var SubHeader = jHeader1[i].SubHeader;
                Column.setAttribute("colspan", SubHeader.length);
                var width = 0;
                for (var j = 0; j < SubHeader.length; j++) {
                    var Column2 = document.createElement("th");
                    var Column0 = Column2.cloneNode();
                    Column0.className = "CLColumn";
                    Column0.style.width = SubHeader[j].width;
                    TrLine0.appendChild(Column0);
                    Column2.style.width = SubHeader[j].width;

                    Column2.className = "CLColumn CLSubColumn";
                    Column2.setAttribute("rowspan", 1);
                    Column2.innerHTML = SubHeader[j].Name;
                    Column2.dataColumn = getHeaderById(SubHeader[j].ID);
                    width += parseFloat(SubHeader[j].width);
                    TrLine2.appendChild(Column2);
                }
                Column.style.width = width + "px";
                Column.setAttribute("rowspan", 1);
            } else {
                var Column0 = Column.cloneNode();
                Column0.style.width = jHeader1[i].width;
                TrLine0.appendChild(Column0);
            }
            Column.style.width = jHeader1[i].width;
            Column.innerHTML = jHeader1[i].Name;
            Column.dataColumn = getHeaderById(jHeader1[i].ID);

            TrLine.appendChild(Column);
        }
        Table.appendChild(TrLine0);
        Table.appendChild(TrLine);
        if (bHasSubHeader) {
            Table.appendChild(TrLine2);
        }
        this.Resize = this.Resize;
        BodyTable.parentNode.style.paddingTop = bHasSubHeader ? "73px" : "35px";
        Table.parentNode.style.height = (Table.rows.length - 1) * 38 - 2 + "px";
        if (this.dataTable != null) {
            this.SetData(this.dataTable);
        }
    }

    fn.dataTable = null;

    fn.SetData = function (jTable) {
        var self = this;
        var Table = this.Table;
        this.Container.firstChild.scrollTop = 0;
        Table.innerHTML = "";
        this.dataTable = jTable;
        if (jTable == null || jTable.length == 0) {
            Table.innerHTML = "<tr class='CLLine'><td class='CLColumn' style='display:inline-block;position:absolute;color:#999;margin-left:-1px;width:" + (Table.offsetWidth - (this.HeaderTable.firstChild.nextSibling.lastChild && !this.HeaderTable.firstChild.nextSibling.lastChild.style.width ? this.HeaderTable.firstChild.nextSibling.lastChild.offsetWidth : 0) + 1) + "px'>无数据</td></tr>";
            return;
        }
        for (var iLine = 0; iLine < jTable.length ; iLine++) {
            this.AddLine(jTable[iLine]);
        }
        self.Scroll();
    }

    fn.GetData = function (original) {
        var Table = this.Table;
        if (this.dataTable == null || this.dataTable.length == 0) {
            return [];
        }
        var retList = [];
        for (var i = 0; i < Table.childNodes.length; i++) {
            if (original) {
                retList.push(Table.childNodes[i].dataLine_o);
            } else {
                retList.push(Table.childNodes[i].dataLine);
            }
        }
        return retList;
    }

    fn.GetPage = function () {
        return this.PageInput.value * 1;
    }

    fn.AddLine = function (jLine)  {
        var self = this;
        var Table = this.Table;
        var TrLine = document.createElement("tr");
        TrLine.className = "CLLine";
        Table.appendChild(TrLine);
        TrLine.dataLine_o = jLine;
        jLine = CLClone(jLine);
        TrLine.dataLine = jLine;
        var iSubLine = 1;
        var jHeader = self.dataHeader;
        var HeaderCells = self.HeaderTable.firstChild.childNodes;
        for (var iColumn = 0; iColumn < jHeader.length; iColumn++) {
            if (jHeader[iColumn].SubHeader != null) {
                if (jLine[jHeader[iColumn].ID] == null) {
                    jLine[jHeader[iColumn].ID] = [];
                }
                iSubLine = iSubLine > jLine[jHeader[iColumn].ID].length ? iSubLine : jLine[jHeader[iColumn].ID].length;
            }
        }
        var bHasSubHeader = CLTable.HasSubHeader(this.dataHeader);
        var ExtLine = [TrLine];
        var skipCol = 0;
        for (var iColumn = 0; iColumn < jHeader.length; iColumn++) {
            if (bHasSubHeader && jHeader[iColumn].SubHeader != null) {
                var SubHeader = jHeader[iColumn].SubHeader;
                var jSubTable = jLine[jHeader[iColumn].ID];
                for (var iLine = 0; iLine < iSubLine; iLine++) {
                    if (ExtLine[iLine] == null) {
                        ExtLine[iLine] = TrLine.cloneNode();
                        ExtLine[iLine].classList.add("SubLine");
                        Table.appendChild(ExtLine[iLine]);
                    }
                    for (var iColumn2 = 0; iColumn2 < SubHeader.length; iColumn2++) {
                        var Column2 = document.createElement("td");
                        Column2.className = "CLColumn CLSubColumn";
                        Column2.style.width = HeaderCells[skipCol + iColumn + iColumn2].offsetWidth + "px";
                        ExtLine[iLine].appendChild(Column2);
                        if (iLine < jSubTable.length) {
                            Column2.innerHTML = this.OnPreData(SubHeader[iColumn2].ID, jSubTable[iLine][SubHeader[iColumn2].ID], SubHeader[iColumn2]);
                            this.OnColumnCreated(Column2, SubHeader[iColumn2].ID, jSubTable[iLine][SubHeader[iColumn2].ID]);
                        }
                    }
                }
                skipCol += jHeader[iColumn].SubHeader.length - 1;
            } else {
                var Column = document.createElement("td");
                Column.className = "CLColumn";
                Column.style.width = HeaderCells[skipCol + iColumn].style.width;
                Column.innerHTML = this.OnPreData(jHeader[iColumn].ID, jLine[jHeader[iColumn].ID], jHeader[iColumn]);
                TrLine.appendChild(Column);
                this.OnColumnCreated(Column, jHeader[iColumn].ID, jLine[jHeader[iColumn].ID]);
            }
        }
        var Columns = TrLine.childNodes;
        var skip = 0;
        for (var iColumn = 0; iColumn < jHeader.length; iColumn++) {
            if (!bHasSubHeader || jHeader[iColumn].SubHeader == null) {
                Columns[iColumn + skip].setAttribute("rowspan", ExtLine.length);
            } else {
                skip += jHeader[iColumn].SubHeader.length - 1;
            }
        }
        TrLine.onmousedown = function (e) {
            e.preventDefault();
        }
        self.LastSelected = null;
        TrLine.onclick = function (e) {
            var last = self.LastSelected;
            if (!e.ctrlKey || !self.MultSelect) {
                var Lines = TrLine.parentNode.getElementsByClassName("CLLineSel");
                while (Lines.length != 0) {
                    var lineId = Lines[0].dataLine.ID
                    Lines[0].classList.remove("CLLineSel");
                    self.OnLineLost(lineId);
                }
                if (e.shiftKey && self.MultSelect) {
                    if (!last) {
                        last = Table.firstChild;
                    }
                    var nodes = Table.childNodes;
                    var min = nodes.indexOf(last);
                    var max = nodes.indexOf(TrLine);
                    if (min > max) {
                        var index = min;
                        min = max;
                        max = index;
                    }
                    for (var i = min; i <= max; i++) {
                        nodes[i].classList.add("CLLineSel");
                    }
                } else {
                    TrLine.classList.add("CLLineSel");
                    self.LastSelected = TrLine;
                }
            } else {
                if (TrLine.classList.contains("CLLineSel")) {
                    TrLine.classList.remove("CLLineSel");
                } else {
                    TrLine.classList.add("CLLineSel");
                }
            }
            self.OnLineSelected(TrLine.dataLine.ID);
            e.stopPropagation();
        }
        self.OnLineCreated(TrLine);
    }

    fn.TotalCount = 0;

    fn.PageCount = 15;

    fn.Start = function () {
        this.PageInput.value = 1;
        this.OnPage(1);
    }

    fn.SetTotalCount = function (iCount) {
        this.TotalCount = iCount;
        this.ResetPageInfo();
    }

    fn.EnableSel = function (bSel) {
        var Table = this.Table;
        for (var i = 0; i < Table.rows.length; i++) {

        }
    }

    fn.OnPage = function (iPage) {

    }

    fn.OnSizeChanged = function (dataColumn, width) {

    }

    fn.OnPreData = function (ColumnID, CellData, Header) {
        return CellData == null ? "" : CellData;
    }

    fn.RemoveLine = function (TrLine) {
        this.Table.removeChild(TrLine);
    }

    fn.OnLineCreated = function (TrLine) {

    }

    fn.OnColumnCreated = function (Column, ColumnID, CellData) {

    }

    fn.OnLineSelected = function (TrLine) {

    }

    fn.OnLineLost = function (TrLine) {

    }

    fn.EnableMultSelect = function (mul) {
        var self = this;
        self.MultSelect = mul == true;
    }

    fn.ClearSelected = function () {
        var self = this;
        var Lines = self.Table.getElementsByClassName("CLLineSel");
        while (Lines.length != 0) {
            var lineId = Lines[0].dataLine.ID
            Lines[0].classList.remove("CLLineSel");
            self.OnLineLost(lineId);
        }
    }

    fn.GetDateLine = function (ID) {
        var self = this;
        var Lines = self.Table.getElementsByClassName("CLLine");
        var dataLines = [];
        for (var i = 0; i < Lines.length; i++) {
            if (ID.substr != null) {
                if (Lines[i].dataLine && Lines[i].dataLine.ID == ID) {
                    return Lines[i].dataLine;
                }
            } else {
                if (Lines[i].dataLine && ID.indexOf(Lines[i].dataLine.ID) >= 0) {
                    dataLines.push(Lines[i].dataLine);
                }
            }
        }
        return ID.substr != null ? null : dataLines;
    }

    fn.GetSelected = function () {
        var self = this;
        var IDs = [];
        var Lines = self.Table.getElementsByClassName("CLLineSel");
        for (var i = 0; i < Lines.length; i++) {
            if (Lines[i].dataLine && Lines[i].dataLine.ID) {
                IDs.push(Lines[i].dataLine.ID);
            }
        }
        return IDs;
    }
}());
;(function () {
    CLRegiste("CLTabPage", null, true);

    var CLTabPage = window.CLTabPage = function (Ele) {
        var self = this;
        Ele.CLTabPage = self;
        self.Ele = Ele;
        Ele.classList.add("CLTabPage");
        var Bar = document.createElement("div");
        Bar.classList.add("Bar");
        Ele.appendChild(Bar);
        self.Bar = Bar;
        var Tabs = document.createElement("div");
        Tabs.classList.add("Tabs");
        Bar.appendChild(Tabs);
        self.Tabs = Tabs;
        var Down = document.createElement("div");
        Down.classList.add("Down");
        Bar.appendChild(Down);
        self.Down = Down;
        var Body = document.createElement("div");
        Body.classList.add("Body");
        Ele.appendChild(Body);
        self.Body = Body;
        Down.onclick = function () {
            var Pages = self.GetPages();
            if (Pages.length == 0) {
                return;
            }
            var Menu = {
                style: {
                    "min-width": "180px",
                    "max-width": "300px"
                },
                Items: []
            }
            var Items = Menu.Items;
            for (var i = 0; i < Pages.length; i++) {
                var html ;
                if (Pages[i] == self.Current) {
                    html = "<span style='font-family:CLFont;padding-right:7px'>&#xe645;</span><span class='ellipsis' style='display:inline-block;width:calc(100% - 45px);line-height:16px'>"
                        + Pages[i].Name + "</span>";
                } else {
                    html = "<span style='font-family:CLFont;padding-right:22px'></span><span class='ellipsis' style='display:inline-block;width:calc(100% - 45px);line-height:16px'>"
                        + Pages[i].Name + "</span>";
                }
                if (Pages[i].EnableClose) {
                    html += "<span class='Close'></span>";
                }
                Items.push({
                    Html: html,
                    Page: Pages[i],
                    style: {
                        "padding": "0 10px"
                    },
                    Enable: true,
                    OnCreated: function (Item) {
                        var close = Item.getElementsByClassName("Close")[0];
                        if (close) {
                            close.Page = this.Page;
                            close.onclick = function (e) {
                                this.Page.Close();
                                e.stopPropagation();
                                _CLMenu.Close();
                            }
                        }
                    },
                    CallBack: function (e) {
                        this.Page.Open();
                        _CLMenu.Close();
                    }
                });
            }
            Items.push({
                Html: "<span style='font-family:CLFont;padding-right:22px'></span>关闭其他页面",
                Enable: true,
                CallBack: function (e) {
                    for (var i = 0; i < Pages.length; i++) {
                        if (Pages[i] != self.Current) {
                            Pages[i].Close()
                        }
                    }
                    _CLMenu.Close();
                }
            });
            Items.push({
                Html: "<span style='font-family:CLFont;padding-right:22px'></span>关闭所有页面",
                Enable: true,
                CallBack: function (e) {
                    for (var i = 0; i < Pages.length; i++) {
                        Pages[i].Close();
                    }
                    _CLMenu.Close();
                    _CLMenu.Close();
                }
            });
            var _CLMenu = new CLMenu(Menu, Down);
        }
    }
    
    var fn = CLTabPage.prototype;

    fn.Bar = null;

    fn.Tabs = null;

    fn.Down = null;

    fn.Body = null;

    fn.NewPage = function (data, enablClose) {
        var self = this;
        return new Page(self, data, enablClose);
    }

    fn.ClosePage = function (Page) {
        Page.Close();
    }

    fn.GetPages = function () {
        var self = this;
        var Tabs = self.Tabs;
        var nodes = Tabs.childNodes;
        var arr = [];
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].Page) {
                arr.push(nodes[i].Page);
            }
        }
        return arr;
    }

    CLTabPage.Open = function (data, enablClose, ele) {
        if (ele == null) {
            var event = window.event;
            ele = event.srcElement;
        }
        while (ele.CLTabPage == null) {
            if (ele == document.body) {
                if (!window.frameElement) {
                    return null;
                } else {
                    return window.parent.CLTabPage.Open();
                }
            } else {
                ele = ele.parentNode;
            }
        }
        if (ele && ele.CLTabPage) {
            return ele.CLTabPage.NewPage(data, enablClose);
        }
        return null;
    }

    CLTabPage.currentPage = function (ele) {
        var doc = ele.getRootNode();
        var win = H5.Window(ele);
        var doc = win.document;
        while (ele && ele.TabPage == null) {
            if (ele == doc.body) {
                if (!window.frameElement) {
                    return null;
                } else {
                    return win.parent.CLTabPage.currentPage(ele);
                }
            } else {
                ele = ele.parentNode;
            }
        }
        if (ele && ele.TabPage) {
            return ele.TabPage;
        }
    }

    function Page(TabPage, data, enablClose) {
        var self = this;
        self.TabPage = TabPage;
        self.EnableClose = !!enablClose;
        var Tabs = TabPage.Tabs;
        var Tab = document.createElement("div");
        Tab.innerHTML = "<span>" + (typeof data == "object" ? (data.html || data.name) : data) + "</span>";
        Tabs.appendChild(Tab);
        self.Name = typeof data == "object" ? data.name : data;
        self.Tab = Tab;
        Tab.Page = self;
        if (enablClose) {
            var close = document.createElement("span");
            close.className = "Close";
            Tab.appendChild(close);
            self.Close = function () {
                Tab.remove();
                Body.remove();
                if (TabPage.Current == self) {
                    TabPage.Current = null;
                }
                if (TabPage.Current == null) {
                    var Pages = TabPage.GetPages();
                    if (Pages.length > 0) {
                        Pages[Pages.length - 1].Open();
                    }
                }
            }
            close.onclick = function (e) {
                self.Close();
                e.stopPropagation();
            }
            Tab.classList.add("EnablClose");
        }
        var Container = TabPage.Body;
        var Body = document.createElement("div");
        Body.style.cssText = "width:100%;height:100%";
        Container.appendChild(Body);
        Body.TabPage = self;
        self.Body = Body;
        var Current = TabPage.Current;
        if (Current) {
            Current.Body.classList.remove("Open");
            Current.Tab.classList.remove("Open");
        }
        Tab.onclick = function () {
            self.Open();
        }
        CLEnableDragPosition(Tab, "EnablClose");
        self.Open();
    }

    var fn = Page.prototype;

    fn.TabPage = null;

    fn.Tab = null;

    fn.Body = null;

    fn.Name = null;

    fn.EnableClose = null;

    fn.SetTitle = function (html) {
        var self = this;
        self.Tab.firstChild.innerHTML = html;
        if (self.Tab.firstChild.innerText == html) {
            self.Name = html;
        }
    }

    fn.Open = function () {
        var self = this;
        var Current = self.TabPage.Current;
        if (Current == self) {
            return;
        } else if (Current) {
            Current.Body.classList.remove("Open");
            Current.Tab.classList.remove("Open");
        }
        self.Tab.classList.add("Open");
        self.Body.classList.add("Open");
        self.TabPage.Current = self;
        document.activeElement.blur();
        if (!self.Body.firstChild && self.Create != self.oCreate) {
            self.Create(self.Body);
        }
    }

    fn.Create = function () {

    }

    fn.oCreate = fn.Create;

    fn.Close = function () {

    }

    CLTabPage.FPage = Page;
}())

;/// <reference path="E:\VsPro\CLFlow\CLFlow\js/jquery.js" />

CLRegiste("CLTitle", window, true);
(function () {

    var CLTitle = window.CLTitle = function (Ele, EleTitle) {
        if (window.navigator.userAgent.indexOf("Mobile") >= 0) {
            return;
        }
        var oldEleTitle = document.getElementById("CLTitle");
        if (oldEleTitle != null) {
            oldEleTitle.CLTitle.Close();
        }
        this.Ele = Ele;
        var TitleBox = document.createElement("div");
        TitleBox.className = "TitleBox";
        TitleBox.style.zIndex = CLMaxZIndex() + 1;
        TitleBox.appendChild(EleTitle);
        EleTitle.CLTitle = this;
        document.body.appendChild(TitleBox);
        EleTitle.classList.add("CLTitle");
        EleTitle.id = "CLTitle";

        var Rect = Ele.getBoundingClientRect();
        var X = Rect.left;
        var Y = Rect.bottom;
        if (X + TitleBox.offsetWidth > innerWidth) {
            if (Rect.right < innerWidth) {
                X = innerWidth - TitleBox.offsetWidth;
            } else {
                X -= EleTitle.offsetWidth;
            }
        }
        if (X < 0) {
            X = 0;
        }
        if (Y + TitleBox.offsetHeight > innerHeight) {
            Y -= TitleBox.offsetHeight;
        }
        if (Y < 0) {
            Y = 0;
        }
        TitleBox.style.left = X + "px";
        TitleBox.style.top = Y + 5 + "px";
        var self = this;
        Ele.oldenter = Ele.onmouseenter;
        self.Close = function (o) {
            Ele.onmouseenter = Ele.oldenter;
            TitleBox.remove();
            window.removeEventListener("mousemove", func);
            if (timer) {
                clearTimeout(timer);
            }
        }
        var timer;

        var time = new Date();
        function func(e) {
            if (timer) {
                clearTimeout(timer);
            }
            timer = setTimeout(function () {
                var rect = TitleBox.getBoundingClientRect();
                var rect2 = Ele.getBoundingClientRect();
                if (!((e.clientX >= rect.left
                    && e.clientX <= rect.right
                    && e.clientY >= rect.top
                    && e.clientY <= rect.bottom) ||
                    (e.clientX >= rect2.left
                    && e.clientX <= rect2.right
                    && e.clientY >= rect2.top
                    && e.clientY <= rect2.bottom))) {
                    self.Close();
                }
            }, 300);
        }
        window.addEventListener("mousemove", func);
    }

    CLTitle.Close = function () {
        var EleTitle = document.getElementById("CLTitle");
        if (EleTitle != null) {
            EleTitle.CLTitle.Close();
        }
    }
}());
;
(function () {
    CLRegiste("CLTree", null, true);

    var CLTree = window.CLTree = function (TreeData) {
        this.TreeData = TreeData;
    }

    var fn = CLTree.prototype;

    fn.IconText = "&#xe600";

    fn.MultiSel = null;

    fn.AutoLost = true;

    fn.Editable = true;

    fn.Empty = "";

    fn.Animation = false;

    fn.IDNo = null;

    fn.NameNo = null;

    fn.ParentNo = null;

    fn.CutInfo = null;

    fn.TreeData = null;

    fn.Listable = false;

    fn.delayRender = false;

    fn.Render = function (Container) {
        var self = this;
        self.Ele = Container;
        self.IDNo = self.IDNo == null ? "ID" : self.IDNo;
        self.NameNo = self.NameNo == null ? "Name" : self.NameNo;
        var IDNo = self.IDNo;
        var NameNo = self.NameNo;
        self.ParentNo = self.ParentNo == null ? "ParentID" : self.ParentNo;
        var ParentNo = self.ParentNo;
        var paddingLeft = self.paddingLeft;
        var backLeft = self.backLeft;
        if (!paddingLeft) {
            paddingLeft = 10;
        }
        if (!backLeft) {
            backLeft = 0;
        }
        var divTree = document.createElement("div");
        divTree.className = "CLTree";
        divTree.setAttribute("Empty", self.Empty);
        divTree.CLTree = self;
        self.Prefix = CLMakeId();
        Object.defineProperty(self, "Visible", {
            get: function () {
                return this.IsVisible == true;
            },
            set: function (val) {
                this.IsVisible = (val == true);
                if (this.IsVisible) {
                    divTree.style.display = "block";
                } else {
                    divTree.style.display = "none";
                }
            }
        });

        function getDataById(Id) {
            function get(data) {
                if (data[IDNo] == Id) {
                    return data;
                } else {
                    if (data.SubNode) {
                        var SubData = data.SubNode;
                        SubData = typeof SubData == "function" ? SubData() : SubData;
                        for (var i = 0; i < SubData.length; i++) {
                            var R = get(SubData[i]);
                            if (R) {
                                return R;
                            }
                        }
                        return null;
                    } else {
                        return null;
                    }
                }
            }
            if (self.TreeData) {
               return get(self.TreeData);
            }else {
                return null;
            }
        }

        self.SelectAll = function (iLevel) {
            var Items;
            if (iLevel == undefined) {
                Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            } else {
                Items = divTree.querySelectorAll(".Level_" + iLevel + ">.Item");
            }
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && Items[i].checked != true) {
                    Items[i].checked = true;
                    Items[i].OpenEx();
                }
            }
        }

        self.UnSelectAll = function () {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && Items[i].checked == true) {
                    Items[i].checked = false;
                }
            }
        }

        self.Select = function (Id) {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var Item = null;
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (Id == null && Items[i].checked) {
                    Items[i].checked = false;
                }
                if (data && data[IDNo] == Id) {
                    Item = Items[i];
                    break;
                }
            }
            if (Id == null) {
                return;
            }
            if (Item != null && Item.checked != true) {
                Item.checked = true;
                Item.OpenEx();
            }
            return Item;
        }

        self.getItemById = function (Id) {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var Item = null;
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && data[IDNo] == Id) {
                    Item = Items[i];
                    break;
                }
            }
            if (self.delayRender && !Item) {
                var data = getDataById(Id);
                if (data) {
                    var pItem = self.getItemById(data[ParentNo]);
                    if (pItem.IsOpen()) {
                        pItem.removeAttribute("rendered");
                    }
                    pItem.Open();
                    Item = self.getItemById(Id);
                }
            }
            return Item;
        }

        self.Selects = function (Ids) {
            for (var i = 0; Ids && i < Ids.length ; i++) {
                if (!self.AutoLost) {
                    Lost = false;
                    self.Select(Ids[i]);
                    Lost = true;
                } else {
                    self.Select(Ids[i]);
                }
            }
        }

        self.GetSelected = function () {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var IDs = [];
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && Items[i].checked) {
                    IDs.push(data[IDNo]);
                }
            }
            if (self.MultiSel || IDs.length > 1) {
                return IDs;
            } else {
                return IDs[0];
            }
        }

        self.UnSelect = function (Id) {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var Item = null;
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && data[IDNo] == Id) {
                    Item = Items[i];
                    break;
                }
            }
            if (Item != null && Item.checked != false) {
                Item.checked = false;
            }
        }

        self.Disable = function (Id) {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var Item = null;
            for (var i = 0; i < Items.length; i++) {
                var data = Items[i].ItemData;
                if (data && data[IDNo] == Id) {
                    Item = Items[i];
                    break;
                }
            }
            if (Item != null && Item.checked != true) {
                Item.disabled = true;
                ItemCount--;
            }
        }

        self.IsAllOpen = function (level) {
            if (level == null) {
                return divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item.ItemOpen").length == divTree.querySelectorAll(".CLTree>.Item>ItemOpen,.SubNode>.Item>.ItemOpen").length;
            } else {
                return divTree.querySelectorAll(".Level_" + level + ">.Item").length == divTree.querySelectorAll(".Level_" + level + ">.Item>.ItemOpen").length;
            }
        }

        self.OpenAll = function (level) {
            var items;
            if (level == null) {
                items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            } else {
                items = divTree.querySelectorAll(".Level_" + level + ">.Item");
            }
            self.Animation = false;
            items.forEach(function (ele) {
                if (ele.Open) {
                    ele.Open();
                }
            });
            self.Animation = true;
        }

        self.CloseAll = function (level) {
            var items;
            if (level == null) {
                items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            } else {
                items = divTree.querySelectorAll(".Level_" + level + ">.Item");
            }
            self.Animation = false;
            items.forEach(function (ele) {
                if (ele.Close) {
                    ele.Close();
                }
            });
            self.Animation = true;
        }

        self.Search = function (sVal) {
            var Items = divTree.querySelectorAll(".CLTree>.Item,.SubNode>.Item");
            var Animation = self.Animation;
            self.Animation = false;
            self.CloseAll();
            self.Animation = Animation;
            sVal = sVal.toLocaleLowerCase();
            for (var i = 0; i < Items.length ; i++) {
                var data = Items[i].ItemData;
                if (data) {
                    Items[i].classList.remove("ItemHidden");
                    var divName = Items[i].Name
                    divName.classList.remove("Mark");
                    var ID = data[IDNo];
                    var Name = data[NameNo];
                    Name = Name && Name.toLocaleLowerCase();
                    if (((Name && Name.indexOf(sVal) >= 0) || ID == sVal) && sVal.length != 0) {
                        Items[i].OpenEx();
                        divName.classList.add("Mark");
                    }
                }
            }
            if (sVal.length == 0) {
                divTree.firstChild.Open();
                return;
            }
            for (var i = 0; i < Items.length ; i++) {
                var data = Items[i].ItemData;
                if (!data) {
                    continue;
                }
                if (!Items[i].querySelector(".Name.Mark")) {
                    Items[i].classList.add("ItemHidden");
                }
            }
        }

        self.getItemSel = function () {
            return ItemSel;
        }

        var ItemSel = null;
        var ItemCount = 0;
        var SelItemCount = 0;
        var Creating = true;
        var Lost = true;
        function ShowItem(ItemData, iLevel) {
            var html = "";
            if (iLevel === undefined) {
                iLevel = 0;
            }
            var rendered = !self.delayRender || iLevel < 1;
            html += "<div class='Item" + ((!ItemData.SubNode || ItemData.SubNode.length == 0) ? " NoChild" : "") + "' " + (rendered ? "rendered" : "") + ">";
            if (self.Listable) {
                html += "<div class='Info'>";
                html += "<div class='Col Indent' style='padding-left:" + Math.max(0, (iLevel + 1) * paddingLeft - backLeft) + "px'>";
            } else {
                html += "<div class='Info' style='padding-left:" + Math.max(0, (iLevel + 1) * paddingLeft - backLeft) + "px'>";
            }
            html += "<div class='Ctrl'>";
            html += "</div>";
            html += "<div class='Icon IconShort' IconText='" + CLHTMLDecode(self.IconText) + "'>";
            html += "</div>";
            html += "<div class='Name' title='" + ItemData[NameNo] + "' >";
            html += ItemData[NameNo];
            html += "</div>";
            if (self.Listable) {
                html += "</div>";
            }
            html += "</div>";
            html += "<div class='SubNode'>";
            if (!self.delayRender || iLevel < 1) {
                for (var i = 0; ItemData.SubNode != null && i < ItemData.SubNode.length ; i++) {
                    html += ShowItem(ItemData.SubNode[i], iLevel + 1);
                }
            }
            html += "</div>";
            html += "</div>";
            return html;
        }

        function AfterShow(Item, ItemData, iLevel) {
            if (iLevel === undefined) {
                iLevel = 0;
            }
            Item.ItemData = ItemData;
            Item.Icon = Item.querySelector(".Icon");
            var Ctrl = Item.Ctrl = Item.querySelector(".Ctrl");
            var Info = Item.Info = Item.querySelector(".Info");
            var Name = Item.Name = Item.querySelector(".Name");
            var SubNode = Item.SubNode = Item.querySelector(".SubNode");
            SubNode.Level = iLevel + 1;
            SubNode.classList.add("Level_" + (iLevel + 1));
            var CheckBox = null;
            var RadioBox = null;
            if (self.MultiSel == true) {
                CheckBox = document.createElement("div");
                CheckBox.className = "BoxIcon";
                Info.appendChild(CheckBox);
            } else if (self.MultiSel == false) {
                RadioBox = document.createElement("div");
                RadioBox.className = "RadioIcon";
                Info.appendChild(RadioBox);
            }
            Object.defineProperty(Item, "checked", {
                get: function () {
                    return this.IsChecked == true;
                },
                set: function (val) {
                    val = (val == true);
                    if (Item.disabled == true) {
                        return;
                    }
                    if (val) {
                        SelItemCount++;
                    } else {
                        SelItemCount--;
                    }
                    if (this.IsChecked == val) {
                        return;
                    }
                    this.IsChecked = val;
                    if (self.MultiSel == null) {
                        if (val == true) {
                            if (Lost) {
                                if (ItemSel != null && ItemSel != this) {
                                    ItemSel.checked = false;
                                } else if (ItemSel == this) {
                                    return;
                                }
                            }
                            Item.firstChild.classList.add("InfoSel");
                            ItemSel = Item;
                            self.OnSelected(ItemData);
                        } else {
                            Item.firstChild.classList.remove("InfoSel");
                            self.OnLostSelected(ItemData);
                            if (ItemSel == Item) {
                                ItemSel = null;
                            }
                        }
                        return;
                    } else if (self.MultiSel == true) {
                        if (val == true) {
                            CheckBox.classList.add("BoxIconChecked");
                            self.OnSelected(ItemData);
                            if (SelItemCount == ItemCount) {
                                self.OnAllSelected();
                            }
                        } else {
                            CheckBox.classList.remove("BoxIconChecked");
                            self.OnLostSelected(ItemData);
                            if (SelItemCount == ItemCount - 1) {
                                self.OnLostAllSelected();
                            }
                        }
                    } else if (self.MultiSel == false) {
                        if (val == true) {
                            if (ItemSel != null && ItemSel != this) {
                                ItemSel.checked = false;
                            } else if (ItemSel == this) {
                                return;
                            }
                            RadioBox.classList.add("RadioChecked");
                            self.OnSelected(ItemData);
                        } else {
                            RadioBox.classList.remove("RadioChecked");
                            self.OnLostSelected(ItemData);
                        }
                        ItemSel = Item;
                    }
                }
            });
            (function () {
                Item.dataMenu = {
                    "style": {
                        "width": "180px",
                        "max-height": "100%",
                        "overflow-y": "scroll",
                    },
                    "Items": [
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "添加",
                             "Enable": true,
                             "CallBack": function (e) {
                                 self.OnAddNode(ItemData[IDNo], function (jNode) {
                                     if (!Item.firstChild.classList.contains("ItemOpen")) {
                                         Item.firstChild.classList.add("ItemOpen");
                                         SubNode.style.display = "block";
                                         SubNode.style.height = "initial";
                                     }
                                     if (Item.className.indexOf("NoChild") >= 0) {
                                         Item.classList.remove("NoChild");
                                     }
                                     var r = Item.addChild(jNode);
                                     _CLMenu.Close();
                                     return r;
                                 });
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "重命名",
                             "Enable": true,
                             "CallBack": function (e) {
                                 var divName = Item.Name;
                                 divName.oldName = divName.innerText;
                                 divName.contentEditable = true;
                                 CLAsync(function () {
                                     divName.focus();
                                 });
                                 function NameChanged() {
                                     divName.scrollLeft = 0;
                                     divName.contentEditable = false;
                                     Item.ItemData.Name = divName.innerText;
                                     if (!self.OnRename(ItemData[IDNo], divName.innerText)) {
                                         divName.innerText = divName.oldName;
                                         Item.ItemData.Name = divName.oldName;
                                     } else {
                                         _CLMenu.Close();
                                     }
                                 }
                                 divName.onblur = NameChanged;
                                 divName.onkeydown = function (e) {
                                     if (e.keyCode == 13) {
                                         NameChanged();
                                         e.preventDefault();
                                     }
                                 }
                                 _CLMenu.Close();
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "剪切",
                             "Enable": true,
                             "CallBack": function (e) {
                                 self.CutInfo = ItemData;
                                 _CLMenu.Close();
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "粘贴",
                             "Enable": true,
                             "CallBack": function (e) {
                                 if (self.CutInfo) {
                                     self.OnSetParent(self.CutInfo[IDNo], ItemData[IDNo], function () {
                                         self.getItemById(self.CutInfo[IDNo]).Remove();
                                         Item.addChild(self.CutInfo);
                                         self.CutInfo[ParentNo] = ItemData[IDNo];
                                     });
                                     _CLMenu.Close();
                                 }
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "删除",
                             "Enable": Container.className != "CLTree",
                             "CallBack": function (e) {
                                 if (!this.Enable) {
                                     return;
                                 }
                                 self.OnRemoveNode(ItemData[IDNo], function () {
                                     Item.Remove();
                                     _CLMenu.Close();
                                 });
                             }
                         }

                    ]
                }
                Item.cutItem = Item.dataMenu.Items[3];
            }());

            Item.IsAllOpen = function (level) {
                if (level == null) {
                    return Item.querySelectorAll(".SubNode>.Item").length == Item.querySelectorAll(".SubNode>.Item>.ItemOpen").length;
                } else {
                    return Item.querySelectorAll(".Level_" + level + ">.Item").length == Item.querySelectorAll(".Level_" + level + ">.Item>.ItemOpen").length;
                }
            }

            Item.OpenAll = function (level) {
                var items;
                if (level == null) {
                    items = Item.querySelectorAll(".SubNode>.Item");
                } else {
                    items = Item.querySelectorAll(".Level_" + level + ">.Item");
                }
                self.Animation = false;
                items.forEach(function (ele) {
                    if (ele.Open) {
                        ele.Open();
                    }
                });
                self.Animation = true;
            }

            Item.CloseAll = function (level) {
                var items;
                if (level == null) {
                    items = Item.querySelectorAll(".SubNode>.Item");
                } else {
                    items = Item.querySelectorAll(".Level_" + level + ">.Item");
                }
                self.Animation = false;
                items.forEach(function (ele) {
                    if (ele.Close) {
                        ele.Close();
                    }
                });
                self.Animation = true;
            }

            Item.SelectAll = function () {
                var items = Item.querySelectorAll(".SubNode>.Item");
                items.forEach(function (ele) {
                    ele.checked = true;
                });
            }

            Item.UnSelectAll = function () {
                var items = Item.querySelectorAll(".SubNode>.Item");
                items.forEach(function (ele) {
                    ele.checked = false;
                });
            }

            Item.Select = function () {
                Item.checked = true;
            }

            Item.UnSelect = function () {
                Item.checked = false;
            }

            Item.Open = function () {
                var SubData = ItemData.SubNode;
                var rendered = Item.hasAttribute("rendered") || ((!self.delayRender || iLevel < 1) && typeof SubData != "function");
                if (self.delayRender && !rendered) {
                    Item.setAttribute("rendered", "");
                    if (typeof SubData == "function") {
                        SubData = SubData();
                    }
                    var html = "";
                    SubData && SubData.forEach(function (ele, index) {
                        if (ele[IDNo] == null) {
                            ele[IDNo] = ItemData[IDNo] + "_" + index;
                        }
                        html += ShowItem(ele, SubNode.Level);
                    });
                    SubNode.innerHTML = html;
                    var nodes = SubNode.childNodes;
                    for (var i = 0; i < nodes.length ; i++) {
                        AfterShow(nodes[i], SubData[i], SubNode.Level);
                    }
                }
                if (!Info.classList.contains("ItemOpen")) {
                    Info.classList.add("ItemOpen");
                    if (Creating || !self.Animation) {
                        SubNode.style.transition = "all 0s";
                        SubNode.style.height = "initial";
                        SubNode.style.transition = "";
                    } else {
                        SubNode.style.height = SubNode.childNodes.length == 0 ? "0px" : (SubNode.childNodes.length * SubNode.childNodes[0].offsetHeight + "px");
                        SubNode.addEventListener("transitionend", function () {
                            if (Info.classList.contains("ItemOpen")) {
                                SubNode.style.height = "initial";
                            } else {
                                SubNode.style.height = "";
                            }
                        });
                    }
                }
                if (Item.parentNode && Item.parentNode.classList.contains("SubNode")) {
                    Item.parentNode.parentNode.Open();
                }
            }

            Item.IsOpen = function () {
                return Info.classList.contains("ItemOpen");
            }

            Item.OpenEx = function () {
                if (Item.parentNode.classList.contains("SubNode")) {
                    Item.parentNode.parentNode.Open();
                }
            }

            Item.Close = function () {
                if (self.Animation) {
                    if (Info.classList.contains("ItemOpen")) {
                        SubNode.style.height = SubNode.offsetHeight + "px";
                        Info.classList.remove("ItemOpen");
                        var t = setTimeout(function () {
                            clearTimeout(t);
                            SubNode.style.height = "0px";
                        });
                    }
                } else {
                    if (Info.classList.contains("ItemOpen")) {
                        Info.classList.remove("ItemOpen");
                        SubNode.style.height = "0px";
                    }
                }
            }

            Item.Remove = function () {
                var SubNode = Item.parentNode;
                if (!SubNode) {
                    return;
                }
                Item.remove();
                var dataSubNode = SubNode.parentNode.ItemData.SubNode;
                if (Array.isArray(dataSubNode)) {
                    dataSubNode.splice(dataSubNode.indexOf(Item.ItemData), 1);
                }
                if (SubNode.childNodes.length == 0) {
                    SubNode.parentNode.classList.add("NoChild");
                    SubNode.parentNode.Close();
                }
            }

            Item.CloseEx = function () {
                if (!Item.HasChecked()) {
                    Item.Close();
                }
            }

            Item.Show = function () {
                Item.style.display = "none";
            }

            Item.Hide = function () {
                Item.style.display = "block";
            }

            Item.HasChecked = function () {
                if (!Item.checked) {
                    var SubNode = Item.lastChild;
                    for (var i = 0; i < SubNode.length ; i++) {
                        if (SubNode[i].HasChecked() == true) {
                            return true;
                        }
                    }
                    return false;
                } else {
                    return true;
                }
            }

            Item.addChild = function (itemData, push) {
                if (Item.classList.contains("NoChild")) {
                    Item.classList.remove("NoChild");
                }
                if (itemData[IDNo] == null) {
                    itemData[IDNo] = ItemData[IDNo] + "_" + (ItemData.SubNode == null || ItemData.SubNode.length == 0 ? "1" : ItemData.SubNode.length);
                }
                if (ItemData.SubNode == null) {
                    ItemData.SubNode = [itemData];
                } else {
                    if (push !== false) {
                        ItemData.SubNode.push(itemData);
                    }
                }
                if (self.delayRender && !Item.hasAttribute("rendered")) {
                    return self.getItemById(itemData[IDNo]);
                } else {
                    var html = ShowItem(itemData, SubNode.Level);
                    var div = document.createElement("div");
                    div.innerHTML = html;
                    SubNode.appendChild(div.firstChild);
                    var newItem = SubNode.lastChild;
                    AfterShow(newItem, itemData, SubNode.Level);
                    return newItem;
                }
            }

            Item.HasChild = function () {
                return !Item.classList.contains("NoChild");
            }

            Item.SetID = function (ID) {
                ItemData[IDNo] = ID;
                Item.id = "Item_" + self.Prefix + "_" + ItemData[IDNo];
            }

            Item.SetName = function (Name) {
                ItemData[NameNo] = Name;
                Item.Name.innerText = Name;
            }

            Ctrl.onclick = function (e) {
                if (Item.IsOpen()) {
                    Item.Close();
                } else {
                    Item.Open();
                }
                if (e != null) {
                    e.stopPropagation();
                }
            }

            Info.onclick = function (e) {
                if (self.MultiSel == true) {
                    Item.checked = !Item.checked;
                } else {
                    Item.checked = true;
                }
            }

            Info.oncontextmenu = function (e) {
                if (!self.Editable) {
                    return;
                }
                var divName = Name;
                Item.cutItem.Enable = !!self.CutInfo && self.CutInfo.ID != ItemData[IDNo];
                _CLMenu = new CLMenu(Item.dataMenu, e.currentTarget);
                e.preventDefault();
                e.stopPropagation();
            }

            if (ItemData.SubNode && ItemData.SubNode.length > 0) {
                var Items = [];
                Items.CLConcat(Item.SubNode.childNodes);
                for (var i = 0; i < Items.length ; i++) {
                    AfterShow(Items[i], ItemData.SubNode[i], iLevel + 1);
                }
            }
            if (self.OnItemCreated != null) {
                self.OnItemCreated(Item, ItemData);
            }
        }

        Container.appendChild(divTree);

        if (self.TreeData != null) {
            if (self.TreeData[IDNo] == null) {
                self.TreeData[IDNo] = "1";
            }
            var html = ShowItem(self.TreeData);
            divTree.innerHTML = html;
            divTree.classList.add("Level_0");
            divTree.Level = 0;
            var Item = divTree.firstChild;
            var rendered = Item.hasAttribute("rendered") || typeof self.TreeData.SubData != "function";
            AfterShow(Item, self.TreeData);
            if (self.delayRender && !rendered) {
                CLDelay(function () {
                    var an = self.Animation;
                    self.Animation = false;
                    Item.Open();
                    self.Animation = an;
                });
            } else {
                Item.Open();
            }
        } else if (self.Editable) {
            divTree.oncontextmenu = function (e) {
                var Menu = {
                    "style": {
                        "width": "180px",
                        "max-height": "100%",
                        "overflow-y": "scroll",
                    },
                    "Items": [
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "添加",
                             "Enable": true,
                             "CallBack": function (MenuItem) {
                                 self.OnAddNode(null, function (jNode) {
                                     self.TreeData = jNode;
                                     CreateItem(self.TreeData, divTree);
                                 });
                             }
                         }

                    ]
                }
                new CLMenu(Menu, document.body);
                e.preventDefault();
                e.stopPropagation();
            }
        }
        Creating = false;
    }

    fn.GetSelected = function () {

    }

    fn.getItemSel = function () { }

    fn.getItemById = function () { }

    fn.Search = function (sVal) { }
    
    fn.Select = function (Id) {
        //已实现
    }

    fn.Selects = function (Ids) { }

    fn.UnSelect = function (Id) {
        //已实现
    }

    fn.SelectAll = function () {
        //已实现
    }

    fn.UnSelectAll = function () {
        //已实现
    }

    fn.Disable = function (Id) {
        //已实现
    }

    fn.OpenAll = function () {
        //已实现
    }

    fn.CloseAll = function () {
        //已实现
    }

    fn.OnSelected = function (ItemData) {
        //回调接口
    }

    fn.OnLostSelected = function (ItemData) {
        //回调接口
    }

    fn.OnAllSelected = function (ItemData) {
        //回调接口
    }

    fn.OnLostAllSelected = function (ItemData) {
        //回调接口
    }

    fn.OnItemCreated = function (Item, ItemData) {
        //回调接口
    }

    fn.OnRename = function (ID, Name) {
        //回调接口(同步调用)
    }

    //Success:function(ID:"",Name:""){}
    fn.OnAddNode = function (ParentID, Success) {
        //回调接口
    }

    //Success:function(){}
    fn.OnRemoveNode = function (Id, Success) {
        //回调接口
    }

    fn.OnSetParent = function (Id, ParentID, Success) {

    }
}());
;(function () {
    //https://learn.microsoft.com/en-us/openspecs/office_standards/ms-xlsx/2c5dee00-eff2-4b22-92b6-0738acd4475e
    CLRegiste("MsExcel", null, true);
    var utils;

    function Load() {
        if (!utils) {
            CLLoad("/CLUI/third-party/Xlsx/XLSXStyle.js", "1.24");
            utils = XLSXStyle.utils;
        }
    }

    function MapMerge(sheet, merge, map) {
        var mapInfo = sheet["!mapinfo"];
        var first;
        var row_s = merge.s.r;
        var row_e = merge.e.r;
        var col_s = merge.s.c;
        var col_e = merge.e.c;
        for (var y = row_s; y <= row_e ; y++) {
            for (var x = col_s; x <= col_e ; x++) {
                if (y == row_s && x == col_s) {
                    first = utils.encode_cell({ c: x, r: y });
                }
                var name = utils.encode_cell({ c: x, r: y });
                if (map && !(col_s == col_e && row_s == row_e)) {
                    mapInfo[name] = {
                        name: first,
                        col_s:col_s,
                        row_s: row_s,
                        col_e: col_e,
                        row_e: row_e
                    };
                    if (first != name) {
                        if (!sheet[first]) {
                            sheet[first] = {
                                s: {}
                            }
                        }
                        if (!sheet[first].s) {
                            sheet[first].s = {};
                        }
                        sheet[name] = {
                            t: "n",
                            v: "",
                            s: sheet[first].s
                        }
                    }
                } else {
                    delete sheet[name];
                    delete mapInfo[name];
                }
            }
        }
    }

    function CInfo(ms_cell, alloc) {
        var sheet = ms_cell.sheet;
        var col = ms_cell.col;
        var row = ms_cell.row;
        var mapInfo = sheet["!mapinfo"];
        var name = utils.encode_cell({ c: col, r: row });
        var info = mapInfo[name];
        if (info) {
            name = info.name;
        }
        if (alloc) {
            if (!sheet[name]) {
                sheet[name] = {
                    t: "n",
                    v: "",
                    s: {}
                };
            } else if (!sheet[name].s) {
                sheet[name].s = {};
            }
        }
        return sheet[name];
    }

    function MsFont() {
        var self = this;
        if (!(self instanceof MsFont)) {
            return new MsFont();
        }
    }

    var fn = MsFont.prototype;

    var flist = [{ key: "name", tag: "name", prop: "val" }, { key: "bold", tag: "b", prop: null }, { key: "underline", tag: "u", prop: null }, { key: "italic", tag: "i", prop: null }, { key: "strike", tag: "strike", prop: null }
       , { key: "outline", tag: "outline", prop: null }
       , { key: "shadow", tag: "shadow", prop: null }
       , { key: "size", tag: "sz", prop: "val", key2: "sz" }
       , { key: "vAlign", tag: "vertAlign", prop: "val", key2: "vertAlign" }
       , { key: "color", tag: "color", prop: "rgb" }];

    (function () {
        var map = {};
        flist.forEach(function (o) {
            Object.defineProperty(fn, o.key, {
                get: function () {
                    var self = this;
                    if (self["+get"]) {
                        return self["+get"](o.tag);
                    } else {
                        return self[o.key + "_"];
                    }
                },
                set: function (v) {
                    var self = this;
                    if (self["+set"]) {
                       self["+set"](o.tag, v);
                    } else {
                        self[o.key + "_"] = v;
                    }
                }
            });
            map[o.tag] = o;
        });
        map["rFont"] = map["name"];
        flist.map = map;
    }());

    fn.ToXml = function () {
        var self = this;
        var R = "";
        flist.forEach(function (o) {
            if (self[o.key + "_"]) {
                if (o.prop == null) {
                    R += '<' + o.tag + '/>';
                } else {
                    R += '<' + o.tag + ' ' + o.prop + '="' + self[o.key + "_"] + '"/>';
                }
            }
        });
    }

    fn.TorPr = function () {
        var self = this;
        var R = "";
        flist.forEach(function (o)   {
            var tag = o.tag;
            if (tag == "name") {
                tag = "rFont";
            }
            if (self[o.key + "_"]) {
                if (o.prop == null) {
                    R += '<' + tag + '/>';
                } else {
                    R += '<' + tag + ' ' + o.prop + '="' + self[o.key + "_"] + '"/>';
                }
            }
        });
        return !!R ? "<rPr>" + R + "</rPr>" : "";
    }

    function MsBorder() {
        var self = this;
        if (!(self instanceof MsBorder)) {
            return new MsBorder();
        }
        borders.forEach(function (name) {
            var o =  Object.create(null);
            var attr = ["style", "color"];
            attr.forEach(function (key) {
                Object.defineProperty(o, key, {
                    get: function () {
                        return self["+get"](key, name);
                    }
                    , set: function (v) {
                        v = v
                        self["+set"](key, name, v);
                    }
                });
            });
            self[name + "_"] = o;
        });
    }

    fn = MsBorder.prototype;

    var borders = ["left", "top", "right", "bottom"];

    var styles = ['hair', 'dotted', 'dashDotDot', 'dashDot', 'dashed', 'thin', 'mediumDashDotDot', 'slantDashDot', 'mediumDashDot', 'mediumDashed', 'medium', 'thick', 'double'];

    (function () {
        borders.forEach(function (name)    {
            Object.defineProperty(fn, name, {
                get: function () {
                    var self = this;
                    return self[name + "_"];
                },
                set: function (v) {
                    var self = this;
                    var arr = v.split(" ");
                    arr.forEach(function (ele) {
                        if (/^[0-9|A-F|a-f]+$/.test(ele)) {
                            self[name].color = ele.toLocaleUpperCase();
                        } else if (styles.includes(ele)) {
                            self[name].style = ele;
                        } else {
                            throw new Error("参数错误");
                        }
                    });
                }
            });
        });
    }());

    function MsText(text, font) {
        var self = this;
        if (!(self instanceof MsText)) {
            return new MsText(text, font);
        }
        font = font ? font : MsFont();
        self.Text = text;
        self.Font = font;
    }
    
    fn = MsText.prototype;

    fn.ToXml = function () {
        var self = this;
        var R = self.Font.TorPr();
        if (!!R) {
            return '<r >' + R + '<t xml:space="preserve">' + utils.escapexml(self.Text ? self.Text : "") + "</t>" + "</r>";
        } else {
            return '<t xml:space="preserve">' + utils.escapexml(self.Text ? self.Text : "") + "</t>";
        }
    }

    Object.defineProperty(fn, "Text", {
        get: function () {
            var self = this;
            return self.text_;
        },
        set: function (v) {
            var self = this;
            if (!v || typeof v == "string" || typeof v == "number" || typeof v == "boolean") {
                self.text_ = v;
            } else {
                throw Error("参数类型错误");
            }
        }
    });

    Object.defineProperty(fn, "Font", {
        get: function () {
            var self = this;
            return self.font_;
        },
        set: function (v) {
            var self = this;
            if (v instanceof MsFont) {
                self.font_ = v;
            } else {
                throw Error("参数类型错误");
            }
        }
    });
    
    function MsRichText(xml) {
        var self = this;
        if (!(self instanceof MsRichText)) {
            return new MsRichText(xml);
        }
        var attregexg = /([\w:]+)=((?:")([^"]*)(?:")|(?:')([^']*)(?:'))/g;
        var tagregex = /<[^>]*>/g;
        var arr = xml ? xml.replace(/<r>/g, "").split(/<\/r>/g) : [];
        var map = flist.map;
        arr.forEach(function (ele,index) {
            if (ele.length == 0) {
                return;
            }
            ele = ele.replace();
            var tags = ele.match(tagregex);
            var font = MsFont();
            tags && tags.forEach(function (tag) {
                var info = utils.parsexmltag(tag);
                var tagName = info[0].match(/[a-zA-Z]+/)[0];
                if (tagName == "t") {
                    return;
                } else {
                    var data = map[tagName];
                    if (data) {
                        font[data.key] = data.prop ? info[data.prop] : true;
                    }
                }
            });
            var index = ele.indexOf("<t");
            index = ele.indexOf(">", index);
            var index2 = ele.indexOf("</t");
            var text = ele.substr(index + 1, index2 - index - 1);
            self.push(new MsText(utils.unescapexml(text), font));
        });
    }

    var fn = MsRichText.prototype = Object.create(Array.prototype);

    fn.ToXml = function () {
        var self = this;
        var R = "";
        self.forEach(function (ele) {
            R += ele.ToXml();
        });
        return R;
    }

    Object.defineProperty(fn, "Text", {
        get: function () {
            var self = this;
            var R = "";
            self.forEach(function (ele) {
                R += ele.Text;
            });
            return R;
        }
    });
    function MsStyle(ms_cell) {
        var self = this;
        if (!(self instanceof MsStyle)) {
            return new MsStyle(ms_cell);
        }
        self.ms_cell = ms_cell;
    }

    fn = MsStyle.prototype;

    Object.defineProperty(fn, "font", {
        get: function () {
            var self = this;
            var font = MsFont();
            if (self.ms_cell.sheet) {
                var info = CInfo(self.ms_cell);
                var map = flist.map;
                font["+get"] = function (tag) {
                    var mInfo = map[tag];
                    var info = CInfo(self.ms_cell);
                    var data = info && info.s && info.s.font;
                    var key = mInfo.key2 || mInfo.key;
                    var Val = data && data[key];
                    if (Val) {
                        if (mInfo.prop && mInfo.prop != "val") {
                            return Val[mInfo.prop];
                        } else {
                            return Val;
                        }
                    } else {
                        return null;
                    }
                }
                font["+set"] = function (tag, v) {
                    var mInfo = map[tag];
                    var info = CInfo(self.ms_cell, true);
                    var Val;
                    if (mInfo.prop && mInfo.prop != "val") {
                        Val = {};
                        Val[mInfo.prop] = v;
                    } else {
                        Val = v;
                    }
                    if (!info.s.font) {
                        info.s.font = {};
                    }
                    var key = mInfo.key2 || mInfo.key;
                    info.s.font[key] = Val;
                }
            }
            return font;
        }
    });

    Object.defineProperty(fn, "border", {
        get: function () {
            var self = this;
            var border = MsBorder();
            border["+get"] = function (key, name) {
                var info = CInfo(self.ms_cell);
                var data = info && info.s && info.s.border;
                data = data && data[name] && data[name][key];
                if (key == "color") {
                    return data && data.rgb;
                } else {
                    return data;
                }
            }
            border["+set"] = function (key, name, v) {
                var info = CInfo(self.ms_cell, true);
                if (!info.s.border) {
                    info.s.border = {};
                }
                if (!info.s.border[name]) {
                    info.s.border[name] = {};
                }
                var Val = v;
                if (key == "color") {
                    v = v.toLocaleUpperCase();
                    Val = { rgb: v };
                }
                info.s.border[name][key] = Val;
            }
            return border;
        },
        set: function (v) {
            var self = this;
            var arr = v.split(" ");
            var border = self.border;
            arr.forEach(function (ele) {
                if (/^[0-9|A-F|a-f]+$/.test(ele)) {
                    borders.forEach(function (name) {
                        border[name].color = ele.toLocaleUpperCase();
                    });
                } else if (styles.includes(ele)) {
                    borders.forEach(function (name) {
                        border[name].style = ele;
                    });
                } else {
                    throw new Error("参数错误");
                }
            });
        }
    });

    Object.defineProperty(fn, "bgColor", {
        get: function () {
            var self = this;
            var info = CInfo(self.ms_cell);
            var data = info && info.s && info.s.fill;
            return data && data.fgColor && data.fgColor.rgb;
        },
        set: function (v) {
            var self = this;
            var info = CInfo(self.ms_cell, true);
            if (!info.s.fill) {
                info.s.fill = {};
            }
            if (!info.s.fill.fgColor) {
                info.s.fill.fgColor = {};
            }
            info.s.fill.fgColor.rgb = v;
        }
    });

    Object.defineProperty(fn, "vAlign", {
        get: function () {
            var self = this;
            var info = CInfo(self.ms_cell);
            var data = info && info.s && info.s.alignment;
            return data && data.vertical;
        },
        set: function (v) {
            var self = this;
            var info = CInfo(self.ms_cell, true);
            if (!info.s.alignment) {
                info.s.alignment = {};
            }
            info.s.alignment.vertical = v;
        }
    });

    Object.defineProperty(fn, "wrapText", {
        get: function () {
            var self = this;
            var info = CInfo(self.ms_cell);
            var data = info && info.s && info.s.alignment;
            return data && data.wrapText;
        },
        set: function (v) {
            var self = this;
            var info = CInfo(self.ms_cell, true);
            if (!info.s.alignment) {
                info.s.alignment = {};
            }
            info.s.alignment.wrapText = !!v;
        }
    });

    Object.defineProperty(fn, "hAlign", {
        get: function () {
            var self = this;
            var info = CInfo(self.ms_cell);
            var data = info && info.s && info.s.alignment;
            return data && data.horizontal;
        },
        set: function (v) {
            var self = this;
            var info = CInfo(self.ms_cell, true);
            if (!info.s.alignment) {
                info.s.alignment = {};
            }
            info.s.alignment.horizontal = v;
        }
    });

    fn.ms_cell = null;

    function MsCell(ms_xlsx, col, row) {
        var self = this;
        if (typeof col == "string") {
            col = utils.decode_cell(col);
            row = col.r;
            col = col.c;
        }
        if (!(self instanceof MsCell)) {
            return new MsCell(ms_xlsx, col, row);
        }
        self.sheet = ms_xlsx.__Active__;
        self.col = col;
        self.row = row;
    }

    fn = MsCell.prototype;

    fn.sheet = null;

    ["col_s", "row_s", "col_e", "row_e"].forEach(function (key) {
        Object.defineProperty(fn, key, {
            get: function () {
                var self = this;
                var mapInfo = self.sheet["!mapinfo"];
                var col = self.col;
                var row = self.row;
                var name = utils.encode_cell({ c: col, r: row });
                var info = mapInfo[name];
                if (info) {
                    return info[key];
                } else {
                    return ({ col_s: col, col_e: col, row_s: row, row_e: row })[key];
                }
            }
        });
    });

    fn.col = null;

    fn.row = null;
   
    Object.defineProperty(fn, "data", {
        get: function () {
            var self = this;
            return CInfo(self, false);
        }
    });

    Object.defineProperty(fn, "style", {
        get: function () {
            var self = this;
            return MsStyle(self);
        }
    });

    Object.defineProperty(fn, "value", {
        get: function () {
            var self = this;
            var info = CInfo(self);
            if (info) {
                if (info.r) {
                    var R = MsRichText(info.r);
                    if (R.length == 0) {
                        return null;
                    } else {
                        return R.length == 1 ? R[0] : R;
                    }
                } else if (info.w) {
                    return MsText(info.w);
                } else {
                    return MsText(info.w);
                }
            }
        },
        set: function (val) {
            var self = this;
            var info = CInfo(self, true);
            if (typeof val == "string") {
                info.r = "<t>" + utils.escapexml(val) + "</t>";
                info.t = "s";
            } else if (val instanceof MsText || val instanceof MsRichText) {
                info.r = val.ToXml();
                info.t = "s";
            } else if (val == null) {
                info.h = "";
                info.r = "";
                info.v = "";
                info.t = "n";
            }
        }
    });

    Object.defineProperty(fn, "link", {
        get: function () {
            var self = this;
            var info = CInfo(self);
            return info && info.l;
        },
        set: function (val) {
            var self = this;
            var info = CInfo(self, true);
            info.l = utils.escapexml(val);
        }
    });
    fn.addPicture = function (url, x, y, w, h, r) {
        var self = this;
        var sheet = self.sheet;
        if (!sheet["!drawing"]) {
            sheet["!drawing"] = [];
        }
        var drawing = {
            anchor: "oneCellAnchor",
            ext: {
                cx: w,
                cy: h
            },
            from: {
                col: self.col,
                colOff: x,
                row: self.row,
                rowOff: y
            },
            pic: {
                rot: r,
                blip: {
                    buffer: url
                }
            }
        };
        if (url.name) {
            drawing.pic.blip.name = url.name;
        }
        sheet["!drawing"].push(drawing);
        return drawing;
    }

    function MsXlsx(data) {
        var self = this;
        if (!(self instanceof MsXlsx)) {
            return new MsXlsx(data);
        }
        Load();
        if (data) {
            try {
                self.Workbook = XLSXStyle.read(new Uint8Array(data), { type: 'array', cellStyles: true, cellNF: true });
            } catch (e) {
                CLLoad("/CLUI/third-party/Xlsx/xlsx.core.min.js", "1.0");
                self.Workbook = XLSX.read(data, { type: 'array' });
            }
            self.Workbook.SheetNames.forEach(function (name) {
                var sheet = self.Workbook.Sheets[name];
                var merges = sheet["!merges"];
                if (!merges) {
                    merges = sheet["!merges"] = [];
                }
                sheet["!mapinfo"] = {};
                merges.forEach(function (merge) {
                    MapMerge(sheet, merge, true);
                });
            });
            self.SetForeground(0);
        } else {
            self.Workbook = { SheetNames: [], Sheets: {} };
        }
    }

    fn = MsXlsx.prototype;

    fn.GetSheet = function (index) {
        var self = this;
        var name = self.Workbook.SheetNames[index];
        return self.Workbook.Sheets[name];
    }

    fn.SetForeground = function (index) {
        var self = this;
        if (typeof index == "string") {
            self.__Active__ = self.Workbook.Sheets[index];
        } else {
            self.Workbook.Sheets[self.Workbook.SheetNames[index]];
        }
    }

    fn.AddSheet = function (name) {
        var self = this;
        var book = self.Workbook;
        book.SheetNames.push(name);
        var sheet = book.Sheets[name] = {};
        sheet["!merges"] = [];
        sheet["!mapinfo"] = {};
        if (!self.__Active__) {
            self.__Active__ = sheet;
        }
    }

    fn.SetColWidth = function (col, width) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            throw new Error("未找到活动表格");
        }
        var cols = sheet["!cols"];
        if (!cols) {
            cols = sheet["!cols"] = [];
        }
        if (typeof width == "number") {
            cols[col] = { wpx: width };
        } else {
            cols[col] = width;
        }
    }

    fn.SetRowHeight = function (row, height) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            throw new Error("未找到活动表格");
        }
        var rows = sheet["!rows"];
        if (!rows) {
            rows = sheet["!rows"] = [];
        }
        if (typeof height == "number") {
            rows[row] = { hpx: height };
        } else {
            rows[row] = height;
        }
    }

    fn.SetDefColWidth = function (width) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            return;
        }
        if (!sheet["!format"]) {
            sheet["!format"] = {};
        }
        sheet["!format"].defaultColWidth = width;
    }

    fn.SetDefRowHeight = function (height) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            return;
        }
        if (!sheet["!format"]) {
            sheet["!format"] = {};
        }
        sheet["!format"].defaultRowHeight = height;
    }

    fn.GetCell = function (col, row) {
        var self = this;
        return MsCell(self, col, row);
    }

    fn.SetLockCell = function (col, row) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            return;
        }
        sheet["!topLeftCell"] = utils.encode_cell({ c: col, r: row });
    }

    function ResetRef(sheet) {
        if (!sheet) {
            return;
        }
        var x1 = Number.MAX_VALUE, y1 = Number.MAX_VALUE, x2 = 0, y2 = 0;
        var merges = sheet["!merges"];
        merges && merges.forEach(function (merge) {
            x1 = Math.min(x1, merge.s.c);
            y1 = Math.min(y1, merge.s.r);
            x2 = Math.max(x2, merge.e.c);
            y2 = Math.max(y2, merge.e.r);
        });
        var flag = false;
        for (var key in sheet) {
            if (/^[A-Z]+[0-9]+$/.test(key) && Object.keys(sheet[key]).length > 0) {
                var data = utils.decode_cell(key);
                x1 = Math.min(x1, data.c);
                y1 = Math.min(y1, data.r);
                x2 = Math.max(x2, data.c);
                y2 = Math.max(y2, data.r);
                flag = true;
            }
        }
        if (!flag) {
            sheet["!ref"] = "A1";
        } else {
            sheet["!ref"] = utils.encode_cell({ c: x1, r: y1 });
            if (x1 != x2 || y1 != y2) {
                sheet["!ref"] += ":" + utils.encode_cell({ c: x2, r: y2 });
            }
        }
    }

    fn.MergeCells = function (col_s, row_s, col_e, row_e) {
        var self = this;
        var sheet = self.__Active__;
        if (!sheet) {
            throw new Error("未找到活动表格");
        }
        if (col_s == col_e && row_s == row_e) {
            return;
        }
        if (col_e < col_s) {
            var t = col_s;
            col_s = col_e;
            col_e = t;
        }
        if (row_e < row_s) {
            var t = row_s;
            row_s = row_e;
            col_e = t;
        }
        function contains(m1, m2) {
            return m1.s.c <= m2.s.c && m1.e.c >= m2.e.c && m1.s.r <= m2.s.r && m1.e.r >= m2.e.r;
        }
        function cross(m1, m2) {
            return !(m1.s.c > m2.e.c || m1.s.r > m2.e.r || m2.s.c > m1.e.c || m2.s.r > m1.e.r);
        }
        var merge = {
            s: { c: col_s, r: row_s },
            e: { c: col_e, r: row_e }
        };
        var merges = sheet["!merges"];
        {
            for (var i = 0; i < merges.length; i++) {
                var merge_ = merges[i];
                if (contains(merge_, merge)) {
                    return;
                } else if (contains(merge, merge_)) {
                    merges.splice(i, 1);
                    i--;
                } else if (cross(merge, merge_)) {
                    throw new Error("参数错误");
                }
            }
        }
        merges.push(merge);
        MapMerge(sheet, merge, true);
    }

    fn.RemoveMerge = function (col_s, row_s) {
        var self = this;
        var merges = sheet["!merges"];
        for (var i = 0; i < merges.length; i++) {
            var merge_ = merges[i];
            if (merge_.s.c == col_s && merge_.s.r == row_s) {
                MapMerge(sheet, merge_, false);
                merges.split(i, 1);
                break;
            }
        }
    }

    fn.showGridLines = true;

    Object.defineProperty(fn, "ref", {
        get: function () {
            var self = this;
            ResetRef(self.__Active__);
            if (!self.__Active__) {
                return [];
            }
            var ref = self.__Active__["!ref"];
            ref = ref.split(":");
            if (ref.length == 1) {
                ref[1] = ref[0];
            }
            ref[0] = utils.decode_cell(ref[0]);
            ref[1] = utils.decode_cell(ref[1]);
            ref[0] = {
                col: ref[0].c,
                row: ref[0].r
            }
            ref[1] = {
                col: ref[1].c,
                row: ref[1].r
            }
            return ref;
        }
    });

    fn.ToBolb = function () {
        var self = this;
        var workbook = self.Workbook;
        var toload = [];
        for (var key in workbook.Sheets) {
            var sheet = workbook.Sheets[key];
            ResetRef(sheet);
            if (sheet["!drawing"]) {
                sheet["!drawing"].forEach(function (drawing) {
                    var url = drawing.pic && drawing.pic.blip && drawing.pic.blip.buffer;
                    if (typeof url == "string") {
                        toload.push({ url: url, drawing: drawing });
                    }
                });
            }
        }
        function load(toload, end) {
            var ele = toload.splice(0, 1)[0];
            CLRead(ele.url, function (data, xhr) {
                var drawing = ele.drawing;
                if (data != null) {
                    var name = xhr.getResponseHeader("Content-Type");
                    name = name.split(";")[0];
                    name = name.replace("/", ".");
                    drawing.pic.blip.buffer = new Uint8Array(data);
                    drawing.pic.blip.name = name;
                } else {
                    drawing.pic.blip.buffer = null;
                }
                if (toload.length == 0) {
                    end();
                } else {
                    load(toload, end);
                }
            });
        }
        function write() {
            var bolb =  XLSXStyle.write(workbook, {
                bookType: "xlsx",
                bookSST: true,
                type: 'buffer',
                defaultCellStyle: {
                    alignment: { vertical: 'center', horizontal: 'center' }
                },
                showGridLines: self.showGridLines
            });
            bolb.Save = function (name) {
                if (!/\.xlsx$/i.test(name)) {
                    name += ".xlsx";
                }
                CLSaveAsLocal(name, this);
            }
            return bolb;
        }
        if (toload.length > 0) {
            var promise = new Promise(function (resolve, reject) {
                load(toload, function () {
                    resolve(write());
                });
            });
            promise.Save = function (name) {
                promise.then(function (bolb) {
                    bolb.Save(name);
                });
            }
            return promise;
        } else {
            return write();
        }
    }

    fn.SaveAsLocal = function (Name) {
        var self = this;
        self.ToBolb().Save(Name);
    }

    MsXlsx.ToJsTable = function (worksheet) {
        var excel = new JsTable();
        for (var key in worksheet) {
            if (/^[A-Z]+[0-9]+$/.test(key)) {
                var cur = excel.getRowColumn(key);
                while (cur.row >= excel.rowCount) {
                    excel.addRow();
                }
                while (cur.column >= excel.columnCount) {
                    excel.addColumn();
                }
                var col = worksheet[key];
                var cell = excel.Rows_Cells[cur.row][cur.column];
                var Val = null;
                var v = col.v;
                if (v != null) {
                    var t = col.t;
                    Val = {
                        v: v
                    }
                    if (t) {
                        Val.t = col.t;
                    }
                }
                cell.Val = Val;
            }
        }
        var mergeCells = worksheet["!merges"];
        for (var i = 0; mergeCells && i < mergeCells.length ; i++) {
            var mc = mergeCells[i];
            excel.mergeArea({
                Start: {
                    column: mc.s.c,
                    row: mc.s.r,

                }, End: {
                    column: mc.e.c,
                    row: mc.e.r,

                }
            });
        }
        return excel;
    }

    MsXlsx.Font = MsFont;

    MsXlsx.Text = MsText;

    MsXlsx.RichText = MsRichText;

    MsXlsx.Style = MsStyle;

    MsXlsx.Cell = MsCell;

    MsXlsx.EncodeCell = function (col, row) {
        Load();
        return utils.encode_cell({ c: col, r: row });
    }

    MsXlsx.DecodeCell = function (name) {
        Load();
        var R = utils.decode_cell(name);
        return { col: R.c, row: R.r };
    }

    Object.defineProperty(MsXlsx, "JsZip", {
        get: function () {
            Load();
            return XLSXStyle.JsZip;
        }
    });

    window.MsXlsx = MsXlsx;
}());
;(function () {
    window.Assets = function (Ele, ID) {
        var self = this;
        self.ID = ID;
        function upload(file, current, rPath, Success, onProgress) {
            self.UpLoadFile(file, current, rPath, function (Json) {
                if (Json.code == 0) {
                    Success();
                } else {
                    CLShowMsg(Json.msg);
                }
            }, function (e) {
                if (e.IsUpLoad) {
                    onProgress(e);
                }
            });
        }
        self.GetDirTree(function () {
            DirTreeView.call(self, Ele);
            CLEnableDragFiles(self.View, function (e) {
                var current = self.current();
                CLQueryDragFiles(e, function (files) {
                    if (current.Type == 0) {
                        var index = 0;
                        function UploadFiles() {
                            if (index < files.length) {
                                var file = files[index].file;
                                var rPath = files[index].path;
                                rPath = rPath.substring(1, rPath.lastIndexOf("/"));
                                upload(file, current, rPath, function () {
                                    index++;
                                    UploadFiles();
                                }, function (e) {
                                    var fProgress = e.loaded / file.size;
                                    if (fProgress > 1) {
                                        fProgress = 1;
                                    }
                                    self.ShowProgress(files[index].path, fProgress, files.length, index);
                                });
                            } else {
                                CLTop.Loading.Pause(false);
                                load.Stop();
                                self.ShowProgress();
                                self.SyncCurrent();
                                CLShowMsg = ShowMsg;
                            }
                        }
                        CLTop.Loading.Pause(true);
                        var ShowMsg = CLShowMsg;
                        CLShowMsg = function (msg) {
                            CLShowMsg = ShowMsg;
                            self.ShowProgress();
                            CLTop.Loading.Pause(false);
                            load.Stop();
                            ShowMsg(msg);
                            CLShowMsg = ShowMsg;
                        }
                        var load = new CLTop.Loading();
                        UploadFiles();
                    }
                });
            }, function (e) {

            });
            self.View.addEventListener("keydown", function (e) {
                if (e.ctrlKey && e.key == "Tab") {
                    e.stopPropagation();
                    e.preventDefault();
                    if (self.TabPrev) {
                        self.leftTree.Select(self.TabPrev.ID);
                    }
                }
            },true);
        }, false);
    }

    var fn = Assets.prototype = Object.create(DirTreeView.prototype);

    fn.ID = null;

    fn.ID = AppId62 = null;

    fn.DirList = null;

    fn.showLeftTree = function () {
        var self = this;
        var r = DirTreeView.prototype.showLeftTree.call(this);
        self.leftTree.OnSelected = function (ItemData) {
            self.TabPrev = self.TabCur;
            self.TabCur = ItemData;
            if (ItemData.Type == 0) {
                self.OpenDir(ItemData, true);
            } else {
                self.OpenDir(ItemData);
            }
            self.View.focus();
        }
        return r;
    }

    fn.getLeftTree = function () {
        var list = [];
        var self = this;
        var list = [].concat(self.DirList);
        var treeData = CLTableToTree(list, null)[0];
        return [treeData, {
            ID: "Recycled",
            Name: "回收站",
            ParentID: "User",
            bRecycled: true,
            Type: 0,
            Cnt: 0
        }]
    }

    fn.GetRecycled = function (UserID, Success) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpGetRecycled";
        HttpPost(url, function (Json) {
            if (Json.data == null) {
                Success([]);
            } else {
                for (var i = 0; i < Json.data.length; i++) {
                    Json.data[i].ParentID = "Recycled";
                }
                Success(Json.data);
            }
        }, { ID: self.ID });
    }

    fn.RecoverFromRecycled = function (DirInfos, Success) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpRecoverFromRecycled";
        var IDs = [];
        for (var i = 0; i < DirInfos.length; i++) {
            IDs.push(DirInfos[i].ID);
        }
        HttpPost(url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success();
                self.GetDirTree(function (data) {
                    self.leftTreeDiv.innerHTML = "";
                    self.showLeftTree();
                    self.leftTree.getItemById(self.DirList[0].ID).Open();
                });
            }
        }, {
            ID: self.ID,
            IDs: IDs
        });
    }

    fn.RemoveFromRecycled = function (DirInfos, Success) {
        var self = this;
        CLConfirm(function () {
            var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpRemoveFromRecycled";
            var IDs = [];
            for (var i = 0; i < DirInfos.length; i++) {
                IDs.push(DirInfos[i].ID);
            }
            HttpPost(url, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json.msg);
                } else {
                    Success();
                }
            }, {
                ID: self.ID,
                IDs: IDs
            });

        }, "删除后将无法恢复,你确定要继续吗");
    }

    fn.NameCmp = function (Name1, Name2) {
        var N1 = 0;
        var N2 = 0;
        var i1 = Name1.search(/\([0-9]+\).*/);
        var i2 = Name2.search(/\([0-9]+\).*/);
        if (i1 >= 0) {
            N1 = parseInt(Name1.substring(i1 + 1, Name1.indexOf(")", i1)));
            Name1 = Name1.substr(0, i1);
        }
        if (i2 >= 0) {
            N2 = parseInt(Name2.substring(i2 + 1, Name2.indexOf(")", i2)));
            Name2 = Name1.substr(0, i2);
        }
        if (Name1 == Name2) {
            return N1 - N2;
        } else {
            return CLStrCmp(Name1, Name2);
        }
    }

    fn.GetDirInfo = function (DirInfo, Success) {
        var self = this;
        var Dirs = [];
        var Id = DirInfo.ID;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == Id) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetDesktopApps = function (Success) {
        var Dirs = [];
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == DirList[0].ID) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetPathInfo = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Dirs = [DirList[0]];
        if (DirInfo.ParentID != null) {
            var Id = new CLBase64().decode(DirInfo.ID);
            var Ids = Id.split("/");
            Id = "";
            for (var i = 1; i < Ids.length; i++) {
                Id += "/" + Ids[i];
                Dirs.push(self.GetDirById(new CLBase64().encode(Id)));
            }
        }
        Success(Dirs);
    }

    fn.GetDirById = function (Id, End) {
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ID == Id) {
                return DirList[i];
            }
        }
        return null;
    }

    fn.OnDirCreated = function (divDir) {
        var self = this;
        var Dir = divDir.Dir;
        divDir.dataMenu = {
            "style": {
                "width": "180px",
                "max-height": "100%",
                "overflow-y": "auto",
            },
            "Items": []
        };
        var Items = divDir.dataMenu.Items;
        Items.push({
            "Text": "打开",
            "Enable": true,
            "CallBack": function (e) {
                if (Dir.Type == 0) {
                    if (e.ctrlKey) {
                        self.OpenDir2(Dir);
                    } else {
                        self.OpenDir(Dir);
                    }
                } else {
                    self.OpenFile(Dir);
                }
                divDir._CLMenu.Close();
            }
        });
        var extIndex = Dir.Name.lastIndexOf(".");
        if (extIndex > 0) {
            var ext = Dir.Name.substr(extIndex + 1).toLocaleLowerCase();
            if (ext == "html" || ext == "cml" || ext == "css" || ext == "js" || ext == "otf") {
                Items.push({
                    "Text": "编辑",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.leftTree.Select(Dir.ID);
                        divDir._CLMenu.Close();
                    }
                });
            }
        }
        Items.push({
            "Text": "剪切",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Cut(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "复制",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Copy(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "下载",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.DownLoad(Dirs);
                divDir._CLMenu.Close();
            }
        });
        if (Dir.Type == 1 && Dir.Name.toLocaleLowerCase().indexOf(".zip") == Dir.Name.length - 4) {
            Items.push({
                "Text": "解压",
                "Enable": true,
                "CallBack": function (e) {
                    self.UnZip(Dir);
                    divDir._CLMenu.Close();
                }
            });
        }

        if (Dir.Type == 1 && Dir.Name.toLocaleLowerCase().indexOf(".ocx") == Dir.Name.length - 4) {
            Items.push({
                "Text": "签名",
                "Enable": true,
                "CallBack": function (e) {
                    self.Signature(Dir);
                    divDir._CLMenu.Close();
                }
            });
        }
        Items.push({
            "Text": "重命名",
            "Enable": true,
            "CallBack": function (e) {
                divDir._CLMenu.Close();
                self.StartRenameDir(divDir);
            }
        },
        {
            "Text": "删除",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.DeleteDirs(Dirs, function () {
                    for (; Items.length != 0;) {
                        Items[0].remove()
                    }
                });
                divDir._CLMenu.Close();
            }
        });
        divDir.oncontextmenu = function (e) {
            e.preventDefault();
            e.stopPropagation();
            divDir.dataMenu.Items = self.GetDirMenuItems(divDir.dataMenu.Items, divDir);
            divDir._CLMenu = new CLMenu(divDir.dataMenu);
            divDir._CLMenu.Reset(e);
        }
        if (Dir.ParentID == "Recycled") {
            var ID = new CLBase64().decode(Dir.ID.replace(/\$/g, "/"));
            divDir.title = ID.substr(0, ID.lastIndexOf("="));
        }
    }

    fn.EnableMenu = function () {
        var self = this;
        self.Ele.oncontextmenu = function (e) {
            e.preventDefault();
            var Menu = {
                "style": {
                    "width": "180px",
                    "max-height": "100%",
                    "overflow-y": "auto",
                },
                "Items": []
            };
            var Items = Menu.Items;
            if (self.pathDiv.innerHTML != "回收站") {
                Items.push({
                    "Text": "新建目录",
                    "Enable": true,
                    "CallBack": function (e) {
                        var curPath = self.current();
                        self.CreateDir(curPath, function (Dir) {
                            var div = self.AppendDir(Dir);
                            self.StartRenameDir(div);
                        });
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "添加文件",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.CreateFile(self.current(), function (Dir) {
                            var div = self.AppendDir(Dir);
                            self.StartRenameDir(div);
                        });
                        _CLMenu.Close();
                    }
                });
                var cutData = localStorage.getItem("AssetsCut");
                var copyData = localStorage.getItem("AssetsCopy");
                Items.push({
                    "Text": "提交",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.Commit();
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "还原",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.Reset();
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "粘贴",
                    "Enable": copyData != null || cutData != null,
                    "CallBack": function (e) {
                        self.Paste(self.stateList[self.stateList.length - 1]);
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "上传",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.OpenFileDlg(function (File) {
                            self.UpLoadFile(File, self.current(), "", function (Json) {
                                if (Json.code == 0) {
                                    self.SyncCurrent();
                                } else {
                                    CLShowMsg(Json.msg);
                                }
                            });
                        });
                        _CLMenu.Close();
                    }
                });
                Items.push({
                    "Text": "刷新",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.SyncCurrent();
                        _CLMenu.Close();
                    }
                });
            } else {
                Items.push({
                    "Text": "清空",
                    "Enable": true,
                    "CallBack": function (e) {
                        _CLMenu.Close();
                    }
                });
            }
            var _CLMenu = new CLMenu(Menu);
            _CLMenu.Reset(e);
        }
    }

    fn.Commit = function () {
        var self = this;
        CLApp.InputDlg(null, "提交说明", "", "请填写提交说明", function (Note) {
            if (!Note) {
                CLShowMsg("请输入说明");
                return false;
            }
            var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpCommit";
            HttpPost(url, function (Json) {
                if (Json.code == 0) {
                    CLShowMsg("操作成功", false);
                } else {
                    CLShowMsg(Json.msg);
                }
            }, { Root: self.ID, Note: Note });
        });
    }

    fn.Reset = function () {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpCommits";
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                var commits = Json.data;
                var div = document.createElement("div");
                div.style.cssText = "width:450px;height:400px";
                var dlg = new CLDialog(div);
                dlg.CreateAll("选择还原点", function () {
                    var sel = dlg.Body.querySelector(".Selected");
                    if (sel) {
                        sel.ondblclick();
                    }
                });
                for (var i = 0; i < commits.length; i++) {
                    var line = document.createElement("div");
                    line.className = "Commit";
                    var dt = new Date(commits[i].createDt);
                    line.innerHTML = "<div style='font-weight:900'>" + dt.toString("yy/M/d HH:mm") + "</div>" + "<div style='color:#998;font-size:12px'>" + commits[i].Note + "</div>";
                    dlg.Body.appendChild(line);
                    line.commitId = commits[i].ID;
                    line.createDt = commits[i].createDt;
                    line.onclick = function () {
                        var sel = dlg.Body.querySelector(".Selected");
                        if (sel) {
                            sel.classList.remove("Selected");
                        }
                        this.classList.add("Selected");
                    }
                    line.ondblclick = function () {
                        dlg.Close();
                        var createDt = this.createDt;
                        CLConfirm(function () {
                            var commitId = this.commitId;
                            url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpReset";
                            HttpPost(url, function (Json) {
                                if (Json.code == 0) {
                                    self.SyncCurrent();
                                    CLShowMsg("操作成功", false);
                                } else {
                                    CLShowMsg(Json.msg);
                                }
                            }, { ID: commitId, Root: self.ID });
                        }, "<div style='line-height:40px;padding:10px;color:#ccc'>即将还原到<code style='color:#fff'>【" + createDt + "】</code>时间点,你确定要继续吗?<div>");
                    }
                }
            } else {
                CLShowMsg(Json.msg);
            }
        }, { Root: self.ID});
    }

    fn.SyncCurrent = function () {
        var self = this;
        self.GetDirTree(function (data) {
            var Dir = self.current();
            self.leftTreeDiv.innerHTML = "";
            self.showLeftTree();
            self.OpenDir(Dir, false);
        });
    }

    fn.UnZip = function (DirInfo) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpUnZip";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.DirList = Json.data;
                var treeData = CLTableToTree(self.DirList, null)[0];
                self.leftTreeDiv.innerHTML = "";
                self.showLeftTree();
                self.OpenDir(self.current(), false);
            }
        }, {
            DirInfo: DirInfo
        });
    }

    //弹出框
    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        return _CLMenu;
    }

    fn.Signature = function (DirInfo) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpSignature";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                var dlg = self.Dialog(300, 135);
                var Div = dlg.Div;
                var title = document.createElement("div");
                title.innerHTML = "签名信息";
                title.style.cssText = "line-height:40px;font-size:25px;font-weight:900";
                Div.appendChild(title);
                var text = document.createElement("span");
                text.innerHTML = Json.data;
                text.style.paddingLeft = "25px";
                Div.appendChild(text);
                var Bottom = document.createElement("div");
                Bottom.className = "Bottom";
                Bottom.style.textAlign = "right";
                Bottom.style.position = "initial";
                Div.appendChild(Bottom);
                var Btn = document.createElement("div");
                Btn.className = "CLBtn";
                Btn.innerHTML = "复制";
                Btn.onclick = function () {
                    CLCopy(Json.data);
                    dlg.Close();
                }
                Bottom.appendChild(Btn);
            }
        }, {
            DirInfo: DirInfo
        });
    }

    fn.ShowProgress = function (path, progress, total, index) {
        var self = this;
        CLShowProgress(self.Ele, path, progress, total, index);
    }
    //上传文件
    fn.UpLoadFile = function (File, DestDir, rPath, Success, onProgress) {
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpUpload";
        HttpPost(Url, Success, { DestDir: DestDir, rPath: rPath }, true, null, null, File, File.name, onProgress);
    }

    fn.OpenFileDlg = function (End) {
        CLOpenFile(function (File, Path) {
            CLCompressImg(File, function (File) {
                if (File.size > 1024 * 1024 * 20) {
                    CLShowMsg("插入失败,该文件大于20M")
                    return;
                }
                End(File);
            });
        }, "*.*");
    }

    fn.GetDirTree = function (Success, IsAsync) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpGetDirTree";
        HttpPost(url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.DirList = Json.data;
                CLQuickSort(self.DirList, function (e1, e2) {
                    if (e1.Type > e2.Type) {
                        return 1;
                    } else if (e1.Type < e2.Type) {
                        return -1;
                    } else if (e1.Type == e2.Type) {
                        return self.NameCmp(e1.Name, e2.Name);
                    }
                });
                Success(Json.data);
                self.AppId62 = Json.AppId62;
            }
        }, { ID: self.ID }, IsAsync);
    }

    fn.OpenFile = function (DirInfo) {
        var self = this;
        var AppId = DirInfo.ID.substr(0, DirInfo.ID.indexOf("\\"));
        var url = self.AppId62 + DirInfo.ID.substr(DirInfo.ID.indexOf("\\"));
        if (DirInfo.Name.toLocaleLowerCase().indexOf(".ocx") == DirInfo.Name.length - 4) {
            url += "?Signature=";
        }
        open(url);
    }

    var g_store = new Map();

    fn.OpenDir = function (DirInfo, bPushState) {
        var self = this;
        if (DirInfo == null || DirInfo.Type == 0) {
            if (self.DirList == null) {
                self.GetDirTree(function (DirList) {
                    DirTreeView.prototype.OpenDir.call(self, DirList[0], bPushState);
                });
            } else {
                DirInfo = DirInfo == null ? self.DirList[0] : DirInfo;
                DirTreeView.prototype.OpenDir.call(self, DirInfo, bPushState);
            }
        } else {
            if (Doc.current && Doc.current.CLCodeEditor) {
                Doc.current.Cur = Doc.current.CLCodeEditor.getCursor();
                var scrollbars = Doc.current.CLCodeEditor.editor.display.scrollbars;
                Doc.current.scrollLeft = scrollbars.horiz.scrollLeft;
                Doc.current.scrollTop = scrollbars.vert.scrollTop;
            }
            var info = g_store.alwaysGet(self, {});
            var _doc = info[DirInfo.ID];
            if (!_doc) {
                _doc = info[DirInfo.ID] = new Doc(self.View, DirInfo);
            } else {
                _doc.Show();
                if (_doc.CLCodeEditor) {
                    _doc.CLCodeEditor.setCursor(_doc.Cur);
                    _doc.CLCodeEditor.focus();
                    var scrollbars = _doc.CLCodeEditor.editor.display.scrollbars;
                    scrollbars.horiz.scrollLeft = _doc.scrollLeft;
                    scrollbars.vert.scrollTop = _doc.scrollTop;
                }

            }
            Doc.current = _doc;
        }
    }

    fn.OpenDir2 = function (DirInfo) {
        var self = this;
        var AppId = DirInfo.ID.substr(0, DirInfo.ID.indexOf("\\"));
        var url = self.AppId62 + DirInfo.ID.substr(DirInfo.ID.indexOf("\\"));
        url = "/" + CLCorpId() + "/Assets/" + url.replace(/\\/g, "/")
        open(url);
    }

    fn.CreateDir = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpCreateDir";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                DirList.push(Json.data);
                self.leftTree.getItemById(DirInfo.ID).addChild(Json.data);
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
            ParentID: DirInfo == null ? "Assets" : DirInfo.ID,
            Type: 0
        })
    }

    fn.CreateFile = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpCreateDir";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                DirList.push(Json.data);
                self.leftTree.getItemById(DirInfo.ID).addChild(Json.data);
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
            ParentID: DirInfo == null ? "Assets" : DirInfo.ID,
            Type: 1
        })
    }

    fn.StartEditDir = function (div, End) {
        var self = this;
        var color = div.style.color;
        CLExplorer.prototype.StartEditDir.call(this, div, function (sName) {
            div.style.color = color;
            End(sName);
        });
        div.style.color = "#fff";
    }

    //删除目录
    fn.DeleteDirs = function (DirInfos, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpDeleteDirs";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                for (var i = 0; i < DirInfos.length; i++) {
                    var index = DirList.indexOf(DirInfos[i]);
                    if (index >= 0) {
                        DirList.splice(index, 1);
                    }
                    var Item = self.leftTree.getItemById(DirInfos[i].ID);
                    if (Item != null) {
                        Item.Remove();
                    }
                }
                Success();
            }
        }, {
            DirInfos: DirInfos
        });
    }
    //粘贴
    fn.Paste = function (DestDir) {
        var self = this;
        var cutData = localStorage.getItem("AssetsCut");
        var copyData = localStorage.getItem("AssetsCopy");
        if (!!cutData) {
            cutData = JSON.parse(cutData);
        }
        if (!!copyData) {
            copyData = JSON.parse(copyData);
        }
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpPasteDirs";
        var data = {
            DestDir: DestDir
        }
        if (cutData != null) {
            data.Cut = cutData;
        }
        if (copyData != null) {
            data.Copy = copyData;
        }

        HttpPost(Url, function (Json) {
            localStorage.removeItem("AssetsCut");
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.DirList = Json.data;
                var treeData = CLTableToTree(self.DirList, null)[0];
                self.leftTreeDiv.innerHTML = "";
                self.showLeftTree();
                self.OpenDir(DestDir, false);
            }
        }, data);
    }
    //搜素
    fn.Search = function (sVal) {
        var self = this;
        self.leftTree.Search(sVal);
        if (sVal.length == 0) {
            self.leftTree.getItemById(self.current().ID).Open();
        }
    }
    //重命名目录
    fn.RenameDir = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpRenameDir";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
                Success(false);
            } else {
                self.SyncCurrent();
            }
        }, {
            DirInfo: DirInfo
        });
    }

    fn.OnlyDir = false;

    fn.DownLoad = function (Dirs) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpDownLoad";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                var blob = new CLBase64().blob(Json.data);
                var Name = Dirs[0].Name;
                if (Dirs.length > 1 || Dirs[0].Type == 0 || Json.IsZip) {
                    var index = Name.lastIndexOf(".");
                    if (index >= 0) {
                        Name = Name.substr(0, index) + ".zip";
                    } else {
                        Name = Name + ".zip";
                    }
                }
                CLSaveAsLocal(Name, blob);
            }
        }, {
            Dirs: Dirs
        });
    }

    fn.Copy = function (Dirs) {
        localStorage.removeItem("AssetsCut");
        localStorage.setItem("AssetsCopy", JSON.stringify(Dirs));
    }

    fn.Cut = function (Dirs) {
        localStorage.removeItem("AssetsCopy", JSON.stringify(Dirs));
        localStorage.setItem("AssetsCut", JSON.stringify(Dirs));
    }

    fn.Start = function () {
        var self = this;
        var docDiv = self.View.getElementsByClassName("Doc")[0];
        if (docDiv) {
            docDiv.Doc.Start(self.QueryString);
        } else {
            CLShowMsg("没有选择启动文件.");
        }
    }

    fn.Debug = function () {
        var self = this;
        var docDiv = self.View.getElementsByClassName("Doc")[0];
        if (docDiv) {
            docDiv.Doc.Debug(self.QueryString);
        } else {
            CLShowMsg("没有选择调试文件.");
        }
    }

    fn.SetParam = function (Box) {
        var self = this;
        var dlg = self.Dialog(300, 100, Box);
        var Div = dlg.Div;
        var Input = document.createElement("input");
        Input.style.width = "100%";
        Input.style.margin = "5px 0";
        Input.setAttribute("placeholder", "例:Param1=1&Param2=2");
        if (self.QueryString) {
            Input.value = self.QueryString;
        } else {
            Input.value = "";
        }
        Div.appendChild(Input);
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "确定";
        Btn.style.cssFloat = "right";
        Btn.style.width = "75px";
        Btn.style.height = "30px";
        Btn.style.lineHeight = "28px";
        Div.appendChild(Btn);
        Div.style.height = "initial";
        dlg.Reset();
        Btn.onclick = function () {
            dlg.Close();
            self.QueryString = Input.value.trim();
        }
    }

    var Doc = function (Ele, DirInfo) {
        var self = this;
        self.Ele = Ele;
        Ele.innerHTML = "";
        var codeEditor;
        self.DirInfo = DirInfo;
        var Body = self.Body = document.createElement("div");
        Body.Doc = self;
        Body.style.cssText = "position:absolute;top:0;left:0;bottom:0;right:0";
        Body.setAttribute("tabindex", "2");
        Body.className = "Doc";
        Body.addEventListener("keydown", function (e) {
            e.stopPropagation();
        });
        //Body.className = "Vs";
        Ele.appendChild(Body);
        self.url = "/" + CLCorpId() + "/Assets/" + DirInfo.ID.replace(/\\/g, "/");
        var extIndex = DirInfo.Name.lastIndexOf(".");
        var ext = DirInfo.Name.substr(extIndex + 1).toLocaleLowerCase();
        self.ext = ext;
        var window;

        if (ext == "cml" || ext == "html") {
            var mixedMode = {
                name: "html"
            };
            codeEditor = new CLCodeEditor(Body, mixedMode);
            codeEditor.cusCopy = false;
            codeEditor.EnableBreak();
        } else if (ext == "css") {
            codeEditor = new CLCodeEditor(Body, "style/css");
            codeEditor.cusCopy = false;
        } else if (ext == "js") {
            codeEditor = new CLCodeEditor(Body, "javascript");
            codeEditor.cusCopy = false;
        } else if (ext == "png" || ext == "jpg" || ext == "jpeg" || ext == "bmp" || ext == "gif" || ext == "ico") {
            var url = "/" + CLCorpId() + "/Assets/" + DirInfo.ID.replace(/\\/g, "/") + "?v=" + new Date().valueOf();
            Body.style.background = "url('" + url + "') center center no-repeat";
            Body.style.backgroundColor = "#000";
        }
        if (codeEditor) {
            var runatserver;
            function IsServer() {
                var cur = codeEditor.getCursor();
                var token = codeEditor.backwardToken(cur.line, cur.ch);
                if (token && token.state.localState) {
                    var props = token.state.localState.props;
                    return props && (props["runat"] == "'server'" || props["runat"] == '"server"');
                } else {
                    return false;
                }
            }
            codeEditor.Ele.addEventListener("mousedown", function (e) {
                runatserver = IsServer();
            });
            self.CLCodeEditor = codeEditor;
            var showHint = codeEditor.showHint;
            codeEditor.showHint = function (code) {
                var mode = codeEditor.getInnerMode();
                if (mode.name == "javascript" && ext == "cml") {
                    if (runatserver) {
                        var globalScope = CLClone(CLApp.baseGlobalScope);
                        globalScope.NtOutput = function (string) { };
                        globalScope.NtOutput.Note = "功能:<div style='padding:0 30px;color:#999'>输出HTML到客户端;</div>\
参数:<div style='padding:0 30px;color:#999'>1.string 要输出的HTML字符串;</div>\
返回值:<div style='padding:0 30px;color:#999'>无</div>";
                        globalScope.NtGetAppVersion = function () { };
                        globalScope.NtGetAppVersion.Note = "<div style='padding:0 30px;color:#999'>功能:获取系统版本号;</div>\
参数:<div style='padding:0 30px;color:#999'>版本号</div>\
返回值:<div style='padding:0 30px;color:#999'>Ver21.4.6</div>";
                        globalScope.NtQueryString = function (name) { };
                        globalScope.NtQueryString.Note = "功能:<div style='padding:0 30px;color:#999'>获取URL参数;</div>\
参数:<div style='padding:0 30px;color:#999'>1.name 要获取的参数名称;</div>\
返回值:<div style='padding:0 30px;color:#999'>URL参数的值</div>";
                        globalScope.NtUrl = function () { };
                        globalScope.NtUrl.Note = "功能:<div style='padding:0 30px;color:#999'>获取当前请求的URL字符串;</div>\
参数:<div style='padding:0 30px;color:#999'>无\
返回值:<div style='padding:0 30px;color:#999'>URL字符串";
                        globalScope.NtImport = function (path) { };
                        globalScope.NtImport.Note = "功能:<div style='padding:0 30px;color:#999'>导入外部js或css资源;</div>\
参数:<div style='padding:0 30px;color:#999'>1.path 相对路径;</div>\
返回值:<div style='padding:0 30px;color:#999'>无";
                        globalScope.NtCorp = function () { };
                        globalScope.NtCorp.Note = "功能:<div style='padding:0 30px;color:#999'>获取当前请企业信息;</div>\
参数:<div style='padding:0 30px;color:#999'>无;</div>\
返回值:<div style='padding:0 30px;color:#999'>包含企业信息的JSON对象</div>";
                        globalScope.NtSetGlobalVar = function (name, value) { };
                        globalScope.NtSetGlobalVar.Note = "功能:<div style='padding:0 30px;color:#999'>设置全局变量;</div>\
参数:<div style='padding:0 30px;color:#999'>1.name 变量名;\n 2.value 变量值</div>\
返回值:<div style='padding:0 30px;color:#999'>无</div>";
                        codeEditor.setGlobalScope(globalScope);
                    }
                }
                showHint.call(this, code);
            }

            var url = "/" + CLCorpId() + "/Assets/" + DirInfo.ID.replace(/\\/g, "/") + "?v=" + new Date().valueOf();
            HttpGet(url, function (html) {
                codeEditor.setValue(html);
            }, true, false);
            Body.addEventListener("keydown", function (e) {
                if ((e.key == "s" || e.key == "S") && e.ctrlKey) {
                    self.Save(function () {
                        CLShowMsg("保存成功",false);
                    });
                    e.preventDefault();
                }
            });
        }
        self.Body.oncontextmenu = function (e) {
            e.preventDefault();
            e.stopPropagation();
        }
    }

    var fn = Doc.prototype;

    fn.Body = null;

    fn.CLCodeEditor = null;

    fn.V8Debugger = null;

    fn.Show = function () {
        var self = this;
        self.Ele.innerHTML = "";
        self.Body.Doc = self;
        self.Ele.appendChild(self.Body);
        if (self.CLCodeEditor) {
            self.CLCodeEditor.setSize('auto', '100%');
        }
    }

    fn.Save = function (Success) {
        var self = this;
        if (self.CLCodeEditor) {
            var load = new Loading();
            setTimeout(function () {
                var RunAt;
                if (self.ext == "cml") {
                    RunAt = self.CalcRunAt(self.CLCodeEditor);
                }
                if ((!RunAt || Object.keys(RunAt).length != 0) && !__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                var code = self.CLCodeEditor.getOriginalCode();
                var url = "/" + CLCorpId() + "/api/Assets.chx?Function=HttpSaveFile";
                var load2 = HttpPost(url, function (Json) {
                    load.Stop();
                    if (Json.code != 0) {
                        CLShowMsg(Json.msg);
                    } else {
                        Success({ RunAt: RunAt, Text: code });
                    }
                }, { ID: self.DirInfo.ID, Data: new CLBase64().encode(code), RunAt: RunAt });
                load2.Stop();
            });
        } else {
            CLShowMsg("该文档无法保存.");
        }
    }

    fn.CalcRunAt = function (codeEditor) {
        var self = this;
        var RunAt = {};
        var runCode = codeEditor.getRunCode();
        var div = document.createElement("div");
        div.innerHTML = runCode;
        var index = 0;
        var scripts = div.querySelectorAll("script");
        scripts.forEach(function (script) {
            var runat = script.getAttribute("runat");
            if (!runat || runat.toLocaleLowerCase() != "server") {
                return
            }
            var sCode = script.innerHTML;
            var start = runCode.indexOf(sCode, index);
            var end = runCode.indexOf("</script>", start) + 9;
            while (runCode[start] != '<') {
                start--;
            }
            index = end;
            RunAt[start + "-" + end] = sCode;
        });
        return RunAt;
    }

    fn.Start = function (QueryString) {
        var self = this;
        var div = document.createElement("div");
        div.style.cssText = "width:800px;height:600px;background-color:rgb(34,40,48)";
        var dlg = new CLDialog(div);
        dlg.CreateHeader(self.DirInfo.Name);
        dlg.CreateBody();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var Body = dlg.Body;
        dlg.EnableMove();
        Body.style.height = "calc(100% - 45px)";
        var iframe = document.createElement("iframe");
        iframe.style.cssText = "width:100%;height:100%;border:none;";
        Body.appendChild(iframe);
        if (!QueryString) {
            iframe.setAttribute("src", self.url);
        } else {
            iframe.setAttribute("src", self.url + "?" + QueryString);
        }
    }

    fn.Debug = function (QueryString) {
        var self = this;
        if (self.ext != "cml") {
            self.Start(QueryString);
            return;
        }
        self.Save(function (Code) {
            var url;
            if (!QueryString) {
                url = self.url;
            } else {
                url = self.url + "?" + QueryString;
            }
            var Names = Object.keys(Code.RunAt);
            self.V8Debugger = new V8Debugger(null, url, function () {
                self.V8Debugger.Maximize();
                self.V8Debugger.Ele.style.boxShadow = "0 0 20px 0 rgba(13,176,166,.3)";
            });
            self.V8Debugger.sourceType = "html";
            var RunDebugMsg = self.V8Debugger.RunDebugMsg;
            var LineMap = {};
            self.V8Debugger.RunDebugMsg = function (Msg) {
                if (Msg.debugMsg.body && Msg.debugMsg.body.script && Msg.debugMsg.body.script.name && Names.indexOf(Msg.debugMsg.body.script.name) >= 0) {
                    var Name = Msg.debugMsg.body.script.name;
                    var At = Name.split("-")[0] * 1;
                    if (!LineMap[Name]) {
                        var index = 0;
                        var line = 0;
                        while (index < At) {
                            line++;
                            index = Code.Text.indexOf("\n", index + 1);
                        }
                        LineMap[Name] = line - 1;
                    }
                    Msg.debugMsg.body.sourceLine += LineMap[Name];
                }
                RunDebugMsg.call(this, Msg);
            }
            var GetScript = self.V8Debugger.GetScript;
            self.V8Debugger.GetScript = function (V8Handle, scriptId, scriptName) {
                if (Names.indexOf(scriptName) >= 0) {
                    return {
                        V8Handle: V8Handle,
                        id: scriptId,
                        name: scriptName,
                        source: Code.Text
                    };
                } else {
                    var script = GetScript.call(this, V8Handle, scriptId, scriptName);
                    script.javascript = true;
                    return script;
                }
            }
            var GetCallStack = self.V8Debugger.GetCallStack;
            self.V8Debugger.GetCallStack = function (V8Handle, CallStack) {
                var stack = GetCallStack.call(this, V8Handle, CallStack);
                for (var i = 0; i < stack.length; i++) {
                    stack[i].line += LineMap[stack[i].scriptName];
                }
                return stack;
            }
            var SetBreakPoint = self.V8Debugger.SetBreakPoint;
            self.V8Debugger.SetBreakPoint = function (V8Handle, Info) {
                if (Names.indexOf(Info.sourceName) >= 0) {
                    Info.lineNumber -= LineMap[Info.sourceName];
                }
                var breakInfo = SetBreakPoint.call(this, V8Handle, Info);
                if (breakInfo) {
                    breakInfo.lineNumber += LineMap[Info.sourceName];
                }
                return breakInfo;
            }
        });
    }
}());
;(function () {

    var g_Forms = null;

    var g_AllForms = null;

    var g_CLApps = null;

    var g_DepartmentList = null;

    var g_FormerParts = null;

    var g_UserList = null;

    var g_FormerUsers = null;

    var g_RoleList = null;

    var g_currentUserId = null;

    var g_IsAdmin = null;

    var g_RelevantDataTable = null;

    var g_FormsDetails = null;

    var g_FlowClasses = null;

    var g_CorpId = null;

    var g_Users_Map = null;

    var Version = "1.01";

    var CLApp = window.CLApp = function () {

    }

    CLApp.GetCorpId = function () {
        return CLTop.g_CorpId;
    }

    CLApp.SetLocalStore_ = function (UpdateData) {
        var LocalStore = localStorage.getItem("LocalStore");
        if (LocalStore != null && LocalStore.length != 0) {
            if (LocalStore[0] != "{") {
                LocalStore = CLUnZip(LocalStore);
            }
            LocalStore = JSON.parse(LocalStore);
            if (LocalStore.CLCorpId != CLCorpId()) {
                CLApp.ResetLocalStore();
                return;
            }
        }
        if (LocalStore == null) {
            LocalStore = {
                CLCorpId: CLCorpId(),
                g_DepartmentList: [],
                g_DepartmentListDel: [],
                g_UserList: [],
                g_UserListLeave: [],
                g_RoleList: [],
                g_AllForms: [],
                g_CLApps: [],
                Version: Version
            };
        } else {
            if (LocalStore.Version != Version) {
                CLApp.ResetLocalStore();
                return;
            }
        }
        var map_users = {};
        var map_departs = {};
        var map_apps = {};
        var map_forms = {};
        var map_users_leave = {};
        var map_departs_del = {};

        LocalStore.g_UserList.forEach(function (ele) {
            map_users[ele.userid] = ele;
        });
        UpdateData.g_UserList.forEach(function (ele) {
            map_users[ele.userid] = ele;
        });
        LocalStore.g_DepartmentList.forEach(function (ele) {
            map_departs[ele.id] = ele;
        });
        UpdateData.g_DepartmentList.forEach(function (ele) {
            map_departs[ele.id] = ele;
        });
        LocalStore.g_CLApps.forEach(function (ele) {
            map_apps[ele.ID] = ele;
        });
        UpdateData.g_CLApps.forEach(function (ele) {
            map_apps[ele.ID] = ele;
        });
        LocalStore.g_AllForms.forEach(function (ele) {
            map_forms[ele.ID] = ele;
        });
        UpdateData.g_AllForms.forEach(function (ele) {
            map_forms[ele.ID] = ele;
        });

        CLTop.g_RelevantDataTable = UpdateData.g_RelevantDataTable;
        CLTop.g_IsAdmin = UpdateData.g_IsAdmin;
        CLTop.g_RoleList = UpdateData.g_RoleList;
        CLTop.g_currentUserId = UpdateData.g_currentUserId;
        CLTop.g_CorpId = UpdateData.g_CorpId;
        var Deleted = UpdateData.g_Deleted;
        for (var i = 0; i < CLTop.g_RoleList.length; i++) {
            var has = false;
            for (var j = 0; LocalStore != null && j < LocalStore.g_RoleList.length; j++) {
                if (LocalStore.g_RoleList[j].ID == CLTop.g_RoleList[i].ID) {
                    has = true;
                    LocalStore.g_RoleList[j] = CLTop.g_RoleList[i];
                }
            }
            if (!has) {
                LocalStore.g_RoleList.push(CLTop.g_RoleList[i]);
            }
        }
        UpdateData.g_UserListLeave.forEach(function (ele) {
            map_users_leave[ele.userid] = ele;
            delete map_users[ele.userid];
        });
        UpdateData.g_DepartmentListDel.forEach(function (ele) {
            map_departs_del[ele.id] = ele;
            delete map_departs[ele.id];
        });
        LocalStore.g_UserListLeave.forEach(function (ele) {
            map_users_leave[ele.userid] = ele;
        });
        LocalStore.g_DepartmentListDel.forEach(function (ele) {
            map_departs_del[ele.id] = ele;
        });
        UpdateData.g_Deleted.forEach(function (ele) {
            delete map_apps[ele];
            delete map_forms[ele];
        });
        LocalStore.g_DepartmentList = (function () {
            var list = [];
            for (var key in map_departs) {
                list.push(map_departs[key]);
            }
            return list;
        }());
        LocalStore.g_DepartmentListDel = (function () {
            var list = [];
            for (var key in map_departs_del) {
                list.push(map_departs_del[key]);
            }
            return list;
        }());
        LocalStore.g_UserList = (function () {
            var list = [];
            for (var key in map_users) {
                list.push(map_users[key]);
            }
            return list;
        }());
        LocalStore.g_UserListLeave = (function () {
            var list = [];
            for (var key in map_users_leave) {
                list.push(map_users_leave[key]);
            }
            return list;
        }());
        LocalStore.g_CLApps = (function () {
            var list = [];
            for (var key in map_apps) {
                list.push(map_apps[key]);
            }
            return list;
        }());
        LocalStore.g_AllForms = (function () {
            var list = [];
            for (var key in map_forms) {
                list.push(map_forms[key]);
            }
            return list;
        }());
        if ((UpdateData.g_DepartmentList.length
        + UpdateData.g_DepartmentListDel.length
        + UpdateData.g_UserList.length
        + UpdateData.g_UserListLeave.length
        + UpdateData.g_RoleList.length
        + UpdateData.g_AllForms.length
        + UpdateData.g_CLApps.length != 0) || Deleted.length != 0) {
            CLDelay(function () {
                var str = JSON.stringify(LocalStore);
                if (str.length >= 2 * 1048576) {
                    str = CLZip(str);
                }
                if (str.length < 2 * 1048576) {
                    var dt = new Date();
                    dt.setFullYear(dt.getFullYear() + 1);
                    var sCookie = "g_CLAppLocalStoreUpdateDt=" + encodeURIComponent(UpdateData.g_CLAppLocalStoreUpdateDt) + "; expires=" + dt.toGMTString() + "; path=/" + CLCorpId();
                    document.cookie = sCookie;
                } else {
                    CLShowMsg("由于表单和员工数据过大,需要升级服务器以提高效率");
                }
                localStorage.setItem("LocalStore", str);
            }, 10);
        } else {
            var dt = new Date();
            dt.setFullYear(dt.getFullYear() + 1);
            var sCookie = "g_CLAppLocalStoreUpdateDt=" + encodeURIComponent(UpdateData.g_CLAppLocalStoreUpdateDt) + "; expires=" + dt.toGMTString() + "; path=/" + CLCorpId();
            document.cookie = sCookie;
        }

        UpdateData.g_DepartmentList = CLTop.g_DepartmentList = LocalStore.g_DepartmentList;
        UpdateData.g_DepartmentListDel = CLTop.g_FormerParts = LocalStore.g_DepartmentListDel;
        UpdateData.g_UserList = CLTop.g_UserList = LocalStore.g_UserList;
        UpdateData.g_UserListLeave = CLTop.g_FormerUsers = LocalStore.g_UserListLeave;

        UpdateData.g_RoleList = CLTop.g_RoleList = LocalStore.g_RoleList;
        UpdateData.g_AllForms = CLTop.g_AllForms = LocalStore.g_AllForms;
        UpdateData.g_CLApps = CLTop.g_CLApps = LocalStore.g_CLApps;
    }

    CLApp.SetLocalStore = function (UpdateData) {
        try {
            CLApp.SetLocalStore_(UpdateData);
        } catch (e) {
            CLApp.ResetLocalStore();
        }
    }

    CLApp.ResetLocalStore = function () {
        CLApp.ClearLocalStore();
        var url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpGetLocalStore";
        var Json = HttpGet(url, null, false, true);
        if (Json.code == 0) {
            CLApp.SetLocalStore(Json.data);
        }
    }

    CLApp.ClearLocalStore = function () {
        var dt = new Date();
        dt.setFullYear(dt.getFullYear() + 1);
        document.cookie = "g_CLAppLocalStoreUpdateDt=-1; expires=" + dt.toGMTString() + "; path=/" + CLCorpId();
        document.cookie = "g_FileUpdateInfoUpdateDt=-1; expires=" + dt.toGMTString() + "; path=/";
        localStorage.clear();
    }

    CLApp.getUserList = function () {
        return CLTop.g_UserList;
    }

    CLApp.GetDepartUsers = function (departId, recursion, bRetId) {
        var key = "DepartUsers_" + departId + "_" + (recursion ? "1" : "0") + "-" + (bRetId ? "1" : "0");
        if (CLTop[key]) {
            return CLTop[key];
        }
        var tree = CLApp.getDepartTree()[0];
        var IDs = [];
        var IsChild = false;
        function getDeparts(tree) {
            if (IsChild || tree.ID == departId) {
                if (tree.ID == departId) {
                    IsChild = true;
                }
                IDs.push(tree.ID);
                for (var i = 0; i < tree.SubNode.length; i++) {
                    getDeparts(tree.SubNode[i]);
                }
                if (tree.ID == departId) {
                    IsChild = false;
                }
            } else {
                for (var i = 0; i < tree.SubNode.length; i++) {
                    getDeparts(tree.SubNode[i]);
                }
            }
        }
        if (recursion) {
            getDeparts(tree);
        } else {
            IDs = [departId]
        }
        var Users = [];
        var userList = CLApp.getUserList();
        for (var i = 0; i < userList.length; i++) {
            var department = userList[i].department
            for (var j = 0; j < department.length ; j++) {
                if (IDs.indexOf(department[j]) >= 0) {
                    if (bRetId) {
                        Users.push(userList[i].userid);
                    } else {
                        Users.push(userList[i]);
                    }
                }
            }
        }
        CLTop[key] = Users;
        return Users;
    }

    CLApp.getUserListLeave = function () {
        return CLTop.g_FormerUsers;
    }

    CLApp.getDepartmentList = function () {
        return CLTop.g_DepartmentList;
    }

    CLApp.getRoleList = function () {
        return CLTop.g_RoleList;
    }

    CLApp.getCurrentUserId = function () {
        return CLTop.g_currentUserId;
    }

    CLApp.getCurrentUser = function () {
        if (CLTop.g_currentUserId == '----') {
            return {
                userid: "----",
                name: "----",
                jobnumber: "----",
                mobile: "----",
                avatar: "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3409707861,1819603587&fm=26&gp=0.jpg",
                isAdmin: false,
                department: [888],
            }
        }
        if (CLTop.g_currentUserId) {
            return CLApp.getMemberById(CLTop.g_currentUserId);
        } else {
            return null;
        }
    }
    //员工姓名
    CLTop.g_MemberMap = {
    };

    CLApp.getMemberById = function (Id) {
        Id = typeof Id == "string" ? Id : Id + "";
        if (CLTop.g_MemberMap[Id] !== undefined) {
            return CLTop.g_MemberMap[Id];
        }
        for (var i = 0; CLTop.g_UserList && i < CLTop.g_UserList.length; i++) {
            if (Id == CLTop.g_UserList[i].userid) {
                CLTop.g_MemberMap[Id] = CLTop.g_UserList[i];
                break;
            }
        }
        for (var i = 0; CLTop.g_MemberMap[Id] === undefined && CLTop.g_FormerUsers && i < CLTop.g_FormerUsers.length; i++) {
            if (Id == CLTop.g_FormerUsers[i].userid) {
                CLTop.g_MemberMap[Id] = CLTop.g_FormerUsers[i];
                break;
            }
        }
        if (CLTop.g_MemberMap[Id] === undefined) {
            CLTop.g_MemberMap[Id] = null;
        }
        return CLTop.g_MemberMap[Id];
    }

    CLApp.getUserById = CLApp.getMemberById;

    CLApp.getMemberNameById = function (Id) {
        if (!Id) {
            return "";
        }
        var Member = CLApp.getMemberById(Id);
        return Member == null ? Id : Member.name;
    }

    CLApp.getUserNameById = CLApp.getMemberNameById;

    CLApp.extendDepartRoot = function (Ids) {
        if (Ids == null) {
            return;
        }
        var tempIds = [].concat(Ids);
        for (var i = 0; i < Ids.length; i++) {
            var id = Ids[i];
            while (id) {
                var part = CLApp.getDepartmentById(id);
                id = part ? part.parentid : null;
                if (id && Ids.indexOf(id) < 0 && tempIds.indexOf(id) < 0) {
                    tempIds.push(id);
                }
            }
        }
        return tempIds;
    }

    CLApp.getDepartTree = function (Ids) {
        var tempTable = [];
        for (var i = 0; CLTop.g_DepartmentList && i < CLTop.g_DepartmentList.length; i++) {
            if (Ids == null || Ids.indexOf(CLTop.g_DepartmentList[i].id) >= 0) {
                tempTable.push({
                    ID: CLTop.g_DepartmentList[i].id,
                    Name: CLTop.g_DepartmentList[i].name,
                    ParentID: CLTop.g_DepartmentList[i].parentid
                });
            }
        }
        return CLTableToTree(tempTable);
    }

    //部门名称
    CLTop.g_DepartmentMap = null;

    CLApp.getDepartmentById = function (Id) {
        if (!CLTop.g_DepartmentMap) {
            CLTop.g_DepartmentMap = {
            };
            for (var i = 0; CLTop.g_DepartmentList && i < CLTop.g_DepartmentList.length; i++) {
                var id = CLTop.g_DepartmentList[i].id;
                CLTop.g_DepartmentMap[id] = CLTop.g_DepartmentList[i];
            }
            for (var i = 0; i < CLTop.g_FormerUsers.length; i++) {
                var id = CLTop.g_FormerUsers[i].id;
                CLTop.g_DepartmentMap[id] = CLTop.g_FormerUsers[i];
            }
        }
        return CLTop.g_DepartmentMap[Id];
    }

    CLApp.getDepartmentNameById = function (Id) {
        if (Id == null) {
            return "";
        }
        Id *= 1;
        var Depart = CLApp.getDepartmentById(Id);
        return Depart == null ? "??????" : Depart.name;
    }

    CLApp.extendRoleRoot = function (Ids) {
        if (Ids == null) {
            return;
        }
        var tempIds = [].concat(Ids);
        for (var i = 0; i < Ids.length; i++) {
            var id = Ids[i];
            while (id) {
                var role = CLApp.getRoleById(id);
                id = role ? role.ParentID : null;
                if (id && Ids.indexOf(id) < 0 && tempIds.indexOf(id) < 0) {
                    tempIds.push(id);
                }
            }
        }
        return tempIds;
    }

    CLApp.getRoleTree = function (Ids) {
        if (Ids == null) {
            return CLTableToTree(CLTop.g_RoleList, null);
        } else {
            var tempTable = [];
            for (var i = 0; CLTop.g_RoleList && i < CLTop.g_RoleList.length; i++) {
                if (Ids == null || Ids.indexOf(CLTop.g_RoleList[i].ID) >= 0) {
                    tempTable.push(CLTop.g_RoleList[i]);
                }
            }
            return CLTableToTree(tempTable, null);
        }
    }

    CLApp.getRoleById = function (Id) {
        for (var i = 0; CLTop.g_RoleList && i < CLTop.g_RoleList.length; i++) {
            if (CLTop.g_RoleList[i].ID == Id) {
                return CLTop.g_RoleList[i];
            }
        }
    }

    CLApp.getFormById = function (FormId) {
        if (CLTop.g_AllForms[FormId]) {
            return CLTop.g_AllForms[FormId];
        }
        for (var i = 0; CLTop.g_AllForms && i < CLTop.g_AllForms.length; i++) {
            if (CLTop.g_AllForms[i].ID == FormId) {
                CLTop.g_AllForms[FormId] = CLTop.g_AllForms[i];
                return CLTop.g_AllForms[i];
            }
        }
    }

    CLApp.TableName = function (FormId) {
        if (/^DataField_[0-9]*$/.test(FormId)) {
            FormId = FormId.replace("DataField_", "");
        }
        var Form = CLApp.getFormById(FormId);
        if (Form) {
            return Form.Name;
        } else {
            var info = CLApp.getFieldInfo(FormId);
            return info == null ? FormId : info.Name;
        }
    }

    var g_AllFieldsInfo = null;

    CLApp.getFieldInfo = function (Id) {
        if (Id == "createDt") {
            return {
                ID: Id,
                Name: "提交时间",
                className: "提交时间"
            };
        }
        if (Id == "updateDt") {
            return {
                ID: Id,
                Name: "更新时间",
                className: "更新时间"
            };
        }
        if (Id == "Submiter") {
            return {
                ID: Id,
                Name: "提交人",
                className: "成员单选"
            };
        }
        if (Id == "iFlowStatus") {
            return {
                ID: Id,
                Name: "流程状态",
                className: "流程状态"
            };
        }
        if (Id == null) {
            return null;
        }
        if (Id == "") {
            return {
                ID: Id,
                Name: Id,
                className: "单行文本"
            };
        }
        if (/^DataField_[0-9]*$/.test(Id)) {
            Id = Id.replace("DataField_", "");
        } else if (/^SubTable_[0-9]*$/.test(Id)) {
            Id = Id.replace("SubTable_", "");
        } else if (!/^[0-9]*$/.test(Id)) {
            return;
        }
        if (CLTop.g_AllFieldsInfo == null) {
            CLTop.g_AllFieldsInfo = {
            };
            var AllForms = CLApp.getAllForms();
            for (var i = 0; i < AllForms.length ; i++) {
                var table = AllForms[i].Name;
                var Fields = AllForms[i].Fields;
                if (Fields == null) {
                    continue;
                }
                for (var j = 0; j < Fields.length; j++) {
                    var field = Fields[j];
                    field.fullName = table + "." + field.Name;
                    field.TableID = AllForms[i].ID;
                    CLTop.g_AllFieldsInfo[field.ID] = field;
                    if (field.className == "子表单") {
                        var subFields = field.Field;
                        for (var k = 0; k < subFields.length; k++) {
                            var ffield = subFields[k];
                            ffield.TableID = field.ID;
                            ffield.fullName = field.Name + "." + ffield.Name;
                            CLTop.g_AllFieldsInfo[ffield.ID] = ffield;
                        }
                    }
                }
            }
        }
        if (CLTop.g_AllFieldsInfo[Id] == null) {
            return null;
        }
        var o = CLTop.g_AllFieldsInfo[Id];
        var r = {
            ID: Id,
            Name: o.Name,
            TableID: o.TableID,
            className: o.className,
            Rules: o.Rules,
            enableUpdate: o.enableUpdate,
            fullName: o.fullName,
            Visible: o.Visible
        };
        if (o.ParentID) {
            r.ParentID = o.ParentID;
        }
        return r;
    }

    var g_AllTablesInfo = null;

    CLApp.GetFormOrSubTableById = function (Id) {
        if (CLTop.g_AllTablesInfo == null) {
            CLTop.g_AllTablesInfo = {
            };
        }
        if (/^SubTable_[0-9]*$/.test(Id)) {
            Id = Id.replace("SubTable_", "");
        }
        if (/^DataTable_[0-9]*$/.test(Id)) {
            Id = Id.replace("DataTable_", "");
        }
        if (CLTop.g_AllTablesInfo[Id] != null) {
            return CLTop.g_AllTablesInfo[Id];
        }
        var AllForms = CLApp.getAllForms();
        for (var i = 0; i < AllForms.length ; i++) {
            CLTop.g_AllTablesInfo[AllForms[i].ID] = AllForms[i];
            var Fields = AllForms[i].Fields;
            if (Fields == null) {
                continue;
            }

            for (var j = 0; j < Fields.length; j++) {
                if (Fields[j].className == "子表单") {
                    CLTop.g_AllTablesInfo[Fields[j].ID] = {
                        ID: Fields[j].ID,
                        Name: Fields[j].Name,
                        className: "子表单",
                        Fields: Fields[j].Field || []
                    }
                }
            }
        }
        return CLTop.g_AllTablesInfo[Id];
    }

    CLApp.FindAppAndShareForms = function (FormId) {
        var Form = CLApp.getFormById(FormId);
        return CLApp.getFormsByAppId(Form.AppId);
    }

    CLApp.getForms = function (FormId) {
        return CLApp.FindAppAndShareForms(FormId);
    }

    CLApp.getFormsByAppId = function (AppId) {
        var AllForms = CLApp.getAllForms();
        var ret = [];
        for (var i = 0; i < AllForms.length; i++) {
            if (AllForms[i].IsShare || (AllForms[i].AppId != null && AllForms[i].AppId == AppId)) {
                ret.push(AllForms[i]);
            }
        }
        return ret;
    }

    CLApp.setForm = function (Form) {
        for (var i = 0; i < CLTop.g_AllForms.length; i++) {
            if (CLTop.g_AllForms[i].ID == Form.ID) {
                Form.AppId = CLTop.g_AllForms[i].AppId;
                CLTop.g_AllForms[i] = Form;
            }
        }
        if (!CLTop.g_AllFieldsInfo) {
            return;
        }
        var Fields = Form.Fields;
        if (Fields == null) {
            return;
        }
        for (var j = 0; j < Fields.length; j++) {
            Fields[j] = CLClone(Fields[j]);
            CLTop.g_AllFieldsInfo[Fields[j].ID] = Fields[j];
            Fields[j].FormID = Form.ID;
            if (Fields[j].className == "子表单") {
                var subFields = Fields[j].Field;
                for (var k = 0; k < subFields.length; k++) {
                    CLTop.g_AllFieldsInfo[subFields[k].ID] = Fields[j].Field[k];
                    CLTop.g_AllFieldsInfo[subFields[k].ID].FormID = Fields[j].ID;
                }
            }
        }
    }

    CLApp.getAllForms = function () {
        return CLTop.g_AllForms;
    }

    CLApp.getFrmShowInfo = function (Id, V) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetShowInfo&ID=" + Id + "&v=" + V;
        var Info;
        return HttpGet(Url, function (Json) {
            if (Json.code == 0) {
                Info = Json.data;
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
        }, false, true);
        return Info;
    }

    CLApp.Get = function (url) {
        var ele;
        HttpGet(url, function (Json) {
            if (Json.code == 0) {
                ele = JSON.parse(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, false, true);
        return ele
    }

    CLApp.getFlowClassById = function (Id, Success) {
        if (CLTop.g_FlowClasses == null) {
            CLTop.g_FlowClasses = {
            };
        }
        if (CLTop.g_FlowClasses[Id] != null) {
            Success(CLTop.g_FlowClasses[Id]);
            return;
        } else {
            var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGetFlowClass&ID=" + Id;
            return HttpGet(Url, function (Json) {
                if (Json.code == 0) {
                    CLTop.g_FlowClasses[Id] = Json.data;
                    Success(CLTop.g_FlowClasses[Id]);
                } else {
                    CLShowMsg(Json.msg);
                }
            }, true, true);
        }
    }

    CLApp.IsAdmin = function () {
        return CLTop.g_IsAdmin;
    }

    CLApp.GetCLApp = function (Id) {
        var Apps = CLTop.g_CLApps;
        for (var i = 0; i < Apps.length; i++) {
            if (Apps[i].ID == Id) {
                return Apps[i];
            }
        }
    }

    CLApp.HasAuth = function (Range, User, addAdmin) {
        if (CLApp.IsAdmin() && addAdmin) {
            return true;
        }
        if (Range == null) {
            return false;
        }
        for (var i = 0; Range["Parts"] && i < Range["Parts"].length; i++) {
            if (User["department"].indexOf(Range["Parts"][i] * 1) >= 0) {
                return true;
            }
        }
        var RolesIDs = User["Roles"];
        for (var i = 0; Range["Roles"] && i < Range["Roles"].length; i++) {
            if (RolesIDs && RolesIDs.indexOf(Range["Roles"][i]) >= 0) {
                return true;
            }
        }

        if (Range["Members"] && Range["Members"].indexOf(User["userid"]) >= 0) {
            return true;
        }
        for (var i = 0; Range["Dynamic"] && i < Range["Dynamic"].length; i++) {
            if (Range["Dynamic"][i] == "当前用户") {
                return true;
            }
        }
        return false;
    }

    CLApp.CalcAuth = function (DataRange, AuthName, dataLine, addAdmin) {
        if (CLApp.IsAdmin() && addAdmin) {
            return true;
        }
        if (DataRange == null) {
            return false;
        }
        var User = CLApp.getCurrentUser();
        if (AuthName == "添加" || AuthName == "复制") {
            if (CLApp.HasAuth(DataRange["Submit"], User, addAdmin)) {
                return true;
            }
            if (CLApp.HasAuth(DataRange["Admin"], User, addAdmin)) {
                return true;
            }
            var Other = DataRange["Other"];
            for (var i = 0; Other && i < Other.length; i++) {
                if (Other[i]["Options"].indexOf(AuthName) >= 0) {
                    if (CLApp.HasAuth(Other[i]["Range"], User, addAdmin)) {
                        return true;
                    }
                }
            }
        }
        if (AuthName == "编辑" || AuthName == "删除") {
            if (CLApp.HasAuth(DataRange["Admin"], User, addAdmin)) {
                return true;
            }
            if (CLApp.HasAuth(DataRange["Own"], User, addAdmin) && (dataLine == null || dataLine["Submiter"] == User["userid"])) {
                return true;
            }
            if (dataLine == null) {
                return false;
            }
            var Other = DataRange["Other"];
            for (var i = 0; Other && i < Other.length; i++) {
                if (Other[i]["Options"].indexOf(AuthName) >= 0) {
                    if (CLApp.HasAuth(Other[i]["Range"], User, addAdmin)) {
                        return true;
                    }
                }
            }
        }
        if (AuthName == "终止流程" || AuthName == "激活流程" || AuthName == "调整流程负责人" || AuthName == "导入" || AuthName == "导出") {
            if (CLApp.HasAuth(DataRange["Admin"], User, addAdmin)) {
                return true;
            }
            if (dataLine == null) {
                return false;
            }
            var Other = DataRange["Other"];
            for (var i = 0; Other && i < Other.length; i++) {
                if (Other[i]["Options"].indexOf(AuthName) >= 0) {
                    if (CLApp.HasAuth(Other[i]["Range"], User, addAdmin)) {
                        return true;
                    }
                }
            }
        }
        return false;
    }

    CLApp.CalcFields = function (DataRange) {
        if (CLApp.IsAdmin()) {
            return null;
        }
        if (DataRange == null) {
            return null;
        }
        var User = CLApp.getCurrentUser();
        if (CLApp.HasAuth(DataRange["Admin"], User, true)) {
            return null;
        }
        if (CLApp.HasAuth(DataRange["Own"], User, true)) {
            return null;
        }
        if (CLApp.HasAuth(DataRange["Submit"], User, true) && DataRange.Op == "提交") {
            return null;
        }
        var read = false;
        if (CLApp.HasAuth(DataRange["Read"], User, true)) {
            read = true;
        }
        var Other = DataRange["Other"];
        var MapFields = null;
        for (var i = 0; Other && i < Other.length; i++) {
            if (CLApp.HasAuth(Other[i].Range, User, true)) {
                if ((Other[i]["Options"].indexOf("添加") >= 0 && DataRange.Op == "提交")
                    || ((Other[i]["Options"].indexOf("编辑") >= 0 || Other[i]["Options"].indexOf("查看") >= 0 || Other[i]["Options"].indexOf("导出") >= 0) && DataRange.Op != "提交")) {
                    var Fields = Other[i].Fields;
                    MapFields = MapFields ? MapFields : {
                    };
                    for (var j = 0; j < Fields.length; j++) {
                        if (MapFields[Fields[j].ID] == null) {
                            MapFields[Fields[j].ID] = {
                                Read: Fields[j].Read || read,
                                Write: Fields[j].Write
                            }
                        } else {
                            MapFields[Fields[j].ID].Read = MapFields[Fields[j].ID].Read || Fields[j].Read;
                            MapFields[Fields[j].ID].Write = MapFields[Fields[j].ID].Write || Fields[j].Write;
                        }
                    }
                }
            }
        }
        return MapFields;
    }

    CLApp.ConvertData = function (className, sData) {
        if (className == "成员单选" || className == "提交人") {
            return CLApp.getMemberNameById(sData);
        }
        if (className == "部门单选") {
            return CLApp.getDepartmentNameById(sData);
        }
        if (className == "成员多选") {
            var jData;
            try {
                jData = JSON.parse(sData);
            } catch (e) {
                jData = [sData];
            }
            if (jData == null) {
                jData = [];
            }
            var arr = [];
            for (var i = 0; i < jData.length; i++) {
                var R = CLApp.getMemberNameById(jData[i]);
                if (R) {
                    arr.push(R);
                }
            }
            return arr.toString();
        }
        if (className == "部门多选") {
            var jData;
            try {
                jData = JSON.parse(sData);
            } catch (e) {
                jData = [sData];
            }
            if (jData == null) {
                jData = [];
            }
            var arr = [];
            for (var i = 0; i < jData.length; i++) {
                var R = CLApp.getDepartmentNameById(jData[i]);
                if (R) {
                    arr.push(R);
                }
            }
            return arr.toString();
        }
        if (className == "复选框组" || className == "下拉复选框") {
            var jData;
            try {
                jData = JSON.parse(sData);
            } catch (e) {
                jData = [sData];
            }
            if (jData == null) {
                return "<code style='font-weight:900;color:rgb(36, 138, 249)'>NULL</code>";
            }
            return jData;
        }
        if (className == "手写签名") {
            if (sData == null) {
                return "";
            }
            var Val = JSON.parse(sData);
            var svg = document.createElement("svg");
            svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
            svg.setAttribute("version", "1.1");
            svg.style.position = "relative";
            var height = 60;
            var width = 120;
            svg.setAttribute("width", 120);
            svg.setAttribute("height", 60);
            var Lines = Val.Lines;
            var sLines = "";
            for (var i = 0; i < Lines.length; i++) {
                var Pointers = Lines[i];
                for (var j = 0; j < Pointers.length - 1; j++) {
                    sLines += "<line y1='" + (60 - Pointers[j].X * height / Val.Width) + "' x1='" + (Pointers[j].Y * width / Val.Height) + "' y2='" + (60 - Pointers[j + 1].X * height / Val.Width) + "' x2='" + (Pointers[j + 1].Y * width / Val.Height) + "' style='stroke:rgb(0,0,0);stroke-width:2'></line>";
                }
            }
            svg.innerHTML = sLines;
            return "<div style='display:inline-block;overflow:hidden;width:120px;height:60px;vertical-align:top'>" + svg.outerHTML + "</div>";
        }
        if (className == "流程状态") {
            if (sData * 1 == -1) {
                return "已暂存"
            } else {
                return ["运行中", "已完成", "已终止", "已存档"][(sData * 1) - 1];
            }
        }
        return sData;
    }

    CLApp.RunSource = function (ID, Success, Vars, Async, file) {
        var url = "/" + CLCorpId() + "/api/RunSource.chx?Function=HttpRunSource"
        if (Async === false) {
            url += "&Data=" + encodeURIComponent(JSON.stringify({ ID: ID, Vars: Vars }));
            HttpGet(url, function (Json) {
                Success(Json);
            }, false, true);
        } else {
            return HttpPost(url, function (Json) {
                Success(Json);
            }, {
                ID: ID, Vars: Vars
            }, Async, null, null, file, file && file.name);
        }
    }

    CLApp.Filter = function (lines, filter) {
        if (!filter || !filter.Items || filter.Items.length == 0) {
            return lines;
        }
        var all = filter.Operator == "所有";
        var Items = filter.Items;
        var items = [].concat(Items);
        items.forEach(function (ele, index) {
            var className = ele.className;
            var Val = ele.Val;
            var Field = ele.ID;
            var o = {
            }
            if (className.indexOf("时间") >= 0) {
                function GetDate(sVal) {
                    if (sVal == "今天") {
                        var v1 = new Date();
                        v1 = Date.Parse(v1.Format("yyyy-MM-dd 00:00:00"));
                        var v2 = new Date(v1);
                        v2.getDate(v2.getDate() + 1);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    if (sVal == WS("昨天")) {
                        var v1 = new Date();
                        v1.setDate(v1.getDate() - 1);
                        v1 = Date.Parse(v1.Format("yyyy-MM-dd 00:00:00"));
                        var v2 = new Date(v1);
                        v2.getDate(v2.getDate() + 1);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    if (sVal == WS("本周")) {
                        var v1 = new Date();
                        v1.setDate(v1.getDate() - v1.getDay());
                        v1 = Date.Parse(v1.Format("yyyy-MM-dd 00:00:00"));
                        var v2 = new Date(v1);
                        v2.getDate(v2.getDate() + 7);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    if (sVal == WS("上周")) {
                        var v1 = new Date();
                        v1.setDate(dt.getDate() - 7 - dt.getDay());
                        v1 = Date.Parse(v1.Format("yyyy-MM-dd 00:00:00"));
                        var v2 = new Date(v1);
                        v2.getDate(v2.getDate() + 7);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    if (sVal == WS("本月")) {
                        var v1 = new Date();
                        v1 = Date.Parse(v1.Format("yyyy-MM-01 00:00:00"));
                        var v2 = new Date(v1);
                        v2.setMonth(v2.getMonth() + 1);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    if (sVal == WS("上月")) {
                        var dt = new Date();
                        dt.setDate(0);
                        v1 = Date.Parse(v1.Format("yyyy-MM-01 00:00:00"));
                        v1.setMonth(v1.getMonth() - 1);
                        var v2 = new Date(v1);
                        v2.setMonth(v2.getMonth() + 1);
                        return ({
                            v1: v1.Format("yyyy-MM-dd 00:00:00"),
                            v2: v2.Format("yyyy-MM-dd 00:00:00")
                        });
                    }
                    var v1 = Date.Parse(sVal);
                    var v2 = new Date(v1);
                    v2.getDate(v2.getDate() + 1);
                    return ({
                        v1: v1.Format("yyyy-MM-dd 00:00:00"),
                        v2: v2.Format("yyyy-MM-dd 00:00:00")
                    });
                }
                (function () {
                    if (ele.Operator == "等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            var dType = Val.DataType;
                            var jVal = Val.sValue;
                            if (!dType) {
                                o.func = function () {
                                    return true;
                                }
                            }
                            if (dType == "今天"
                                || dType == "昨天"
                                || dType == "本周"
                                || dType == "上周"
                                || dType == "本月"
                                || dType == "上月"
                                ) {
                                var Dt = GetDate();
                                o.func = function (line) {
                                    return line[Field] >= Dt.v1 && line[Field] < Dt.v2;
                                }
                            } else {
                                if (!jVal) {
                                    o.func = function (line) {
                                        return true;
                                    }
                                } else {
                                    var Dt = GetDate(jVal);
                                    o.func = function (line) {
                                        return line[Field] >= Dt.v1 && line[Field] < Dt.v2;
                                    }
                                }
                            }
                        }
                    }
                }());
                (function () {
                    if (ele.Operator == "不等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            var dType = Val.DataType;
                            var jVal = Val.sValue;
                            if (!dType) {
                                o.func = function () {
                                    return true;
                                }
                            }
                            if (dType == "今天"
                                || dType == "昨天"
                                || dType == "本周"
                                || dType == "上周"
                                || dType == "本月"
                                || dType == "上月"
                                ) {
                                var Dt = GetDate();
                                o.func = function (line) {
                                    return line[Field] < Dt.v1 || line[Field] >= Dt.v2;
                                }
                            } else {
                                if (!jVal) {
                                    o.func = function (line) {
                                        return true;
                                    }
                                } else {
                                    var Dt = GetDate(jVal);
                                    o.func = function (line) {
                                        return line[Field] < Dt.v1 || line[Field] >= Dt.v2;
                                    }
                                }
                            }
                        }
                    }
                }());
                (function () {
                    if (ele.Operator == "大于等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            var dType = Val.DataType;
                            var jVal = Val.sValue;
                            if (!dType) {
                                o.func = function () {
                                    return true;
                                }
                            }
                            if (dType == "今天"
                                || dType == "昨天"
                                || dType == "本周"
                                || dType == "上周"
                                || dType == "本月"
                                || dType == "上月"
                                ) {
                                var Dt = GetDate();
                                o.func = function (line) {
                                    return line[Field] >= Dt.v1;
                                }
                            } else {
                                if (!jVal) {
                                    o.func = function (line) {
                                        return true;
                                    }
                                } else {
                                    var Dt = GetDate(jVal);
                                    o.func = function (line) {
                                        return line[Field] >= Dt.v1;
                                    }
                                }
                            }
                        }
                    }
                }());
                (function () {
                    if (ele.Operator == "小于等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            var dType = Val.DataType;
                            var jVal = Val.sValue;
                            if (!dType) {
                                o.func = function () {
                                    return true;
                                }
                            }
                            if (dType == "今天"
                                || dType == "昨天"
                                || dType == "本周"
                                || dType == "上周"
                                || dType == "本月"
                                || dType == "上月"
                                ) {
                                var Dt = GetDate();
                                o.func = function (line) {
                                    return line[Field] < Dt.v2;
                                }
                            } else {
                                if (!jVal) {
                                    o.func = function (line) {
                                        return true;
                                    }
                                } else {
                                    var Dt = GetDate(jVal);
                                    o.func = function (line) {
                                        return line[Field] < Dt.v2;
                                    }
                                }
                            }
                        }
                    }
                }());
                (function () {
                    if (ele.Operator == "为空") {
                        o.func = function (line) {
                            return line[Field] == null;
                        }
                    }
                }());
                (function () {
                    if (ele.Operator == "不为空") {
                        o.func = function (line) {
                            return line[Field] != null;
                        }
                    }
                }());
            }
            if (className == "成员单选"
                || className == "提交人"
                || className == "部门单选"
                || className == "流水号"
                || className == "单行文本"
                || className == "多行文本"
                || className == "单选按钮组"
                || className == "下拉框"
                || className == "流程状态") {
                (function () {
                    if (ele.Operator == "等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] == Val;
                            }
                        }
                    }
                    if (ele.Operator == "不等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] != Val;
                            }
                        }
                    }
                    if (ele.Operator == "等于任意一个") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                var vv = line[Field];
                                for (var i = 0; i < Val.length ; i++) {
                                    if (vv == Val[i]) {
                                        return true;
                                    }
                                }
                            }
                        }
                    }
                    if (ele.Operator == "不等于任意一个") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                var vv = line[Field];
                                for (var i = 0; i < Val.length ; i++) {
                                    if (vv == Val[i]) {
                                        return false;
                                    }
                                }
                                return true;
                            }
                        }
                    }

                    if (ele.Operator == "包含") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                var vv = line[Field];
                                return vv && vv.indexOf(Val) >= 0;
                            }
                        }
                    }

                    if (ele.Operator == "不包含") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                var vv = line[Field];
                                return vv && vv.indexOf(Val) < 0;
                            }
                        }
                    }

                    if (ele.Operator == "为空") {
                        o.func = function (line) {
                            return line[Field] == null;
                        }
                    }
                    if (ele.Operator == "不为空") {
                        o.func = function (line) {
                            return line[Field] != null;
                        }
                    }
                }());
            }
            if (className == "数字") {
                (function () {
                    if (ele.Operator == "等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] == Val;
                            }
                        }
                    }
                    if (ele.Operator == "不等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] != Val;
                            }
                        }
                    }
                    if (ele.Operator == "大于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] - 0 > Val;
                            }
                        }
                    }
                    if (ele.Operator == "大于等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] - 0 >= Val;
                            }
                        }
                    }

                    if (ele.Operator == "小于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] - 0 < Val;
                            }
                        }
                    }

                    if (ele.Operator == "小于等于") {
                        if (!Val) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] - 0 <= Val;
                            }
                        }
                    }

                    if (ele.Operator == "选择范围") {
                        if (!Val
                            || Val.Min == null
                            || Val.Max == null
                            ) {
                            o.func = function () {
                                return true;
                            }
                        } else {
                            o.func = function (line) {
                                return line[Field] - 0 >= Val && line[Field] - 0 < Val;
                            }
                        }
                    }

                    if (ele.Operator == "为空") {
                        o.func = function (line) {
                            return line[Field] == null;
                        }
                    }
                    if (ele.Operator == "不为空") {
                        o.func = function (line) {
                            return line[Field] != null;
                        }
                    }
                }());
            }
            if (className == "附件上传"
                || className == "手写签名") {
                if (ele.Operator == "为空") {
                    o.func = function (line) {
                        return line[Field] == null;
                    }
                }
                if (ele.Operator == "不为空") {
                    o.func = function (line) {
                        return line[Field] != null;
                    }
                }
            }
            items[index] = o;
        });
        if (all) {
            var out = [];
            for (var i = 0; i < lines.length ; i++) {
                var line = lines[i];
                for (var j = 0; j < items.length ; j++) {
                    if (!items[j].func(line)) {
                        line = null;
                        break;
                    }
                }
                if (line) {
                    out.push(line);
                }
            }
            return out;
        } else {
            var out = [];
            for (var i = 0; i < lines.length ; i++) {
                var line = lines[i];
                for (var j = 0; j < items.length ; j++) {
                    if (items[j].func(line)) {
                        out.push(line);
                        break;
                    }
                }
            }
            return out;
        }
    }

    CLApp.PcScan = function (event, Success) {
        var ID = CLMakeId();
        var Menu = {
            "style": {
                "padding": "10px 10px 0 10px",
                "overflow-y": "auto",
                "height": "195px"
            },
            Items: []
        };

        var _CLMenu = new CLMenu(Menu);
        _CLMenu.Div.style.textAlign = "center";
        var qrcode = new QRCode(_CLMenu.Div, {
            width: 148,//设置宽高
            height: 148
        });
        var ID = CLMakeId();
        _CLMenu.Reset(event);
        var url = CLHost + "/" + CLCorpId() + "/View/Form/StartScan.cml?ID=" + ID;
        qrcode.makeCode(url);
        var span = document.createElement("span");
        span.style.color = "#777";
        span.style.fontSize = "12px";
        span.innerHTML = "请使用钉钉完成扫码";
        _CLMenu.Div.appendChild(span);
        var time = new Date();
        var timeout;
        var close = _CLMenu.Close;
        _CLMenu.Close = function () {
            clearTimeout(timeout);
            close.call(_CLMenu);
        }
        function GetScanResult() {
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetScanResult";
            var Load = HttpPost(Url, function (Json) {
                if (new Date() - time > 600000) {
                    _CLMenu.Close();
                    return;
                }
                if (Json.data != null) {
                    Success(Json.data);
                    _CLMenu.Close();
                } else {
                    timeout = setTimeout(function () {
                        clearTimeout(timeout);
                        GetScanResult();
                    }, 500);
                }
            }, {
                ID: ID
            });
            Load.Stop();
        }
        GetScanResult();
    }

    CLApp.InputDlg = function (targer, Title, Value, Placeholder, End) {
        var dlg = CLAutoDialog(440, 152, targer);
        var Div = dlg.Div;
        Div.style.padding = "20px 20px 15px";
        Div.innerHTML = "<h3>" + Title + "</h3>";
        var nameInput = document.createElement("input");
        nameInput.style.height = "30px";
        nameInput.style.width = "100%";
        nameInput.value = Value;
        nameInput.setAttribute("placeholder", Placeholder);
        Div.appendChild(nameInput);
        nameInput.focus();
        var Bottom = document.createElement("div");
        Bottom.style.textAlign = "right";
        Bottom.style.marginTop = "10px";
        Div.appendChild(Bottom);

        var Btn = document.createElement("div");
        Btn.className = "CLBtnCancel";
        Btn.innerHTML = "取消";
        Btn.onclick = function () {
            dlg.Close();
        }
        Btn.style.margin = "0 5px 0 0";
        Bottom.appendChild(Btn);

        Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.style.margin = "0 0 0 5px";
        Btn.innerHTML = "确定";
        Btn.onclick = function () {
            var Value = nameInput.value;
            if (End(Value) !== false) {
                dlg.Close();
            }
        }
        Bottom.appendChild(Btn);
        return dlg;
    }

    CLApp.NameDlg = CLApp.InputDlg;

    CLApp.CreateDateTable = function (minWillStart, maxWillFinish, maxFinish, hasNotFinish, offset, count) {
        var dtStart = Date.Parse(minWillStart);
        var dtEnd = Date.Parse(maxWillFinish);
        var dtRealEnd = Date.Parse(maxFinish);
        if (dtRealEnd > dtEnd) {
            dtEnd = dtRealEnd;
        }
        var dtNow = new Date();
        if (dtEnd < new Date() && hasNotFinish) {
            dtEnd = dtNow;
        }
        var list = [];
        var dt = dtStart;
        while (dt.getDay() != 0) {
            dt.setDate(dt.getDate() - 1);
        }
        while (dtEnd.getDay() != 6) {
            dtEnd.setDate(dtEnd.getDate() + 1);
        }
        var WeekDay = ["日", "一", "二", "三", "四", "五", "六"];
        var week;
        if (!offset) {
            offset = 0;
        }
        if (!count) {
            count = 0x7fffffff;
        }
        var iTotal = (dtEnd - dtStart) / 1000 / 3600 / 24;
        dt.setDate(dt.getDate() + offset);
        for (; dt <= dtEnd; dt.setDate(dt.getDate() + 1)) {
            if (dt.getDay() == 0) {
                week = dt.toString("yyyy/M/d 周") + WeekDay[dt.getDay()];
            }
            list.push({
                Date: dt.toString("yyyy/M/d"),
                Week: week,
                Day: dt.getDate(),
                WeekDay: WeekDay[dt.getDay()],
            });
            if (list.length == count) {
                break;
            }
        }
        if (list[0]) {
            list[0].iTotal = iTotal;
        }
        return list;
    }

    CLApp.GetFormDataUpdateLog = function (ID, FormID, Success, Async) {
        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataLog";
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                var data = Json.data;
                var Lines = [];
                var prev = {
                };
                for (var i = 0; i < data.length; i++) {
                    var o = JSON.parse(data[i].Result);
                    var Deletes = o.Deletes;
                    if (!Deletes) {
                        Deletes = [];
                    }
                    Deletes.some(function (data) {
                        if (!o["SubTable_" + data.FormID]) {
                            o["SubTable_" + data.FormID] = [];
                        }
                    });
                    var line = {
                    };
                    line.ID = data[i].ID;
                    line.DataID = data[i].FormDataID;
                    line.Changes = [];
                    for (var key in o) {
                        var info;
                        if (/^SubTable_[0-9]*$/.test(key)) {
                            info = CLApp.GetFormOrSubTableById(key);
                        } else {
                            info = CLApp.getFieldInfo(key);
                        }
                        if (info == null) {
                            continue;
                        }
                        if (prev[key] == o[key]) {
                            continue;
                        }
                        if (key == "createDt" || key == "updateDt" || key == "Submiter") {
                            continue;
                        }
                        var change = {
                            ID: key,
                            Name: info.Name,
                            className: info.className,
                            prevValue: prev[key] == null ? "" : CLApp.ConvertData(info.className, prev[key]),
                            oValue: o[key],
                            Value: CLApp.ConvertData(info.className, o[key])
                        };
                        line.Changes.push(change);
                        if (info.className == "子表单") {
                            if (!!prev[key]) {
                                var oPrev = prev[key];
                                prev[key] = [];
                                oPrev.forEach(function (ele) {
                                    if (!ele.Del) {
                                        ele = CLClone(ele);
                                        delete ele.Add;
                                        prev[key].push(CLClone(ele));
                                    }
                                });
                                if (i == 1 && prev[key][0] && prev[key][0].ID == null) {
                                    var IDs = [];
                                    o[key].forEach(function (ele) {
                                        IDs.push(ele.ID);
                                    });
                                    Deletes.some(function (data) {
                                        if (data.FormID == info.ID) {
                                            IDs.push(data.ID);
                                        }
                                    });
                                    CLQuickSort(IDs, function (e1, e2) {
                                        return CLStrCmp(e1, e2);
                                    });
                                    prev[key].forEach(function (ele, index) {
                                        ele.ID = IDs[index];
                                        oPrev[index].ID = IDs[index];
                                    });
                                } else if (info.Name == "关键工艺路线") {
                                    var Arr = [];
                                    var oIDs = [];
                                    prev[key].forEach(function (ele) {
                                        if (!ele.ID) {
                                            Arr.push(ele);
                                        } else {
                                            oIDs.push(ele.ID);
                                        }
                                    });
                                    if (Arr.length > 0) {
                                        var IDs = [];
                                        o[key].forEach(function (ele) {
                                            if (oIDs.indexOf(ele.ID) < 0) {
                                                IDs.push(ele.ID);
                                            }
                                        });
                                        Deletes.some(function (data) {
                                            if (data.FormID == info.ID) {
                                                if (oIDs.indexOf(data.ID) < 0) {
                                                    IDs.push(data.ID);
                                                }
                                            }
                                        });
                                        if (IDs.length == Arr.length) {
                                            CLQuickSort(IDs, function (e1, e2) {
                                                return CLStrCmp(e1, e2);
                                            });
                                            CLQuickSort(Arr, function (e1, e2) {
                                                if (e1.Index != null && e2.Index != null) {
                                                    return e1.Index - e2.Index;
                                                } else {
                                                    return 0;
                                                }
                                            });
                                            Arr.forEach(function (ele, index) {
                                                ele.ID = IDs[index];
                                            });
                                        }
                                    }
                                }
                                o[key].some(function (nV, j) {
                                    var has = false;
                                    prev[key].some(function (oV, i) {
                                        if (oV.ID == nV.ID) {
                                            var changes = {
                                            };
                                            for (var key in nV) {
                                                if (nV[key] !== undefined && nV[key] != oV[key]) {
                                                    changes[key] = oV[key];
                                                    oV[key] = nV[key];
                                                }
                                            }
                                            oV.changes = changes;
                                            has = true;
                                            return true;
                                        }
                                    });
                                    if (!has) {
                                        var nl = CLClone(nV);
                                        nl.Add = true;
                                        prev[key].push(nl);
                                    }
                                });
                                Deletes.some(function (data) {
                                    if (data.FormID == info.ID) {
                                        prev[key].some(function (line, index) {
                                            if (line.ID == data.ID) {
                                                prev[key][index].Del = true;
                                                return true;
                                            }
                                        });
                                    }
                                });
                                CLQuickSort(prev[key], function (e1, e2) {
                                    if (e1.Index == e2.Index) {
                                        if (e1.Del == e2.Del) {
                                            return 0;
                                        } else if (e1.Del > e2.Del) {
                                            return -1;
                                        }
                                        else {
                                            return 1;
                                        }
                                    } else {
                                        return e1.Index - e2.Index;
                                    }
                                });
                                change.Value = prev[key];
                            } else {
                                prev[key] = change.oValue;
                                change.Value = prev[key];
                            }
                        } else {
                            prev[key] = o[key];
                        }
                    }
                    line.createDt = data[i].createDt;
                    line.Submiter = data[i].Submiter;
                    if (line.Changes.length > 0) {
                        Lines.push(line);
                    }
                }
                Json.data = Lines;
                Success(Json);
            } else {
                Json.data = [];
                Success(Json);
            }
        }, {
            ID: ID, FormID: FormID
        }, Async);
    }

    CLApp.MemberDlg = function (ID, Success) {
        var Range = {
            Members: typeof ID == "string" ? [ID] : ID
        };
        FrmCtrls.MemberDialog({
            Parts: [], Roles: [], Members: [], Dynamic: []
        }, typeof ID != "string", Range, true, function (Val) {
            Success(typeof ID == "string" ? Val.Members[0] : Val.Members);
        });
    }

    CLApp.SelectImage = function (AppId, Func) {
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:800px;height:600px";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("选择图片", function () {
            var Items = _Assets.getSelect();
            for (var i = 0; i < Items.length; i++) {
                var DirInfo = Items[i].Dir;
                var index = DirInfo.Name.lastIndexOf(".");
                if (index < 0) {
                    continue;
                }
                var ext = DirInfo.Name.substr(index + 1);
                if (ext == "png" || ext == "jpg" || ext == "jpeg" || ext == "gif" || ext == "bmp") {
                    Func(CLHost + "/" + CLCorpId() + "/Assets/" + DirInfo.ID.replace(/\\/g, "/"));
                    return;
                }
            }
        });
        var _Assets = new Assets(dlg.Body, AppId);
        _Assets.OnlyDir = true;
        _Assets.EnablePushState();
        _Assets.OpenDir();
        _Assets.OpenFile = function (DirInfo) {
            Func(CLHost + "/" + CLCorpId() + "/Assets/" + DirInfo.ID.replace(/\\/g, "/"));
            dlg.Close();
        }
    }

    CLApp.GetLockSock = function () {
        if (CLTop.lockSock == null || CLTop.lockSock.Invoke == null) {
            CLTop.lockSock = CLTop.CLGetSocket();
            CLTop.lockSock.EnableLoading(false);
            CLTop.lockSock.Funcs = [];
            CLTop.lockSock.Push = function (func) {
                if (CLTop.lockSock.FirstConnecte === undefined) {
                    func();
                } else {
                    CLTop.lockSock.Funcs.push(func);
                }
            }
            CLTop.lockSock.Remove = function (func) {
                var Funcs = CLTop.lockSock.Funcs;
                var index = Funcs.indexOf(func);
                if (index >= 0) {
                    Funcs.splice(index, 1);
                }
            }
            CLTop.lockSock.FirstConnecte = true;
            CLTop.lockSock.OnConnected = function () {
                delete CLTop.lockSock.FirstConnecte;
                CLTop.lockSock.Funcs.forEach(function (func) {
                    func();
                });
                CLTop.lockSock.Funcs.length = 0;
            }
        }
        return CLTop.lockSock;
    }

    CLApp.PageUnLock = function () {
        if (CLTop.lockSock != null) {
            var Funcs = CLTop.lockSock.Funcs;
            for (var i = 0; Funcs && i < Funcs.length; i++) {
                var func = Funcs[i];
                if (func.__Page__ && func.locked) {
                    func.UnLock();
                }
            }
        }
    }

    CLApp.PageReLock = function () {
        if (CLTop.lockSock != null) {
            var Funcs = CLTop.lockSock.Funcs;
            for (var i = 0; Funcs && i < Funcs.length; i++) {
                var func = Funcs[i];
                if (func.__Page__ && !func.locked) {
                    func();
                }
            }
        }
    }

    CLApp.CreateMenu = function (width, height, btn) {
        var self = this;
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var dataMenu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var menu = new CLMenu(dataMenu, btn);
        menu.addFilter(btn);
        var close = menu.Close;
        var onclick = btn.onclick;
        btn.onclick = null;
        menu.Close = function () {
            btn.onclick = onclick;
            close.call(this);
        }
        var box = menu.Div.parentNode;
        box.onmouseup = function (e) {
            e.stopPropagation();
        }
        return menu;
    }

    CLApp.RichEdit = function (sHtml, changed, Ele, resizeType) {
        var IsDlg = Ele == null;
        function ResetEditor(eleEdit, sHtml, AppId)  {
            CLLoad("/kindeditor/kindeditor-all-min.js", "1.5");
            var width = eleEdit.offsetWidth;
            var height = eleEdit.offsetHeight;
            KindEditor.options.htmlTags['td,th'] = [
                    'id', 'class', 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor',
                    '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight',
                    '.font-style', '.text-decoration', '.vertical-align', '.background', '.border', '.width'
            ]
            KindEditor.options.htmlTags['script'] = ["id", "class", "src", "type"];
            KindEditor.colorpicker = function (config) {
                var colorVal = config.selectedColor || "#4A4A4A";
                var _color = new CLTop.CLColors(ke.cmd.val(name) || "#4A4A4A");
                var div = document.body.lastChild;
                var self = this;
                div.onclick = div.onmousedown = function (e) {
                    e.stopPropagation();
                }
                _color.End = function (color) {
                    config.click(color);
                }
                return {
                    remove: function () { }
                }
            }
            var ke = eleEdit.KingEditor = KindEditor.create(eleEdit, {
                allowFileManager: true,
                basePath: "/kindeditor/",
                width: eleEdit.parentNode.offsetWidth,
                height: eleEdit.parentNode.offsetHeight,
                resizeType: resizeType == null ? 0 : resizeType,
                zIndex: 2147483646,
                items: [
                    'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
                    'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
                    'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
                    'superscript', 'clearhtml', 'quickformat', 'selectall', '|', '/',
                    'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                    'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image',
                    'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
                    'anchor', 'link', 'unlink', '|'//, 'about'
                ]
                , afterBlur: function () {
                    if (!IsDlg) {
                        var html = ke.html();
                        changed(html);
                    }
                }
            });
            function func(name) {
                var knode = ke.toolbar.get(name);
                var colorVal = ke.cmd.val(name) || "#4A4A4A";
                var _color = new CLTop.CLColors(ke.cmd.val(name) || "#4A4A4A");
                _color.End = function (color) {
                    ke.exec(name, color);
                }
            }
            ke._handlers["clickToolbarhilitecolor"] = [function () {
                func('hilitecolor');
            }];
            ke._handlers["clickToolbarforecolor"] = [function () {
                func('forecolor');
            }];
            var design = ke.edit.design;
            ke.edit.design = function (nSource) {
                var textarea = ke.edit.textarea[0];
                if (nSource && ke.CLEditer) {
                    textarea.value = ke.CLEditer.getOriginalCode();
                    ke.CLEditer.Pos = ke.CLEditer.getCursor();
                    design.call(ke.edit, nSource);
                    textarea.parentNode.classList.remove("Vs");
                } else {
                    design.call(ke.edit, nSource);
                    textarea.style.display = "none";
                    var ele = textarea.previousSibling;
                    textarea.parentNode.classList.add("Vs");
                    if (!ke.CLEditer) {
                        var mixedMode = {
                            name: "html",
                        };
                        var html = ke.html();
                        var editer = ke.CLEditer = new CLCodeEditor(textarea.parentNode, mixedMode);
                        editer.cusCopy = false;
                        ke.CLEditer.setSize(ele.style.width, ele.style.height);
                        ke.CLEditer.setValue(html);
                    } else {
                        ke.CLEditer.setSize(ele.style.width, ele.style.height);
                        if (ke.CLEditer.Pos) {
                            ke.CLEditer.setCursor(ke.CLEditer.Pos);
                        }
                    }
                    ke.CLEditer.focus();
                }
            }
            var fhtml = ke.edit.html;
            ke.edit.html = function (val, isFull) {
                if (this.designMode || !ke.CLEditer) {
                    return fhtml.call(this, val, isFull);
                } else {
                    if (val === undefined) {
                        return ke.CLEditer.getOriginalCode();
                    } else {
                        ke.CLEditer.setValue(val);
                        return this;
                    }
                }
            }
            var insertHtml = ke.insertHtml;
            ke.insertHtml = function (html) {
                var R = insertHtml.apply(this, arguments);
                if (html.match(/class="prettyprint[^"]*"/)) {
                    var iframe = eleEdit.parentNode.getElementsByClassName("ke-edit-iframe")[0];
                    iframe.contentWindow.prettyPrint && iframe.contentWindow.prettyPrint();
                }
                return R;
            }
            if (navigator.userAgent.indexOf("QQBrowser") > 0) {
                var iframe = eleEdit.parentNode.getElementsByClassName("ke-edit-iframe")[0];
                iframe.contentWindow.addEventListener("paste", function (e) {
                    var item = e.clipboardData.items[0];
                    if (item && item.kind == "file" && item.type.indexOf("image/") == 0) {
                        var file = item.getAsFile();
                        var reader = new FileReader();
                        reader.readAsDataURL(file);
                        reader.onload = function (r) {
                            //eleEdit.KingEditor.insertHtml("<img src='" + reader.result + "' data-ke-src='" + reader.result + "' />");
                        }
                    }
                    e.stopPropagation();
                }, true);
            }
            ke.html(sHtml);
        }
        var dlg;
        if (Ele == null) {
            var div = document.createElement("div");
            div.style.cssText = "width:800px;min-width:800px;height:600px";
            dlg = new CLDialog(div);
            dlg.CreateAll("编辑文本", function () {
                var sHtml = editor.KingEditor.html();
                changed(sHtml);
            });
            dlg.onsizeChanged = dlg.resize = function () {
                editor.KingEditor.resize(dlg.Body.offsetWidth - 40, dlg.Body.offsetHeight - 30);
            }
            dlg.EnableMove();
            dlg.Body.style.position = "relative";
            dlg.Body.style.overflow = "auto";
            var editor = document.createElement("div");
            editor.style.cssText = "width:100%;height:100%";
            dlg.Body.appendChild(editor);
            editor.id = CLMakeId();
            dlg.Header.ondblclick = function () {
                dlg.MaximizeOrReset();
            }
            Ele = editor;
        }
        ResetEditor(Ele, sHtml);
        return dlg;
    }

    CLApp.WaterInfoDlg = function (waterInfo, Success, editCode) {
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:500px;height:600px;min-width:500px;max-width:500px;min-height:600px;max-height:600px;";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("设置水印", function () {
            var waterInfo = Info();
            Success(waterInfo);
        });
        dlg.EnableMove();
        var Body = dlg.Body;
        Body.style.cursor = "default";
        Body.style.paddingTop = "10px";
        var label = document.createElement("div");
        label.style.lineHeight = "30px";
        label.innerHTML = "位置：";
        Body.appendChild(label);
        var xList = new CLList([
                {
                    ID: "靠左", Name: "靠左"
                },
                {
                    ID: "居中", Name: "居中"
                },
                    { ID: "靠右", Name: "靠右" },
        ], Body, false, function (Item, ItemData) {
            Item.style.display = "inline-block";
            Item.style.width = "25%";
        });
        xList.canLost = false;
        xList.OnSelected = function () {
            show(Info());
        }
        var xInput = document.createElement("input");
        xInput.style.cssText = "width:80px;height:25px;line-height:25px;vertical-align:top;";
        xInput.setAttribute("placeholder", "边距:0px");
        var reg = /^[0-9]+(\.?[0-9]*)((px?)|(%?))$/;
        xInput.oninput = function () {
            if (!!xInput.value && !reg.test(xInput.value)) {
                xInput.value = xInput.oValue;
            } else {
                xInput.oValue = xInput.value;
            }
        }
        xInput.onchange = function () {
            var waterInfo = Info();
            show(waterInfo);
        }
        Body.lastChild.appendChild(xInput);
        var yList = new CLList([
                {
                    ID: "顶部", Name: "顶部"
                },
                {
                    ID: "居中", Name: "居中"
                },
                    { ID: "底部", Name: "底部" },
        ], Body, false, function (Item, ItemData) {
            Item.style.display = "inline-block";
            Item.style.width = "25%";
        });
        var yInput = xInput.cloneNode();
        yInput.oninput = function () {
            if (!!yInput.value && !reg.test(yInput.value)) {
                yInput.value = yInput.oValue;
            } else {
                yInput.oValue = yInput.value;
            }
        };
        yInput.onchange = function () {
            var waterInfo = Info();
            show(waterInfo);
        }

        Body.lastChild.appendChild(yInput);
        yList.canLost = false;
        yList.OnSelected = function () {
            show(Info());
        }
        Body.lastChild.style.cssFloat = "none";
        var btn = document.createElement("div");
        btn.style.cssFloat = "right";
        btn.style.cursor = "pointer";
        btn.style.color = "#600";
        btn.innerHTML = "删除";
        btn.onclick = function () {
            var waterInfo = Info();
            delete waterInfo.Src;
            delete waterInfo.Dynamic;
            delete box.Url;
            delete box.Code;
            delete box.Dynamic;
            show(waterInfo);
        }
        label.appendChild(btn);
        var IsDynamic = !!waterInfo && !!waterInfo.Dynamic;
        var dynamicBtn;
        if (!waterInfo || !waterInfo.Dynamic) {
            btn = btn.cloneNode();
            btn.onclick = function () {
                CLOpenFile(function (file) {
                    if (file.size > 80 * 1024) {
                        CLShowMsg("上传图片不能大于80K");
                    } else if (file.name.toLocaleLowerCase().lastIndexOf(".png") != file.name.length - 4) {
                        CLShowMsg("只支持PNG图片");
                    }
                    else {
                        var reader = new FileReader();
                        reader.onload = function () {
                            var waterInfo = Info();
                            delete waterInfo.Src;
                            waterInfo.Src = {
                                Url: reader.result
                            };
                            show(waterInfo);
                        }
                        reader.readAsDataURL(file);
                    }
                }, "image/png", false);
            }
            btn.innerHTML = "上传";
            btn.style.color = "#0db3a6";
            btn.style.marginRight = "20px";
            label.appendChild(btn);
            btn = btn.cloneNode();
            btn.innerHTML = "公式";
            btn.style.color = "#0db3a6";
            btn.style.marginRight = "20px";
            label.appendChild(btn);
            btn.onclick = function () {
                var waterInfo = Info();
                editCode(waterInfo.Src.Code, function (Code) {
                    waterInfo.Src.Code = Code;
                    show(waterInfo);
                });
            }
        } else {
            dynamicBtn = btn.cloneNode();
            dynamicBtn.style.color = "#0db3a6";
            dynamicBtn.style.marginRight = "20px";
            label.appendChild(dynamicBtn);
            var selector = new CLSelect(null, dynamicBtn);
            selector.AddItems(["当前用户", "当前部门", "无"]);
            selector.SetValue(waterInfo.Dynamic);
            selector.onchanged = function () {
                var waterInfo = Info();
                waterInfo.Dynamic = selector.GetValue();
                show(waterInfo);
            }
        }
        var checkBox = new CLCheckBox("重复", label);
        checkBox.onchanged = function () {
            var waterInfo = Info();
            show(waterInfo);
        }
        label.lastChild.style.cssText = "display:inline-block;color:#0db3a6;float:right;height:30px;line-height:30px;margin-right:20px";
        label.lastChild.firstChild.style.marginTop = "7px";
        label = label.cloneNode();
        label.style.marginBottom = "5px";
        label.innerHTML = "尺寸：<span style='color:rgb(145, 161, 183)'>(单位:px,像素;%,百分比)<span>";
        Body.appendChild(label);

        divWidth = label.cloneNode();
        divWidth.style.lineHeight = "25px";
        divWidth.style.marginBottom = "15px";
        divWidth.style.display = "inline-block";
        divWidth.style.marginLeft = "20px";
        divWidth.innerHTML = "宽：";
        var wInput = xInput.cloneNode();
        wInput.setAttribute("placeholder", "例:50%");
        wInput.oninput = function () {
            if (!!wInput.value && !reg.test(wInput.value)) {
                wInput.value = wInput.oValue;
            } else {
                wInput.oValue = wInput.value;
            }
        };
        wInput.onchange = function () {
            var waterInfo = Info();
            show(waterInfo);
        }
        divWidth.appendChild(wInput);
        Body.appendChild(divWidth);

        divHeight = divWidth.cloneNode();
        divHeight.innerHTML = "高：";
        var hInput = xInput.cloneNode();
        hInput.setAttribute("placeholder", "例:50%");
        hInput.oninput = function () {
            if (!!hInput.value && !reg.test(hInput.value)) {
                hInput.value = hInput.oValue;
            } else {
                hInput.oValue = hInput.value;
            }
        };
        hInput.onchange = function () {
            var waterInfo = Info();
            show(waterInfo);
        }
        divHeight.appendChild(hInput);
        hInput.style.marginRight = "15px";
        var text = document.createTextNode("透明度：");
        divHeight.appendChild(text);
        var pInput = hInput.cloneNode();
        pInput.oninput = function () {
            if (!!pInput.value && !/^[0-9]+(\.?[0-9]*)(%?)$/.test(pInput.value)) {
                pInput.value = pInput.oValue;
            } else {
                pInput.oValue = pInput.value;
            }
        };
        pInput.onchange = function () {
            var waterInfo = Info();
            show(waterInfo);
        }
        divHeight.appendChild(pInput);
        Body.appendChild(divHeight);

        var box = document.createElement("div");
        box.style.height = "1525px";
        box.style.border = "1px solid #e0e0e0";
        box.style.position = "relative";
        box.style.zoom = ".2";
        Body.appendChild(box);
        function Info() {
            var waterInfo = {
                Position: {
                    xFloat: xList.getSelIds()[0],
                    xMargin: xInput.value,
                    yFloat: yList.getSelIds()[0],
                    yMargin: yInput.value
                },
                Size: {
                    Width: wInput.value,
                    Height: hInput.value
                },
                Repeat: checkBox.checked,
                Opacity: pInput.value
            };
            if (!IsDynamic) {
                waterInfo.Src = {
                };
                if (!!box.Url) {
                    waterInfo.Src.Url = box.Url;
                }
                if (!!box.Code) {
                    waterInfo.Src.Code = box.Code;
                }
            } else {
                waterInfo.Dynamic = box.Dynamic;
            }
            return waterInfo;
        }
        var showFlag = false;
        function show(waterInfo) {
            if (!showFlag) {
                showFlag = true;
            } else {
                return;
            }
            var Url = "";
            if (!!waterInfo.Src && !!waterInfo.Src.Url) {
                if (box.Url != waterInfo.Src.Url) {
                    Url = CLGetObjectURL(new CLBase64().blobUrl(waterInfo.Src.Url));
                }
                box.Url = waterInfo.Src.Url;
                delete box.Code;
            } else if (!!waterInfo.Src && !!waterInfo.Src.Code) {
                if (box.Code == null) {
                    Url += "/CLUI/Icon/File/Fun.png ";
                }
                delete box.Src;
                box.Code = waterInfo.Src.Code;
            } else if (!!waterInfo.Dynamic) {
                if (box.Dynamic == null) {
                    Url += "/View/CLApp/img/dynamic.png";
                }
                box.Dynamic = waterInfo.Dynamic;
                dynamicBtn.innerHTML = !waterInfo.Dynamic || waterInfo.Dynamic == "无" ? "设置" : waterInfo.Dynamic;
            } else {
                box.style.background = "";
                box.style.backgroundSize = "";
                showFlag = false;
                return;
            }
            if (!!Url) {
                box.style.backgroundImage = "url(" + Url + ")";
            }
            xList.Select(waterInfo.Position.xFloat);
            yList.Select(waterInfo.Position.yFloat);
            if (!!waterInfo.Position.xMargin) {
                xInput.value = waterInfo.Position.xMargin;
                xInput.oValue = waterInfo.Position.xMargin;
            } else {
                xInput.value = "";
                xInput.oValue = "";
            }
            if (!!waterInfo.Position.yMargin) {
                yInput.value = waterInfo.Position.yMargin;
                yInput.oValue = waterInfo.Position.yMargin;
            } else {
                yInput.value = "";
                yInput.oValue = "";
            }
            var backgroundPosition = "";
            if (waterInfo.Position.xFloat == "靠左") {
                backgroundPosition += " left ";
            }
            if (waterInfo.Position.xFloat == "居中") {
                backgroundPosition += " center ";
            }
            if (waterInfo.Position.xFloat == "靠右") {
                backgroundPosition += " right ";
            }
            if (!!waterInfo.Position.xMargin && waterInfo.Position.xFloat != "居中") {
                backgroundPosition += " " + waterInfo.Position.xMargin + " ";
            }
            if (waterInfo.Position.yFloat == "顶部") {
                backgroundPosition += " top ";
            }
            if (waterInfo.Position.yFloat == "居中") {
                backgroundPosition += " center ";
            }
            if (waterInfo.Position.yFloat == "底部") {
                backgroundPosition += " bottom ";
            }
            if (!!waterInfo.Position.yMargin && waterInfo.Position.yFloat != "居中") {
                backgroundPosition += " " + waterInfo.Position.yMargin + " ";
            }
            box.style["background-position"] = backgroundPosition;
            checkBox.Checked = waterInfo.Repeat;
            if (waterInfo.Repeat) {
                box.style.backgroundRepeat = " repeat ";
            } else {
                box.style.backgroundRepeat = " no-repeat ";
            }
            var backgroundSize = "";
            if (!!waterInfo.Size.Width) {
                wInput.value = waterInfo.Size.Width;
                wInput.oValue = waterInfo.Size.Width;
                backgroundSize += waterInfo.Size.Width + " ";
            } else {
                wInput.value = "";
                wInput.oValue = "";
                backgroundSize += " auto ";
            }
            if (!!waterInfo.Size.Height) {
                hInput.value = waterInfo.Size.Height;
                hInput.oValue = waterInfo.Size.Height;
                backgroundSize += waterInfo.Size.Height + " ";
            } else {
                hInput.value = "";
                hInput.oValue = "";
                backgroundSize += " auto ";
            }
            box.style.backgroundSize = backgroundSize;
            if (!!waterInfo.Opacity) {
                box.style.opacity = parseFloat(waterInfo.Opacity) / 100;
                pInput.value = waterInfo.Opacity;
                pInput.oValue = waterInfo.Opacity;
            } else {
                box.style.opacity = 1;
                pInput.value = "";
                pInput.oValue = "";
            }
            showFlag = false;
        }
        if (!waterInfo || !waterInfo.Size) {
            waterInfo = Info();
        }
        show(waterInfo);
    }

    CLApp.StyleSheetDlg = function (styleSheet, End) {
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:800px;height:400px";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("设置样式", function () {
            styleSheet = cssCode.getOriginalCode();
            End(styleSheet);
        });
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        dlg.EnableMove(dlg.Header);
        var cssCode = new CLCodeEditor(dlg.Body, "style/css");
        dlg.onsizeChanged = function () {
            cssCode.editor.setSize('auto', '100%');
        }
        cssCode.cusCopy = false;
        cssCode.setValue(styleSheet);
        Object.defineProperty(dlg, "Value", {
            get: function () {
                return cssCode.getOriginalCode();
            }
        });
        return dlg;
    }

    CLApp.UrlAuth = function (url, app) {
        if (url.indexOf("?") < 0) {
            url += "?";
        } else {
            url += "&";
        }
        url += "SysId=" + app;
        return "/" + CLCorpId() + "/api/CLAuth.cml?url=" + encodeURIComponent(url);
    }

    CLApp.MakeId = function (Count) {
        var url = "/" + CLCorpId() + "/api/CLApp.chx?Function=HttpMakeID";
        var R = null;
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                R = Json.data;
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
            Count: !Count ? 1 : Count
        }, false);
        return !Count ? R[0] : R;
    }

    CLCodeEditor.prototype.Translate = function (Val) {
        var self = this;
        if (/^DataField_[0-9]+$/.test(Val) || /^SubTable_[0-9]+$/.test(Val)) {
            var info = CLApp.getFieldInfo(Val);
            if (!info) {
                return Val;
            } else {
                return info.Name;
            }
        } else if (/^DataTable_[0-9]+$/.test(Val)) {
            var name = CLApp.TableName(Val.substt(10));
            if (!name) {
                return Val;
            } else {
                return name;
            }
        }
        return Val;
    }

    var Create = CLCodeEditor.prototype.Create;

    CLCodeEditor.prototype.Create = function () {
        var self = this;
        var R = Create.apply(self, arguments);
        var down;
        var timeout;
        function mousedown() {
            down = true;
        }
        function mouseup() {
            down = false;
        }

        function mouseover(e) {
            function func() {
                if (down) {
                    return;
                }
                if (ele.classList.contains("cm-property")) {
                    var code = ele.innerHTML;
                    var Val = self.Translate(code);
                    if (code != Val) {
                        var text = document.createElement("div");
                        var title = new CLTitle(ele, text, false);
                        text.style.padding = "3px 5px";
                        text.innerHTML = Val;
                        var box = document.body.lastChild;
                        box.style.left = X + "px";
                        box.style.top = Y + "px";
                        box.classList.add("TitleToast");
                    }
                }
            }
            if (timeout != null) {
                clearTimeout(timeout);
                timeout = null;
            }
            var X = e.clientX;
            var Y = e.clientY;
            var ele = e.srcElement;
            timeout = setTimeout(function () {
                clearTimeout(timeout);
                timeout = null;
                if (e.clientX == X && e.clientY == Y) {
                    func(ele);
                }
            }, 300);
        }

        window.addEventListener("mousedown", mousedown);
        window.addEventListener("mouseup", mouseup);
        self.Ele.addEventListener("mouseover", mouseover);
        var timer = setInterval(function () {
            if (!self.Ele.isConnected) {
                clearInterval(timer);
                window.removeEventListener("mousedown", mousedown);
                window.removeEventListener("mouseup", mouseup);
                self.Ele.removeEventListener("mouseover", mouseover);
            }
        }, 100);
        return R;
    }

    CLCodeEditor.prototype.Title = function (Mark) {
        if (Mark.className == "Field" && Mark.FieldData) {
            var field = CLApp.getFieldInfo(Mark.FieldData.ID);
            return field && field.fullName ? field.fullName : "";
        } else {
            return "";
        }
    }

    var time = setTimeout(function () {
        var lock = CLApp.GetLockSock();
        clearTimeout(time);
        var closed = null;
        var SessionId = null;
        var func = function () {
            lock.Invoke("api::WSPageLock", "WSLock", [], function (data) {
                if (data.R == true) {
                    closed = data.Msg[0];
                    SessionId = data.Msg[1];
                    func.locked = true;
                }
                func.UnLock = function () {
                    if (closed != null && closed != 0) {
                        if (lock.Invoke) {
                            lock.Invoke("api::WSPageLock", "WSUnLock", [SessionId, closed], function (data) {
                                delete func.locked;
                            });
                        }
                    }
                }
                addEventListener("beforeunload", function () {
                    func.UnLock();
                }, true);
            });
        };
        func.__Page__ = true;
        lock.Push(func);
    }, 100);
}());
;(function () {
    CLLoad(document.curPath + "/CLAppTreeView.css");
    window.CLAppTreeView = function (Ele, DirList) {
        var self = this;
        self.DirList = DirList;
        DirTreeView.call(this, Ele);
        Ele.parentNode.classList.add("CLAppTreeView");
    }

    var fn = CLAppTreeView.prototype = Object.create(DirTreeView.prototype);

    fn.getLeftTree = function () {
        var list = [];
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].Type == 0) {
                list.push(DirList[i]);
            }
        }
        var treeData = CLTableToTree(list, null)[0];
        return [treeData]
    }

    fn.GetDirInfo = function (DirInfo, Success) {
        var self = this;
        var Dirs = [];
        var Id = DirInfo.ID;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == Id) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetDesktopApps = function (Success) {
        var Dirs = [];
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == DirList[0].ID) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetPathInfo = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Dirs = [DirList[0]];
        if (DirInfo.ParentID != null) {
            var Id = new CLBase64().decode(DirInfo.ID);
            var Ids = Id.split("/");
            Id = "";
            for (var i = 1; i < Ids.length; i++) {
                Id += "/" + Ids[i];
                Dirs.push(self.GetDirById(new CLBase64().encode(Id)));
            }
        }
        Success(Dirs);
    }

    fn.GetDirById = function (Id, End) {
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ID == Id) {
                return DirList[i];
            }
        }
        return null;
    }

    fn.OnDirCreated = function (divDir) {
        var self = this;
        var Dir = divDir.Dir;
        divDir.dataMenu = {
            "style": {
                "width": "180px",
                "max-height": "100%",
                "overflow-y": "auto",
            },
            "Items": []
        };
        divDir.classList.remove("Js");
        divDir.classList.add(Dir.contentType);
        divDir.oncontextmenu = function (e) {
            divDir.dataMenu.Items = self.GetDirMenuItems(divDir.dataMenu.Items, divDir);
            divDir._CLMenu = new CLMenu(divDir.dataMenu);
            divDir._CLMenu.Reset(e);
            e.preventDefault();
            e.stopPropagation();
        }
    }

    fn.EnableMenu = function () {
        var self = this;
        self.Ele.oncontextmenu = function (e) {
            e.preventDefault();
        }
    }
    //搜素
    fn.Search = function (sVal) {
        var self = this;
        self.leftTree.Search(sVal);
        if (sVal.length == 0) {
            self.leftTree.getItemById(self.current().ID).Open();
        }
    }

    fn.OnlyDir = false;
}());
;(function () {
    var g_ExplorerUrl = null;

    window.CLDisk = function (Ele, url, Path) {
        var self = this;
        self.Ele = Ele;
        while (Path && Path[Path.length - 1] == "\\") {
            Path = Path.substr(0, Path.length - 1);
        }
        self.Path = Path;
        var index = url.indexOf("?");
        if (index > 0) {
            url = url.substr(0, index);
        }
        self.forceWsWriteFile = true;
        if (url.toLowerCase().lastIndexOf(".lor") == url.length - 4) {
            if (url.indexOf("ws") != 0) {
                if (url.indexOf("/") == 0 && url[1] != "/") {
                    url = CLDefSockUrl() + url;
                    self.forceWsWriteFile = false;
                } else if (url.indexOf("http:") == 0) {
                    if (url.indexOf(CLHost) == 0) {
                        url = CLDefSockUrl() + url.substr(CLHost.length);
                        self.forceWsWriteFile = false;
                    } else {
                        url = url.replace("http:", "ws:");
                    }
                } else if (url.indexOf("https:") == 0) {
                    if (url.indexOf(CLHost) == 0) {
                        url = CLDefSockUrl() + url.substr(CLHost.length);
                        self.forceWsWriteFile = false;
                    } else {
                        url = url.replace("https:", "wss:");
                    }
                } else {
                    if (CLHost.indexOf("http:") == 0) {
                        if (url.indexOf("//") == 0) {
                            url = "ws:" + url;
                        } else {
                            url = "ws://" + url;
                        }
                    } else if (CLHost.indexOf("https:") == 0) {
                        if (url.indexOf("//") == 0) {
                            url = "wss:" + url;
                        } else {
                            url = "wss://" + url;
                        }
                    }

                }
            }
        } else if (/^(?:(?:[A-Z]:)|\\\\[0-9]{0,3}\.[0-9]{0,3}\.[0-9]{0,3}\.[0-9]{0,3})/.test(url)) {
            self.IsLocal = true;
            self.forceWsWriteFile = true;
            url = url.replace(/\\/g, "/");
            while (url[url.length - 1] == "\\") {
                url = url.substr(0, url.length - 1);
            }
        } else {
            self.IsWeb = true;
            url = CLDefSockUrl() + "/" + url;
        }
        self.url = url;
        self.CalcLeftTree(function () {
            DirTreeView.call(self, Ele);
            self.IsCreated = true;
            if (self.OnCreated != null) {
                for (var i = 0; i < self.OnCreated.length; i++) {
                    self.OnCreated[i]();
                }
            }
            if (!!self.Path) {
                self.OpenDir({
                    ID: Path,
                    Path: Path,
                    Type: 0
                });
            } else {
                var item = self.leftTree.getItemById("pc");
                var GetDirInfo = self.GetDirInfo;
                self.GetDirInfo = function (DirInfo, Success) {
                    GetDirInfo.call(self, DirInfo, function (DirInfos) {
                        Success(DirInfos);
                        self.GetDirInfo = function (DirInfo, Success) {
                            self.GetDirInfo = GetDirInfo;
                            Success(DirInfos);
                        }
                        self.leftTree.Select("pc");
                    });
                }
                item.Open();
            }
            CLEnableDragFiles(self.View, function (e) {
                if (self.IsLocal) {
                    var df = e.dataTransfer;
                    var files = [];
                    for (var i = 0; i < df.items.length; i++) {
                        var item = df.items[i];
                        var entry = item.webkitGetAsEntry();
                        if (item.kind === "file") {
                            files.push(entry.fullPath.substr(1).replace(/\//g,"\\"));
                        }
                    }
                    self.WsGetDragPath(files, function (Data) {
                        self.WsWatcherPause(function () {
                            var load = self.GetSock().Invoke(self.Handle(), "WSPasteDirsEx", [self.GetPosition(), self.current().Path, Data.Type == "COPY", Data.Root, files], function (data) {
                                if (!data.R) {
                                    self.onerror(data.Msg);
                                }
                                CLShowProgress(self.Ele);
                                self.SyncCurrent();
                            }, self.Src());
                            if (load) {
                                load.SetContainer(self.Ele);
                            }
                        });
                    });
                } else {
                    CLQueryDragFiles(e, function (files) {
                        self.UploadFiles(files);
                    });
                }
            }, function (e) {
                if (e.type == "dragenter") {
                }
            });
        });
    }

    var fn = CLDisk.prototype = Object.create(DirTreeView.prototype);

    fn.constructor = CLDisk;

    fn.dataLeftTree = null;

    fn.RootDir = null;

    fn.IsLocal = false;

    fn.IsWeb = false;

    fn.IsBusying = false;

    fn.forceWsWriteFile = false;

    fn.WaterId = undefined;

    fn.WaterInfo = undefined;

    fn.Filter = "[\s\S]*";

    fn.DefViewType = null;

    fn.Handle = function () {
        var self = this;
        if (self.IsWeb) {
            return "api::WSDisk";
        }else if (!self.IsLocal) {
            return "api::WSNetDisk";
        } else {
            return "ShareDisk";
        }
    }

    fn.Src = function () {
        var self = this;
        if (self.IsLocal) {
            return CLHost + CLSysHelperUrl();
        } else {
            return;
        }
    }

    fn.getLeftTree = function () {
        var self = this;
        return [self.dataLeftTree];
    }

    fn.IsCreated = false;

    fn.OnCreated = null;

    fn.PrepareData = function (data) {
        var self = this;
        if (data.length == null) {
            if (!data.ParentID) {
                data.ParentID = "pc";
            }
            data.ID = data.ID.toLocaleLowerCase();
        } else {
            var match = new RegExp(self.Filter, "i");
            for (var i = 0; i < data.length ; i++) {
                if (!data[i].ParentID) {
                    data[i].ParentID = "pc";
                }
                if (data[i].Name == ".Water" || (data[i].Type != 0 && !match.test(data[i].Path))) {
                    data.splice(i, 1);
                    i--;
                    continue;
                }
                data[i].ID = data[i].ID.toLocaleLowerCase();
            }
            if (self.OnlyDir) {
                for (var i = 0; i < data.length ; i++) {
                    if (data[i].Type != 0) {
                        data.splice(i, 1);
                        i--;
                    }
                }
            }
        }
    }

    fn.EnableBrowserPushState = function (Dir) {
        var self = this;
        if (self.IsCreated) {
            DirTreeView.prototype.EnableBrowserPushState.call(self, Dir);
        } else {
            if (self.OnCreated == null) {
                self.OnCreated = [function () {
                    DirTreeView.prototype.EnableBrowserPushState.call(self, Dir);
                }];
            } else {
                self.OnCreated.push( function () {
                    DirTreeView.prototype.EnableBrowserPushState.call(self,Dir);
                });
            }
        }
    }

    fn.EnablePushState = function () {
        var self = this;
        if (self.IsCreated) {
            DirTreeView.prototype.EnablePushState.call(self);
            self.OpenDir(null);
        } else {
            if (self.OnCreated == null) {
                self.OnCreated = [function () {
                    DirTreeView.prototype.EnablePushState.call(self);
                    self.OpenDir(self.RootDir);
                }];
            } else {
                self.OnCreated.push(function () {
                    DirTreeView.prototype.EnablePushState.call(self);
                    self.OpenDir(self.RootDir);
                });
            }
        }
    }

    fn.ShowPathInfo = function (PathInfo) {
        var self = this;
        self.pathDiv.innerHTML = "";
        var dir = self.current();
        var label = document.createElement("span");
        label.className = "Label";
        self.pathDiv.appendChild(label);
        var name = self.GetPosition();
        name = name.substr(name.lastIndexOf('/') + 1);
        if (!self.IsLocal && !self.IsWeb) {
            name = name.substr(0, name.length - 4);
        }
        var path = "";
        label.path = path;
        if (name[name.length - 1] == ':') {
            name = name.substr(0, name.length - 1);
        }
        label.innerHTML = name + "://"
        if (!self.Path) {
            label.onclick = function () {
                self.OpenDir({
                    ID: "pc",
                    Path: "",
                    Name: name
                });
            };
        }
        if (!!dir.Path) {
            var dirs = dir.Path.split("\\");
            for (var i = 0; i < dirs.length; i++) {
                label = label.cloneNode();
                label.innerHTML = dirs[i];
                path += dirs[i];
                label.path = path;
                label.Name = dirs[i];
                if (i != dirs.length - 1 || dirs.length == 1) {
                    label.innerHTML += "/";
                    path += "/";
                }
                if (path.length >= (self.Path && (self.Path.length + 1) || 0)) {
                    label.onclick = function () {
                        self.OpenDir({
                            ID: this.path.replace(/\//g, "\\"),
                            Path: this.path.replace(/\//g, "\\"),
                            Name: this.Name
                        });
                    }
                }
                self.pathDiv.appendChild(label);
            }
        }
    }

    fn.showType = function (type) {
        var self = this;
        if (type === undefined) {
            return self.__viewType__ == null ? "详细信息" : self.__viewType__;
        } else {
            if (type == "详细信息") {
                CLLocalRemove(self.GetPosition() + "\\" + self.current().ID);
                self.__viewType__ = "详细信息";
                self.syncShowType();
            } else {
                self.__viewType__ = type;
                self.syncShowType();
                CLLocalSave(self.GetPosition() + "\\" + self.current().ID, type, function () {
                });
            }
        }
    }

    fn.syncShowType = function () {
        var self = this;
        var classList = self.View.classList;
        for (var i = 0; i < classList.length; i++) {
            if (classList[i].indexOf("-") >= 0) {
                classList.remove(classList[i]);
                break;
            }
        }
        var type = self.showType();
        if (type == "超大图标") {
            classList.add("Jumbo-View");
        }
        if (type == "大图标") {
            classList.add("Extral-View");
        }
        if (type == "中等图标") {
            classList.add("Large-View");
        }
        if (type == "小图标") {
            classList.add("Small-View");
        }
        if (type == "详细信息") {
            classList.add("List-View");
        }
    }

    fn.IconSize = function () {
        var self = this;
        var type = self.showType();
        if (type == "超大图标") {
            return 4;
        }
        if (type == "大图标") {
            return 3;
        }
        if (type == "中等图标") {
            return 2;
        }
        if (type == "小图标") {
            return 1;
        }
        if (type == "详细信息") {
            return 1;
        }
    }

    fn.WatcherId = null;

    fn.GetDirInfo = function (DirInfo, Success) {
        var self = this; 
        function func(data) {
            self.PrepareData(data);
            CLQuickSort(data, function (e1, e2) {
                if (e1.Type > e2.Type) {
                    return 1;
                } else if (e1.Type < e2.Type) {
                    return -1;
                } else if (e1.Type == e2.Type) {
                    return self.NameCmp(e1.Name, e2.Name);
                }
            });
            CLLocalGet(self.GetPosition() + "\\" + DirInfo.ID, function (Val) {
                self.__viewType__ = Val || self.DefViewType;
                self.syncShowType();
                Success(data);
            });
        }
        var load;
        if (self.IsLocal) {
            load = self.GetSock().Invoke(self.Handle(), "WSWatcher", [self.GetPosition(), DirInfo.Path, self.WatcherId], function (data) {
                if (data.R) {
                    func(data.Msg.Dirs);
                    self.WatcherId = data.Msg.watcherId;
                    self.GetSock().EnableLoading(false);
                } else {
                    Success();
                    self.onerror(data.Msg);
                }
            }, self.Src());
            if (load) {
                load.SetContainer(self.Ele);
            }
        } else {
            load = self.GetSock().Invoke(self.Handle(), "WSQuery", [self.GetPosition(), DirInfo.Path], function (data) {
                if (data.R) {
                    func(data.Msg);
                } else {
                    self.onerror(data.Msg);
                }
                self.GetSock().EnableLoading(false);
            }, self.Src());
            if (load) {
                load.SetContainer(self.Ele);
            }
        }
    }

    fn.GetDesktopApps = function (Success) {
        Success([]);
    }

    fn.GetPathInfo = function (DirInfo, Success) {
        var self = this;
        Success(DirInfo.ID);
    }

    function IsWin() {
        var agent = navigator.userAgent.toLowerCase();
        if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {
            return true;
        }
        if (agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0) {
            return true;
        }
        return false;
    }

    fn.clearView = function () {
        var self = this;
        self.View.innerHTML = "";
        self.View.__ArrayIcon__ = [];
        self.AssocIconMap = {};
    }

    fn.WsAssocIcon = function (Path,Success) {
        var self = this;
        if (self.IsLocal) {
            //Large: 0(32 * 32),Small: 1(16 * 16),ExtralArge: 2(48 * 48),Jumbo: 4(256 * 256)
            var args = [];
            var func;
            if (Path[0] == '*') {
                args.push("");
            } else
            {
                args.push(self.GetPosition());
            }
            args.push(Path);
            args.push(self.IconSize());
            func = "WSAssocIconEx";
            var load = self.GetSock().Invoke(self.Handle(), func, args, function (data) {
                if (data.R) {
                    Success(data.Msg);
                } else {
                    self.onerror(data.Msg);
                }
            }, self.Src());
            if (load) {
                load.Stop();
            }
        }
    }

    fn.SetDirIcon = function (divDir) {
        var self = this;
        if (!divDir || divDir.Dir.Type == 0) {
            return;
        }
        var ext;
        var index = divDir.Dir.ID.lastIndexOf(".");
        if (index < 0) {
            ext = ".";
        } else {
            ext = divDir.Dir.ID.substr(index).toLocaleLowerCase();
        }
        if (/(\.png)|(\.jpg)|(\.jpeg)|(\.bmp)|(\.gif)|(\.svg)/.test(ext) && self.IsWeb) {
            CLExplorer.prototype.SetDirIcon.call(self, divDir, CLHost + "/" + self.GetPosition() + "/" + divDir.Dir.Path.replaceAll("\\","/"));
            return;
        }
        if (!self.AssocIconMap) {
            self.AssocIconMap = {

            };
        }
        self.AssocIconMap.__Size__ = self.IconSize();
        if (!!self.AssocIconMap[ext]) {
            CLExplorer.prototype.SetDirIcon.call(self, divDir, self.AssocIconMap[ext]);
            if (self.View.__ArrayIcon__) {
                self.SetDirIcon(self.View.__ArrayIcon__.splice(0, 1)[0]);
            }
            return;
        }
        if (divDir.Dir.Type == 1) {
            if (self.__WaitIcon__) {
                if (!self.View.__ArrayIcon__) {
                    self.View.__ArrayIcon__ = [];
                }
                self.View.__ArrayIcon__.push(divDir);
            } else {
                self.__WaitIcon__ = true;
                self.WsAssocIcon((ext == '.exe' || ext == '.lnk') ? divDir.Dir.ID : "*" + ext, function (src) {
                    if (!!src) {
                        src = CLGetObjectURL(new CLBase64().blobUrl(src));
                    }
                    if (!!src && !(ext == '.exe' || ext == '.lnk')) {
                        self.AssocIconMap[ext] = src;
                    }
                    CLExplorer.prototype.SetDirIcon.call(self, divDir, src);
                    self.__WaitIcon__ = false;
                    if (self.View.__ArrayIcon__) {
                        self.SetDirIcon(self.View.__ArrayIcon__.splice(0, 1)[0]);
                    }
                });
            }
        }
    }

    fn.OnDirCreated = function (divDir) {
        var self = this; 
        var Dir = divDir.Dir;
        divDir.dataMenu = {
            "style": {
                "width": "180px",
                "max-height": "100%",
                "overflow-y": "auto",
            },
            "Items": []
        };
        var Items = divDir.dataMenu.Items;
        if (!self.IsLocal) {
            Items.push({
                "Text": Dir.Type == 0 ? "打开" : "在线打开",
                "Enable": true,
                "CallBack": function (e) {
                    if (Dir.Type == 0) {
                        self.OpenDir(Dir);
                    } else {
                        self.OpenFile(Dir);
                    }
                    divDir._CLMenu.Close();
                }
            });
        }
        if (Dir.Type == 1 && IsWin()) {
            Items.push({
                "Text": "本地打开",
                "Enable": true,
                "CallBack": function (e) {
                    if (self.IsLocal) {
                        var src = self.fUrl(Dir);
                        CLLocalOpen(src, src.substr(src.lastIndexOf("\\") + 1));
                    } else if (!self.IsWeb) {
                        var index = Dir.Path.lastIndexOf(".");
                        var name = "";
                        if (index > 0) {
                            name = Dir.object.ID + Dir.Path.substr(index);
                        } else {
                            name = Dir.object.ID;
                        }
                        var url = CLHost + "/" + CLCorpId() + "/" + self.GetPosition() + "?f=" + encodeURIComponent(Dir.Path) + "&FName=" + name;
                        CLLocalOpen(url, name);
                    } else {
                        var url = CLHost + "/" + Dir.Path;
                        CLLocalOpen(url, name);
                    }
                    divDir._CLMenu.Close();
                }
            });
            Items.push({
                "Text": "打开方式",
                "Enable": true,
                "CallBack": function () {
                },
                "OnCreated": function (Item) {
                    var right = document.createElement("span");
                    right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                    right.innerHTML = "&#xe6a3;";
                    Item.appendChild(right);
                    Item.onmouseenter = function () {
                        var Item = this;
                        var index = Dir.Path.lastIndexOf(".");
                        var fName;
                        if (!self.IsLocal) {
                            if (self.IsWeb) {
                                fName = Dir.Path;
                            } else {
                                if (index > 0) {
                                    fName = Dir.object.ID + Dir.Path.substr(index);
                                } else {
                                    fName = Dir.object.ID;
                                }
                            }
                        }
                        var index = Dir.Path.lastIndexOf(".");
                        if (index < 0) {
                            return;
                        } else {
                            var load = CLAssocEnumHandlers(Dir.Path.substr(index), function (items) {
                                if (!items || items.length == 0) {
                                    return;
                                }
                                var dataMenu = {
                                    Items: []
                                };
                                var Sub = divDir._CLMenu.SubMenu(dataMenu, Item);
                                for (var i = 0; i < items.length; i++) {
                                    var item = document.createElement("div");
                                    item.className = "Item";
                                    //item.style.width = "160px";
                                    item.data = items[i];
                                    var icon = document.createElement("img");
                                    icon.style.cssText = "width:15px;height:15px;margin:10px 5px 0 0;";
                                    icon.style.verticalAlign = "top";
                                    icon.src = items[i].Icon;
                                    item.appendChild(icon);
                                    var name = document.createElement("span");
                                    name.innerHTML = items[i].Desc;
                                    item.appendChild(name);
                                    item.onclick = function (e) {
                                        var item = e.currentTarget;
                                        if (self.IsLocal) {
                                            var src = self.fUrl(Dir);
                                            CLLocalOpenWith(src, src.substr(src.lastIndexOf("\\") + 1), this.data.Name);
                                        } else {
                                            var src = CLHost + "/" + CLCorpId() + "/" + self.GetPosition() + "?f=" + encodeURIComponent(Dir.Path) + "&FName=FName";
                                            CLLocalOpenWith(src, fName, this.data.Name);
                                        }
                                        Sub.Close();
                                    }
                                    Sub.Div.appendChild(item);
                                }
                                item = document.createElement("div");
                                item.style.paddingLeft = "35px";
                                item.innerHTML = "选择默认程序(C)";
                                item.onclick = function (e) {
                                    var item = e.currentTarget;
                                    if (!self.IsLocal) {
                                        var src = CLHost + "/" + CLCorpId() + "/" + self.GetPosition() + "?f=" + encodeURIComponent(Dir.Path) + "&FName=FName";
                                        CLOpenAs_RunDLL(src, fName);
                                    } else {
                                        CLOpenAs_RunDLL(Dir.Path, fName);
                                    }
                                    Sub.Close();
                                }
                                Sub.Div.appendChild(item);
                                Sub.Div.style.height = "";
                                Sub.Reset();
                            });
                            load.Stop();
                        }
                    }
                }
            });
        }
        if (!self.IsLocal && !self.IsWeb) {
            if (Dir.Type == 1) {
                Items.push({
                    "Text": "查看历史版本",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.QueryVersions(Dir.Path, function (Versions) {
                            self.ShowVersions(Dir, Versions);
                        });
                        divDir._CLMenu.Close();
                    }
                });
            }
            Items.push({
                "Text": "下载",
                "Enable": true,
                "CallBack": function (e) {
                    var Dirs = [];
                    var Items = self.getSelect();
                    for (var i = 0; i < Items.length; i++) {
                        Dirs.push(Items[i].Dir);
                    }
                    self.Download(Dirs);
                    divDir._CLMenu.Close();
                }
            });
        }
        Items.push({
            "Text": "剪切",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Cut(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "复制",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Copy(Dirs);
                divDir._CLMenu.Close();
            }
        });
        if (!self.IsLocal && !self.IsWeb) {
            Items.push({
                "Text": "权限",
                "Enable": true,
                "CallBack": function (e) {
                    self.AccessDlg(Dir);
                    divDir._CLMenu.Close();
                }
            });
        }
        Items.push({
            "Text": "重命名",
            "Enable": true,
            "CallBack": function (e) {
                divDir._CLMenu.Close();
                self.StartRenameDir(divDir);
            }
        },
        {
            "Text": "删除",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.DeleteDirs(Dirs, function () {
                    for (; Items.length != 0;) {
                        Items[0].remove()
                    }
                });
                divDir._CLMenu.Close();
            }
        });
        divDir.oncontextmenu = function (e) {
            e.preventDefault();
            e.stopPropagation();
            divDir.dataMenu.Items = self.GetDirMenuItems(divDir.dataMenu.Items, divDir);
            divDir._CLMenu = new CLMenu(divDir.dataMenu);
            if (self.Ele.__Scope__) {
                divDir._CLMenu.Box.parentNode.classList.add(self.Ele.__Scope__);
            }
            divDir._CLMenu.Reset(e);
        }
        
        self.SetDirIcon(divDir);
    }

    fn.EnableMenu = function () {
        var self = this;
        var dataItem;
        (function () {
            self.Ele.dataMenu = {
                "style": {
                    "width": "180px",
                    "max-height": "100%",
                    "overflow-y": "auto",
                },
                "Items": []
            }
            var Items = self.Ele.dataMenu.Items;
            Items.push({
                "Text": "查看",
                "Enable": true,
                "OnCreated": function (Item) {
                    var right = document.createElement("span");
                    right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                    right.innerHTML = "&#xe6a3;";
                    Item.appendChild(right);
                    var title;
                    var Box;
                    Item.onmouseenter = function (e) {
                        var items = ["超大图标", "大图标", "中等图标", "小图标", "详细信息"];
                        var Menu = document.createElement("div");
                        Menu.className = "CLMenu IconList";
                        for (var i = 0; i < items.length; i++) {
                            var item = document.createElement("div");
                            item.className = "Item";
                            item.data = items[i];
                            var check = document.createElement("div");
                            check.style.cssText = "width:5px;height:5px;border-radius:5px;background:#00557c;display:inline-block;margin-top:12px;position:relative;left:-5px;top:-2px";
                            if (items[i] != self.showType()) {
                                check.style.opacity = 0;
                            }
                            item.appendChild(check);
                            var name = document.createElement("span");
                            name.innerHTML = items[i];
                            name.style.position = "relative";
                            item.appendChild(name);
                            item.onclick = function (e) {
                                var item = e.currentTarget;
                                self.showType(item.data);
                                if (self.IconSize() > self.AssocIconMap.__Size__) {
                                    self.AssocIconMap = {};
                                    self.View.querySelectorAll(".Item").forEach(function (divDir) {
                                        self.SetDirIcon(divDir);
                                    });
                                }
                                title.Close();
                            }
                            Menu.appendChild(item);
                        }
                        title = new CLTop.CLTitle(Item, Menu);
                        Box = Menu.parentNode;
                        var rect = e.currentTarget.getBoundingClientRectEx();
                        Box.style.left = rect.right - 15 + "px";
                        Box.style.top = rect.top + "px";
                        var boxRect = Box.getBoundingClientRectEx();
                        if (boxRect.right > CLTop.innerWidth) {
                            Box.style.left = "";
                            Box.style.right = CLTop.innerWidth - rect.left + "px";
                        }
                        if (boxRect.bottom > CLTop.innerHeight) {
                            Box.style.top = "";
                            Box.style.bottom = 0;
                        }
                    }
                    Item.onmouseleave = function (e) {
                        var rect = Box.getBoundingClientRectEx();
                        if (!(e.clientX >= rect.left
                             && e.clientX <= rect.right
                             && e.clientY >= rect.top
                             && e.clientY <= rect.bottom)) {
                            title.Close();
                        }
                    }
                }
            });
            if (CLApp.IsAdmin() && !self.IsLocal && !self.IsWeb) {
                Items.push({
                    "Text": "动态水印",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.WsReadWaterInfo(function (waterInfo) {
                            if (!waterInfo) {
                                waterInfo = { Dynamic: "当前用户", Size: {}, Position: { xFloat: "居中", yFloat: "居中" } };
                            }
                            CLApp.WaterInfoDlg(waterInfo, function (waterInfo) {
                                if (!waterInfo.Dynamic) {
                                    waterInfo = undefined;
                                }
                                self.WsWriteWaterInfo(waterInfo);
                            });
                        });
                        CLMenu.GetInstance(e.currentTarget).Close();
                    }
                });
            }
            Items.push({
                "Text": "刷新",
                "Enable": true,
                "CallBack": function (e) {
                    self.SyncCurrent();
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
            dataItem = {
                "Text": "粘贴",
                "Enable": false,
                "CallBack": function (e) {
                    if (!self.IsLocal) {
                        self.Paste(self.current());
                    } else {
                        var Data = this.Data;
                        self.WsWatcherPause(function () {
                            var load = self.GetSock().Invoke(self.Handle(), "WSPasteDirsEx", [self.GetPosition(), self.current().Path, Data.Type == "COPY", Data.Root, Data.Dirs], function (data) {
                                if (!data.R) {
                                    self.onerror(data.Msg);
                                }
                                CLShowProgress(self.Ele);
                                self.SyncCurrent();
                            }, self.Src());
                            if (load) {
                                load.SetContainer(self.Ele);
                            }
                        });
                    }
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            }
            Items.push(dataItem);
            Items.push({
                "Text": "新建目录",
                "Enable": true,
                "CallBack": function (e) {
                    var curPath = self.current();
                    self.CreateDir(curPath, function (Dir) {
                        var div = self.AppendDir(Dir);
                        self.StartRenameDir(div);
                    });
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });
            if (self.IsLocal) {
                Items.push({
                    "Text": "弹出",
                    "Enable": true,
                    "CallBack": function (e) {
                        var curPath = self.current();
                        CLLocalOpenDir(self.url.replace(/\//g, "\\") + "\\" + curPath.Path);
                        CLMenu.GetInstance(e.currentTarget).Close();
                    }
                });
                Items.push({
                    "Text": "退出",
                    "Enable": true,
                    "CallBack": function (e) {
                        self.WsNetReuse(function () {
                            self.SyncCurrent();
                        });
                        CLMenu.GetInstance(e.currentTarget).Close();
                    }
                });
            }
        }());

        self.Ele.oncontextmenu = function (e) {
            e.preventDefault();
            if (self.IsBusying) {
                return;
            }
            if (!self.IsLocal) {
                dataItem.Enable = self.copyData != null || self.cutData != null;
                var _CLMenu = new CLMenu(self.Ele.dataMenu);
                if (self.Ele.__Scope__) {
                    _CLMenu.Box.parentNode.classList.add(self.Ele.__Scope__);
                }
                _CLMenu.Reset(e);
            } else {
                self.WsGetClipboardPath(function (Data) {
                    if (Data && Data.Dirs && !!Data.Type && Data.Dirs.length > 0) {
                        dataItem.Enable = true;
                        dataItem.Data = Data;
                    } else {
                        dataItem.Enable = false;
                        delete dataItem.Data;
                    }
                    var _CLMenu = new CLMenu(self.Ele.dataMenu);
                    if (self.Ele.__Scope__) {
                        _CLMenu.Box.parentNode.classList.add(self.Ele.__Scope__);
                    }
                    _CLMenu.Reset(e);
                });
            }
        }
    }

    fn.Download = function (Dirs) {
        var self = this;
        if (!self.IsLocal && !self.IsWeb) {
            var url = "/" + CLCorpId() + "/api/NetDisk.chx?Function=HttpDownload";
            HttpPost(url, function (Json) {
                if (Json.code == -1) {
                    CLShowMsg(Json.msg);
                } else {
                    var blob = new CLBase64().blob(Json.data);
                    var Name = Dirs[0].Name;
                    if (Dirs.length > 1 || Dirs[0].Type == 0 || Json.IsZip) {
                        var index = Name.lastIndexOf(".");
                        if (index >= 0) {
                            Name = Name.substr(0, index) + ".zip";
                        } else {
                            Name = Name + ".zip";
                        }
                    }
                    CLSaveAsLocal(Name, blob);
                }
            }, {
                Position: self.GetPosition(),
                Dirs: Dirs
            });
        }
    }

    fn.__DirLoading__ = null;

    fn.__DirTimer__ = null;

    fn.SyncCurrent = function () {
        var self = this;
        var curPath = self.current();
        if (self.__DirLoading__ == null) {
            self.__DirLoading__ = {};
        }
        if (self.__DirTimer__ == null) {
            self.__DirTimer__ = {};
        }
        function sync() {
            self.GetSock().EnableLoading(false);
            self.__DirLoading__[curPath.ID] = true;
            self.GetDirInfo(curPath, function (dirs) {
                delete self.__DirLoading__[curPath.ID];
                if (curPath.ID != self.current().ID) {
                    return;
                }
                self.SyncCurrentWithDirs(dirs);
            });
        }
        if (self.__DirLoading__[curPath.ID]) {
            if (self.__DirTimer__[curPath.ID] != null) {
                clearInterval(self.__DirTimer__[curPath.ID]);
            }
            self.__DirTimer__[curPath.ID] = setInterval(function () {
                if (!self.View.isConnected) {
                    clearInterval(self.__DirTimer__[curPath.ID]);
                    return;
                }
                if (!self.__DirLoading__[curPath.ID]) {
                    clearInterval(self.__DirTimer__[curPath.ID]);
                    delete self.__DirTimer__[curPath.ID];
                    sync();
                }
            }, 100);
        } else {
            sync();
        }
    }

    fn.OpenDir = function (DirInfo, bPushState) {
        var self = this;
        self.GetSock().EnableLoading(true);
        DirTreeView.prototype.OpenDir.call(self, DirInfo, bPushState);
    }

    fn.OpenFile = function (DirInfo) {
        var self = this;
        if (self.IsWeb) {
            var url = CLHost + "/" + self.GetPosition() + "/" + DirInfo.Path + "?v=" + DirInfo.updateDt;
            open(url);
        } else if (self.IsLocal) {
            var src = self.fUrl(DirInfo);
            CLLocalOpen(src, src.substr(src.lastIndexOf("\\") + 1));
        } else {
            var host = self.url.substr(self.url.indexOf(":") + 1);
            host = host.substr(0, host.indexOf(":"));
            var url = host + "/" + CLCorpId() + "/NetDisk/" + self.GetPosition() + "/f/" + encodeURIComponent(DirInfo.Path);
            open(url);
        }
    }

    fn.fUrl = function (DirInfo) {
        var self = this;
        var root = self.GetPosition();
        root = root.replace(/\//g, "\\");
        while (root[root.length - 1] == "\\") {
            root = root.substr(0, root.length - 1);
        }
        var path = DirInfo.Path;
        path = path.replace(/\//g, "\\");
        while (path[path.length - 1] == "\\") {
            path = path.substr(0, path.length - 1);
        }
        while (path[0] == "\\") {
            path = path.substr(1, path.length - 1);
        }
        return root + "\\" + path;
    }

    fn.CalcLeftTree = function (Success) {
        var self = this;
        var name;
        if (!self.Path) {
            name = self.GetPosition();
            name = name.substr(name.lastIndexOf('/') + 1);
            name = name.substr(name.lastIndexOf('/') + 1);
            if (!self.IsLocal && !self.IsWeb) {
                name = name.substr(0, name.length - 4);
            }
        } else {
            name = self.Path.substr(self.Path.lastIndexOf("\\") + 1);
        }
        self.dataLeftTree = {
            ID: !self.Path ? "pc" : self.Path,
            Type: 0,
            Path: !self.Path ? "" : self.Path,
            Name: name,
            Cnt: 1
        }
        self.RootDir = {
            ID: !self.Path ? "pc" : self.Path,
            Type: 0,
            Path: !self.Path ? "" : self.Path,
            Name: name
        }
        Success();
    }

    fn.CreateDir = function (DirInfo, Success) {
        var self = this;
        function func(data) {
            if (data.R) {
                self.PrepareData(data.Msg);
                var Item = self.leftTree.getItemById(DirInfo == null ? "pc" : DirInfo.ID);
                if (Item != null) {
                    Item.addChild(CLClone(data.Msg));
                }
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        }
        var load = self.GetSock().Invoke(self.Handle(), "WSCreate", [self.GetPosition(), DirInfo == null ? "" : DirInfo.Path, "未命名", false], function (data) {
            func(data);
        }, self.Src());
        if (load) {
            load.SetContainer(self.Ele);
        }
    }
    //删除目录
    fn.DeleteDirs = function (DirInfos, Success, flag) {
        var self = this;
        if (!flag) {
            CLConfirm(function () {
                self.DeleteDirs(DirInfos, Success, true);
            }, "删除后将无法恢复,你确定要继续吗");
            return;
        }
        var dirs = [];
        for (var i = 0; i < DirInfos.length; i++) {
            dirs.push(DirInfos[i].Path);
        }
        function func(data) {
            if (data.R) {
                for (var i = 0; i < DirInfos.length; i++) {
                    var Item = self.leftTree.getItemById(DirInfos[i].ID);
                    if (Item != null) {
                        Item.Remove();
                    }
                }
                Success();
            } else {
                self.onerror(data.Msg);
            }
        }
        var load = self.GetSock().Invoke(self.Handle(), "WSDelete", [self.GetPosition(), dirs, self.WatcherId], function (data) {
            func(data);
            CLShowProgress(self.Ele, "", 0, null, null, "正在删除");
        }, self.Src());
        if (load) {
            load.SetContainer(self.Ele);
        }
    }
    //粘贴
    fn.Paste = function (DestDir) {
        var self = this;
        if (!self.IsLocal) {
            if (self.IsBusying) {
                CLShowMsg("你现在很忙...");
                return;
            }
            self.IsBusying = true;
            var data = {
                DestDir: DestDir
            }
            var Dirs = [];
            if (self.cutData != null) {
                for (var i = 0; i < self.cutData.length; i++) {
                    Dirs.push(self.cutData[i].ID);
                }
            }
            if (self.copyData != null) {
                for (var i = 0; i < self.copyData.length; i++) {
                    Dirs.push(self.copyData[i].ID);
                }
            }
            function func(data) {
                if (data.R) {
                    self.PrepareData(data.Msg);
                    CLQuickSort(data.Msg, function (e1, e2) {
                        if (e1.Type > e2.Type) {
                            return 1;
                        } else if (e1.Type < e2.Type) {
                            return -1;
                        } else if (e1.Type == e2.Type) {
                            return self.NameCmp(e1.Name, e2.Name);
                        }
                    });
                    if (self.cutData != null) {
                        for (var i = 0; i < self.cutData.length; i++) {
                            self.leftTree.getItemById(self.cutData[i].ID).Remove();
                        }
                    }
                    var select = self.getSelect().length == 0;
                    var Item = self.leftTree.getItemById(DestDir.ID);
                    for (var i = 0; i < data.Msg.length; i++) {
                        var div = self.AppendDir(data.Msg[i]);
                        if (select) {
                            self.Select(div);
                        }
                    }
                    for (var i = 0; i < data.Msg.length ; i++) {
                        if (Item != null) {
                            Item.addChild(CLClone(data.Msg[i]));
                        }
                    }
                    self.cutData = null;
                } else {
                    self.onerror(data.Msg);
                }
            }
            var load = self.GetSock().Invoke(self.Handle(), "WSPasteDirs", [self.GetPosition(), DestDir.Path, Dirs, self.copyData != null], function (data) {
                func(data);
                self.IsBusying = false;
            }, self.Src());
            if (load) {
                load.SetContainer(self.Ele);
            }
        } else {
            self.WsWatcherPause(function () {
                var load = self.GetSock().Invoke(self.Handle(), "WSPasteDirsEx", [self.GetPosition(), self.current().Path], function (data) {
                    if (!data.R) {
                        self.onerror(data.Msg);
                    }
                    CLShowProgress(self.Ele);
                    self.SyncCurrent();
                }, self.Src());
                if (load) {
                    load.SetContainer(self.Ele);
                }
            });
        }
    }

    fn.Copy = function (Dirs) {
        var self = this;
        if (self.IsLocal) {
            var dirs = [];
            for (var i = 0; i < Dirs.length; i++) {
                dirs.push((self.GetPosition() + "\\" + Dirs[i].Path).replace(/\//g, "\\"));
            }
            self.WsSetClipboardPath("COPY", dirs);
        } else {
            CLExplorer.prototype.Copy.call(self, Dirs);
        }
    }

    fn.Cut = function (Dirs) {
        var self = this;
        if (self.IsLocal) {
            var dirs = [];
            for (var i = 0; i < Dirs.length; i++) {
                dirs.push((self.GetPosition() + "\\" + Dirs[i].Path).replace(/\//g, "\\"));
            }
            self.WsSetClipboardPath("CUT", dirs);
        } else {
            CLExplorer.prototype.Cut.call(self, Dirs);
        }
    }

    //重命名目录
    fn.RenameDir = function (DirInfo, Success) {
        var self = this;
        function func(data) {
            if (data.R) {
                var Item = self.leftTree.getItemById(DirInfo.ID);
                var index = DirInfo.ID.lastIndexOf("\\");
                if (index < 0) {
                    DirInfo.ID = DirInfo.Name;
                } else {
                    DirInfo.ID = DirInfo.ID.substr(0, index + 1) + DirInfo.Name;
                }
                DirInfo.Path = DirInfo.ID;
                if (Item != null) {
                    var ItemData = Item.ItemData;
                    ItemData.Name = DirInfo.Name;
                    Item.Name.innerText = ItemData.Name;
                    ItemData.ID = DirInfo.ID;
                    ItemData.Path = DirInfo.ID;
                    Item.id = Item.id.substr(0, Item.id.indexOf("_", 6) + 1) + DirInfo.ID;
                }
                Success(true);
            } else {
                Success(false);
                self.onerror(data.Msg);
            }
        }
        var load;
        self.WsWatcherPause(function () {
            load = self.GetSock().Invoke(self.Handle(), "WSRename", [self.GetPosition(), DirInfo.ID, DirInfo.Name], function (data) {
                func(data);
                self.WsWatcherContinue();
            }, self.Src());
        });
        if (load) {
            load.SetContainer(self.Ele);
        }
    }

    fn.showLeftTree = function () {
        var self = this;
        var Id;
        if (self.leftTree) {
            Id = self.leftTree.GetSelected();
        }
        DirTreeView.prototype.showLeftTree.call(self);
        if (Id) {
            self.leftTree.Select(Id);
            self.leftTree.getItemById(Id).Open();
        }
    }

    fn.OnlyDir = false;

    fn.Sock = null;

    fn.url = null;//ws://0.0.0.0:80/hello.lor

    fn.sockTimer = null;
    
    fn.GetPosition = function () {
        var self = this;
        if (self.IsWeb) {
            return self.url.substr(CLDefSockUrl().length + 1);
        }else if (!self.IsLocal) {
            return self.url.substr(self.url.lastIndexOf('/') + 1);
        } else {
            return self.url;
        }
    }

    fn.GetSock = function () {
        var self = this;
        if (self.Sock != null && self.Sock.Invoke == null) {
            if (self.Sock.Close) {
                self.Sock.Close();
                clearInterval(self.sockTimer);
            }
        }
        if (self.Sock != null && self.Sock.Invoke == null) {
            self.Sock = null;
        }
        if (self.Sock == null) {
            if (self.url == null) {
                self.Sock = CLGetSocket();
            } else {
                if (!self.IsLocal) {
                    var host = self.url.substr(0, self.url.indexOf('/', 6));
                    if (!!host) {
                        host += "/" + CLCorpId();
                    }
                    self.Sock = CLGetSocket(host);
                } else {
                    self.Sock = CLGetSocket("ws://127.0.0.1:999");
                    self.Sock.WebSocket.onerror = function (event) {
                        if (!self.Sock.WebSocket || !self.Sock.WebSocket.IsOpen) {
                            CLConfirm(function () {
                                location.href = "/api/CLLocalService.chx?Function=HttpGetFile";
                            }, "<div style='line-height:40px;padding:10px'>需要安装本地服务【CLLocalService】,你确定要安装吗?<div>");
                        }
                        if (self.Sock.Close) {
                            self.Sock.Close();
                        }
                        self.Sock = null;
                        if (self.Ele.Loading) {
                            self.Ele.Loading.Stop();
                        }
                    }
                }
            }
            var Invoke = self.Sock.Invoke;
            self.Sock.Invoke = function (Handler, Function, arguments, Success, Src, flag) {
                var sock = this;
                return Invoke.call(this, Handler, Function, arguments, function (data) {
                    if (data.Msg && data.Msg.match && data.Msg.match(/^ERROR\:.*加载失败,请稍后再试$/) && !flag) {
                        var t = setTimeout(function () {
                            clearTimeout(t);
                            Invoke.call(sock, Handler, Function, arguments, Success, Src, true);
                        }, 300);
                    } else {
                        if (Success) {
                            Success(data);
                        }
                    }
                }, Src, flag);
            }
            self.Sock.EnableLoading(true);
            self.Sock.timeout = 7200 * 1000;
            self.sockTimer = setInterval(function () {
                if (!self.Ele.isConnected) {
                    if (self.Sock && self.Sock.Close) {
                        self.Sock.Close();
                    }
                    clearInterval(self.sockTimer);
                }
            }, 300);
        }
        self.Sock.OnMsg = function (Msg) {
            self.SockMsg(Msg);
        }
        return self.Sock;
    }

    fn.ShowProgress = function (path, progress, total, index) {
        var self = this;
        CLShowProgress(self.Ele, path, progress, total, index);
    }

    fn.AllocBuffer = function (Success) {
        var self = this;
        var load = self.GetSock().Invoke(self.Handle(), "WSAllocBuffer", [self.GetPosition()], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        }, self.Src());
        if (load) {
            load.SetContainer(self.Ele);
        }
    }

    fn.SendBytes = 0;

    fn.WriteBuffer = function (ID, data, Success) {
        var self = this;
        if (data == null) {
            self.SendBytes = 0;
            self.GetSock().Invoke(self.Handle(), "WSWriteBuffer", [self.GetPosition(), ID], function (data) {
                if (data.R) {
                    Success(data.Msg);
                } else {
                    self.onerror(data.Msg);
                }
            }, self.Src());
        } else {
            self.GetSock().SendBuf(data, function () {
                self.SendBytes += data.byteLength;
                if (self.SendBytes > 1024 * 1024 * 10) {
                    self.SendBytes = 0;
                    self.GetSock().Invoke(self.Handle(), "WSWriteBuffer", [self.GetPosition(), ID], function (data) {
                        if (data.R) {
                            Success(data.Msg);
                        } else {
                            self.onerror(data.Msg);
                        }
                    }, self.Src());
                } else {
                    Success(data.Msg);
                }
            });
        }
    }

    fn.CommitBuffer = function (fullPath, ID, Success) {
        var self = this;
        var Src = self.WaterInfo == null ? null : self.WaterInfo.Src;
        if (typeof Src == "function" && self.WaterInfo) {
            self.WaterInfo.Src = Src();
        }
        self.GetSock().Invoke(self.Handle(), "WSCommitBuffer", [self.GetPosition(), fullPath, ID, self.WaterId, self.WaterInfo], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        }, self.Src());
        if (self.WaterInfo) {
            self.WaterInfo.Src = Src;
        }
    }

    fn.WsWriteFile = function (ID, file, Success) {
        var self = this;
        var reader = new FileReader();
        var len = 65532; //如果文件太大，截取内容小会出现假死现象，因为js执行是同步的
        var total = file.file.size;
        var cuLoaded = 0;
        var dt = new Date();
        var temp = 0;
        reader.onload = function (event) {
            cuLoaded += event.loaded;
            self.WriteBuffer(ID, reader.result, function () {
                if (cuLoaded < total) {
                    readBlob(cuLoaded);
                    var name = file.path.substr(1);
                    var ss = (new Date() - dt) / 1000;
                    if (ss > 0.05) {
                        name += ">(" + ((cuLoaded - temp) / 1024 / 1024 / ss).toFixed(2) + "M/S)";
                        dt = new Date();
                        temp = cuLoaded;
                        self.ShowProgress(name, cuLoaded / total);
                    }
                } else {
                    cuLoaded = total;
                    self.WriteBuffer(ID, null, function () {
                        var name = file.path.substr(1);
                        self.ShowProgress(name, 1);
                        Success();
                    });
                }
            });
        }
        //指定开始位置，分块读取文件
        function readBlob(start) {
            //指定开始位置和结束位置读取文件
            var blob = file.file.slice(start, start + len);
            reader.readAsArrayBuffer(blob);
        }
        readBlob(0);
    }

    fn.WriteFile = fn.WsWriteFile;

    fn.UploadFile = function (file, path, Success) {
        var self = this;
        if (self.IsLocal && !self.forceWsWriteFile) {
            var from = g_ExplorerUrl + "\\" + file.path;
            from = from.replace(/\//g, "\\");
            var to = self.GetPosition() + "\\" + path;
            to = to.replace(/\//g, "\\");
            self.WsAsyncCopy(from, to, function () {
                self.ShowProgress(file.path, 1);
                Success();
            });
        } else {
            self.AllocBuffer(function (ID) {
                if (!self.forceWsWriteFile) {
                    self.WriteFile(ID, file, function () {
                        self.CommitBuffer(path, ID, function () {
                            self.ShowProgress(file.path, 1);
                            Success();
                        });
                    });
                } else {
                    self.WsWriteFile(ID, file, function () {
                        self.CommitBuffer(path, ID, function () {
                            self.ShowProgress(file.path, 1);
                            Success();
                        });
                    });
                }
            });
        }
    }

    fn.UploadFiles = function (files) {
        var self = this;
        if (!self.current()) {
            var tm = 0;
            var t = setInterval(function () {
                if (self.current()) {
                    clearInterval(t);
                    self.UploadFiles(files);
                } else {
                    tm++;
                    if (tm > 300) {
                        clearInterval(t);
                    }
                }
            }, 10);
            return;
        }
        if (self.IsBusying) {
            CLShowMsg("你现在很忙...");
            return;
        }
        self.WsWatcherPause();
        self.IsBusying = true;
        var onerror = self.onerror;
        var fPath = self.current().Path;
        var ShowProgress = self.ShowProgress;
        self.onerror = function (msg) {
            onerror.call(self, msg);
            self.onerror = onerror;
            CLShowProgress(self.Ele);
            self.ShowProgress = ShowProgress;
            self.IsBusying = false;
        }
        var total = files.length;
        self.GetSock().EnableLoading(false);
        function Upload() {
            self.ShowProgress = function (path, progress) {
                ShowProgress.call(self, path, progress, total, total - files.length + 1);
            }
            self.UploadFile(files[0], fPath + "\\" + files[0].path.replace(/\//g, "\\"), function () {
                var fName = files[0].path;
                var index = fName.indexOf("/", 1);
                if (index > 0) {
                    fName = fName.substring(1, index);
                }
                files.splice(0, 1);
                if (files.length == 0) {
                    self.onerror = onerror;
                    self.ShowProgress = ShowProgress;
                    CLShowProgress(self.Ele);
                    self.WsWatcherContinue();
                    self.IsBusying = false;
                } else {
                    Upload();
                }
                var id = fPath;
                if (!!id) {
                    id += "\\";
                }
                id += fName;
                if (!self.leftTree.getItemById(id)){
                    self.SyncCurrent();
                }
            });
        }
        Upload();
    }

    fn.QueryVersions = function (fullPath, Success) {
        var self = this;
        var load = self.GetSock().Invoke("api::WSNetDisk", "WSQueryVersions", [self.GetPosition(), fullPath], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        });
        if (load) {
            load.SetContainer(self.Ele);
        }
    }

    fn.ShowVersions = function (Dir, Versions) {
        var self = this;
        var style = CLTop.document.getElementById("CLDiskVersionsDlgStyle");
        if (style == null) {
            style = CLTop.document.createElement("style");
            style.id = "NCLDiskVersionsDlgStyle";
            style.innerHTML = ".CLDialogBg .CLExplorer .List-View .Item>div::before{height:40px;width:25px;float:left;margin:5px 15px 5px 5px}";
            CLTop.document.head.appendChild(style);
        }
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:450px;height:400px";
        var dlg = new CLDialog(dlgDiv);
        dlgDiv.classList.add("CLExplorer");
        dlg.CreateAll("历史版本", function () {
        });
        dlg.EnableMove();
        dlg.Body.classList.add("View");
        dlg.Body.classList.add("List-View");
        dlg.Body.style.position = "relative";
        dlg.Body.style.left = "0";
        dlg.Body.style.top = "0";
        function showVersion(Version) {
            var item = document.createElement("div");
            item.className = "Item " + self.GetExtClass(Dir.Path.substr(Dir.Path.lastIndexOf(".") + 1));
            item.data = Version;
            item.ondblclick = function () {
                open("/" + CLCorpId() + "/" + self.GetPosition() + "?f=" + Dir.Path + "&v=" + encodeURIComponent(this.data.ID));
            }
            dlg.Body.appendChild(item);
            var div = document.createElement("div");
            div.style.width = "100%";
            item.appendChild(div);
            var divDt = document.createElement("div");
            divDt.style.padding = "0px";
            divDt.style.lineHeight = "25px";
            divDt.style.fontWeight = "900";
            divDt.style.color = "#000";
            divDt.innerHTML = Date.Parse(Version.createDt).Format("M月d日 dddd hh:mm:ss");
            div.appendChild(divDt);
            var divAuthor = divDt.cloneNode();
            divAuthor.style.fontWeight = "";
            divAuthor.style.color = "#7E8082";
            divAuthor.innerHTML = Version.Author;
            div.appendChild(divAuthor);
            item.oncontextmenu = function (e) {
                e.preventDefault();
                var Menu = {
                    "style": {
                        "width": "180px",
                        "max-height": "100%",
                        "overflow-y": "auto",
                    },
                    "Items": []
                };
                var data = this.data;
                var Items = Menu.Items;
                Items.push({
                    "Text": "还原",
                    "Enable": true,
                    "CallBack": function (e) {
                        var curPath = self.current();
                        self.ResetTo(Dir, data.ID, function (hasVer) {
                            if (hasVer) {
                                var Ver = CLClone(data);
                                data.Author = CLApp.getCurrentUser().name;
                                data.createDt = new Date().toString("yyyy-MM-dd HH:mm:ss.fff");
                                showVersion(data);
                                dlg.Body.insertBefore(dlg.Body.lastChild, dlg.Body.firstChild);
                            }
                        });
                        _CLMenu.Close();
                    }
                });
                var _CLMenu = new CLTop.CLMenu(Menu);
                _CLMenu.Reset(e);
            }
        }
        for (var i = 0; i < Versions.length; i++) {
            showVersion(Versions[i]);
        }
    }

    fn.ResetTo = function (Dir, Ver, Success) {
        var self = this;
        var self = this;
        var load = self.GetSock().Invoke("api::WSNetDisk", "WSResetTo", [self.GetPosition(), Dir.Path, Ver], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        });
        if (load) {
            load.SetContainer(self.Ele);
        }

    }

    fn.onerror = function (msg) {
        CLShowMsg(msg);
    }

    fn.GetAccess = function (path, Success) {
        var self = this;
        var load = self.GetSock().Invoke("api::WSNetDisk", "WSGetAccess", [self.GetPosition(), path], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        });
        if (load) {
            load.SetContainer(self.Ele);
        }
    }
    
    fn.SetAccess = function (path, Access, Success) {
        var self = this;
        var load = self.GetSock().Invoke("api::WSNetDisk", "WSSetAccess", [self.GetPosition(), path, Access], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        });
        if (load) {
            load.SetContainer(self.Ele);
        }
    }

    fn.AccessDlg = function (Dir) {
        var self = this;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:800px;height:800px;margin:30px auto";
        var dlg = new CLDialog(dlgDiv);
        dlgDiv.style.animation = "none";
        var SetAccess;
        dlg.CreateAll("权限设置", function () {
            if (SetAccess) {
                SetAccess();
            }
        });
        dlg.EnableMove();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        dlg.Body.style.overflow = "auto";
        function DynamicIdToName(Dynamic) {
            for (var i = 0; Dynamic != null && i < Dynamic.length ; i++) {
                Dynamic[i] = FrmCtrls.getDynamicNameById(Dynamic[i]);
            }
            return Dynamic;
        }
        function DynamicNameToId(Dynamic) {
            for (var i = 0; Dynamic != null && i < Dynamic.length ; i++) {
                Dynamic[i] = FrmCtrls.getDynamicIdByName(Dynamic[i]);
            }
            return Dynamic;
        }
        function ShowAccess(Name, oAccess, Desc, Set) {
            var divRange = document.createElement("div");
            divRange.style.cssText = "padding: 15px 0;border-bottom: 1px solid #e0e0e0;position:relative";
            dlg.Body.appendChild(divRange);
            var title = document.createElement("div");
            title.style.lineHeight = "36px";
            title.innerHTML = Name;
            divRange.appendChild(title);
            var divDesc = document.createElement("div");
            divDesc.style.color = "grey";
            divDesc.style.marginBottom = "5px";
            divDesc.innerHTML = Desc;
            divRange.appendChild(divDesc);
            var divHandle = document.createElement("div");
            divHandle.style.cssText = "min-height:80px;margin-bottom: 10px;overflow: auto;line-height:30px";
            divRange.appendChild(divHandle);
            FrmDesigner.ShowHandlers(oAccess, divHandle);
            var addBtn = document.createElement("div");
            addBtn.innerHTML = "<span style='font-family:CLFont'>&#xe6da;</span>点击选择成员";
            addBtn.style.cssText = "cursor:pointer;color:#178cdf;display:inline-block";
            addBtn.onclick = function () {
                var tempAuth = CLClone(oAccess);
                if (tempAuth == null) {
                    tempAuth = {};
                }
                tempAuth.Dynamic = DynamicNameToId(CLClone(tempAuth.Dynamic));
                FrmCtrls.MemberRangeDialog(tempAuth, function (Access) {
                    Access.Dynamic = DynamicIdToName(Access.Dynamic);
                    FrmDesigner.ShowHandlers(Access, divHandle);
                    if (divHandle.childNodes.length == 0) {
                        divHandle.appendChild(addBtn);
                        divHandle.onclick = null;
                        divHandle.style.cursor = "";
                    } else {
                        divHandle.onclick = addBtn.onclick;
                        divHandle.style.cursor = "pointer";
                    }
                    oAccess = Access;
                    Set(Access);
                });
            }
            if (divHandle.childNodes.length == 0) {
                divHandle.appendChild(addBtn);
                divHandle.onclick = null;
                divHandle.style.cursor = "";
            } else {
                divHandle.onclick = addBtn.onclick;
                divHandle.style.cursor = "pointer";
            }
        }
        self.GetAccess(Dir.Path, function (all) {
            if (all == null) {
                all = {};
            }
            ShowAccess("写入权限", all.Write, "拥有该权限的用户可以创建文件夹,可以上传文件，可以还原历史版本，但不可用删除文件，不可以移动文件", function (access) {
                all.Write = access;
            });
            ShowAccess("读取权限", all.Read, "拥有该权限的用户仅可以查看和下载文件", function (access) {
                all.Read = access;
            });
            ShowAccess("移动权限", all.Move, "拥有该权限的用户仅可以移动文件", function (access) {
                all.Move = access;
            });
            ShowAccess("删除权限", all.Delete, "拥有该权限的用户仅可以删除文件", function (access) {
                all.Delete = access;
            });
            ShowAccess("完全控制权限", all.All, "拥有该权限的用户可以对文件进行一切操作", function (access) {
                all.All = access;
            });
            SetAccess = function () {
                self.SetAccess(Dir.Path, all, function () {
                    CLShowMsg("操作成功.",false);
                });
            }
        });
    }

    fn.AddSearchResault = function (Resault) {
        var self = this;
        if (!self.AsyncId) {
            return;
        }
        var divDir = self.AppendDir(Resault);
        var Items = divDir.dataMenu.Items;
        Items.splice(1, 0, {
            "Text": "打开文件" + (Resault.Type == 0 ? "夹" : "") + "位置",
            "Enable": true,
            "Dir": Resault,
            "CallBack": function (e) {
                var Dir = this.Dir;
                var Path;
                var index = Dir.Path.lastIndexOf("\\");
                self.OpenDir({
                    Path: index < 0 ? "" : Dir.Path.substr(0, index),
                });
            }
        });
    }

    fn.WsSearch = function (Path, value, Success) {
        var self = this;
        var load = self.GetSock().Invoke(self.Handle(), "WSSearch", [self.GetPosition(), Path, value], function (data) {
            if (data.R) {
                Success(data.Msg);
            } else {
                self.onerror(data.Msg);
            }
        }, self.Src());
        if (load) {
            load.SetContainer(self.View);
        }
    }

    fn.AsyncId = null;

    fn.SockMsg = function (data) {
        var self = this;
        if (self.IsBusying) {
            return;
        }
        if (Array.isArray(data)) {
            data.forEach(function (data) {
                self.SockMsg(data);
            });
            return;
        }
        if (data.Function == "Added" && !!data.Dir.ID) {
            self.PrepareData(data.Dir);
            self.UpdateDir(data.Dir);
        }
        if (data.Function == "Changed" && !!data.Dir.ID) {
            self.PrepareData(data.Dir);
            self.UpdateDir(data.Dir);
        }
        if (data.Function == "Renamed") {
            self.SyncCurrent();
        }
        if (data.Function == "Removed" && !!data.Dir.ID) {
            self.PrepareData(data.Dir);
            var item = self.leftTree.getItemById(data.Dir.ID);
            if (item) {
                item.remove();
            }
            var childNodes = self.View.childNodes;
            for (var i = 0; i < childNodes.length; i++) {
                if (childNodes[i].Dir.ID == data.Dir.ID) {
                    childNodes[i].remove();
                    break;
                }
            }
        }
        if (data.Function == "ShowProgress") {
            CLShowProgress(self.Ele, data.Path, data.Progress, data.Total, data.Index, data.Title);
        }
    }

    fn.WsAsyncContinue = function () {
        var self = this;
        if (self.AsyncId) {
            var load = self.GetSock().Invoke(self.Handle(), "WSAsyncContinue", [self.AsyncId], function (data) {
            }, self.Src());
            if (load) {
                load.Stop();
            }
        }
    }

    fn.WsAsyncSearch = function (Path, value, Callback) {
        var self = this;
        var load;
        self.WsAsyncStop(function () {
            self.View.setAttribute("empty", "正在搜索...");
            self.GetSock().EnableLoading(false);
            self.IsBusying = true;
            self.GetSock().Invoke(self.Handle(), "WSAsyncSearch", [self.GetPosition(), Path, value], function (data) {
                if (data.R) {
                    self.AsyncId = data.Msg;
                } else {
                    self.onerror(data.Msg);
                }
            }, self.Src());
            self.SockMsg = function (Msg) {
                if ((Array.isArray(Msg) && !!Msg[0] && !!Msg[0].ID) || !!Msg.ID) {
                    Callback(Msg);
                    self.WsAsyncContinue();
                } else {
                    if (Msg.Function == "AsyncEnd") {
                        self.AsyncId = null;
                        self.IsBusying = false;
                        CLShowMsg(Msg.Msg, false);
                        self.View.setAttribute("empty", "没有与搜索条件匹配的项.");
                    } else {
                        CLDisk.prototype.SockMsg.call(this, Msg);
                    }
                }
            }
        });
    }

    fn.WsAsyncStop = function (End) {
        var self = this;
        if (self.AsyncId) {
            self.SockMsg = function (Msg) {
                if (Msg.Function == "AsyncEnd") {
                    self.AsyncId = null;
                    self.IsBusying = false;
                    End();
                } else {
                    CLDisk.prototype.SockMsg.call(this, Msg);
                }
            }
            var load = self.GetSock().Invoke(self.Handle(), "WSAsyncStop", [self.AsyncId], function (data) {
                if (!data.R) {
                    self.onerror(data.Msg);
                }
            }, self.Src());
            self.AsyncId = null;
            if (load) {
                load.SetContainer(self.Ele);
            }
        } else {
            if (End) {
                End();
            }
        }
    }

    fn.WsGetDragRoot = function (Success) {
        var self = this;
        if (self.IsLocal) {
            var load = self.GetSock().Invoke(self.Handle(), "WSGetDragRoot", [], function (data) {
                if (data.R) {
                    var url = data.Msg.replace(/\//g, "\\");
                    url = decodeURIComponent(url);
                    Success(url);
                } else {
                    CLShowMsg(data.Msg);
                }
            }, self.Src());
            if (load) {
                load.Stop();
            }
        } else {
            Success("");
        }
    }

    fn.WsGetClipboardPath = function (Success) {
        var self = this;
        if (self.IsLocal) {
            var load = self.GetSock().Invoke(self.Handle(), "WSGetClipboardPath", [], function (data) {
                if (data.R) {
                    Success(data.Msg);
                } else {
                    CLShowMsg(data.Msg);
                }
            }, self.Src());
            if (load) {
                load.Stop();
            }
        } else {
            Success();
        }
    }

    fn.WsEmptyClipboard = function () {
        var self = this;
        self.GetSock().Invoke(self.Handle(), "WSEmptyClipboard", [from, to], function (data) {
        }, self.Src());
    }

    fn.WsSetClipboardPath = function (type, Dirs) {
        var self = this;
        self.GetSock().Invoke(self.Handle(), "WSSetClipboardPath", [type, Dirs], function (data) {
            if (!data.R) {
                CLShowMsg(data.Msg);
            }
        }, self.Src());
    }

    fn.WsGetDragPath = function (Dirs, Success) {
        var self = this;
        self.GetSock().EnableLoading(true);
        self.GetSock().Invoke(self.Handle(), "WSGetDragPath", [Dirs], function (data) {
            if (!data.R) {
                CLShowMsg(data.Msg);
            } else {
                Success(data.Msg);
            }
        }, self.Src());
    }

    fn.WsWatcherPause = function (Success) {
        var self = this;
        if (self.IsLocal) {
            self.GetSock().Invoke(self.Handle(), "WSWatcherPause", [self.WatcherId], function (data) {
                Success && Success();
            }, self.Src());
        } else {
            Success && Success();
        }
    }

    fn.WsWatcherContinue = function () {
        var self = this;
        self.GetSock().Invoke(self.Handle(), "WSWatcherContinue", [self.WatcherId], function (data) {
        }, self.Src());
    }

    fn.oItems = null;

    fn.Search = function (value) {
        var self = this;
        value = value == null ? null : value.trim();
        if (!self.oItems) {
            self.oItems = self.View.querySelectorAll(".Item");
        }
        var HasDir = false;
        self.View.setAttribute("empty", "这个文件夹是空的");
        for (var i = 0; self.oItems && i < self.oItems.length; i++) {
            if (self.oItems[i].Dir.Type == 0) {
                HasDir = true;
            }
        }
        if (!HasDir) {
            if (!value) {
                if (value !== null) {
                    self.View.innerHTML = "";
                    for (var i = 0; self.oItems && i < self.oItems.length; i++) {
                        self.View.appendChild(self.oItems[i]);
                    }
                    self.oItems = null;
                }
            } else {
                var Resault = [];
                for (var i = 0; self.oItems && i < self.oItems.length; i++) {
                    if (self.oItems[i].Dir.Name.indexOf(value) >= 0) {
                        Resault.push(self.oItems[i]);
                    }
                }
                self.View.innerHTML = "";
                for (var i = 0; i < Resault.length; i++) {
                    self.View.appendChild(Resault[i]);
                }
            }
        } else {
            if (!value) {
                self.WsAsyncStop(function () {
                    self.WsWatcherContinue();
                    if (value !== null) {
                        self.View.innerHTML = "";
                        for (var i = 0; self.oItems && i < self.oItems.length; i++) {
                            self.View.appendChild(self.oItems[i]);
                        }
                        self.oItems = null;
                    }
                });
            } else {
                var cur = self.current();
                self.View.innerHTML = "";
                self.WsWatcherPause();
                self.WsAsyncSearch(!cur ? "" : cur.Path, value, function (data) {
                    if (Array.isArray(data)) {
                        data.forEach(function (ele) {
                            self.AddSearchResault(ele);
                        });
                    } else {
                        self.AddSearchResault(data);
                    }
                    if (self.View.childNodes.length >= 2000) {
                        self.WsAsyncStop(function () {
                            CLShowMsg("查询结果太多,但显示了2000条...");
                        });
                    }
                });
            }
        }
    }

    fn.UpdateDir = function (Dir) {
        var self = this;
        var Items = self.View.querySelectorAll(".Item");
        var before = null;
        var divDir = null;
        if (Dir.ParentID != self.current().ID) {
            return;
        }
        var Item = self.leftTree.getItemById(self.current().ID);
        if (!self.leftTree.getItemById(Dir.ID)) {
            Item.addChild(CLClone(Dir));
        }
        for (var i = 0; i < Items.length; i++) {
            if (Dir.ID == Items[i].Dir.ID) {
                divDir = Items[i];
            }
        }
        if (!divDir) {
            divDir = self.AppendDir(Dir);
        }
    }

    fn.WriteWater = function (WaterInfo, WaterId) {
        var self = this;
        self.WaterId = WaterId;
        self.WaterInfo = WaterInfo;
    }

    fn.WsWriteWaterInfo = function (WaterInfo) {
        var self = this;
        var path = self.current().Path;
        var load = self.GetSock().Invoke(self.Handle(), "WSWriteWaterInfo", [self.GetPosition(), path, WaterInfo], function (data) {
            if (!data.R) {
                CLShowMsg(data.Msg);
            }
        }, self.Src());
        if (load) {
            load.Stop();
        }
    }

    fn.WsReadWaterInfo = function (Success) {
        var self = this;
        var path = self.current().Path;
        var load = self.GetSock().Invoke(self.Handle(), "WSReadWaterInfo", [self.GetPosition(), path], function (data) {
            if (!data.R) {
                CLShowMsg(data.Msg);
            } else {
                Success(data.Msg);
            }
        }, self.Src());
        if (load) {
            load.Stop();
        }
    }

    fn.WsNetReuse = function (Success) {
        var self = this;
        var path = self.current().Path;
        CLShowProgress(self.Ele, "正在退出", 0, 0, 0, "");
        var tm = 0;
        var timer = setInterval(function () {
            tm += 50;
            CLShowProgress(self.Ele);
            CLShowProgress(self.Ele, "正在退出", tm / 15000, 0, 0, "");
            if (tm >= 15000) {
                clearInterval(timer);
                CLShowProgress(self.Ele);
            }
        }, 50);
        var load = self.GetSock().Invoke(self.Handle(), "WSNetReuse", [self.GetPosition(), path], function (data) {
            if (!data.R) {
                CLShowMsg(data.Msg);
            } else {
                Success();
            }
        }, self.Src());
        if (load) {
            load.Stop();
        }
    }

    fn.GetExtClass = function (ext) {
        var self = this;
        if (self.IsLocal) {
            return "Unknown";
        } else {
            return CLExplorer.prototype.GetExtClass.call(self, ext);
        }
    }

    CLDisk.Upload = function (file, Lor, toPath, Success, Container) {
        function Speed(o) {
            var e = o.e;
            var dt = o.dt;
            var bytes = o.bytes;
            var tm = dt;
            dt = o.dt = new Date();
            tm = dt - tm;
            var sp = (e.loaded - bytes) * 1000 / tm;
            bytes = o.bytes = e.loaded;
            if (sp > 1024 * 1024) {
                sp /= 1024 * 1024;
                sp = sp.toFixed(2) + "MB/S";
            } else if (sp > 1024) {
                sp /= 1024;
                sp = sp.toFixed(2) + "KB/S";
            } else {
                sp = sp.toFixed(2) + "B/S";
            }
            var info = "正在下载(" + sp + ")";
        }
        var url = "/" + CLCorpId() + "/api/NetDisk.chx?Function=HttpUploadTo";
        var o = { dt: new Date(), bytes: 0 };
        HttpPost(url, function (json) {
            CLShowProgress(Container || document.body);
            if (json.code == 0) {
                var host = "//" + location.hostname + (!!location.port ? (":" + location.port) : "")
                var url = host + "/" + CLCorpId() + "/NetDisk/" + Lor + "/f/" + encodeURIComponent(toPath);
                url += "?v=" + json.data;
                Success(url);
            } else {
                CLShowMsg(json.msg);
            }
        }, { Position: Lor, toPath: toPath, Info: file.Info }, true, null, null, file, file.name, function (e) {
            CLShowProgress(Container || document.body);
            o.e = e;
            var info = Speed(o);
            CLShowProgress(Container || document.body, info, e.loaded / e.total, 0, 0, info);
        });
    }

    CLDisk.Delete = function (Lor, Src) {
        var url = "/" + CLCorpId() + "/api/NetDisk.chx?Function=HttpDeleteFrom";
        var index = Src.indexOf("/f/")
        if (index > 0) {
            Src = Src.substr(index + 3);
            index = Src.indexOf("?");
            if (index > 0) {
                Src = Src.substr(0, index);
                Src = decodeURIComponent(Src);
            }
            HttpPost(url, function () { }, { Position: Lor, fromPath: Src });
        }
    }
}());
;(function (e, t) {
    "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.dd = t() : e.dd = t()
})(this, function () {
    return function (e) {
        function t(r) {
            if (n[r]) return n[r].exports;
            var o = n[r] = {
                i: r,
                l: !1,
                exports: {}
            };
            return e[r].call(o.exports, o, o.exports, t), o.l = !0, o.exports
        }
        var n = {};
        return t.m = e, t.c = n, t.i = function (e) {
            return e
        }, t.d = function (e, n, r) {
            t.o(e, n) || Object.defineProperty(e, n, {
                configurable: !1,
                enumerable: !0,
                get: r
            })
        }, t.n = function (e) {
            var n = e && e.__esModule ? function () {
                return e.default
            } : function () {
                return e
            };
            return t.d(n, "a", n), n
        }, t.o = function (e, t) {
            return Object.prototype.hasOwnProperty.call(e, t)
        }, t.p = "", t(t.s = 570)
    }([
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(2),
                o = n(160),
                i = n(2);
            t.ENV_ENUM = i.ENV_ENUM;
            var a = n(3);
            n(166), t.ddSdk = new a.Sdk(r.getENV(), o.log)
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.addWatchParamsDeal = function (e) {
                var t = Object.assign({}, e);
                return t.watch = !0, t
            }, t.addDefaultCorpIdParamsDeal = function (e) {
                var t = Object.assign({}, e);
                return t.corpId = "corpId", t
            }, t.genDefaultParamsDealFn = function (e) {
                var t = Object.assign({}, e);
                return function (e) {
                    return Object.assign(t, e)
                }
            }, t.forceChangeParamsDealFn = function (e) {
                var t = Object.assign({}, e);
                return function (e) {
                    return Object.assign(e, t)
                }
            }, t.genBoolResultDealFn = function (e) {
                return function (t) {
                    var n = Object.assign({}, t);
                    return e.forEach(function (e) {
                        void 0 !== n[e] && (n[e] = !!n[e])
                    }), n
                }
            }, t.genBizStoreParamsDealFn = function (e) {
                var t = Object.assign({}, e);
                return "string" != typeof t.params ? (t.params = JSON.stringify(t), t) : t
            }
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(3),
                o = n(3);
            t.ENV_ENUM = o.ENV_ENUM, t.APP_TYPE = o.APP_TYPE;
            var i = n(163);
            t.getUA = function () {
                var e = "";
                try {
                    "undefined" != typeof navigator && (e = navigator && (navigator.userAgent || navigator.swuserAgent) || "")
                } catch (t) {
                    e = ""
                }
                return e
            }, t.getENV = function () {
                var e = t.getUA(),
                    n = /DingTalk/i.test(e) || i.default.isDingTalk,
                    o = /iPhone|iPad|iPod|iOS/i.test(e) && n || i.default.isWeexiOS,
                    a = /Android/i.test(e) && n || i.default.isWeexAndroid,
                    s = /Nebula/i.test(e) && n || "object" == typeof dd && "function" == typeof dd.dtBridge,
                    d = /dd-web/i.test(e),
                    u = r.APP_TYPE.WEB;
                d ? u = r.APP_TYPE.WEBVIEW_IN_MINIAPP : s ? u = r.APP_TYPE.MINI_APP : (i.default.isWeexiOS || i.default.isWeexAndroid) && (u = r.APP_TYPE.WEEX);
                var c, l = "*",
                    f = e.match(/AliApp\(\w+\/([a-zA-Z0-9.-]+)\)/);
                null === f && (f = e.match(/DingTalk\/([a-zA-Z0-9.-]+)/));
                var v;
                f && f[1] && (v = f[1]);
                var p = "";
                if ("undefined" != typeof name && (p = name), p) try {
                    var _ = JSON.parse(p);
                    _.hostVersion && (v = _.hostVersion), l = _.language || navigator.language || "*", c = _.containerId
                } catch (e) { }
                var E, N = !!c;
                return E = o ? r.ENV_ENUM.ios : a ? r.ENV_ENUM.android : N ? r.ENV_ENUM.pc : r.ENV_ENUM.notInDingTalk, {
                    platform: E,
                    version: v,
                    appType: u,
                    language: l
                }
            }
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(169);
            t.APP_TYPE = r.APP_TYPE, t.LogLevel = r.LogLevel, t.isFunction = r.isFunction, t.compareVersion = r.compareVersion, t.ENV_ENUM = r.ENV_ENUM;
            var o = function () {
                function e(e, t) {
                    var n = this;
                    this.configJsApiList = [], this.hadConfig = !1, this.p = {}, this.config$ = new Promise(function (e, t) {
                        n.p.reject = t, n.p.resolve = e
                    }), this.logQueue = [], this.devConfig = {
                        debug: !1
                    }, this.platformConfigMap = {}, this.invokeAPIConfigMapByMethod = {}, this.isBridgeDrity = !0, this.getExportSdk = function () {
                        return n.exportSdk
                    }, this.setAPI = function (e, t) {
                        n.invokeAPIConfigMapByMethod[e] = t
                    }, this.setPlatform = function (e) {
                        n.isBridgeDrity = !0, n.platformConfigMap[e.platform] = e, e.platform === n.env.platform && e.bridgeInit().catch(function (e) {
                            n.customLog(r.LogLevel.WARNING, ["auto bridgeInit error", e || ""])
                        })
                    }, this.getPlatformConfigMap = function () {
                        return n.platformConfigMap
                    }, this.deleteApiConfig = function (e, t) {
                        var r = n.invokeAPIConfigMapByMethod[e];
                        r && delete r[t]
                    }, this.invokeAPI = function (e, t, o) {
                        void 0 === t && (t = {}), void 0 === o && (o = !0), n.customLog(r.LogLevel.INFO, ['==> "' + e + '" params: ', t]);
                        var i = +new Date,
                            a = i + "_" + Math.floor(1e3 * Math.random());
                        return n.devConfig.onBeforeInvokeAPI && n.devConfig.onBeforeInvokeAPI({
                            invokeId: a,
                            method: e,
                            params: t,
                            startTime: i
                        }), !1 === n.devConfig.isAuthApi && (o = !1), n.bridgeInitFn().then(function (s) {
                            var d = n.invokeAPIConfigMapByMethod[e],
                                u = !0 === n.devConfig.isDisableDeal || n.devConfig.disbaleDealApiWhiteList && -1 !== n.devConfig.disbaleDealApiWhiteList.indexOf(e);
                            if (d || !o) {
                                var c;
                                if (d && (c = d[n.env.platform]), c || !o) {
                                    var l = {};
                                    l = !u && c && c.paramsDeal && r.isFunction(c.paramsDeal) ? c.paramsDeal(t) : Object.assign({}, t);
                                    var f = function (e) {
                                        return !u && c && c.resultDeal && r.isFunction(c.resultDeal) ? c.resultDeal(e) : e
                                    };
                                    if (r.isFunction(l.onSuccess)) {
                                        var v = l.onSuccess;
                                        l.onSuccess = function (e) {
                                            v(f(e))
                                        }
                                    }
                                    return s(e, l).then(f, function (t) {
                                        var i = n.hadConfig && void 0 === n.isReady && -1 !== n.configJsApiList.indexOf(e),
                                            a = "object" == typeof t && "string" == typeof t.errorCode && t.errorCode === r.ERROR_CODE.no_permission,
                                            d = "object" == typeof t && "string" == typeof t.errorCode && t.errorCode === r.ERROR_CODE.cancel,
                                            u = c && c.vs && n.env.version && r.compareVersion(n.env.version, c.vs),
                                            v = (n.env.platform === r.ENV_ENUM.ios || n.env.platform === r.ENV_ENUM.android) && i && a,
                                            p = n.env.platform === r.ENV_ENUM.pc && i && (u && !d && o || a);
                                        return v || p ? n.config$.then(function () {
                                            return s(e, l).then(f)
                                        }) : Promise.reject(t)
                                    }).then(function (o) {
                                        return n.devConfig.onAfterInvokeAPI && n.devConfig.onAfterInvokeAPI({
                                            invokeId: a,
                                            method: e,
                                            params: t,
                                            payload: o,
                                            isSuccess: !0,
                                            startTime: i,
                                            duration: +new Date - i
                                        }), n.customLog(r.LogLevel.INFO, ['<== "' + e + '" success result: ', o]), o
                                    }, function (o) {
                                        return n.devConfig.onAfterInvokeAPI && n.devConfig.onAfterInvokeAPI({
                                            invokeId: a,
                                            method: e,
                                            params: t,
                                            payload: o,
                                            startTime: i,
                                            duration: +new Date - i,
                                            isSuccess: !1
                                        }), n.customLog(r.LogLevel.WARNING, ['<== "' + e + '" fail result: ', o]), Promise.reject(o)
                                    })
                                }
                                var p = '"' + e + '" do not support the current platform (' + n.env.platform + ")";
                                return n.customLog(r.LogLevel.ERROR, [p]), Promise.reject({
                                    errorCode: r.ERROR_CODE.jsapi_internal_error,
                                    errorMessage: p
                                })
                            }
                            var p = "This API method is not configured for the platform (" + n.env.platform + ")";
                            return n.customLog(r.LogLevel.ERROR, [p]), Promise.reject({
                                errorCode: r.ERROR_CODE.jsapi_internal_error,
                                errorMessage: p
                            })
                        })
                    }, this.customLog = function (e, t) {
                        var r = {
                            level: e,
                            text: t,
                            time: new Date
                        };
                        !0 === n.devConfig.debug ? n.customLogInstance(r) : n.logQueue.push(r)
                    }, this.clearLogQueue = function () {
                        n.logQueue.forEach(function (e) {
                            n.customLogInstance(e)
                        }), n.logQueue = []
                    }, this.customLogInstance = t, this.env = e, this.bridgeInitFn = function () {
                        if (n.bridgeInitFnPromise && !n.isBridgeDrity) return n.bridgeInitFnPromise;
                        n.isBridgeDrity = !1;
                        var t = n.platformConfigMap[e.platform];
                        if (t) n.bridgeInitFnPromise = t.bridgeInit().catch(function (e) {
                            return n.customLog(r.LogLevel.ERROR, ["\b\b\b\b\bJsBridge initialization fails, jsapi will not work"]), Promise.reject(e)
                        });
                        else {
                            var o = "Do not support the current environment：" + e.platform;
                            n.customLog(r.LogLevel.WARNING, [o]), n.bridgeInitFnPromise = Promise.reject(new Error(o))
                        }
                        return n.bridgeInitFnPromise
                    };
                    var o = function (e) {
                        void 0 === e && (e = {}), n.devConfig = Object.assign(n.devConfig, e), !0 === e.debug && n.clearLogQueue(), e.extraPlatform && n.setPlatform(e.extraPlatform)
                    };
                    this.exportSdk = {
                        config: function (t) {
                            void 0 === t && (t = {});
                            var i = !0;
                            Object.keys(t).forEach(function (e) {
                                -1 === ["debug", "usePromise"].indexOf(e) && (i = !1)
                            }), i ? (n.customLog(r.LogLevel.WARNING, ["This is a deprecated feature, recommend use dd.devConfig"]), o(t)) : n.hadConfig ? n.customLog(r.LogLevel.WARNING, ["Config has been executed"]) : (t.jsApiList && (n.configJsApiList = t.jsApiList), n.hadConfig = !0, n.bridgeInitFn().then(function (r) {
                                var o = n.platformConfigMap[e.platform],
                                    i = t;
                                o.authParamsDeal && (i = o.authParamsDeal(i)), r(o.authMethod, i).then(function (e) {
                                    n.isReady = !0, n.p.resolve(e)
                                }).catch(function (e) {
                                    n.isReady = !1, n.p.reject(e)
                                })
                            }, function () {
                                n.customLog(r.LogLevel.ERROR, ['\b\b\b\b\bJsBridge initialization failed and "dd.config" failed to call'])
                            }))
                        },
                        devConfig: o,
                        ready: function (e) {
                            !1 === n.hadConfig ? (n.customLog(r.LogLevel.WARNING, ["You don 't use a dd.config, so you don't need to wrap dd.ready, recommend remove dd.ready"]), n.bridgeInitFn().then(function () {
                                e()
                            })) : n.config$.then(function (t) {
                                e()
                            })
                        },
                        error: function (e) {
                            n.config$.catch(function (t) {
                                e(t)
                            })
                        },
                        on: function (t, r) {
                            n.bridgeInitFn().then(function () {
                                n.platformConfigMap[e.platform].event.on(t, r)
                            })
                        },
                        off: function (t, r) {
                            n.bridgeInitFn().then(function () {
                                n.platformConfigMap[e.platform].event.off(t, r)
                            })
                        },
                        env: e,
                        checkJsApi: function (t) {
                            void 0 === t && (t = {});
                            var o = {};
                            return t.jsApiList && t.jsApiList.forEach(function (t) {
                                var i = n.invokeAPIConfigMapByMethod[t];
                                if (i) {
                                    var a = i[e.platform];
                                    a && a.vs && e.version && r.compareVersion(e.version, a.vs) && (o[t] = !0)
                                }
                                o[t] || (o[t] = !1)
                            }), Promise.resolve(o)
                        },
                        _invoke: function (e, t) {
                            return void 0 === t && (t = {}), n.invokeAPI(e, t, !1)
                        }
                    }
                }
                return e
            }();
            t.Sdk = o
        },
        function (e, t, n) {
            (function (t, n) {
                e.exports = n()
            })(0, function () {
                return function (e) {
                    function t(r) {
                        if (n[r]) return n[r].exports;
                        var o = n[r] = {
                            i: r,
                            l: !1,
                            exports: {}
                        };
                        return e[r].call(o.exports, o, o.exports, t), o.l = !0, o.exports
                    }
                    var n = {};
                    return t.m = e, t.c = n, t.i = function (e) {
                        return e
                    }, t.d = function (e, n, r) {
                        t.o(e, n) || Object.defineProperty(e, n, {
                            configurable: !1,
                            enumerable: !0,
                            get: r
                        })
                    }, t.n = function (e) {
                        var n = e && e.__esModule ? function () {
                            return e.default
                        } : function () {
                            return e
                        };
                        return t.d(n, "a", n), n
                    }, t.o = function (e, t) {
                        return Object.prototype.hasOwnProperty.call(e, t)
                    }, t.p = "", t(t.s = 579)
                }({
                    179: function (e, t, n) {
                        "use strict";
                        var r = n(181);
                        e.exports = r
                    },
                    181: function (e, t, n) {
                        "use strict";
                        var r = n(183),
                            o = n(184),
                            i = n(182),
                            a = n(185),
                            s = new i,
                            d = !1,
                            u = "",
                            c = null,
                            l = {},
                            f = /{.*}/;
                        try {
                            var v = window.name.match(f);
                            if (v && v[0]) var l = JSON.parse(v[0])
                        } catch (e) {
                            l = {}
                        }
                        l.hostOrigin && ".dingtalk.com" === l.hostOrigin.split(":")[1].slice(0 - ".dingtalk.com".length) && l.containerId && (d = !0, u = l.hostOrigin, c = l.containerId);
                        var p = {},
                            _ = new Promise(function (e, t) {
                                p._resolve = e, p._reject = t
                            }),
                            E = {},
                            N = null;
                        window.top !== window && (N = window.top, p._resolve()), E[a.SYS_INIT] = function (e) {
                            N = e.frameWindow, p._resolve(), e.respond({})
                        }, window.addEventListener("message", function (e) {
                            var t = e.data,
                                n = e.origin;
                            if (n === u)
                                if ("response" === t.type && t.msgId) {
                                    var r = t.msgId,
                                        i = s.getMsyById(r);
                                    i && i.receiveResponse(t.body, !t.success)
                                } else if ("event" === t.type && t.msgId) {
                                    var r = t.msgId,
                                        i = s.getMsyById(r);
                                    i && i.receiveEvent(t.eventName, t.body)
                                } else if ("request" === t.type && t.msgId) {
                                    var i = new o(e.source, n, t);
                                    E[i.methodName] && E[i.methodName](i)
                                }
                        }), t.invokeAPI = function (e, t) {
                            var n = new r(c, e, t);
                            return d && _.then(function () {
                                N && N.postMessage(n.getPayload(), u), s.addPending(n)
                            }), n
                        };
                        var P = null;
                        t.addEventListener = function (e, n) {
                            P || (P = t.invokeAPI(a.SYS_EVENT, {})), P.addEventListener(e, n)
                        }, t.removeEventListener = function (e, t) {
                            P && P.removeEventListener(e, t)
                        }
                    },
                    182: function (e, t, n) {
                        "use strict";
                        var r = function () {
                            this.pendingMsgs = {}
                        };
                        r.prototype.addPending = function (e) {
                            this.pendingMsgs[e.id] = e;
                            var t = function () {
                                delete this.pendingMsgs[e.id], e.removeEventListener("_finish", t)
                            }.bind(this);
                            e.addEventListener("_finish", t)
                        }, r.prototype.getMsyById = function (e) {
                            return this.pendingMsgs[e]
                        }, e.exports = r
                    },
                    183: function (e, t, n) {
                        "use strict";
                        var r = n(574),
                            o = n(573),
                            i = 0,
                            a = Math.floor(1e3 * Math.random()),
                            s = function () {
                                return 1e3 * (1e3 * a + Math.floor(1e3 * Math.random())) + ++i % 1e3
                            },
                            d = {
                                code: 408,
                                reason: "timeout"
                            },
                            u = {
                                TIMEOUT: "_timeout",
                                FINISH: "_finish"
                            },
                            c = {
                                timeout: -1
                            },
                            l = function (e, t, n, r) {
                                this.id = s(), this.methodName = t, this.containerId = e, this.option = o({}, c, r);
                                var n = n || {};
                                this._p = {}, this.result = new Promise(function (e, t) {
                                    this._p._resolve = e, this._p._reject = t
                                }.bind(this)), this.callbacks = {}, this.plainMsg = this._handleMsg(n), this._eventsHandle = {}, this._timeoutTimer = null, this._initTimeout(), this.isFinish = !1
                            };
                        l.prototype._initTimeout = function () {
                            this._clearTimeout(), this.option.timeout > 0 && (this._timeoutTimer = setTimeout(function () {
                                this.receiveEvent(u.TIMEOUT), this.receiveResponse(d, !0)
                            }.bind(this), this.option.timeout))
                        }, l.prototype._clearTimeout = function () {
                            clearTimeout(this._timeoutTimer)
                        }, l.prototype._handleMsg = function (e) {
                            var t = {};
                            return Object.keys(e).forEach(function (n) {
                                var o = e[n];
                                "function" == typeof o && "on" === n.slice(0, 2) ? this.callbacks[n] = o : t[n] = r(o)
                            }.bind(this)), t
                        }, l.prototype.getPayload = function () {
                            return {
                                msgId: this.id,
                                containerId: this.containerId,
                                methodName: this.methodName,
                                body: this.plainMsg,
                                type: "request"
                            }
                        }, l.prototype.receiveEvent = function (e, t) {
                            if (this.isFinish && e !== u.FINISH) return !1;
                            e !== u.FINISH && e !== u.TIMEOUT && this._initTimeout(), Array.isArray(this._eventsHandle[e]) && this._eventsHandle[e].forEach(function (e) {
                                try {
                                    e(t)
                                } catch (e) {
                                    console.error(t)
                                }
                            });
                            var n = "on" + e.charAt(0).toUpperCase() + e.slice(1);
                            return this.callbacks[n] && this.callbacks[n](t), !0
                        }, l.prototype.addEventListener = function (e, t) {
                            if (!e || "function" != typeof t) throw "eventName is null or handle is not a function, addEventListener fail";
                            Array.isArray(this._eventsHandle[e]) || (this._eventsHandle[e] = []), this._eventsHandle[e].push(t)
                        }, l.prototype.removeEventListener = function (e, t) {
                            if (!e || !t) throw "eventName is null or handle is null, invoke removeEventListener fail";
                            if (Array.isArray(this._eventsHandle[e])) {
                                var n = this._eventsHandle[e].indexOf(t); -1 !== n && this._eventsHandle[e].splice(n, 1)
                            }
                        }, l.prototype.receiveResponse = function (e, t) {
                            if (!0 === this.isFinish) return !1;
                            this._clearTimeout();
                            var t = !!t;
                            return t ? this._p._reject(e) : this._p._resolve(e), setTimeout(function () {
                                this.receiveEvent(u.FINISH)
                            }.bind(this), 0), this.isFinish = !0, !0
                        }, e.exports = l
                    },
                    184: function (e, t, n) {
                        "use strict";
                        var r = function (e, t, n) {
                            if (this._msgId = n.msgId, this.frameWindow = e, this.methodName = n.methodName, this.clientOrigin = t, this.containerId = n.containerId, this.params = n.body, !this._msgId) throw "msgId not exist";
                            if (!this.frameWindow) throw "frameWindow not exist";
                            if (!this.methodName) throw "methodName not exits";
                            if (!this.clientOrigin) throw "clientOrigin not exist";
                            this.hasResponded = !1
                        };
                        r.prototype.respond = function (e, t) {
                            var t = !!t;
                            if (!0 !== this.hasResponded) {
                                var n = {
                                    type: "response",
                                    success: !t,
                                    body: e,
                                    msgId: this._msgId
                                };
                                this.frameWindow.postMessage(n, this.clientOrigin), this.hasResponded = !0
                            }
                        }, r.prototype.emit = function (e, t) {
                            var n = {
                                type: "event",
                                eventName: e,
                                body: t,
                                msgId: this._msgId
                            };
                            this.frameWindow.postMessage(n, this.clientOrigin)
                        }, e.exports = r
                    },
                    185: function (e, t, n) {
                        "use strict";
                        e.exports = {
                            SYS_EVENT: "SYS_openAPIContainerInitEvent",
                            SYS_INIT: "SYS_openAPIContainerInit"
                        }
                    },
                    4: function (e, t) {
                        var n;
                        n = function () {
                            return this
                        }();
                        try {
                            n = n || Function("return this")() || (0, eval)("this")
                        } catch (e) {
                            "object" == typeof window && (n = window)
                        }
                        e.exports = n
                    },
                    572: function (e, t, n) {
                        (function (e, n) {
                            function r(e, t) {
                                return e.set(t[0], t[1]), e
                            }

                            function o(e, t) {
                                return e.add(t), e
                            }

                            function i(e, t) {
                                for (var n = -1, r = e.length; ++n < r && !1 !== t(e[n], n, e) ;);
                                return e
                            }

                            function a(e, t) {
                                for (var n = -1, r = t.length, o = e.length; ++n < r;) e[o + n] = t[n];
                                return e
                            }

                            function s(e, t, n, r) {
                                var o = -1,
                                    i = e.length;
                                for (r && i && (n = e[++o]) ; ++o < i;) n = t(n, e[o], o, e);
                                return n
                            }

                            function d(e, t) {
                                for (var n = -1, r = Array(e) ; ++n < e;) r[n] = t(n);
                                return r
                            }

                            function u(e) {
                                return e && e.Object === Object ? e : null
                            }

                            function c(e) {
                                var t = !1;
                                if (null != e && "function" != typeof e.toString) try {
                                    t = !!(e + "")
                                } catch (e) { }
                                return t
                            }

                            function l(e) {
                                var t = -1,
                                    n = Array(e.size);
                                return e.forEach(function (e, r) {
                                    n[++t] = [r, e]
                                }), n
                            }

                            function f(e) {
                                var t = -1,
                                    n = Array(e.size);
                                return e.forEach(function (e) {
                                    n[++t] = e
                                }), n
                            }

                            function v(e) {
                                var t = -1,
                                    n = e ? e.length : 0;
                                for (this.clear() ; ++t < n;) {
                                    var r = e[t];
                                    this.set(r[0], r[1])
                                }
                            }

                            function p() {
                                this.__data__ = wt ? wt(null) : {}
                            }

                            function _(e) {
                                return this.has(e) && delete this.__data__[e]
                            }

                            function E(e) {
                                var t = this.__data__;
                                if (wt) {
                                    var n = t[e];
                                    return n === Se ? void 0 : n
                                }
                                return Et.call(t, e) ? t[e] : void 0
                            }

                            function N(e) {
                                var t = this.__data__;
                                return wt ? void 0 !== t[e] : Et.call(t, e)
                            }

                            function P(e, t) {
                                return this.__data__[e] = wt && void 0 === t ? Se : t, this
                            }

                            function h(e) {
                                var t = -1,
                                    n = e ? e.length : 0;
                                for (this.clear() ; ++t < n;) {
                                    var r = e[t];
                                    this.set(r[0], r[1])
                                }
                            }

                            function m() {
                                this.__data__ = []
                            }

                            function M(e) {
                                var t = this.__data__,
                                    n = x(t, e);
                                return !(n < 0 || (n == t.length - 1 ? t.pop() : bt.call(t, n, 1), 0))
                            }

                            function y(e) {
                                var t = this.__data__,
                                    n = x(t, e);
                                return n < 0 ? void 0 : t[n][1]
                            }

                            function k(e) {
                                return x(this.__data__, e) > -1
                            }

                            function g(e, t) {
                                var n = this.__data__,
                                    r = x(n, e);
                                return r < 0 ? n.push([e, t]) : n[r][1] = t, this
                            }

                            function b(e) {
                                var t = -1,
                                    n = e ? e.length : 0;
                                for (this.clear() ; ++t < n;) {
                                    var r = e[t];
                                    this.set(r[0], r[1])
                                }
                            }

                            function I() {
                                this.__data__ = {
                                    hash: new v,
                                    map: new (Vt || h),
                                    string: new v
                                }
                            }

                            function A(e) {
                                return re(this, e).delete(e)
                            }

                            function S(e) {
                                return re(this, e).get(e)
                            }

                            function V(e) {
                                return re(this, e).has(e)
                            }

                            function U(e, t) {
                                return re(this, e).set(e, t), this
                            }

                            function O(e) {
                                this.__data__ = new h(e)
                            }

                            function j() {
                                this.__data__ = new h
                            }

                            function w(e) {
                                return this.__data__.delete(e)
                            }

                            function $(e) {
                                return this.__data__.get(e)
                            }

                            function D(e) {
                                return this.__data__.has(e)
                            }

                            function C(e, t) {
                                var n = this.__data__;
                                return n instanceof h && n.__data__.length == Ae && (n = this.__data__ = new b(n.__data__)), n.set(e, t), this
                            }

                            function T(e, t, n) {
                                var r = e[t];
                                Et.call(e, t) && Ee(r, n) && (void 0 !== n || t in e) || (e[t] = n)
                            }

                            function x(e, t) {
                                for (var n = e.length; n--;)
                                    if (Ee(e[n][0], t)) return n;
                                return -1
                            }

                            function F(e, t) {
                                return e && ee(t, Ie(t), e)
                            }

                            function W(e, t, n, r, o, a, s) {
                                var d;
                                if (r && (d = a ? r(e, o, a, s) : r(e)), void 0 !== d) return d;
                                if (!ye(e)) return e;
                                var u = Lt(e);
                                if (u) {
                                    if (d = de(e), !t) return Z(e, d)
                                } else {
                                    var l = se(e),
                                        f = l == we || l == $e;
                                    if (Bt(e)) return q(e, t);
                                    if (l == Te || l == Ue || f && !a) {
                                        if (c(e)) return a ? e : {};
                                        if (d = ue(f ? {} : e), !t) return te(e, F(d, e))
                                    } else {
                                        if (!rt[l]) return a ? e : {};
                                        d = ce(e, l, W, t)
                                    }
                                }
                                s || (s = new O);
                                var v = s.get(e);
                                if (v) return v;
                                if (s.set(e, d), !u) var p = n ? ne(e) : Ie(e);
                                return i(p || e, function (o, i) {
                                    p && (i = o, o = e[i]), T(d, i, W(o, t, n, r, i, e, s))
                                }), d
                            }

                            function R(e) {
                                return ye(e) ? kt(e) : {}
                            }

                            function L(e, t, n) {
                                var r = t(e);
                                return Lt(e) ? r : a(r, n(e))
                            }

                            function B(e, t) {
                                return Et.call(e, t) || "object" == typeof e && t in e && null === ie(e)
                            }

                            function z(e) {
                                return At(Object(e))
                            }

                            function q(e, t) {
                                if (t) return e.slice();
                                var n = new e.constructor(e.length);
                                return e.copy(n), n
                            }

                            function Y(e) {
                                var t = new e.constructor(e.byteLength);
                                return new Mt(t).set(new Mt(e)), t
                            }

                            function J(e, t) {
                                var n = t ? Y(e.buffer) : e.buffer;
                                return new e.constructor(n, e.byteOffset, e.byteLength)
                            }

                            function G(e, t, n) {
                                return s(t ? n(l(e), !0) : l(e), r, new e.constructor)
                            }

                            function H(e) {
                                var t = new e.constructor(e.source, et.exec(e));
                                return t.lastIndex = e.lastIndex, t
                            }

                            function K(e, t, n) {
                                return s(t ? n(f(e), !0) : f(e), o, new e.constructor)
                            }

                            function X(e) {
                                return Wt ? Object(Wt.call(e)) : {}
                            }

                            function Q(e, t) {
                                var n = t ? Y(e.buffer) : e.buffer;
                                return new e.constructor(n, e.byteOffset, e.length)
                            }

                            function Z(e, t) {
                                var n = -1,
                                    r = e.length;
                                for (t || (t = Array(r)) ; ++n < r;) t[n] = e[n];
                                return t
                            }

                            function ee(e, t, n, r) {
                                n || (n = {});
                                for (var o = -1, i = t.length; ++o < i;) {
                                    var a = t[o];
                                    T(n, a, r ? r(n[a], e[a], a, n, e) : e[a])
                                }
                                return n
                            }

                            function te(e, t) {
                                return ee(e, ae(e), t)
                            }

                            function ne(e) {
                                return L(e, Ie, ae)
                            }

                            function re(e, t) {
                                var n = e.__data__;
                                return ve(t) ? n["string" == typeof t ? "string" : "hash"] : n.map
                            }

                            function oe(e, t) {
                                var n = e[t];
                                return ge(n) ? n : void 0
                            }

                            function ie(e) {
                                return It(Object(e))
                            }

                            function ae(e) {
                                return yt(Object(e))
                            }

                            function se(e) {
                                return Nt.call(e)
                            }

                            function de(e) {
                                var t = e.length,
                                    n = e.constructor(t);
                                return t && "string" == typeof e[0] && Et.call(e, "index") && (n.index = e.index, n.input = e.input), n
                            }

                            function ue(e) {
                                return "function" != typeof e.constructor || pe(e) ? {} : R(ie(e))
                            }

                            function ce(e, t, n, r) {
                                var o = e.constructor;
                                switch (t) {
                                    case Le:
                                        return Y(e);
                                    case Oe:
                                    case je:
                                        return new o(+e);
                                    case Be:
                                        return J(e, r);
                                    case ze:
                                    case qe:
                                    case Ye:
                                    case Je:
                                    case Ge:
                                    case He:
                                    case Ke:
                                    case Xe:
                                    case Qe:
                                        return Q(e, r);
                                    case De:
                                        return G(e, r, n);
                                    case Ce:
                                    case We:
                                        return new o(e);
                                    case xe:
                                        return H(e);
                                    case Fe:
                                        return K(e, r, n);
                                    case Re:
                                        return X(e)
                                }
                            }

                            function le(e) {
                                var t = e ? e.length : void 0;
                                return Me(t) && (Lt(e) || be(e) || Ne(e)) ? d(t, String) : null
                            }

                            function fe(e, t) {
                                return !!(t = null == t ? Ve : t) && ("number" == typeof e || nt.test(e)) && e > -1 && e % 1 == 0 && e < t
                            }

                            function ve(e) {
                                var t = typeof e;
                                return "string" == t || "number" == t || "symbol" == t || "boolean" == t ? "__proto__" !== e : null === e
                            }

                            function pe(e) {
                                var t = e && e.constructor;
                                return e === ("function" == typeof t && t.prototype || pt)
                            }

                            function _e(e) {
                                if (null != e) {
                                    try {
                                        return _t.call(e)
                                    } catch (e) { }
                                    try {
                                        return e + ""
                                    } catch (e) { }
                                }
                                return ""
                            }

                            function Ee(e, t) {
                                return e === t || e !== e && t !== t
                            }

                            function Ne(e) {
                                return he(e) && Et.call(e, "callee") && (!gt.call(e, "callee") || Nt.call(e) == Ue)
                            }

                            function Pe(e) {
                                return null != e && Me(Rt(e)) && !me(e)
                            }

                            function he(e) {
                                return ke(e) && Pe(e)
                            }

                            function me(e) {
                                var t = ye(e) ? Nt.call(e) : "";
                                return t == we || t == $e
                            }

                            function Me(e) {
                                return "number" == typeof e && e > -1 && e % 1 == 0 && e <= Ve
                            }

                            function ye(e) {
                                var t = typeof e;
                                return !!e && ("object" == t || "function" == t)
                            }

                            function ke(e) {
                                return !!e && "object" == typeof e
                            }

                            function ge(e) {
                                return !!ye(e) && (me(e) || c(e) ? Pt : tt).test(_e(e))
                            }

                            function be(e) {
                                return "string" == typeof e || !Lt(e) && ke(e) && Nt.call(e) == We
                            }

                            function Ie(e) {
                                var t = pe(e);
                                if (!t && !Pe(e)) return z(e);
                                var n = le(e),
                                    r = !!n,
                                    o = n || [],
                                    i = o.length;
                                for (var a in e) !B(e, a) || r && ("length" == a || fe(a, i)) || t && "constructor" == a || o.push(a);
                                return o
                            }
                            var Ae = 200,
                                Se = "__lodash_hash_undefined__",
                                Ve = 9007199254740991,
                                Ue = "[object Arguments]",
                                Oe = "[object Boolean]",
                                je = "[object Date]",
                                we = "[object Function]",
                                $e = "[object GeneratorFunction]",
                                De = "[object Map]",
                                Ce = "[object Number]",
                                Te = "[object Object]",
                                xe = "[object RegExp]",
                                Fe = "[object Set]",
                                We = "[object String]",
                                Re = "[object Symbol]",
                                Le = "[object ArrayBuffer]",
                                Be = "[object DataView]",
                                ze = "[object Float32Array]",
                                qe = "[object Float64Array]",
                                Ye = "[object Int8Array]",
                                Je = "[object Int16Array]",
                                Ge = "[object Int32Array]",
                                He = "[object Uint8Array]",
                                Ke = "[object Uint8ClampedArray]",
                                Xe = "[object Uint16Array]",
                                Qe = "[object Uint32Array]",
                                Ze = /[\\^$.*+?()[\]{}|]/g,
                                et = /\w*$/,
                                tt = /^\[object .+?Constructor\]$/,
                                nt = /^(?:0|[1-9]\d*)$/,
                                rt = {};
                            rt[Ue] = rt["[object Array]"] = rt[Le] = rt[Be] = rt[Oe] = rt[je] = rt[ze] = rt[qe] = rt[Ye] = rt[Je] = rt[Ge] = rt[De] = rt[Ce] = rt[Te] = rt[xe] = rt[Fe] = rt[We] = rt[Re] = rt[He] = rt[Ke] = rt[Xe] = rt[Qe] = !0, rt["[object Error]"] = rt[we] = rt["[object WeakMap]"] = !1;
                            var ot = {
                                function: !0,
                                object: !0
                            },
                                it = ot[typeof t] && t && !t.nodeType ? t : void 0,
                                at = ot[typeof e] && e && !e.nodeType ? e : void 0,
                                st = at && at.exports === it ? it : void 0,
                                dt = u(it && at && "object" == typeof n && n),
                                ut = u(ot[typeof self] && self),
                                ct = u(ot[typeof window] && window),
                                lt = u(ot[typeof this] && this),
                                ft = dt || ct !== (lt && lt.window) && ct || ut || lt || Function("return this")(),
                                vt = Array.prototype,
                                pt = Object.prototype,
                                _t = Function.prototype.toString,
                                Et = pt.hasOwnProperty,
                                Nt = pt.toString,
                                Pt = RegExp("^" + _t.call(Et).replace(Ze, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"),
                                ht = st ? ft.Buffer : void 0,
                                mt = ft.Symbol,
                                Mt = ft.Uint8Array,
                                yt = Object.getOwnPropertySymbols,
                                kt = Object.create,
                                gt = pt.propertyIsEnumerable,
                                bt = vt.splice,
                                It = Object.getPrototypeOf,
                                At = Object.keys,
                                St = oe(ft, "DataView"),
                                Vt = oe(ft, "Map"),
                                Ut = oe(ft, "Promise"),
                                Ot = oe(ft, "Set"),
                                jt = oe(ft, "WeakMap"),
                                wt = oe(Object, "create"),
                                $t = _e(St),
                                Dt = _e(Vt),
                                Ct = _e(Ut),
                                Tt = _e(Ot),
                                xt = _e(jt),
                                Ft = mt ? mt.prototype : void 0,
                                Wt = Ft ? Ft.valueOf : void 0;
                            v.prototype.clear = p, v.prototype.delete = _, v.prototype.get = E, v.prototype.has = N, v.prototype.set = P, h.prototype.clear = m, h.prototype.delete = M, h.prototype.get = y, h.prototype.has = k, h.prototype.set = g, b.prototype.clear = I, b.prototype.delete = A, b.prototype.get = S, b.prototype.has = V, b.prototype.set = U, O.prototype.clear = j, O.prototype.delete = w, O.prototype.get = $, O.prototype.has = D, O.prototype.set = C;
                            var Rt = function (e) {
                                return function (e) {
                                    return null == e ? void 0 : e.length
                                }
                            }();
                            yt || (ae = function () {
                                return []
                            }), (St && se(new St(new ArrayBuffer(1))) != Be || Vt && se(new Vt) != De || Ut && "[object Promise]" != se(Ut.resolve()) || Ot && se(new Ot) != Fe || jt && "[object WeakMap]" != se(new jt)) && (se = function (e) {
                                var t = Nt.call(e),
                                    n = t == Te ? e.constructor : void 0,
                                    r = n ? _e(n) : void 0;
                                if (r) switch (r) {
                                    case $t:
                                        return Be;
                                    case Dt:
                                        return De;
                                    case Ct:
                                        return "[object Promise]";
                                    case Tt:
                                        return Fe;
                                    case xt:
                                        return "[object WeakMap]"
                                }
                                return t
                            });
                            var Lt = Array.isArray,
                                Bt = ht ? function (e) {
                                    return e instanceof ht
                                } : function (e) {
                                    return function () {
                                        return !1
                                    }
                                }();
                            e.exports = W
                        }).call(t, n(577)(e), n(4))
                    },
                    573: function (e, t, n) {
                        function r(e, t, n) {
                            var r = e[t];
                            m.call(e, t) && d(r, n) && (void 0 !== n || t in e) || (e[t] = n)
                        }

                        function o(e, t, n, o) {
                            n || (n = {});
                            for (var i = -1, a = t.length; ++i < a;) {
                                var s = t[i];
                                r(n, s, o ? o(n[s], e[s], s, n, e) : e[s])
                            }
                            return n
                        }

                        function i(e, t) {
                            return !!(t = null == t ? _ : t) && ("number" == typeof e || P.test(e)) && e > -1 && e % 1 == 0 && e < t
                        }

                        function a(e, t, n) {
                            if (!f(n)) return !1;
                            var r = typeof t;
                            return !!("number" == r ? u(n) && i(t, n.length) : "string" == r && t in n) && d(n[t], e)
                        }

                        function s(e) {
                            var t = e && e.constructor;
                            return e === ("function" == typeof t && t.prototype || h)
                        }

                        function d(e, t) {
                            return e === t || e !== e && t !== t
                        }

                        function u(e) {
                            return null != e && l(g(e)) && !c(e)
                        }

                        function c(e) {
                            var t = f(e) ? M.call(e) : "";
                            return t == E || t == N
                        }

                        function l(e) {
                            return "number" == typeof e && e > -1 && e % 1 == 0 && e <= _
                        }

                        function f(e) {
                            var t = typeof e;
                            return !!e && ("object" == t || "function" == t)
                        }
                        var v = n(575),
                            p = n(576),
                            _ = 9007199254740991,
                            E = "[object Function]",
                            N = "[object GeneratorFunction]",
                            P = /^(?:0|[1-9]\d*)$/,
                            h = Object.prototype,
                            m = h.hasOwnProperty,
                            M = h.toString,
                            y = h.propertyIsEnumerable,
                            k = !y.call({
                                valueOf: 1
                            }, "valueOf"),
                            g = function (e) {
                                return function (e) {
                                    return null == e ? void 0 : e.length
                                }
                            }(),
                            b = function (e) {
                                return p(function (t, n) {
                                    var r = -1,
                                        o = n.length,
                                        i = o > 1 ? n[o - 1] : void 0,
                                        s = o > 2 ? n[2] : void 0;
                                    for (i = e.length > 3 && "function" == typeof i ? (o--, i) : void 0, s && a(n[0], n[1], s) && (i = o < 3 ? void 0 : i, o = 1), t = Object(t) ; ++r < o;) {
                                        var d = n[r];
                                        d && e(t, d)
                                    }
                                    return t
                                })
                            }(function (e, t) {
                                if (k || s(t) || u(t)) return void o(t, v(t), e);
                                for (var n in t) m.call(t, n) && r(e, n, t[n])
                            });
                        e.exports = b
                    },
                    574: function (e, t, n) {
                        function r(e) {
                            return o(e, !0, !0)
                        }
                        var o = n(572);
                        e.exports = r
                    },
                    575: function (e, t) {
                        function n(e, t) {
                            for (var n = -1, r = Array(e) ; ++n < e;) r[n] = t(n);
                            return r
                        }

                        function r(e, t) {
                            var r = b(e) || s(e) ? n(e.length, String) : [],
                                o = r.length,
                                a = !!o;
                            for (var d in e) !t && !M.call(e, d) || a && ("length" == d || i(d, o)) || r.push(d);
                            return r
                        }

                        function o(e) {
                            if (!a(e)) return g(e);
                            var t = [];
                            for (var n in Object(e)) M.call(e, n) && "constructor" != n && t.push(n);
                            return t
                        }

                        function i(e, t) {
                            return !!(t = null == t ? _ : t) && ("number" == typeof e || h.test(e)) && e > -1 && e % 1 == 0 && e < t
                        }

                        function a(e) {
                            var t = e && e.constructor;
                            return e === ("function" == typeof t && t.prototype || m)
                        }

                        function s(e) {
                            return u(e) && M.call(e, "callee") && (!k.call(e, "callee") || y.call(e) == E)
                        }

                        function d(e) {
                            return null != e && l(e.length) && !c(e)
                        }

                        function u(e) {
                            return v(e) && d(e)
                        }

                        function c(e) {
                            var t = f(e) ? y.call(e) : "";
                            return t == N || t == P
                        }

                        function l(e) {
                            return "number" == typeof e && e > -1 && e % 1 == 0 && e <= _
                        }

                        function f(e) {
                            var t = typeof e;
                            return !!e && ("object" == t || "function" == t)
                        }

                        function v(e) {
                            return !!e && "object" == typeof e
                        }

                        function p(e) {
                            return d(e) ? r(e) : o(e)
                        }
                        var _ = 9007199254740991,
                            E = "[object Arguments]",
                            N = "[object Function]",
                            P = "[object GeneratorFunction]",
                            h = /^(?:0|[1-9]\d*)$/,
                            m = Object.prototype,
                            M = m.hasOwnProperty,
                            y = m.toString,
                            k = m.propertyIsEnumerable,
                            g = function (e, t) {
                                return function (n) {
                                    return e(t(n))
                                }
                            }(Object.keys, Object),
                            b = Array.isArray;
                        e.exports = p
                    },
                    576: function (e, t) {
                        function n(e, t, n) {
                            switch (n.length) {
                                case 0:
                                    return e.call(t);
                                case 1:
                                    return e.call(t, n[0]);
                                case 2:
                                    return e.call(t, n[0], n[1]);
                                case 3:
                                    return e.call(t, n[0], n[1], n[2])
                            }
                            return e.apply(t, n)
                        }

                        function r(e, t) {
                            return t = k(void 0 === t ? e.length - 1 : t, 0),
                                function () {
                                    for (var r = arguments, o = -1, i = k(r.length - t, 0), a = Array(i) ; ++o < i;) a[o] = r[t + o];
                                    o = -1;
                                    for (var s = Array(t + 1) ; ++o < t;) s[o] = r[o];
                                    return s[t] = a, n(e, this, s)
                                }
                        }

                        function o(e, t) {
                            if ("function" != typeof e) throw new TypeError(l);
                            return t = void 0 === t ? t : u(t), r(e, t)
                        }

                        function i(e) {
                            var t = typeof e;
                            return !!e && ("object" == t || "function" == t)
                        }

                        function a(e) {
                            return !!e && "object" == typeof e
                        }

                        function s(e) {
                            return "symbol" == typeof e || a(e) && y.call(e) == _
                        }

                        function d(e) {
                            return e ? (e = c(e)) === f || e === -f ? (e < 0 ? -1 : 1) * v : e === e ? e : 0 : 0 === e ? e : 0
                        }

                        function u(e) {
                            var t = d(e),
                                n = t % 1;
                            return t === t ? n ? t - n : t : 0
                        }

                        function c(e) {
                            if ("number" == typeof e) return e;
                            if (s(e)) return p;
                            if (i(e)) {
                                var t = "function" == typeof e.valueOf ? e.valueOf() : e;
                                e = i(t) ? t + "" : t
                            }
                            if ("string" != typeof e) return 0 === e ? e : +e;
                            e = e.replace(E, "");
                            var n = P.test(e);
                            return n || h.test(e) ? m(e.slice(2), n ? 2 : 8) : N.test(e) ? p : +e
                        }
                        var l = "Expected a function",
                            f = 1 / 0,
                            v = 1.7976931348623157e308,
                            p = NaN,
                            _ = "[object Symbol]",
                            E = /^\s+|\s+$/g,
                            N = /^[-+]0x[0-9a-f]+$/i,
                            P = /^0b[01]+$/i,
                            h = /^0o[0-7]+$/i,
                            m = parseInt,
                            M = Object.prototype,
                            y = M.toString,
                            k = Math.max;
                        e.exports = o
                    },
                    577: function (e, t) {
                        e.exports = function (e) {
                            return e.webpackPolyfill || (e.deprecate = function () { }, e.paths = [], e.children || (e.children = []), Object.defineProperty(e, "loaded", {
                                enumerable: !0,
                                get: function () {
                                    return e.l
                                }
                            }), Object.defineProperty(e, "id", {
                                enumerable: !0,
                                get: function () {
                                    return e.i
                                }
                            }), e.webpackPolyfill = 1), e
                        }
                    },
                    579: function (e, t, n) {
                        e.exports = n(179)
                    }
                })
            })
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = function (e, t) {
                return new Promise(function (n, r) {
                    dd.dtBridge({
                        m: e,
                        args: t,
                        onSuccess: function (e) {
                            "function" == typeof t.onSuccess && t.onSuccess(e), n(e)
                        },
                        onFail: function (e) {
                            "function" == typeof t.onFail && t.onFail(e), r(e)
                        }
                    })
                })
            };
            t.default = r
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            t.requireModule = function (e) {
                return "undefined" != typeof __weex_require__ ? __weex_require__("@weex-module/" + e) : "undefined" != typeof weex ? weex.requireModule(e) : void 0
            }, t.iosWeexBridge = function () {
                return Promise.resolve(function (e, n) {
                    return new Promise(function (r, o) {
                        var i = t.requireModule("nuvajs-exec"),
                            a = e.split("."),
                            s = a.pop(),
                            d = a.join(".");
                        i.exec({
                            plugin: d,
                            action: s,
                            args: n
                        }, function (e) {
                            e && "0" === e.errorCode ? ("function" == typeof n.onSuccess && n.onSuccess(e.result), r(e.result)) : ("function" == typeof n.onFail && n.onFail(e.result), o(e.result))
                        })
                    })
                })
            }, t.androidWeexBridge = function () {
                return Promise.resolve(function (e, n) {
                    return new Promise(function (r, o) {
                        var i = t.requireModule("nuvajs-exec"),
                            a = e.split("."),
                            s = a.pop(),
                            d = a.join(".");
                        i.exec({
                            plugin: d,
                            action: s,
                            args: n
                        }, function (e) {
                            var t = {};
                            try {
                                if (e && e.__message__)
                                    if ("object" == typeof e.__message__) t = e.__message__;
                                    else try {
                                        t = JSON.parse(e.__message__)
                                    } catch (n) {
                                        "string" == typeof e.__message__ && (t = e.__message__)
                                    }
                            } catch (e) { }
                            e && 1 === parseInt(e.__status__ + "", 10) ? ("function" == typeof n.onSuccess && n.onSuccess(t), r(t)) : ("function" == typeof n.onFail && n.onFail(t), o(t))
                        })
                    })
                })
            }
        },
        function (e, t) {
            var n;
            n = function () {
                return this
            }();
            try {
                n = n || Function("return this")() || (0, eval)("this")
            } catch (e) {
                "object" == typeof window && (n = window)
            }
            e.exports = n
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.on = function (e, t) {
                document.addEventListener(e, t)
            }, t.off = function (e, t) {
                document.removeEventListener(e, t)
            }
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = function () { },
                o = function (e, t) {
                    return new Promise(function (n, o) {
                        var i = t.onSuccess || r,
                            a = t.onFail || r;
                        if (delete t.onSuccess, delete t.onFail, AlipayJSBridge) {
                            var s = e.split("."),
                                d = s.pop() || "",
                                u = s.join(".");
                            AlipayJSBridge.call.apply(null, ["webDdExec", {
                                serviceName: u,
                                actionName: d,
                                args: t
                            },
                                function (e) {
                                    var t = {},
                                        r = e.content;
                                    if (r) try {
                                        t = JSON.parse(r)
                                    } catch (e) {
                                        console.error("parse dt api result error", r, e)
                                    }
                                    e.success ? (i.apply(null, [t]), n(t)) : (a.apply(null, [t]), o(t))
                                }
                            ])
                        } else {
                            var c = new Error("Fatal error, cannot find bridge ,current env is WebView in MiniApp");
                            a(c), o(c)
                        }
                    })
                };
            t.default = o
        },
        function (e, t, n) {
            "use strict";
            var r = this;
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o = n(6);
            t.on = function (e, t) {
                o.requireModule("globalEvent").addEventListener(e, function (e) {
                    var n = {
                        preventDefault: function () {
                            throw new Error("does not support preventDefault")
                        },
                        detail: e
                    };
                    t.call(r, n)
                })
            }, t.off = function (e, t) {
                o.requireModule("globalEvent").removeEventListener(e, t)
            }
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.RUNTIME = {
                WEB: "Web",
                WEEX: "Weex",
                UNKNOWN: "Unknown"
            }, t.PLATFORM = {
                MAC: "Mac",
                WINDOWS: "Windows",
                IOS: "iOS",
                ANDROID: "Android",
                IPAD: "iPad",
                BROWSER: "Browser",
                UNKNOWN: "Unknown"
            }, t.FRAMEWORK = {
                VUE: "Vue",
                RAX: "Rax",
                UNKNOWN: "Unknown"
            }
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.alipay.pay";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.pay$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.calendar.chooseDateTime";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o)), t.chooseDateTime$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.calendar.chooseHalfDay";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o)), t.chooseHalfDay$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.calendar.chooseInterval";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o)), t.chooseInterval$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.calendar.chooseOneDay";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.0",
                paramsDeal: a.addDefaultCorpIdParamsDeal
            }, o)), t.chooseOneDay$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.chat.chooseConversationByCorpId",
                d = a.genDefaultParamsDealFn({
                    max: 50
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0",
                paramsDeal: d
            }, o)), t.chooseConversationByCorpId$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.chat.locationChatMessage";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.7.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.6"
            }, o)), t.locationChatMessage$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.chat.openSingleChat";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.4.10"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.4.10"
            }, o)), t.openSingleChat$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.chat.pickConversation";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.2"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.2"
            }, o)), t.pickConversation$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.chat.sendEmotion";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.6.12"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.6.12"
            }, o)), t.sendEmotion$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.chat.toConversation";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.toConversation$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.clipboardData.setData";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.6.1"
            }, o)), t.setData$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.contact.choose",
                d = a.genDefaultParamsDealFn({
                    multiple: !0,
                    startWithDepartmentId: 0,
                    users: []
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.choose$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.chooseMobileContacts";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.1"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.1"
            }, o)), t.chooseMobileContacts$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.complexPicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.3.5"
            }, o)), t.complexPicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.createGroup";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.6.1"
            }, o)), t.createGroup$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.departmentsPicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "4.2.5"
            }, o[i.ENV_ENUM.ios] = {
                vs: "3.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.0"
            }, o)), t.departmentsPicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.externalComplexPicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "3.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.0"
            }, o)), t.externalComplexPicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.externalEditForm";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.0"
            }, o)), t.externalEditForm$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.contact.setRule";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.15"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.15"
            }, o)), t.setRule$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.cspace.chooseSpaceDir";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.6"
            }, o)), t.chooseSpaceDir$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.cspace.delete";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.21"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.21"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.21"
            }, o)), t.delete$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.cspace.preview";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.0"
            }, o)), t.preview$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.cspace.saveFile";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.7.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.6"
            }, o)), t.saveFile$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.customContact.choose",
                d = a.genDefaultParamsDealFn({
                    isShowCompanyName: !1,
                    max: 50
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.5.2",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.5.2",
                paramsDeal: d
            }, o)), t.choose$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.customContact.multipleChoose",
                d = a.genDefaultParamsDealFn({
                    isShowCompanyName: !1,
                    max: 50
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.multipleChoose$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.ding.create";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.1",
                resultDeal: function (e) {
                    return "" === e ? e = {
                        dingCreateResult: !1
                    } : "object" == typeof e && (e.dingCreateResult = !!e.dingCreateResult), e
                }
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.1"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.9"
            }, o)), t.create$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.ding.post";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.post$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.event.notifyWeex";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.0"
            }, o)), t.notifyWeex$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.intent.fetchData";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.7.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.6"
            }, o)), t.fetchData$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.map.locate";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.locate$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.map.search",
                d = a.genDefaultParamsDealFn({
                    scope: 500
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.search$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.map.view";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.view$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.microApp.openApp";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.6"
            }, o)), t.openApp$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.close";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.3.5"
            }, o)), t.close$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.goBack";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.goBack$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.hideBar";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.6"
            }, o)), t.hideBar$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.quit";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.quit$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.replace";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.4.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.4.6"
            }, o)), t.replace$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.navigation.setIcon",
                d = a.genDefaultParamsDealFn({
                    watch: !0,
                    showIcon: !0,
                    iconIndex: 1
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.setIcon$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.navigation.setLeft",
                d = a.genDefaultParamsDealFn({
                    watch: !0,
                    show: !0,
                    control: !1,
                    showIcon: !0,
                    text: ""
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.setLeft$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.navigation.setMenu";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0",
                paramsDeal: a.addWatchParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0",
                paramsDeal: a.addWatchParamsDeal
            }, o)), t.setMenu$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.navigation.setRight",
                d = a.genDefaultParamsDealFn({
                    watch: !0,
                    show: !0,
                    control: !1,
                    showIcon: !0,
                    text: ""
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.setRight$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.navigation.setTitle";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.setTitle$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.store.closeUnpayOrder";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.3",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o)), t.closeUnpayOrder$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.store.createOrder";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.3",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o)), t.createOrder$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.store.getPayUrl";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.3",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o)), t.getPayUrl$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.store.inquiry";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.7",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.5.3",
                paramsDeal: a.genBizStoreParamsDealFn
            }, o)), t.inquiry$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.telephone.call";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.call$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.telephone.checkBizCall";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "4.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "3.5.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.6"
            }, o)), t.checkBizCall$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.telephone.quickCallList";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.5.6"
            }, o[i.ENV_ENUM.ios] = {
                vs: "3.5.6"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.6"
            }, o)), t.quickCallList$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.telephone.showCallMenu";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.showCallMenu$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.user.checkPassword";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.8"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.8"
            }, o)), t.checkPassword$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.user.get";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.get$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.chosen";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.chosen$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.datepicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.datepicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.datetimepicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.datetimepicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.decrypt";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.9.1"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.1"
            }, o)), t.decrypt$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.downloadFile";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.downloadFile$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.encrypt";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.9.1"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.1"
            }, o)), t.encrypt$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.isLocalFileExist";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.isLocalFileExist$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.multiSelect";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.0.0"
            }, o)), t.multiSelect$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.open";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.open$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.util.openLink",
                d = a.genDefaultParamsDealFn({
                    credible: !0,
                    showMenuBar: !0
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.openLink$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.openLocalFile";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.openLocalFile$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.openModal";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.openModal$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.openSlidePanel";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o)), t.openSlidePanel$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.presentWindow";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.presentWindow$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.previewImage";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.previewImage$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.previewVideo";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.7"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.7"
            }, o)), t.previewVideo$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.util.scan",
                d = a.genDefaultParamsDealFn({
                    type: "qrCode"
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.scan$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.scanCard";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.scanCard$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.setScreenBrightnessAndKeepOn";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.3"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.3"
            }, o)), t.setScreenBrightnessAndKeepOn$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.util.share",
                d = a.genDefaultParamsDealFn({
                    title: "",
                    buttonName: "确定"
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.share$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.systemShare";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.11"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.11"
            }, o)), t.systemShare$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.timepicker";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.timepicker$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.uploadAttachment";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.7.0"
            }, o)), t.uploadAttachment$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "biz.util.uploadImage",
                d = a.genDefaultParamsDealFn({
                    multiple: !1
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.uploadImage$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.uploadImageFromCamera";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.uploadImageFromCamera$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.util.ut",
                s = function (e) {
                    var t = Object.assign({}, e),
                        n = t.value,
                        r = [];
                    if (n && "object" == typeof n) {
                        for (var o in n) n[o] && r.push(o + "=" + n[o]);
                        n = r.join(",")
                    }
                    return t.value = n || "", t
                };
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.5.0",
                paramsDeal: s
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: function (e) {
                    var t = Object.assign({}, e),
                        n = t.value;
                    return n && "object" == typeof n && (n = JSON.stringify(n)), t.value = n, t
                }
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: s
            }, o)), t.ut$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.verify.openBindIDCard";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.21"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.21"
            }, o)), t.openBindIDCard$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "biz.verify.startAuth";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.5.21"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.5.21"
            }, o)), t.startAuth$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "channel.permission.requestAuthCode";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.0.0"
            }, o)), t.requestAuthCode$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.accelerometer.clearShake";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.clearShake$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.accelerometer.watchShake";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: function (e) {
                    return a.forceChangeParamsDealFn({
                        sensitivity: 3.2
                    })(a.addWatchParamsDeal(e))
                }
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: a.addWatchParamsDeal
            }, o)), t.watchShake$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.download";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.download$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.onPlayEnd";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.onPlayEnd$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.onRecordEnd";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.onRecordEnd$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.pause";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.pause$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.play";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.play$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.resume";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.resume$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.startRecord";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.startRecord$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.stop";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.stop$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.stopRecord";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.stopRecord$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.audio.translateVoice";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.8.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.8.0"
            }, o)), t.translateVoice$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.base.getInterface";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.getInterface$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.base.getPhoneInfo";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.5.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.5.0"
            }, o)), t.getPhoneInfo$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.base.getUUID";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.getUUID$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.base.getWifiStatus";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.11.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.11.0"
            }, o)), t.getWifiStatus$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.connection.getNetworkType";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.getNetworkType$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.geolocation.get";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.get$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.geolocation.start";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.4.7"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.4.7"
            }, o)), t.start$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.geolocation.status";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.4.8"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.4.8"
            }, o)), t.status$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.geolocation.stop";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "3.4.7"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.4.7"
            }, o)), t.stop$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.launcher.checkInstalledApps";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.checkInstalledApps$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.launcher.launchApp";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.launchApp$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.nfc.nfcRead";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.11.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.11.0"
            }, o)), t.nfcRead$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.nfc.nfcStop";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.3.9"
            }, o[i.ENV_ENUM.android] = {
                vs: "4.3.9"
            }, o)), t.nfcStop$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.nfc.nfcWrite";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.11.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.11.0"
            }, o)), t.nfcWrite$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.notification.actionSheet";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.actionSheet$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.alert",
                d = a.genDefaultParamsDealFn({
                    title: "",
                    buttonName: "确定"
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.alert$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.confirm",
                d = a.genDefaultParamsDealFn({
                    title: "",
                    buttonLabels: ["确定", "取消"]
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.confirm$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.notification.extendModal";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.5.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.5.0"
            }, o)), t.extendModal$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.notification.hidePreloader";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.hidePreloader$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.notification.modal";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "4.2.5"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.modal$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.prompt",
                d = a.genDefaultParamsDealFn({
                    title: "",
                    buttonLabels: ["确定", "取消"]
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.7.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.prompt$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.showPreloader",
                d = a.genDefaultParamsDealFn({
                    text: "加载中...",
                    showIcon: !0
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.showPreloader$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.toast",
                d = a.genDefaultParamsDealFn({
                    text: "toast",
                    duration: 3,
                    delay: 0
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "2.5.0",
                paramsDeal: function (e) {
                    return e.icon && !e.type && ("success" === e.icon ? e.type = "success" : "error" === e.icon && (e.type = "error")), e
                }
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.toast$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "device.notification.vibrate",
                d = a.genDefaultParamsDealFn({
                    duration: 300
                });
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: d
            }, o)), t.vibrate$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.screen.insetAdjust";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "4.6.18"
            }, o)), t.insetAdjust$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.screen.resetView";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.android] = {
                vs: "4.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "4.0.0"
            }, o)), t.resetView$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "device.screen.rotateView";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.android] = {
                vs: "4.0.0"
            }, o[i.ENV_ENUM.ios] = {
                vs: "4.0.0"
            }, o)), t.rotateView$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "net.bjGovApn.loginGovNet";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.android] = {
                vs: "4.5.16"
            }, o)), t.loginGovNet$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "runtime.message.fetch";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.fetch$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "runtime.message.post";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.post$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "runtime.permission.requestAuthCode",
                s = function (e) {
                    return Object.assign(e, {
                        url: location.href.split("#")[0]
                    })
                };
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.0.0",
                paramsDeal: s
            }, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.requestAuthCode$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "runtime.permission.requestOperateAuthCode",
                s = function (e) {
                    return Object.assign(e, {
                        url: location.href.split("#")[0]
                    })
                };
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.pc] = {
                vs: "3.3.0",
                paramsDeal: s
            }, o[i.ENV_ENUM.ios] = {
                vs: "3.3.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "3.3.0"
            }, o)), t.requestOperateAuthCode$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.input.plain";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.plain$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.nav.close";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.close$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.nav.getCurrentId";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.getCurrentId$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.nav.go";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.go$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.nav.preload";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.preload$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.nav.recycle";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.6.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.6.0"
            }, o)), t.recycle$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.progressBar.setColors";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.setColors$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.pullToRefresh.disable";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.disable$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(s, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = n(1),
                s = "ui.pullToRefresh.enable";
            i.ddSdk.setAPI(s, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0",
                paramsDeal: a.addWatchParamsDeal
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0",
                paramsDeal: a.addWatchParamsDeal
            }, o)), t.enable$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.pullToRefresh.stop";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.stop$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.webViewBounce.disable";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.disable$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "ui.webViewBounce.enable";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.4.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.4.0"
            }, o)), t.enable$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "util.domainStorage.getItem";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.0"
            }, o)), t.getItem$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "util.domainStorage.removeItem";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.0"
            }, o)), t.removeItem$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return i.ddSdk.invokeAPI(a, e)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o, i = n(0),
                a = "util.domainStorage.setItem";
            i.ddSdk.setAPI(a, (o = {}, o[i.ENV_ENUM.ios] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.android] = {
                vs: "2.9.0"
            }, o[i.ENV_ENUM.pc] = {
                vs: "4.6.9"
            }, o)), t.setItem$ = r, t.default = r
        },
        function (e, t, n) {
            "use strict";
            var r = n(0),
                o = n(161),
                i = Object.assign({}, o, r.ddSdk.getExportSdk());
            e.exports = i
        },
        function (e, t, n) {
            "use strict";
            var r = n(154);
            n(171), e.exports = r
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r;
            t.h5AndroidbridgeInit = function () {
                return r || (r = new Promise(function (e, t) {
                    var n = function () {
                        try {
                            window.WebViewJavascriptBridgeAndroid = window.nuva && window.nuva.require(), e()
                        } catch (e) {
                            t(e)
                        }
                    };
                    window.nuva && (void 0 === window.nuva.isReady || window.nuva.isReady) ? n() : document.addEventListener("runtimeready", function () {
                        n()
                    }, !1)
                })), r
            };
            var o = function (e, n) {
                return r || (r = t.h5AndroidbridgeInit()), r.then(function () {
                    return new Promise(function (t, r) {
                        var o = e.split("."),
                            i = o.pop() || "",
                            a = o.join("."),
                            s = function (e) {
                                "function" == typeof n.onSuccess && n.onSuccess(e), t(e)
                            },
                            d = function (e) {
                                "function" == typeof n.onFail && n.onFail(e), r(e)
                            };
                        "function" == typeof window.WebViewJavascriptBridgeAndroid && window.WebViewJavascriptBridgeAndroid(s, d, a, i, n)
                    })
                })
            };
            t.default = o
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r;
            t.h5IosBridgeInit = function () {
                return r || (r = new Promise(function (e, t) {
                    if ("undefined" != typeof WebViewJavascriptBridge) {
                        try {
                            WebViewJavascriptBridge.init(function (e, t) { })
                        } catch (e) {
                            return t()
                        }
                        return e()
                    }
                    document.addEventListener("WebViewJavascriptBridgeReady", function () {
                        if ("undefined" == typeof WebViewJavascriptBridge) return t();
                        try {
                            WebViewJavascriptBridge.init(function (e, t) { })
                        } catch (e) {
                            return t()
                        }
                        return e()
                    }, !1)
                })), r
            };
            var o = function (e, n) {
                return r || (r = t.h5IosBridgeInit()), r.then(function () {
                    var t = Object.assign({}, n);
                    return new Promise(function (n, r) {
                        if (!0 === t.watch) {
                            var o = t.onSuccess;
                            delete t.onSuccess, "undefined" != typeof WebViewJavascriptBridge && WebViewJavascriptBridge.registerHandler(e, function (e, t) {
                                "function" == typeof o && o.call(null, e), t && t({
                                    errorCode: "0",
                                    errorMessage: "success"
                                })
                            })
                        }
                        void 0 !== window.WebViewJavascriptBridge && window.WebViewJavascriptBridge.callHandler(e, Object.assign({}, t), function (e) {
                            var o = e || {};
                            "0" === o.errorCode ? ("function" == typeof t.onSuccess && t.onSuccess.call(null, o.result), n(o.result)) : ("-1" === o.errorCode ? "function" == typeof t.onCancel && t.onCancel.call(null, o.result, o.errorCode) : "function" == typeof t.onFail && t.onFail.call(null, o.result, o.errorCode), r(o.result))
                        })
                    })
                })
            };
            t.default = o
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.h5PcBridgeInit = function () {
                return Promise.resolve(n(4))
            };
            var r = function (e, t) {
                return new Promise(function (r, o) {
                    return n(4).invokeAPI(e, t).result.then(function (e) {
                        return "function" == typeof t.onSuccess && t.onSuccess.call(null, e), r(e)
                    }, function (e) {
                        return "function" == typeof t.onFail && t.onFail.call(null, e), o(e)
                    })
                })
            };
            t.default = r
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.on = function (e, t) {
                n(4).addEventListener(e, t)
            }, t.off = function (e, t) {
                n(4).removeEventListener(e, t)
            }
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return e = "00" + e, e.substring(e.length - 2, e.length)
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.log = function (e) {
                console.log.apply(console, [r(e.time.getHours()) + ":" + r(e.time.getMinutes()) + ":" + r(e.time.getSeconds())].concat(e.text))
            }
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(2),
                o = r.getENV();
            t.ios = o.platform === r.ENV_ENUM.ios, t.android = o.platform === r.ENV_ENUM.android, t.pc = o.platform === r.ENV_ENUM.pc, t.other = o.platform === r.ENV_ENUM.notInDingTalk, t.compareVersion = function (e, t, n) {
                function r(e) {
                    return parseInt(e, 10) || 0
                }
                if ("string" != typeof e || "string" != typeof t) return !1;
                for (var o, i, a = e.split("-")[0].split(".").map(r), s = t.split("-")[0].split(".").map(r) ; o === i && s.length > 0;) o = a.shift(), i = s.shift();
                return n ? (i || 0) >= (o || 0) : (i || 0) > (o || 0)
            }, t.language = o.language, t.version = o.version
        },
        function (e, t, n) {
            "use strict";

            function r(e, t, n) {
                var r = "Web" === n.platform,
                    i = "iOS" === n.platform,
                    a = "android" === n.platform,
                    s = a || i,
                    d = function () {
                        return r ? window.navigator.userAgent.toLowerCase() : ""
                    }(),
                    u = function () {
                        var e = {};
                        if (r) {
                            var t = window.name;
                            try {
                                var n = JSON.parse(t);
                                e.containerId = n.containerId, e.version = n.hostVersion, e.language = n.language || "*"
                            } catch (e) { }
                        }
                        return e
                    }(),
                    c = function () {
                        return s ? "DingTalk" === n.appName || "com.alibaba.android.rimet" === n.appName : d.indexOf("dingtalk") > -1 || !!u.containerId
                    }(),
                    l = function () {
                        if (r) {
                            if (u.version) return u.version;
                            var e = d.match(/aliapp\(\w+\/([a-zA-Z0-9.-]+)\)/);
                            null === e && (e = d.match(/dingtalk\/([a-zA-Z0-9.-]+)/));
                            return e && e[1] || "Unknown"
                        }
                        return n.appVersion
                    }(),
                    f = !!u.containerId,
                    v = /iphone|ipod|ios/.test(d),
                    p = /ipad/.test(d),
                    _ = d.indexOf("android") > -1,
                    E = d.indexOf("mac") > -1 && f,
                    N = d.indexOf("win") > -1 && f,
                    P = !E && !N && f,
                    h = f,
                    m = "";
                return m = c ? v || i ? o.PLATFORM.IOS : _ || a ? o.PLATFORM.ANDROID : p ? o.PLATFORM.IPAD : E ? o.PLATFORM.MAC : N ? o.PLATFORM.WINDOWS : P ? o.PLATFORM.BROWSER : o.PLATFORM.UNKNOWN : o.PLATFORM.UNKNOWN, {
                    isDingTalk: c,
                    isWebiOS: v,
                    isWebAndroid: _,
                    isWeexiOS: i,
                    isWeexAndroid: a,
                    isDingTalkPCMac: E,
                    isDingTalkPCWeb: P,
                    isDingTalkPCWindows: N,
                    isDingTalkPC: h,
                    runtime: e,
                    framework: t,
                    platform: m,
                    version: l
                }
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var o = n(11);
            t.default = r
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(164),
                o = n(162),
                i = n(11),
                a = r.default().split("."),
                s = a[0],
                d = a[1],
                u = function () {
                    var e = {};
                    switch (d) {
                        case i.FRAMEWORK.VUE:
                            var t = weex.config,
                                n = t.env;
                            e.platform = n.platform, i.RUNTIME.WEEX === s && (e.appVersion = n.appVersion, e.appName = n.appName);
                            break;
                        case i.FRAMEWORK.RAX:
                            i.RUNTIME.WEEX === s && (e.platform = navigator.platform, e.appName = navigator.appName, e.appVersion = navigator.appVersion);
                            break;
                        case i.FRAMEWORK.UNKNOWN:
                            i.RUNTIME.WEB === s && (e.platform = i.RUNTIME.WEB), i.RUNTIME.UNKNOWN === s && (e.platform = i.RUNTIME.UNKNOWN)
                    }
                    return e
                }(),
                c = o.default(s, d, u);
            t.default = c
        },
        function (e, t, n) {
            "use strict";

            function r(e, t) {
                for (var n = e.length, r = 0, o = !0; r < n; r++)
                    if (!t[e[r]]) {
                        o = !1;
                        break
                    }
                return o
            }

            function o() {
                return i && a ? r(c, weex) ? "Web.Vue" : "Web.Unknown" : !i && a ? r(c, weex) ? "Weex.Vue" : "Weex.Unknown" : i && s && !a ? r(d, window) ? "Weex.Rax" : "Weex.Unknown" : i && r(u, window) ? "Web.Unknown" : "Unknown.Unknown"
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var i = "undefined" != typeof window,
                a = "undefined" != typeof weex,
                s = "undefined" != typeof callNative,
                d = ["__weex_config__", "__weex_options__", "__weex_require__"],
                u = ["localStorage", "location", "navigator", "XMLHttpRequest"],
                c = ["config", "requireModule", "document"];
            t.default = o
        },
        function (e, t, n) {
            "function" != typeof Promise && n(175)
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), n(165), n(167), n(168)
        },
        function (e, t) {
            "function" != typeof Object.assign && Object.defineProperty(Object, "assign", {
                value: function (e, t) {
                    "use strict";
                    if (null == e) throw new TypeError("Cannot convert undefined or null to object");
                    for (var n = Object(e), r = 1; r < arguments.length; r++) {
                        var o = arguments[r];
                        if (null != o)
                            for (var i in o) Object.prototype.hasOwnProperty.call(o, i) && (n[i] = o[i])
                    }
                    return n
                },
                writable: !0,
                configurable: !0
            })
        },
        function (e, t) {
            Object.keys || (Object.keys = function (e) {
                if (e !== Object(e)) throw new TypeError("Object.keys called on a non-object");
                var t, n = [];
                for (t in e) Object.prototype.hasOwnProperty.call(e, t) && n.push(t);
                return n
            })
        },
        function (e, t, n) {
            "use strict";

            function r(e) {
                return "function" == typeof e
            }

            function o(e, t) {
                function n(e) {
                    return parseInt(e, 10) || 0
                }
                for (var r = e.split(".").map(n), o = t.split(".").map(n), i = 0; i < r.length; i++) {
                    if (void 0 === o[i]) return !1;
                    if (r[i] < o[i]) return !1;
                    if (r[i] > o[i]) return !0
                }
                return !0
            }
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), t.isFunction = r, t.compareVersion = o;
            (function (e) {
                e.cancel = "-1", e.not_exist = "1", e.no_permission = "7", e.jsapi_internal_error = "22"
            })(t.ERROR_CODE || (t.ERROR_CODE = {}));
            (function (e) {
                e.pc = "pc", e.android = "android", e.ios = "ios", e.notInDingTalk = "notInDingTalk"
            })(t.ENV_ENUM || (t.ENV_ENUM = {}));
            (function (e) {
                e.WEB = "WEB", e.MINI_APP = "MINI_APP", e.WEEX = "WEEX", e.WEBVIEW_IN_MINIAPP = "WEBVIEW_IN_MINIAPP"
            })(t.APP_TYPE || (t.APP_TYPE = {}));
            (function (e) {
                e[e.INFO = 1] = "INFO", e[e.WARNING = 2] = "WARNING", e[e.ERROR = 3] = "ERROR"
            })(t.LogLevel || (t.LogLevel = {}))
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(0),
                o = n(2),
                i = n(3),
                a = n(5),
                s = n(9),
                d = n(156),
                u = n(6),
                c = n(8),
                l = n(10);
            r.ddSdk.setPlatform({
                platform: o.ENV_ENUM.android,
                bridgeInit: function () {
                    var e = o.getENV();
                    return e.appType === i.APP_TYPE.MINI_APP ? Promise.resolve(a.default) : e.appType === i.APP_TYPE.WEBVIEW_IN_MINIAPP ? Promise.resolve(s.default) : e.appType === i.APP_TYPE.WEEX ? u.androidWeexBridge() : d.h5AndroidbridgeInit().then(function () {
                        return d.default
                    })
                },
                authMethod: "runtime.permission.requestJsApis",
                event: {
                    on: function (e, t) {
                        var n = o.getENV();
                        switch (n.appType) {
                            case i.APP_TYPE.WEB:
                                c.on(e, t);
                                break;
                            case i.APP_TYPE.WEEX:
                                l.on(e, t);
                                break;
                            default:
                                throw new Error("Not support global event in the platfrom: " + n.appType)
                        }
                    },
                    off: function (e, t) {
                        var n = o.getENV();
                        switch (n.appType) {
                            case i.APP_TYPE.WEB:
                                c.off(e, t);
                                break;
                            case i.APP_TYPE.WEEX:
                                l.off(e, t);
                                break;
                            default:
                                throw new Error("Not support global event in the platfrom: " + n.appType)
                        }
                    }
                }
            })
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            }), n(173), n(170), n(172)
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(0),
                o = n(2),
                i = n(3),
                a = n(5),
                s = n(9),
                d = n(157),
                u = n(6),
                c = n(8),
                l = n(10);
            r.ddSdk.setPlatform({
                platform: o.ENV_ENUM.ios,
                bridgeInit: function () {
                    var e = o.getENV();
                    return e.appType === i.APP_TYPE.MINI_APP ? Promise.resolve(a.default) : e.appType === i.APP_TYPE.WEBVIEW_IN_MINIAPP ? Promise.resolve(s.default) : e.appType === i.APP_TYPE.WEEX ? u.iosWeexBridge() : d.h5IosBridgeInit().then(function () {
                        return d.default
                    })
                },
                authMethod: "runtime.permission.requestJsApis",
                event: {
                    on: function (e, t) {
                        var n = o.getENV();
                        switch (n.appType) {
                            case i.APP_TYPE.WEB:
                                c.on(e, t);
                                break;
                            case i.APP_TYPE.WEEX:
                                l.on(e, t);
                                break;
                            default:
                                throw new Error("Not support global event in the platfrom: " + n.appType)
                        }
                    },
                    off: function (e, t) {
                        var n = o.getENV();
                        switch (n.appType) {
                            case i.APP_TYPE.WEB:
                                c.off(e, t);
                                break;
                            case i.APP_TYPE.WEEX:
                                l.off(e, t);
                                break;
                            default:
                                throw new Error("Not support global event in the platfrom: " + n.appType)
                        }
                    }
                }
            })
        },
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(0),
                o = n(2),
                i = n(158),
                a = n(5),
                s = n(3),
                d = n(159);
            r.ddSdk.setPlatform({
                platform: o.ENV_ENUM.pc,
                bridgeInit: function () {
                    switch (o.getENV().appType) {
                        case s.APP_TYPE.MINI_APP:
                            return Promise.resolve(a.default);
                        default:
                            return i.h5PcBridgeInit().then(function () {
                                return i.default
                            })
                    }
                },
                authMethod: "config",
                authParamsDeal: function (e) {
                    var t = Object.assign({}, e);
                    return t.url = window.location.href.split("#")[0], t
                },
                event: {
                    on: function (e, t) {
                        if (o.getENV().appType === s.APP_TYPE.WEB) return d.on(e, t)
                    },
                    off: function (e, t) {
                        if (o.getENV().appType === s.APP_TYPE.WEB) return d.off(e, t)
                    }
                }
            })
        },
        function (e, t) {
            function n() {
                throw new Error("setTimeout has not been defined")
            }

            function r() {
                throw new Error("clearTimeout has not been defined")
            }

            function o(e) {
                if (c === setTimeout) return setTimeout(e, 0);
                if ((c === n || !c) && setTimeout) return c = setTimeout, setTimeout(e, 0);
                try {
                    return c(e, 0)
                } catch (t) {
                    try {
                        return c.call(null, e, 0)
                    } catch (t) {
                        return c.call(this, e, 0)
                    }
                }
            }

            function i(e) {
                if (l === clearTimeout) return clearTimeout(e);
                if ((l === r || !l) && clearTimeout) return l = clearTimeout, clearTimeout(e);
                try {
                    return l(e)
                } catch (t) {
                    try {
                        return l.call(null, e)
                    } catch (t) {
                        return l.call(this, e)
                    }
                }
            }

            function a() {
                _ && v && (_ = !1, v.length ? p = v.concat(p) : E = -1, p.length && s())
            }

            function s() {
                if (!_) {
                    var e = o(a);
                    _ = !0;
                    for (var t = p.length; t;) {
                        for (v = p, p = []; ++E < t;) v && v[E].run();
                        E = -1, t = p.length
                    }
                    v = null, _ = !1, i(e)
                }
            }

            function d(e, t) {
                this.fun = e, this.array = t
            }

            function u() { }
            var c, l, f = e.exports = {};
            (function () {
                try {
                    c = "function" == typeof setTimeout ? setTimeout : n
                } catch (e) {
                    c = n
                }
                try {
                    l = "function" == typeof clearTimeout ? clearTimeout : r
                } catch (e) {
                    l = r
                }
            })();
            var v, p = [],
                _ = !1,
                E = -1;
            f.nextTick = function (e) {
                var t = new Array(arguments.length - 1);
                if (arguments.length > 1)
                    for (var n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
                p.push(new d(e, t)), 1 !== p.length || _ || o(s)
            }, d.prototype.run = function () {
                this.fun.apply(null, this.array)
            }, f.title = "browser", f.browser = !0, f.env = {}, f.argv = [], f.version = "", f.versions = {}, f.on = u, f.addListener = u, f.once = u, f.off = u, f.removeListener = u, f.removeAllListeners = u, f.emit = u, f.prependListener = u, f.prependOnceListener = u, f.listeners = function (e) {
                return []
            }, f.binding = function (e) {
                throw new Error("process.binding is not supported")
            }, f.cwd = function () {
                return "/"
            }, f.chdir = function (e) {
                throw new Error("process.chdir is not supported")
            }, f.umask = function () {
                return 0
            }
        },
        function (e, t, n) {
            (function (e, t) {
                (function (e, t) {
                    t()
                })(0, function () {
                    "use strict";

                    function n() { }

                    function r(e, t) {
                        return function () {
                            e.apply(t, arguments)
                        }
                    }

                    function o(e) {
                        if (!(this instanceof o)) throw new TypeError("Promises must be constructed via new");
                        if ("function" != typeof e) throw new TypeError("not a function");
                        this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], c(e, this)
                    }

                    function i(e, t) {
                        for (; 3 === e._state;) e = e._value;
                        if (0 === e._state) return void e._deferreds.push(t);
                        e._handled = !0, o._immediateFn(function () {
                            var n = 1 === e._state ? t.onFulfilled : t.onRejected;
                            if (null === n) return void (1 === e._state ? a : s)(t.promise, e._value);
                            var r;
                            try {
                                r = n(e._value)
                            } catch (e) {
                                return void s(t.promise, e)
                            }
                            a(t.promise, r)
                        })
                    }

                    function a(e, t) {
                        try {
                            if (t === e) throw new TypeError("A promise cannot be resolved with itself.");
                            if (t && ("object" == typeof t || "function" == typeof t)) {
                                var n = t.then;
                                if (t instanceof o) return e._state = 3, e._value = t, void d(e);
                                if ("function" == typeof n) return void c(r(n, t), e)
                            }
                            e._state = 1, e._value = t, d(e)
                        } catch (t) {
                            s(e, t)
                        }
                    }

                    function s(e, t) {
                        e._state = 2, e._value = t, d(e)
                    }

                    function d(e) {
                        2 === e._state && 0 === e._deferreds.length && o._immediateFn(function () {
                            e._handled || o._unhandledRejectionFn(e._value)
                        });
                        for (var t = 0, n = e._deferreds.length; t < n; t++) i(e, e._deferreds[t]);
                        e._deferreds = null
                    }

                    function u(e, t, n) {
                        this.onFulfilled = "function" == typeof e ? e : null, this.onRejected = "function" == typeof t ? t : null, this.promise = n
                    }

                    function c(e, t) {
                        var n = !1;
                        try {
                            e(function (e) {
                                n || (n = !0, a(t, e))
                            }, function (e) {
                                n || (n = !0, s(t, e))
                            })
                        } catch (e) {
                            if (n) return;
                            n = !0, s(t, e)
                        }
                    }
                    var l = setTimeout;
                    o.prototype.catch = function (e) {
                        return this.then(null, e)
                    }, o.prototype.then = function (e, t) {
                        var r = new this.constructor(n);
                        return i(this, new u(e, t, r)), r
                    }, o.prototype.finally = function (e) {
                        var t = this.constructor;
                        return this.then(function (n) {
                            return t.resolve(e()).then(function () {
                                return n
                            })
                        }, function (n) {
                            return t.resolve(e()).then(function () {
                                return t.reject(n)
                            })
                        })
                    }, o.all = function (e) {
                        return new o(function (t, n) {
                            function r(e, a) {
                                try {
                                    if (a && ("object" == typeof a || "function" == typeof a)) {
                                        var s = a.then;
                                        if ("function" == typeof s) return void s.call(a, function (t) {
                                            r(e, t)
                                        }, n)
                                    }
                                    o[e] = a, 0 == --i && t(o)
                                } catch (e) {
                                    n(e)
                                }
                            }
                            if (!e || void 0 === e.length) throw new TypeError("Promise.all accepts an array");
                            var o = Array.prototype.slice.call(e);
                            if (0 === o.length) return t([]);
                            for (var i = o.length, a = 0; a < o.length; a++) r(a, o[a])
                        })
                    }, o.resolve = function (e) {
                        return e && "object" == typeof e && e.constructor === o ? e : new o(function (t) {
                            t(e)
                        })
                    }, o.reject = function (e) {
                        return new o(function (t, n) {
                            n(e)
                        })
                    }, o.race = function (e) {
                        return new o(function (t, n) {
                            for (var r = 0, o = e.length; r < o; r++) e[r].then(t, n)
                        })
                    }, o._immediateFn = "function" == typeof e && function (t) {
                        e(t)
                    } || function (e) {
                        l(e, 0)
                    }, o._unhandledRejectionFn = function (e) {
                        "undefined" != typeof console && console && console.warn("Possible Unhandled Promise Rejection:", e)
                    };
                    var f = function () {
                        if ("undefined" != typeof self) return self;
                        if ("undefined" != typeof window) return window;
                        if (void 0 !== t) return t;
                        throw new Error("unable to locate global object")
                    }();
                    f.Promise || (f.Promise = o)
                })
            }).call(t, n(177).setImmediate, n(7))
        },
        function (e, t, n) {
            (function (e, t) {
                (function (e, n) {
                    "use strict";

                    function r(e) {
                        "function" != typeof e && (e = new Function("" + e));
                        for (var t = new Array(arguments.length - 1), n = 0; n < t.length; n++) t[n] = arguments[n + 1];
                        var r = {
                            callback: e,
                            args: t
                        };
                        return u[d] = r, s(d), d++
                    }

                    function o(e) {
                        delete u[e]
                    }

                    function i(e) {
                        var t = e.callback,
                            r = e.args;
                        switch (r.length) {
                            case 0:
                                t();
                                break;
                            case 1:
                                t(r[0]);
                                break;
                            case 2:
                                t(r[0], r[1]);
                                break;
                            case 3:
                                t(r[0], r[1], r[2]);
                                break;
                            default:
                                t.apply(n, r)
                        }
                    }

                    function a(e) {
                        if (c) setTimeout(a, 0, e);
                        else {
                            var t = u[e];
                            if (t) {
                                c = !0;
                                try {
                                    i(t)
                                } finally {
                                    o(e), c = !1
                                }
                            }
                        }
                    }
                    if (!e.setImmediate) {
                        var s, d = 1,
                            u = {},
                            c = !1,
                            l = e.document,
                            f = Object.getPrototypeOf && Object.getPrototypeOf(e);
                        f = f && f.setTimeout ? f : e, "[object process]" === {}.toString.call(e.process) ? function () {
                            s = function (e) {
                                t.nextTick(function () {
                                    a(e)
                                })
                            }
                        }() : ! function () {
                            if (e.postMessage && !e.importScripts) {
                                var t = !0,
                                    n = e.onmessage;
                                return e.onmessage = function () {
                                    t = !1
                                }, e.postMessage("", "*"), e.onmessage = n, t
                            }
                        }() ? e.MessageChannel ? function () {
                            var e = new MessageChannel;
                            e.port1.onmessage = function (e) {
                                a(e.data)
                            }, s = function (t) {
                                e.port2.postMessage(t)
                            }
                        }() : l && "onreadystatechange" in l.createElement("script") ? function () {
                            var e = l.documentElement;
                            s = function (t) {
                                var n = l.createElement("script");
                                n.onreadystatechange = function () {
                                    a(t), n.onreadystatechange = null, e.removeChild(n), n = null
                                }, e.appendChild(n)
                            }
                        }() : function () {
                            s = function (e) {
                                setTimeout(a, 0, e)
                            }
                        }() : function () {
                            var t = "setImmediate$" + Math.random() + "$",
                                n = function (n) {
                                    n.source === e && "string" == typeof n.data && 0 === n.data.indexOf(t) && a(+n.data.slice(t.length))
                                };
                            e.addEventListener ? e.addEventListener("message", n, !1) : e.attachEvent("onmessage", n), s = function (n) {
                                e.postMessage(t + n, "*")
                            }
                        }(), f.setImmediate = r, f.clearImmediate = o
                    }
                })("undefined" == typeof self ? void 0 === e ? this : e : self)
            }).call(t, n(7), n(174))
        },
        function (e, t, n) {
            (function (e) {
                function r(e, t) {
                    this._id = e, this._clearFn = t
                }
                var o = void 0 !== e && e || "undefined" != typeof self && self || window,
                    i = Function.prototype.apply;
                t.setTimeout = function () {
                    return new r(i.call(setTimeout, o, arguments), clearTimeout)
                }, t.setInterval = function () {
                    return new r(i.call(setInterval, o, arguments), clearInterval)
                }, t.clearTimeout = t.clearInterval = function (e) {
                    e && e.close()
                }, r.prototype.unref = r.prototype.ref = function () { }, r.prototype.close = function () {
                    this._clearFn.call(o, this._id)
                }, t.enroll = function (e, t) {
                    clearTimeout(e._idleTimeoutId), e._idleTimeout = t
                }, t.unenroll = function (e) {
                    clearTimeout(e._idleTimeoutId), e._idleTimeout = -1
                }, t._unrefActive = t.active = function (e) {
                    clearTimeout(e._idleTimeoutId);
                    var t = e._idleTimeout;
                    t >= 0 && (e._idleTimeoutId = setTimeout(function () {
                        e._onTimeout && e._onTimeout()
                    }, t))
                }, n(176), t.setImmediate = "undefined" != typeof self && self.setImmediate || void 0 !== e && e.setImmediate || this && this.setImmediate, t.clearImmediate = "undefined" != typeof self && self.clearImmediate || void 0 !== e && e.clearImmediate || this && this.clearImmediate
            }).call(t, n(7))
        }, ,
        function (e, t, n) {
            "use strict";
            var r = n(155),
                o = n(528),
                i = Object.assign(r, o.apiObj);
            e.exports = i
        }, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
        function (e, t, n) {
            "use strict";
            Object.defineProperty(t, "__esModule", {
                value: !0
            });
            var r = n(12),
                o = n(13),
                i = n(14),
                a = n(15),
                s = n(16),
                d = n(17),
                u = n(18),
                c = n(19),
                l = n(20),
                f = n(21),
                v = n(22),
                p = n(23),
                _ = n(24),
                E = n(25),
                N = n(26),
                P = n(27),
                h = n(28),
                m = n(29),
                M = n(30),
                y = n(31),
                k = n(32),
                g = n(33),
                b = n(34),
                I = n(35),
                A = n(36),
                S = n(37),
                V = n(38),
                U = n(39),
                O = n(40),
                j = n(41),
                w = n(42),
                $ = n(43),
                D = n(44),
                C = n(45),
                T = n(46),
                x = n(47),
                F = n(48),
                W = n(49),
                R = n(50),
                L = n(51),
                B = n(52),
                z = n(53),
                q = n(54),
                Y = n(55),
                J = n(56),
                G = n(57),
                H = n(58),
                K = n(59),
                X = n(60),
                Q = n(61),
                Z = n(62),
                ee = n(63),
                te = n(64),
                ne = n(65),
                re = n(66),
                oe = n(67),
                ie = n(68),
                ae = n(69),
                se = n(70),
                de = n(71),
                ue = n(72),
                ce = n(73),
                le = n(74),
                fe = n(75),
                ve = n(76),
                pe = n(77),
                _e = n(78),
                Ee = n(79),
                Ne = n(80),
                Pe = n(81),
                he = n(82),
                me = n(83),
                Me = n(84),
                ye = n(85),
                ke = n(86),
                ge = n(87),
                be = n(88),
                Ie = n(89),
                Ae = n(90),
                Se = n(91),
                Ve = n(92),
                Ue = n(93),
                Oe = n(94),
                je = n(95),
                we = n(96),
                $e = n(97),
                De = n(98),
                Ce = n(99),
                Te = n(100),
                xe = n(101),
                Fe = n(102),
                We = n(103),
                Re = n(104),
                Le = n(105),
                Be = n(106),
                ze = n(107),
                qe = n(108),
                Ye = n(109),
                Je = n(110),
                Ge = n(111),
                He = n(112),
                Ke = n(113),
                Xe = n(114),
                Qe = n(115),
                Ze = n(116),
                et = n(117),
                tt = n(118),
                nt = n(119),
                rt = n(120),
                ot = n(121),
                it = n(122),
                at = n(123),
                st = n(124),
                dt = n(125),
                ut = n(126),
                ct = n(127),
                lt = n(128),
                ft = n(129),
                vt = n(130),
                pt = n(131),
                _t = n(132),
                Et = n(133),
                Nt = n(134),
                Pt = n(135),
                ht = n(136),
                mt = n(137),
                Mt = n(138),
                yt = n(139),
                kt = n(140),
                gt = n(141),
                bt = n(142),
                It = n(143),
                At = n(144),
                St = n(145),
                Vt = n(146),
                Ut = n(147),
                Ot = n(148),
                jt = n(149),
                wt = n(150),
                $t = n(151),
                Dt = n(152),
                Ct = n(153);
            t.apiObj = {
                biz: {
                    alipay: {
                        pay: r.pay$
                    },
                    calendar: {
                        chooseDateTime: o.chooseDateTime$,
                        chooseHalfDay: i.chooseHalfDay$,
                        chooseInterval: a.chooseInterval$,
                        chooseOneDay: s.chooseOneDay$
                    },
                    chat: {
                        chooseConversationByCorpId: d.chooseConversationByCorpId$,
                        locationChatMessage: u.locationChatMessage$,
                        openSingleChat: c.openSingleChat$,
                        pickConversation: l.pickConversation$,
                        sendEmotion: f.sendEmotion$,
                        toConversation: v.toConversation$
                    },
                    clipboardData: {
                        setData: p.setData$
                    },
                    contact: {
                        choose: _.choose$,
                        chooseMobileContacts: E.chooseMobileContacts$,
                        complexPicker: N.complexPicker$,
                        createGroup: P.createGroup$,
                        departmentsPicker: h.departmentsPicker$,
                        externalComplexPicker: m.externalComplexPicker$,
                        externalEditForm: M.externalEditForm$,
                        setRule: y.setRule$
                    },
                    cspace: {
                        chooseSpaceDir: k.chooseSpaceDir$,
                        delete: g.delete$,
                        preview: b.preview$,
                        saveFile: I.saveFile$
                    },
                    customContact: {
                        choose: A.choose$,
                        multipleChoose: S.multipleChoose$
                    },
                    ding: {
                        create: V.create$,
                        post: U.post$
                    },
                    event: {
                        notifyWeex: O.notifyWeex$
                    },
                    intent: {
                        fetchData: j.fetchData$
                    },
                    map: {
                        locate: w.locate$,
                        search: $.search$,
                        view: D.view$
                    },
                    microApp: {
                        openApp: C.openApp$
                    },
                    navigation: {
                        close: T.close$,
                        goBack: x.goBack$,
                        hideBar: F.hideBar$,
                        quit: W.quit$,
                        replace: R.replace$,
                        setIcon: L.setIcon$,
                        setLeft: B.setLeft$,
                        setMenu: z.setMenu$,
                        setRight: q.setRight$,
                        setTitle: Y.setTitle$
                    },
                    store: {
                        closeUnpayOrder: J.closeUnpayOrder$,
                        createOrder: G.createOrder$,
                        getPayUrl: H.getPayUrl$,
                        inquiry: K.inquiry$
                    },
                    telephone: {
                        call: X.call$,
                        checkBizCall: Q.checkBizCall$,
                        quickCallList: Z.quickCallList$,
                        showCallMenu: ee.showCallMenu$
                    },
                    user: {
                        checkPassword: te.checkPassword$,
                        get: ne.get$
                    },
                    util: {
                        chosen: re.chosen$,
                        datepicker: oe.datepicker$,
                        datetimepicker: ie.datetimepicker$,
                        decrypt: ae.decrypt$,
                        downloadFile: se.downloadFile$,
                        encrypt: de.encrypt$,
                        isLocalFileExist: ue.isLocalFileExist$,
                        multiSelect: ce.multiSelect$,
                        open: le.open$,
                        openLink: fe.openLink$,
                        openLocalFile: ve.openLocalFile$,
                        openModal: pe.openModal$,
                        openSlidePanel: _e.openSlidePanel$,
                        presentWindow: Ee.presentWindow$,
                        previewImage: Ne.previewImage$,
                        previewVideo: Pe.previewVideo$,
                        scan: he.scan$,
                        scanCard: me.scanCard$,
                        setScreenBrightnessAndKeepOn: Me.setScreenBrightnessAndKeepOn$,
                        share: ye.share$,
                        systemShare: ke.systemShare$,
                        timepicker: ge.timepicker$,
                        uploadAttachment: be.uploadAttachment$,
                        uploadImage: Ie.uploadImage$,
                        uploadImageFromCamera: Ae.uploadImageFromCamera$,
                        ut: Se.ut$
                    },
                    verify: {
                        openBindIDCard: Ve.openBindIDCard$,
                        startAuth: Ue.startAuth$
                    }
                },
                channel: {
                    permission: {
                        requestAuthCode: Oe.requestAuthCode$
                    }
                },
                device: {
                    accelerometer: {
                        clearShake: je.clearShake$,
                        watchShake: we.watchShake$
                    },
                    audio: {
                        download: $e.download$,
                        onPlayEnd: De.onPlayEnd$,
                        onRecordEnd: Ce.onRecordEnd$,
                        pause: Te.pause$,
                        play: xe.play$,
                        resume: Fe.resume$,
                        startRecord: We.startRecord$,
                        stop: Re.stop$,
                        stopRecord: Le.stopRecord$,
                        translateVoice: Be.translateVoice$
                    },
                    base: {
                        getInterface: ze.getInterface$,
                        getPhoneInfo: qe.getPhoneInfo$,
                        getUUID: Ye.getUUID$,
                        getWifiStatus: Je.getWifiStatus$
                    },
                    connection: {
                        getNetworkType: Ge.getNetworkType$
                    },
                    geolocation: {
                        get: He.get$,
                        start: Ke.start$,
                        status: Xe.status$,
                        stop: Qe.stop$
                    },
                    launcher: {
                        checkInstalledApps: Ze.checkInstalledApps$,
                        launchApp: et.launchApp$
                    },
                    nfc: {
                        nfcRead: tt.nfcRead$,
                        nfcStop: nt.nfcStop$,
                        nfcWrite: rt.nfcWrite$
                    },
                    notification: {
                        actionSheet: ot.actionSheet$,
                        alert: it.alert$,
                        confirm: at.confirm$,
                        extendModal: st.extendModal$,
                        hidePreloader: dt.hidePreloader$,
                        modal: ut.modal$,
                        prompt: ct.prompt$,
                        showPreloader: lt.showPreloader$,
                        toast: ft.toast$,
                        vibrate: vt.vibrate$
                    },
                    screen: {
                        insetAdjust: pt.insetAdjust$,
                        resetView: _t.resetView$,
                        rotateView: Et.rotateView$
                    }
                },
                net: {
                    bjGovApn: {
                        loginGovNet: Nt.loginGovNet$
                    }
                },
                runtime: {
                    message: {
                        fetch: Pt.fetch$,
                        post: ht.post$
                    },
                    permission: {
                        requestAuthCode: mt.requestAuthCode$,
                        requestOperateAuthCode: Mt.requestOperateAuthCode$
                    }
                },
                ui: {
                    input: {
                        plain: yt.plain$
                    },
                    nav: {
                        close: kt.close$,
                        getCurrentId: gt.getCurrentId$,
                        go: bt.go$,
                        preload: It.preload$,
                        recycle: At.recycle$
                    },
                    progressBar: {
                        setColors: St.setColors$
                    },
                    pullToRefresh: {
                        disable: Vt.disable$,
                        enable: Ut.enable$,
                        stop: Ot.stop$
                    },
                    webViewBounce: {
                        disable: jt.disable$,
                        enable: wt.enable$
                    }
                },
                util: {
                    domainStorage: {
                        getItem: $t.getItem$,
                        removeItem: Dt.removeItem$,
                        setItem: Ct.setItem$
                    }
                }
            }
        }, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
        function (e, t, n) {
            e.exports = n(179)
        }
    ])
});
;(function () {

    CLLoad("/View/Flow/FlowCoreEx.css");

    window.FlowCoreEx = function (Ele, Editable) {
        var self = this;
        self.FlowClass = {
            ID: CLMakeId(),
            Name: "未命名流程",
            FormsID: null,
            leftX: 0,//所有节点渲染的translateX值
            topY: 0,//所有节点渲染的translateY值
            Scale: 1,//所有节点渲染的scale值
            Count: 0,
            Version: 1,
            Steps: [
            ]
        };
        self.FlowClass.originalId = self.FlowClass.ID;
        self.Editable = Editable;
        self.Ele = Ele;
        Ele.classList.add("FlowCoreEx");
        if (Editable == false) {
            Ele.classList.add("FlowCoreExNoEditable");
            self.LineColor = "#d9d9d9";
        }
        var Bar = self.Bar = document.createElement("div");
        Bar.className = "Bar";
        Ele.appendChild(Bar);
        if (Editable == false) {
            Bar.style.width = "100%";
            Bar.style.left = "0";
        }
        if (Editable != false) {
            var PropDiv = self.PropDiv = document.createElement("div");
            PropDiv.setAttribute("tabindex", "1");
            PropDiv.className = "Prop";
            Ele.appendChild(PropDiv);
        }

        var ContainerBg = self.ContainerBg = document.createElement("div");
        ContainerBg.style.cssText = "outline:none;";
        ContainerBg.setAttribute("tabindex", "0");
        ContainerBg.className = "ContainerBg";
        Ele.appendChild(ContainerBg);
        if (Editable == false) {
            ContainerBg.style.width = "100%";
        }
        self.Container = document.createElement("div");
        self.Container.className = "Container";
        self.Container.style.cssText = "outline:none;position:absolute;z-index:2;";
        ContainerBg.onmousedown = function () {
            self.Container.focus();
        }
        ContainerBg.appendChild(self.Container);
        var Canvas = self.Canvas = document.createElement("div");
        Canvas.style.cssText = "position:absolute;left:0;top:0;z-index:1;";
        ContainerBg.appendChild(Canvas);
        var svg = document.createElement("svg");
        svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
        svg.setAttribute("version", "1.1");
        svg.style.position = "absolute";
        svg.style.pointerEvents = "none";
        svg.className = "svg_" + CLMakeId();

        var style = self.style = document.createElement("style");
        document.head.appendChild(style);
        style.innerHTML = "." + svg.className + ">*{transform:translate(0,0);pointer-events:auto}";

        Canvas.appendChild(svg);
        svg.setAttribute("width", ContainerBg.offsetWidth);
        svg.setAttribute("height", ContainerBg.offsetHeight);
        Canvas.innerHTML = svg.outerHTML;
        if (Editable != false) {
            self.createBar();
        }

        self.EleContainer = new CLContainer(self.Container, ContainerBg);
        self.EleContainer.OnScaleChanged = function (Scale) {
            var svg = Canvas.firstChild;
            svg.setAttribute("width", ContainerBg.offsetWidth / Scale);
            svg.setAttribute("height", ContainerBg.offsetHeight / Scale);
            Canvas.style.cssText = self.Container.style.cssText;
            Canvas.style.pointerEvents = "none";
            Canvas.style.zIndex = "1";
            style.sheet.cssRules[0].style.transform = self.EleContainer.MovedTransform();
            self.FlowClass.Scale = Scale;
            if (Bar.scaleDiv == null) {
                Bar.scaleDiv = document.createElement("span");
                Bar.scaleDiv.innerHTML = Scale.toStringEx("0%");
                Bar.scaleDiv.style.cssFloat = "right";
                Bar.scaleDiv.style.color = "#989";
                Bar.appendChild(Bar.scaleDiv);
            } else {
                Bar.scaleDiv.innerHTML = Scale.toStringEx("0%");
            }
        }
        self.EleContainer.OnPosChanging = function (X, Y) {
            self.FlowClass.leftX = X;
            self.FlowClass.topY = Y;
            style.sheet.cssRules[0].style.transform = self.EleContainer.MovedTransform();
            style.sheet.cssRules[0].style.pointerEvents = "none";
        }
        self.EleContainer.OnPosChanged = function (X, Y) {
            self.recordState();
        }
        window.addEventListener("resize", function () {
            var Scale = self.EleContainer.GetScale();
            self.EleContainer.SetScale(Scale);
        });
        self.EleContainer.EnableZoom();
        self.EleContainer.EnableContentMove();
        if (Editable != false) {
            self.EnableLineSelect();
            self.EnableLineEnterLeave();
            self.EnableDeleteLine();
            self.EnableDeleteStep();
            self.EnableCtrlS();
            self.EnableCtrlY();
            self.EnableCtrlZ();
            self.EnableCtrlF();
            self.ContainerBg.addEventListener("mousedown", function (e) {
                if (e.defaultPrevented == true) {
                    return;
                }
                self.SelectStep();
                self.SelectLine();
                self.FlowProp();
            });
        }
        self.EnableCtrlI();
        self.setData();
    };

    (function (SempleFlowClass) {
        //var SempleFlowClass = (function () {
        //    return {
        //        ID: "10000",
        //        Name: "第一个流程",
        //        FormsID: null,
        //        FormName: null,
        //        leftX: 0,//所有节点渲染的translateX值
        //        topY: 0,//所有节点渲染的translateY值
        //        Scale: 1,//所有节点渲染的scale值
        //        Count: 0,
        //        Version: 1,
        //        TerminateEventHandle: null,//流程终止事件
        //        StepRejectEventHandle: null,//节点回退事件
        //        StepJmpEventHandle: null,//节点跳转事件
        //        Steps: [
        //            {
        //                ID: "10000",
        //                Name: "未命名",
        //                Type: 1,
        //                NotFindHandler: 0,
        //                Handlers: {
        //                    Parts: [

        //                    ],
        //                    Roles: [

        //                    ],
        //                    Members: [

        //                    ],
        //                    Dynamic: [

        //                    ]
        //                },
        //                ToID: [],
        //                ToIDCase: {},
        //                ToIDPos: {
        //                },
        //                ToIDSms: {},
        //                startEventHandle: null,
        //                endEventHandle: null,
        //                stepRule: null,
        //                DataFields: null,
        //                RejectBtn: true,
        //                HandOverBtn: false,
        //                PosLeft: 100,
        //                PosTop: 100,
        //                zIndex: 0
        //            }
        //        ]
        //    }
        //}());
    });

    var Icons = ["&#xe7c8;", "&#xe7e9;", "&#xe60a;", "&#xe60b;", "&#xe600;", "&#xe600;", "&#xe659;"];

    var fn = FlowCoreEx.prototype;

    fn.Container = null;

    fn.StartStep = null;

    fn.FlowClass = null;

    fn.Editable = true;

    fn.getElementById = function (Id) {
        return this.Container.getElementsByClassName(Id)[0] || this.Canvas.firstChild.getElementsByClassName(Id)[0];
    }

    fn.createBar = function () {
        var self = this;
        var Bar = self.Bar;
        var undo = document.createElement("span");
        undo.className = "Icon";
        undo.style.cursor = "pointer";
        undo.style.fontSize = "16px";
        undo.innerHTML = "&#xe608;";
        undo.style.color = "#989";
        undo.onclick = function () {
            Bar.undo();
        }
        Bar.appendChild(undo);
        var redo = undo.cloneNode();
        redo.innerHTML = "&#xe607;";
        redo.onclick = function () {
            Bar.redo();
        }
        Bar.appendChild(redo);
        var undoList = [];
        var redoList = [];

        Bar.recordState = function () {
            undoList.push(JSON.stringify(self.getData()));
            if (undoList.length > 100) {
                undoList.splice(0, 1);
            }
            if (undoList.length > 0) {
                undo.style.color = "#000";
            } else {
                undo.style.color = "#989";
            }
            if (redoList.length > 0) {
                redoList = [];
                redo.style.color = "#989";
            }
        }

        Bar.undo = function () {
            if (undoList.length == 0) {
                return;
            }
            var data = undoList[undoList.length - 1];
            redoList.push(data);
            undoList.pop();
            self.recordState = function () { }
            if (undoList.length == 0) {
                self.setData();
            } else {
                self.setData(JSON.parse(undoList[undoList.length - 1]));
            }
            self.recordState = function () { Bar.recordState() }
            if (undoList.length > 0) {
                undo.style.color = "#000";
            } else {
                undo.style.color = "#989";
            }
            if (redoList.length > 0) {
                redo.style.color = "#000";
            } else {
                redo.style.color = "#989";
            }
        }

        Bar.redo = function () {
            if (redoList.length == 0) {
                return;
            }
            var data = redoList[redoList.length - 1];
            redoList.pop();
            self.recordState = function () { }
            self.setData(JSON.parse(data));
            undoList.push(data);
            self.recordState = function () { Bar.recordState() }
            if (undoList.length > 0) {
                undo.style.color = "#000";
            } else {
                undo.style.color = "#989";
            }
            if (redoList.length > 0) {
                redo.style.color = "#000";
            } else {
                redo.style.color = "#989";
            }
        }

        function EnableMove(Node) {
            var helpLabel = EnableMove.helpLabel;
            if (helpLabel == null) {
                helpLabel = EnableMove.helpLabel = self.createStep();
                helpLabel.style.position = "fixed";
            }
            CLEnableMove(Node, function (Item) {
                helpLabel.style.zIndex = CLMaxZIndex();
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                helpLabel.appendChild(Node.cloneNode(true));
                helpLabel.lastChild.style.width = "100%";
                helpLabel.lastChild.style.height = "48px";
                Bar.appendChild(helpLabel);
            }, function (Item) {
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
            }, function (Item) {
                helpLabel.style.zIndex = "";
                helpLabel.lastChild.remove();
                var scale = self.EleContainer.GetScale();
                var rect = self.Container.getBoundingClientRect();
                rect.width *= scale;
                rect.height *= scale;
                rect.right = rect.left + rect.width;
                rect.bottom = rect.top + rect.height;
                if (event.clientX < rect.left || event.clientX > rect.right
                    || event.clientY < rect.top || event.clientY > rect.bottom) {
                    helpLabel.remove();
                    return;
                }
                if (self.StartStep != null && Node.Type == 0) {
                    CLShowMsg("只能同时有一个经办节点");
                    helpLabel.remove();
                    return;
                }
                var helpRect = helpLabel.getBoundingClientRect();
                var X = helpRect.left + helpRect.width / 2;
                var Y = helpRect.top + helpRect.height / 2
                var Pos = {
                    X: X,
                    Y: Y
                };
                self.EleContainer.ClientToOffset(Pos);
                Pos.X = Pos.X - helpRect.width / 2;
                Pos.Y = Pos.Y - helpRect.height / 2;
                var Step = {
                    ID: CLMakeId(),
                    Type: Node.Type,
                    Name: Node.lastChild.innerHTML,
                    PosLeft: Pos.X,
                    PosTop: Pos.Y,
                    ToID: []
                };
                if (Node.Type == 0) {
                    self.StartStep = Step;
                }
                var divStep = self.createStep(Step);
                self.Container.focus();
                helpLabel.remove();
                self.recordState();
            });
        }

        var startNode = document.createElement("div");
        startNode.className = "Move";
        var icon = document.createElement("span");
        icon.className = "Icon";
        icon.style.color = "#3F80AE";
        icon.innerHTML = Icons[0];
        startNode.appendChild(icon);
        var Name = document.createElement("span");
        Name.innerHTML = "发起节点";
        startNode.Type = 0;
        startNode.appendChild(Name);
        Bar.appendChild(startNode);
        EnableMove(startNode);
        var flowNode = startNode.cloneNode(true);
        flowNode.Type = 1;
        flowNode.firstChild.innerHTML = Icons[1];
        flowNode.lastChild.innerHTML = "审批节点";
        Bar.appendChild(flowNode);
        EnableMove(flowNode);
        var copyNode = startNode.cloneNode(true);
        copyNode.Type = 2;
        copyNode.firstChild.innerHTML = Icons[2];
        copyNode.lastChild.innerHTML = "抄送节点";
        Bar.appendChild(copyNode);
        EnableMove(copyNode);
        var endNode = startNode.cloneNode(true);
        endNode.Type = 3;
        endNode.firstChild.innerHTML = Icons[3];
        endNode.lastChild.innerHTML = "结束节点";
        Bar.appendChild(endNode);
        EnableMove(endNode);

        var subNode = startNode.cloneNode(true);
        subNode.Type = 4;
        subNode.style.width = "110px";
        subNode.firstChild.innerHTML = Icons[4];
        subNode.lastChild.innerHTML = "子流程节点";
        Bar.appendChild(subNode);
        EnableMove(subNode);

        var divRight = document.createElement("div");
        divRight.style.cssText = "height:100%;display:inline-block;vertical-align:top;float:right";
        Bar.appendChild(divRight);
        var divVersion = document.createElement("div");
        divVersion.style.cssText = "height:100%;display:inline-block;vertical-align:top;margin-left:15px;margin-right:8px;";
        var divInfo = document.createElement("div");
        divInfo.style.cssText = "cursor:pointer;display:inline-block";
        divVersion.appendChild(divInfo);
        divRight.appendChild(divVersion);
        var Edit = document.createElement("div");
        Edit.style.cssText = "font-family:CLFont;padding:0 10px; font-size:16px;display:inline-block;cursor:pointer";
        Edit.innerHTML = "&#xe7f3;";
        divVersion.appendChild(Edit);
        Edit.onclick = function () {
            self.VersionInfoDialog();
        }
        self.ShowVersion = function () {
            var AllVersions = self.FlowClass.AllVersions;

            if (self.FlowClass.IsUsing != 1) {
                useBtn.style.display = "inline-block";
            } else {
                useBtn.style.display = "none";
            }

            var str = "流程版本<span style='color:#f0ad4e;'>V(" + (self.FlowClass.Version == null ? "1" : self.FlowClass.Version) + ")</span>";
            if (self.FlowClass.IsUsing == null) {
                str += "<span style='color:#f0ad4e;border:1px solid #f0ad4e;border-radius:3px;padding:2px;'>设计</span>";
            } else if (self.FlowClass.IsUsing == 0) {
                str += "<span style='color:#989898;border:1px solid #989898;background:rgba(152,152,152,.1);border-radius:3px;padding:2px;margin:0 3px;'>历史</span>";
            } else if (self.FlowClass.IsUsing == 1) {
                str += "<span style='color:#0DB3A6;border:1px solid #0DB3A6;background:rgba(13,179,166,.1);border-radius:3px;padding:2px;margin:0 3px;'>启用中</span>";
            }
            str += "<span style='font-family:CLFont;padding:0 2px; font-size:16px'>&#xe661;</span>";
            divInfo.innerHTML = str;
            divInfo.onclick = function (e) {
                var Menu = {
                    "style": {
                        "width": "200px",
                        "max-height": "100%",
                        "overflow-y": "scroll",
                    },
                    "Items": []
                };
                for (var i = AllVersions.length - 1; i > -1; i--) {
                    Menu.Items.push({
                        "style": {
                            "height": "42px",
                            "line-height": "22px",
                            "padding": "10px 10px 10px 30px",
                            "cursor": "pointer",
                            "position": "relative"
                        },
                        "Icon": "",
                        "Text": "流程版本(" + AllVersions[i].Version + ")",
                        "Enable": true,
                        "Data": AllVersions[i],
                        "CallBack": function () {
                            window.location.href = "/" + CLCorpId() + "/View/Flow/FlowDesigner.cml?ID=" + this.Data.ID;
                        },
                        "OnCreated": function (Item) {
                            var Version = this.Data;
                            var str = "";
                            if (Version.IsUsing == null) {
                                str += "<span style='color:#f0ad4e;border:1px solid #f0ad4e;border-radius:3px;padding:0 2px;'>设计</span>";
                            } else if (Version.IsUsing == 0) {
                                str += "<span style='color:#989898;border:1px solid #989898;background:rgba(152,152,152,.1);border-radius:3px;padding:0 2px;margin:0 3px;'>历史</span>";
                            } else if (Version.IsUsing == 1) {
                                str += "<span style='color:#0DB3A6;border:1px solid #0DB3A6;background:rgba(13,179,166,.1);border-radius:3px;padding:0 2px;margin:0 3px;'>启用中</span>";
                            }
                            Item.innerHTML += str;
                            Item.lastChild.style.cssFloat = "right";
                            if (Version.ID == self.FlowClass.ID) {
                                var span = document.createElement("span");
                                span.style.cssText = "font-family:CLFont;color:#0db3a6;position:absolute;left:10px";
                                span.innerHTML = "&#xe645;";
                                Item.insertBefore(span, Item.firstChild);
                            }
                        }

                    });
                }
                var _CLMenu = new CLMenu(Menu, divInfo);
            }
        }
        var Btn = document.createElement("div");
        Btn.className = "CLBtn";
        Btn.style.height = "30px";
        Btn.style.lineHeight = "30px";
        Btn.style.width = "80px";
        Btn.style.margin = "0 10px";
        Btn.innerHTML = "保存";
        Btn.onclick = function () {
            self.Save();
        }
        divRight.appendChild(Btn);
        var useBtn = Btn.cloneNode();
        useBtn.innerHTML = "启用流程";
        divRight.appendChild(useBtn);
        useBtn.onclick = function () {
            self.Use();
        }

    }

    fn.VersionInfoDialog = function () {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.width = "560px";
        divDlg.style.height = "415px";
        divDlg.style.position = "relative";
        var dlg = new CLDialog(divDlg);
        var textArea;
        dlg.CreateAll("版本描述", function () {
            self.FlowClass.VersionInfo = textArea.value;
        });
        dlg.EnableMove(dlg.Header);
        var Body = dlg.Body;
        var Label = document.createElement("div");
        Label.style.cssText = "margin-top:30px;height:30px;line-height:30px";
        Label.innerHTML = "<div style='width:80px;display:inline-block'>版本号：</div>流程版本<span style='color:#f0ad4e;'>V(" + (self.FlowClass.Version == null ? "1" : self.FlowClass.Version) + ")</span>";
        Body.appendChild(Label);
        var Label1 = Label.cloneNode();
        Label1.appendChild(Label.firstChild.cloneNode());
        Label1.firstChild.innerHTML = "版本描述：";
        Label1.firstChild.style.cssFloat = "left";
        Body.appendChild(Label1);
        textArea = document.createElement("textarea");
        textArea.style.cssText = "resize: none;width: 400px;height:190px;border:1px solid #e0e0e0;padding:10px";
        textArea.value = self.FlowClass.VersionInfo == null ? "" : self.FlowClass.VersionInfo
        Label1.appendChild(textArea);
    }

    fn.ShowVersion = function () {

    }

    fn.ChangeTo = function (ID) {

    }

    fn.Use = function () {
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpUsingFlowClass";
        var self = this;
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                CLShowMsg(Json.msg, false);
                self.setData(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, { ID: self.FlowClass.ID });
    }

    fn.recordState = function () {
        if (this.Editable == false) {
            return;
        }
        this.Bar.recordState()
    }

    fn.undo = function () {
        if (this.Editable == false) {
            return;
        }
        this.Bar.undo()
    }

    fn.redo = function () {
        if (this.Editable == false) {
            return;
        }
        this.Bar.redo()
    }

    fn.setData = function (FlowClass) {
        var self = this;
        self.Container.innerHTML = "";
        self.Canvas.firstChild.innerHTML = "";
        if (FlowClass == null) {
            document.title = "流程设计器";
            if (self.Editable != false) {
                self.FlowProp();
            }
            return;
        }
        self.FlowClass = FlowClass;
        var Steps = FlowClass.Steps;
        var divSteps = [];
        document.title = self.Editable ? (FlowClass.Name + " | 流程设计") : FlowClass.Name;
        self.EleContainer.SetScale(FlowClass.Scale == null ? 1 : FlowClass.Scale);
        self.EleContainer.SetPos(FlowClass.leftX, FlowClass.topY);
        self.StartStep = null;
        for (var i = 0; i < Steps.length; i++) {
            var divStep = self.createStep(Steps[i]);
            if (Steps[i].Type == 0) {
                self.StartStep = Steps[i];
            }
            divSteps.push(divStep);
        }
        for (var i = 0; i < divSteps.length; i++) {
            var ToID = divSteps[i].Step.ToID;
            var ToIDPos = divSteps[i].Step.ToIDPos;
            if (ToIDPos == null) {
                ToIDPos = {
                };
            }
            for (var j = 0; j < ToID.length; j++) {
                for (var x = 0; x < divSteps.length; x++) {
                    if (divSteps[x].Step.ID == ToID[j]) {
                        var Pos = ToIDPos[ToID[j]];
                        Pos = Pos == null ? {} : Pos;
                        self.connectStep(divSteps[i], Pos.start, divSteps[x], Pos.end);
                    }
                }
            }
        }
        if (self.Editable != false) {
            self.FlowProp();
        }
        self.recordState();
        self.ShowVersion();
    }

    fn.getData = function () {
        var self = this;
        var Steps = self.FlowClass.Steps = [];
        var divSteps = self.Container.getElementsByClassName("Step");
        for (var i = 0; i < divSteps.length; i++) {
            Steps.push(divSteps[i].Step);
        }
        return self.FlowClass;
    }

    fn.createStep = function (Step) {
        var self = this;
        function EnableDrag(circle) {
            var FromX = 0;
            var FromY = 0;
            var istartType = 0;
            var startStep = null;
            CLEnableMove(circle, function (circle) {
                FromX = circle.Left + 4 + circle.parentNode.offsetLeft;
                FromY = circle.Top + 4 + circle.parentNode.offsetTop;
                istartType = circle.iPos;
                startStep = circle.parentNode;
            }, function (circle) {
                var EndX = circle.Pos.X + 4 + circle.parentNode.offsetLeft;
                var EndY = circle.Pos.Y + 4 + circle.parentNode.offsetTop;
                var iEndType = null;
                var Pos = self.TestStepPos(EndX, EndY);
                if (Pos != null) {
                    EndX = Pos.X;
                    EndY = Pos.Y;
                    iEndType = Pos.Type;
                } else {
                    iEndType = istartType;
                }
                var Line = self.CalcLine({
                    X: FromX,
                    Y: FromY
                }, istartType, {
                    X: EndX,
                    Y: EndY
                }, iEndType, Pos != null && circle.parentNode == Pos.divStep);
                Line.ID = "tempLine";
                self.DrawLine(Line, true, iEndType);
                return false;
            }, function (circle) {
                self.DeleteLine("tempLine");
                var EndX = circle.Pos.X + 5 + circle.parentNode.offsetLeft;
                var EndY = circle.Pos.Y + 5 + circle.parentNode.offsetTop;
                var Pos = self.TestStepPos(EndX, EndY);
                if (Pos != null && startStep != null) {
                    self.connectStep(startStep, istartType, Pos.divStep, Pos.Type);
                    self.recordState();
                }
                return false;
            });
        }
        var divStep = document.createElement("div");
        divStep.className = "Step";
        divStep.style.height = "50px";
        divStep.style.lineHeight = "48px";
        divStep.style.cursor = "default";
        Object.defineProperty(divStep, "Scale", {
            get: function () {
                return divStep.parentNode.Scale
            }
        });
        var circleL = divStep.circleL = document.createElement("div");
        circleL.className = "Circle Circle0";
        circleL.style.left = "-4px";
        circleL.Left = -5;
        Object.defineProperty(circleL, "Top", {
            get: function () {
                return (divStep.offsetHeight >> 1) - 4;
            }
        });
        circleL.style.top = "calc(50% - 4px)";
        circleL.iPos = 0;
        divStep.appendChild(circleL);
        if (self.Editable != false) {
            EnableDrag(circleL);
        }

        var circleT = divStep.circleT = circleL.cloneNode();
        circleT.className = "Circle Circle1";
        circleT.style.left = "calc(50% - 4px)";
        circleT.style.top = "-4px";
        circleT.Top = -5;
        Object.defineProperty(circleT, "Left", {
            get: function () {
                return (divStep.offsetWidth >> 1) - 4;
            }
        });
        circleT.iPos = 1;
        if (self.Editable != false) {
            EnableDrag(circleT);
        }
        divStep.appendChild(circleT);

        var circleR = divStep.circleR = circleL.cloneNode();
        circleR.className = "Circle Circle2";
        circleR.style.top = "calc(50% - 4px)";
        circleR.style.left = "calc(100% - 4px)";
        Object.defineProperty(circleR, "Left", {
            get: function () {
                return (divStep.offsetWidth) - 3;
            }
        });
        Object.defineProperty(circleR, "Top", {
            get: function () {
                return (divStep.offsetHeight >> 1) - 4;
            }
        });
        circleR.iPos = 2;
        if (self.Editable != false) {
            EnableDrag(circleR);
        }
        divStep.appendChild(circleR);

        var circleB = divStep.circleB = circleL.cloneNode();
        circleB.className = "Circle Circle3";
        circleB.style.top = "calc(100% - 4px)";
        circleB.style.left = "calc(50% - 4px)";
        Object.defineProperty(circleB, "Left", {
            get: function () {
                return (divStep.offsetWidth >> 1) - 4;
            }
        });
        Object.defineProperty(circleB, "Top", {
            get: function () {
                return (divStep.offsetHeight) - 3;
            }
        });
        circleB.iPos = 3;
        if (self.Editable != false) {
            EnableDrag(circleB);
        }
        divStep.appendChild(circleB);

        if (Step == null) {
            return divStep;
        }
        divStep.Step = Step;
        divStep.classList.add(Step.ID);
        divStep.classList.add("Step" + Step.Type);
        divStep.style.left = Step.PosLeft + "px";
        divStep.style.top = Step.PosTop + "px";
        var sIcon = Icons[Step.Type];
        var sName = Step.Name;
        var Node = document.createElement("div");
        var icon = document.createElement("span");
        icon.className = "Icon";
        var colors = ["#0db3a6", "#0db3a6", "#178cdf", "#E64340", "#1f2d3d;", "#0db3a6", "#0db3a6"];
        icon.style.color = colors[Step.Type];
        icon.innerHTML = sIcon;
        Node.className = "Move";
        Node.appendChild(icon);
        var Name = document.createElement("span");
        Name.className = "Name";
        Name.innerHTML = sName;
        Node.Type = 0;
        Node.appendChild(Name);
        divStep.appendChild(Node);
        if (self.Editable != false) {
            divStep.onmousedown = function (e) {
                self.SelectStep(Step.ID);
            }
            CLEnableMove(divStep, function () {
            }, function () {
                var AlignPos = self.Align(divStep);
                if (AlignPos.Left != null) {
                    divStep.style.left = AlignPos.Left + "px";
                }
                if (AlignPos.Top != null) {
                    divStep.style.top = AlignPos.Top + "px";
                }
                //画线
                self.ReDrawLine(divStep);
                divStep.Step.PosLeft = divStep.offsetLeft;
                divStep.Step.PosTop = divStep.offsetTop;
            }, function () {
                self.clearAlign();
                self.recordState();
            });
        }
        self.Container.appendChild(divStep);
        self.onStepCreated(divStep);
        if ((Step.Type == 4 || Step.Type == 5) && self.Editable != false) {
            divStep.oncontextmenu = function () {
                var Menu = {
                    "style": {
                        "width": divStep.offsetWidth * self.EleContainer.GetScale() + "px",
                        "max-height": "100%",
                        "overflow-y": "auto",
                    },
                    "Items": [
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "设计",
                             "Enable": true,
                             "CallBack": function (e) {
                                 if (Step.FlowClassID != null) {
                                     window.open("/" + CLCorpId() + "/View/Flow/FlowDesigner.cml?ID=" + Step.FlowClassID);
                                 } else {
                                     CLShowMsg("还没有选择关联流程");
                                 }
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "复制",
                             "Enable": true,
                             "CallBack": function (e) {
                                 var data = CLClone(Step);
                                 data.ID = CLMakeId();
                                 data.ToID = [];
                                 data.ToIDCase = {};
                                 data.ToIDPos = {};
                                 data.ToIDSms = {};
                                 data.PosLeft += 100;
                                 self.createStep(data);
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "删除",
                             "Enable": true,
                             "CallBack": function (e) {
                                 self.DeleteStep(Step.ID);
                             }
                         }
                    ]
                }
                new CLMenu(Menu, divStep);
                var box = document.body.lastChild;
                return false;
            }
        } else if(self.Editable != false) {
            divStep.oncontextmenu = function () {
                var Menu = {
                    "style": {
                        "width": divStep.offsetWidth * self.EleContainer.GetScale() + "px",
                        "max-height": "100%",
                        "overflow-y": "auto",
                    },
                    "Items": [
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "预览",
                             "Enable": true,
                             "CallBack": function (e) {
                                 if (self.FlowClass.FormsID != null) {
                                     FlowCoreEx.ShowForm(self.FlowClass.FormsID, Step.DataFields, Step.TplUse);
                                 }
                                 _CLMenu.Close();
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "复制",
                             "Enable": Step.Type != 0,
                             "CallBack": function (e) {
                                 var data = CLClone(Step);
                                 data.ID = CLMakeId();
                                 data.ToID = [];
                                 data.ToIDCase = {};
                                 data.ToIDPos = {};
                                 data.ToIDSms = {};
                                 data.PosLeft += 100;
                                 self.createStep(data);
                             }
                         },
                         {
                             "style": {},
                             "Icon": "",
                             "Text": "删除",
                             "Enable": true,
                             "CallBack": function (e) {
                                 self.DeleteStep(Step.ID);
                             }
                         }
                    ]
                }
                var _CLMenu = new CLMenu(Menu, divStep);
                var box = document.body.lastChild;
                return false;
            }
        }
        return divStep;
    }

    fn.connectStep = function (startStep, iStartType, endStep, iEndType) {
        var self = this;
        var startPos = { X: 0, Y: 0 };
        var endPos = { X: 0, Y: 0 };
        iStartType = iStartType == null ? 0 : iStartType;
        iEndType = iEndType == null ? 1 : iEndType;
        var ToIDPos = startStep.Step.ToIDPos;
        if (!ToIDPos) {
            ToIDPos = startStep.Step.ToIDPos = {
            };
            ToIDPos[endStep.Step.ID] = {
                start: iStartType,
                end: iEndType
            }
        }
        var Pos = ToIDPos[endStep.Step.ID];
        if (!Pos) {
            Pos = ToIDPos[endStep.Step.ID] = {
                start: iStartType,
                end: iEndType
            }

        }
        var circle = startStep.getElementsByClassName("Circle" + iStartType)[0];
        startPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
        startPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
        if (Pos.SOffX) {
            startPos.X += Pos.SOffX;
        }
        if (Pos.SOffY) {
            startPos.Y += Pos.SOffY;
        }
        circle = endStep.getElementsByClassName("Circle" + iEndType)[0];
        endPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
        endPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
        if (Pos.EOffX) {
            endPos.X += Pos.EOffX;
        }
        if (Pos.EOffY) {
            endPos.Y += Pos.EOffY;
        }
        var Line = self.CalcLine(startPos, iStartType, endPos, iEndType, startStep == endStep);
        Line.ID = startStep.Step.ID + "_" + endStep.Step.ID;
        self.DrawLine(Line, true, iEndType);
        if (startStep.ToSteps == null) {
            startStep.ToSteps = [];
        }
        if (endStep.PreSteps == null) {
            endStep.PreSteps = [];
        }
        startStep.ToSteps.push(endStep);
        endStep.PreSteps.push(startStep);
        if (startStep.Step.ToID.indexOf(endStep.Step.ID) < 0) {
            startStep.Step.ToID.push(endStep.Step.ID);
        }
        self.onStepConnected(startStep, iStartType, endStep, iEndType);
    }

    fn.StepSel = null;

    fn.updateStepName = function (Step) {
        var self = this;
        var divStep = self.Container.getElementsByClassName(Step.ID)[0];
        if (divStep != null) {
            divStep.getElementsByClassName("Name")[0].innerText = Step.Name;
            self.ReDrawLine(divStep);
        }
    }

    fn.updateLineDesc = function (LineID) {
        var self = this;
        var IDs = LineID.split("_");
        var Step = self.getElementById(IDs[0]).Step;
        var Pos = Step.ToIDPos[IDs[1]];
        self.DrawLine(self.Lines[LineID], true, Pos.end);
    }

    fn.SelectStep = function (StepID) {
        var self = this;
        if (self.StepSel == StepID) {
            return;
        }
        var divStep;
        if (self.StepSel != null) {
            divStep = self.Container.getElementsByClassName(self.StepSel)[0];
            divStep.classList.remove("StepSel");
            self.StepSel = null;
        }
        divStep = self.Container.getElementsByClassName(StepID)[0];
        if (divStep != null) {
            self.StepSel = StepID;
            divStep.classList.add("StepSel");
            self.OnStepSelected(divStep.Step);
        }
    }

    fn.ReDrawLine = function (moveStep) {
        var self = this;
        var PreSteps = moveStep.PreSteps;
        var ToSteps = moveStep.ToSteps;
        var startPos = { X: 0, Y: 0 };
        var endPos = { X: 0, Y: 0 };
        for (var i = 0; PreSteps != null && i < PreSteps.length; i++) {
            var Pos = PreSteps[i].Step.ToIDPos[moveStep.Step.ID];
            var circle = PreSteps[i].getElementsByClassName("Circle" + Pos.start)[0];
            startPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
            startPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
            if (Pos.SOffX) {
                startPos.X += Pos.SOffX;
            }
            if (Pos.SOffY) {
                startPos.Y += Pos.SOffY;
            }
            circle = moveStep.getElementsByClassName("Circle" + Pos.end)[0];
            endPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
            endPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
            if (Pos.EOffX) {
                endPos.X += Pos.EOffX;
            }
            if (Pos.EOffY) {
                endPos.Y += Pos.EOffY;
            }
            var Line = self.CalcLine(startPos, Pos.start, endPos, Pos.end, PreSteps[i] == moveStep);
            Line.ID = PreSteps[i].Step.ID + "_" + moveStep.Step.ID;
            self.DrawLine(Line, false, Pos.end);
        }
        for (var i = 0; ToSteps != null && i < ToSteps.length; i++) {
            var Pos = moveStep.Step.ToIDPos[ToSteps[i].Step.ID];
            var circle = moveStep.getElementsByClassName("Circle" + Pos.start)[0];
            startPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
            startPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
            if (Pos.SOffX) {
                startPos.X += Pos.SOffX;
            }
            if (Pos.SOffY) {
                startPos.Y += Pos.SOffY;
            }
            circle = ToSteps[i].getElementsByClassName("Circle" + Pos.end)[0];
            endPos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
            endPos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
            if (Pos.EOffX) {
                endPos.X += Pos.EOffX;
            }
            if (Pos.EOffY) {
                endPos.Y += Pos.EOffY;
            }
            var Line = self.CalcLine(startPos, Pos.start, endPos, Pos.end, moveStep == ToSteps[i]);
            Line.ID = moveStep.Step.ID + "_" + ToSteps[i].Step.ID;
            self.DrawLine(Line, false, Pos.end);
        }
        self.ShowLine();
    }
    //回调接口
    fn.onStepConnected = function (startStep, iStartType, endStep, iEndType) {

    }
    //回调接口
    fn.onStepCreated = function () {

    }
    //回调接口(已实现)
    fn.OnLineSelected = function (Line) {
        var self = this;
        self.SelectStep();
        self.LineProp(Line.ID);
        var moveS = Line.moveS;
        var moveE = Line.moveE;
        var IDs = Line.ID.split("_");
        if (!moveS) {
            Line.moveS = moveS = document.createElement("div");
            moveS.className = "LMove";
            moveS.onselectstart = function () {
                return false;
            }
            (function () {
                var Step = self.getElementById(IDs[0]).Step;
                var ToIDPos = Step.ToIDPos[IDs[1]];
                var X = 0, Y = 0;
                CLEnableMove(moveS, function (ele, e) {
                    return true;
                }, function (ele, e) {
                    X = e.clientX;
                    Y = e.clientY;
                    var Pos = ele.Pos;
                    Pos = { X: Pos.X, Y: Pos.Y };
                    var Info = self.CalcTypeAndOffset(Step, Pos.X, Pos.Y);
                    ToIDPos.start = Info.Type;
                    ToIDPos.SOffX = Info.OffX;
                    ToIDPos.SOffY = Info.OffY;
                    self.ReDrawLine(self.getElementById(IDs[0]));
                    Line = self.Lines[Line.ID];
                    ele.style.top = Line[0].Y - 4 + "px";
                    ele.style.left = Line[0].X - 4 + "px";
                    return true;
                }, function (ele) {
                    return true;
                }, moveS);
            }());
        } 
        if (!moveE) {
            Line.moveE = moveE = document.createElement("div");
            moveE.className = "LMove";
            moveE.onselectstart = function () {
                return false;
            }
            (function () {
                var Step = self.getElementById(IDs[0]).Step;
                var ToIDPos = Step.ToIDPos[IDs[1]];
                var X = 0, Y = 0;
                CLEnableMove(moveE, function (ele, e) {
                    return true;
                }, function (ele, e) {
                    X = e.clientX;
                    Y = e.clientY;
                    var Pos = ele.Pos;
                    Pos = { X: Pos.X, Y: Pos.Y };
                    var Info = self.CalcTypeAndOffset(self.getElementById(IDs[1]).Step, Pos.X, Pos.Y);
                    ToIDPos.end = Info.Type;
                    ToIDPos.EOffX = Info.OffX;
                    ToIDPos.EOffY = Info.OffY;
                    self.ReDrawLine(self.getElementById(IDs[1]));
                    Line = self.Lines[Line.ID];
                    ele.style.top = Line[Line.length - 1].Y - 4 + "px";
                    ele.style.left = Line[Line.length - 1].X - 4 + "px";
                    return true;
                }, function (ele) {
                    return true;
                }, moveE);
            }());
        }
        moveS.style.top = Line[0].Y - 4 + "px";
        moveS.style.left = Line[0].X - 4 + "px";
        self.Container.appendChild(moveS);
        moveE.style.top = Line[Line.length - 1].Y - 4 + "px";
        moveE.style.left = Line[Line.length - 1].X - 4 + "px";
        self.Container.appendChild(moveE);

    }
    //回调接口(已实现)
    fn.OnLineLost = function (Line) {
        var self = this;
        if (Line.moveS) {
            Line.moveS.remove();
        }
        if (Line.moveE) {
            Line.moveE.remove();
        }
    }
    //回调接口(已实现)
    fn.OnStepSelected = function (Step) {
        var self = this;
        self.SelectLine();
        self.StepProp(Step);
    }

    fn.CalcTypeAndOffset = function (Step, X, Y) {
        var self = this;
        var Left = Step.PosLeft;
        var Top = Step.PosTop;
        var Width = 150;
        var Height = 50;
        var Type = 0;
        var Llist = [
            (function () {
                if (Y >= Top && Y <= Top + Height) {
                    return Math.sqrt(Math.pow(Left - X, 2));
                } else {
                    if (Y < Top) {
                        return Math.sqrt(Math.pow(Left - X, 2) + Math.pow(Top - Y, 2));
                    } else {
                        return Math.sqrt(Math.pow(Left - X, 2) + Math.pow(Top + Height - Y, 2));
                    }
                }
            }()),
            (function () {
                if (X >= Left && X <= Left + Width) {
                    return Math.sqrt(Math.pow(Top - Y, 2));
                } else {
                    if (X < Left) {
                        return Math.sqrt(Math.pow(Left - X, 2) + Math.pow(Top - Y, 2));
                    } else {
                        return Math.sqrt(Math.pow(Left + Width - X, 2) + Math.pow(Top - Y, 2));
                    }
                }
            }()),
            (function () {
                if (Y >= Top && Y <= Top + Height) {
                    return Math.sqrt(Math.pow(Left + Width - X, 2));
                } else {
                    if (Y < Top) {
                        return Math.sqrt(Math.pow(Left + Width - X, 2) + Math.pow(Top - Y, 2));
                    } else {
                        return Math.sqrt(Math.pow(Left + Width - X, 2) + Math.pow(Top + Height - Y, 2));
                    }
                }
            }()),
            (function () {
                if (X >= Left && X <= Left + Width) {
                    return Math.sqrt(Math.pow(Top + Height - Y, 2));
                } else {
                    if (X < Left) {
                        return Math.sqrt(Math.pow(Left - X, 2) + Math.pow(Top + Height - Y, 2));
                    } else {
                        return Math.sqrt(Math.pow(Left + Width - X, 2) + Math.pow(Top + Height - Y, 2));
                    }
                }
            }())
        ];
        var L = 0x7fffffff;
        for (var i = 0; i < 4; i++) {
            if (L > Llist[i]) {
                Type = i;
                L = Llist[i];
            }
        }

        var Plist = [
            { X: Left, Y: Top + Height / 2 },
            { X: Left + Width / 2, Y: Top },
            { X: Left + Width, Y: Top + Height / 2 },
            { X: Left + Width / 2, Y: Top + Height },
        ];
        var OffX = 0;
        var OffY = 0;
        var P = Plist[Type];
        if (Type % 2) {
            OffX = X - P.X;
            if (OffX > Width / 2) {
                OffX = Width / 2;
            }
            if (OffX < -Width / 2) {
                OffX = -Width / 2;
            }
        } else {
            OffY = Y - P.Y;
            if (OffY > Height / 2) {
                OffY = Height / 2;
            }
            if (OffY < -Height / 2) {
                OffY = -Height / 2;
            }
        }
        if (OffX > -2 && OffX < 2) {
            OffX = 0;
        }
        if (OffY > -2 && OffY < 2) {
            OffY = 0;
        }
        return {
            Type: Type,
            OffX: OffX,
            OffY: OffY
        };
    }

    fn.clearAlign = function () {
        var self = this;
        var Aligns = self.Container.getElementsByClassName("Align");
        for (var i = 0; i < Aligns.length; i++) {
            Aligns[i].remove();
            i--;
        }
    }

    fn.Align = function (Step) {
        var self = this;
        var Rect = {
            Left: Step.offsetLeft,
            Top: Step.offsetTop
        };
        var AlignPos = {};
        var Steps = self.Container.getElementsByClassName("Step");
        for (var i = 0; i < Steps.length; i++) {
            if (Step == Steps[i]) {
                continue;
            }
            if (Rect.Top >= Steps[i].offsetTop - 10 && Rect.Top <= Steps[i].offsetTop + 10) {
                AlignPos.Top = Steps[i].offsetTop;
                AlignPos.TopSteps = [Step];
                for (var j = 0; j < Steps.length; j++) {
                    if (Steps[j].offsetTop == AlignPos.Top) {
                        AlignPos.TopSteps.push(Steps[j]);
                    }
                }
            }
            if (Rect.Left >= Steps[i].offsetLeft - 10 && Rect.Left <= Steps[i].offsetLeft + 10) {
                AlignPos.Left = Steps[i].offsetLeft;
                AlignPos.LeftSteps = [Step];
                for (var j = 0; j < Steps.length; j++) {
                    if (Steps[j].offsetLeft == AlignPos.Left) {
                        AlignPos.LeftSteps.push(Steps[j]);
                    }
                }
            }
        }
        self.clearAlign();
        if (AlignPos.Top != null) {
            CLQuickSort(AlignPos.TopSteps, function (ele1, ele2) {
                if (ele1.offsetLeft < ele2.offsetLeft) {
                    return -1;
                }
                if (ele1.offsetLeft == ele2.offsetLeft) {
                    return 0;
                }
                if (ele1.offsetLeft > ele2.offsetLeft) {
                    return 1;
                }
            })
            var div = document.createElement("div");
            div.className = "Align";
            div.style.position = "absolute";
            div.style.left = AlignPos.TopSteps[0].offsetLeft + AlignPos.TopSteps[0].offsetWidth + "px";
            div.style.width = AlignPos.TopSteps[AlignPos.TopSteps.length - 1].offsetLeft - (AlignPos.TopSteps[0].offsetLeft + AlignPos.TopSteps[0].offsetWidth) + "px";
            div.style.height = "1px";
            div.style.borderBottom = "1px dashed #E64340";
            div.style.top = AlignPos.Top + "px";
            self.Container.appendChild(div);
            div = div.cloneNode();
            div.style.top = AlignPos.Top + Step.offsetHeight + "px";
            self.Container.appendChild(div);
        }
        if (AlignPos.Left != null) {
            CLQuickSort(AlignPos.LeftSteps, function (ele1, ele2) {
                if (ele1.offsetTop < ele2.offsetTop) {
                    return -1;
                }
                if (ele1.offsetTop == ele2.offsetTop) {
                    return 0;
                }
                if (ele1.offsetTop > ele2.offsetTop) {
                    return 1;
                }
            })
            var div = document.createElement("div");
            div.className = "Align";
            div.style.position = "absolute";
            div.style.left = AlignPos.Left + "px";
            div.style.width = "1px";
            div.style.top = AlignPos.LeftSteps[0].offsetTop + AlignPos.LeftSteps[0].offsetHeight + "px";
            div.style.height = AlignPos.LeftSteps[AlignPos.LeftSteps.length - 1].offsetTop - (AlignPos.LeftSteps[0].offsetTop + AlignPos.LeftSteps[0].offsetHeight) + "px";
            div.style.borderLeft = "1px dashed #E64340";
            self.Container.appendChild(div);
            div = div.cloneNode();
            div.style.left = AlignPos.Left + Step.offsetWidth + "px";
            self.Container.appendChild(div);
        }
        return AlignPos;
    }

    fn.TestStepPos = function (X, Y) {
        var self = this;
        var Steps = self.Container.getElementsByClassName("Step");
        var Pos = null;
        var divStep = null;
        for (var i = 0; i < Steps.length ; i++) {
            divStep = Steps[i];
            if (X > divStep.offsetLeft && X < divStep.offsetLeft + divStep.offsetWidth / 3 && Y > divStep.offsetTop && Y < divStep.offsetTop + divStep.offsetHeight) {
                //左边
                Pos = {
                    Type: 0
                }
                break;
            }
            if (X > divStep.offsetLeft + divStep.offsetWidth - divStep.offsetWidth / 3 && X < divStep.offsetLeft + divStep.offsetWidth && Y > divStep.offsetTop && Y < divStep.offsetTop + divStep.offsetHeight) {
                //右边
                Pos = {
                    Type: 2
                }
                break;
            }
            if (Y > divStep.offsetTop && Y < divStep.offsetTop + 25 && X >= divStep.offsetLeft + divStep.offsetWidth / 3 && X <= divStep.offsetLeft + divStep.offsetWidth * 2 / 3) {
                //上边
                Pos = {
                    Type: 1
                }
                break;
            }
            if (Y > divStep.offsetTop + 25 && Y < divStep.offsetTop + divStep.offsetHeight && X >= divStep.offsetLeft + divStep.offsetWidth / 3 && X <= divStep.offsetLeft + divStep.offsetWidth * 2 / 3) {
                //下边
                Pos = {
                    Type: 3
                }
                break;
            }
        }
        if (Pos != null) {
            var circle = divStep.getElementsByClassName("Circle" + Pos.Type)[0];
            Pos.X = circle.Left + 4 + circle.parentNode.offsetLeft;
            Pos.Y = circle.Top + 4 + circle.parentNode.offsetTop;
            Pos.divStep = divStep;
        }
        return Pos;
    }

    fn.Lines = {};

    fn.LineSel = null;

    fn.LineColor = "#0db3a6";

    fn.LineSelColor = "#2991ff";

    fn.LineHoverColor = fn.LineSelColor;

    fn.CalcLine = function (StartPos, iStartType, EndPos, iEndType, bSelf) {
        var self = this;
        var Line = [];
        Line.Length = function () {
            var lenth = 0;
            for (var i = 0; i < Line.length - 1 ; i++) {
                var Vx = Line[i + 1].X - Line[i].X;
                var Vy = Line[i + 1].Y - Line[i].Y;
                var rect = {
                    X: Vx > 0 ? Line[i].X - 3 : Line[i + 1].X - 3,
                    Y: Vy > 0 ? Line[i].Y - 3 : Line[i + 1].Y - 3,
                    Width: Vx > -6 && Vx < 6 ? 6 : (Vx < 0 ? -Vx : Vx),
                    Height: Vy > -6 && Vy < 6 ? 6 : (Vy < 0 ? -Vy : Vy)
                };
                lenth += (rect.Width > rect.Height ? rect.Width : rect.Height);
            }
            return lenth;
        }
        Line.push({
            X: StartPos.X,
            Y: StartPos.Y
        });
        var vEnd = [2, 3, 0, 1];
        var Vx = [-1, 0, 1, 0];
        var Vy = [0, -1, 0, 1];

        function startV(iType) {
            return {
                X: Vx[iType],
                Y: Vy[iType]
            }
        }

        function endV(iType) {
            return startV(vEnd[iType]);
        }

        var V0 = {
            X: EndPos.X - StartPos.X,
            Y: EndPos.Y - StartPos.Y
        }
        var Vs = startV(iStartType);
        if (V0.X * V0.Y == 0) {
            if (bSelf && V0.X == 0) {
                //上下方向
                Line.push({
                    X: StartPos.X,
                    Y: StartPos.Y + 20 * Vs.Y
                });
                Line.push({
                    X: StartPos.X - 95,
                    Y: StartPos.Y + 20 * Vs.Y
                });
                Line.push({
                    X: StartPos.X - 95,
                    Y: EndPos.Y - 20 * Vs.Y
                });
                Line.push({
                    X: StartPos.X,
                    Y: EndPos.Y - 20 * Vs.Y
                });

            }
            if (bSelf && V0.Y == 0) {
                //左右方向
                Line.push({
                    X: StartPos.X + 20 * Vs.X,
                    Y: StartPos.Y
                });
                Line.push({
                    X: StartPos.X + 20 * Vs.X,
                    Y: StartPos.Y - 40
                });
                Line.push({
                    X: EndPos.X - 20 * Vs.X,
                    Y: StartPos.Y - 40
                });
                Line.push({
                    X: EndPos.X - 20 * Vs.X,
                    Y: StartPos.Y
                });
            }
            //方向位于坐标轴上
            Line.push({
                X: EndPos.X,
                Y: EndPos.Y
            });
            return Line;
        }
        //起始向量1/4定位;起始向量与V0向量的夹角大于90度时执行
        var ValS = V0.X * Vs.X + V0.Y * Vs.Y;
        if (iEndType == null && ValS < 0) {
            iEndType = iStartType;
        } else if (iEndType == null) {
            iEndType = vEnd[iStartType];
        }
        var Ve = endV(iEndType);
        var ValE = V0.X * Ve.X + V0.Y * Ve.Y;
        var ValSE = Vs.X * Ve.X + Vs.Y * Ve.Y;
        if (ValS < 0) {
            var X = StartPos.X;
            var Y = StartPos.Y;
            if (Vs.X == 0) {
                Y += 20 * Vs.Y;
                Line.push({
                    X: X,
                    Y: Y
                });
                if (ValSE != 0) {
                    X += ValE < 0 && ValSE != 0 ? V0.X >> 1 : V0.X;
                    Line.push({
                        X: X,
                        Y: Y
                    });
                } else if (ValE > 0) {
                    X += V0.X >> 1;
                    Line.push({
                        X: X,
                        Y: Y
                    });
                    Line.push({
                        X: X,
                        Y: V0.Y + StartPos.Y
                    });
                }
            } else {
                X += 20 * Vs.X;
                Line.push({
                    X: X,
                    Y: Y
                });
                if (ValSE != 0) {
                    Y += ValE < 0 && ValSE != 0 ? V0.Y >> 1 : V0.Y;
                    Line.push({
                        X: X,
                        Y: Y
                    });
                } else if (ValE > 0) {
                    Y += V0.Y >> 1;
                    Line.push({
                        X: X,
                        Y: Y
                    });
                    Line.push({
                        X: V0.X + StartPos.X,
                        Y: Y
                    });

                }
            }
        }
        else if (ValSE == 0) {
            if (ValE < 0) {
                Line.push({
                    X: StartPos.X + (V0.X * (Vs.X == 0 ? 0 : 1) >> 1),
                    Y: StartPos.Y + (V0.Y * (Vs.Y == 0 ? 0 : 1) >> 1)
                });
            } else {
                Line.push({
                    X: StartPos.X + V0.X * (Vs.X == 0 ? 0 : 1),
                    Y: StartPos.Y + V0.Y * (Vs.Y == 0 ? 0 : 1)
                });
            }
        } else if (ValE > 0 && ValSE > 0) {
            var X = StartPos.X + (V0.X * (Vs.X == 0 ? 0 : 1) >> 1);
            var Y = StartPos.Y + (V0.Y * (Vs.Y == 0 ? 0 : 1) >> 1);
            Line.push({
                X: X,
                Y: Y
            });
            X = EndPos.X - ((Ve.X == 0 ? 0 : 1) * V0.X >> 1);
            Y = EndPos.Y - ((Ve.Y == 0 ? 0 : 1) * V0.Y >> 1);
            Line.push({
                X: X,
                Y: Y
            });
        }
        //终止向量1/4定位;终止向量与V0向量的夹角小于于90度时执行
        if (ValE < 0) {
            var X = EndPos.X;
            var Y = EndPos.Y;
            if (Ve.X == 0) {
                if (ValS > 0 && ValSE != 0) {
                    X -= V0.X;
                } else if (ValS < 0 && ValSE == 0) {
                    X -= V0.X - 20 * Vs.X;
                } else {
                    X -= V0.X >> 1
                }
                Y -= 20 * Ve.Y;
                Line.push({
                    X: X,
                    Y: Y
                });
                Line.push({
                    X: EndPos.X,
                    Y: Y
                });
            } else {
                if (ValS > 0 && ValSE != 0) {
                    Y -= V0.Y;
                } else if (ValS < 0 && ValSE == 0) {
                    Y -= V0.Y - 20 * Vs.Y;
                } else {
                    Y -= V0.Y >> 1
                }
                X -= 20 * Ve.X;
                Line.push({
                    X: X,
                    Y: Y
                });
                Line.push({
                    X: X,
                    Y: EndPos.Y
                });
            }
        }
        Line.push({
            X: EndPos.X,
            Y: EndPos.Y
        });
        return Line;
    }

    function TextWidth(text, cssText) {
        var span = document.createElement("span");
        span.style.cssText = cssText;
        span.innerHTML = text;
        document.body.appendChild(span);
        var R = span.offsetWidth;
        span.remove();
        return R;
    }

    fn.DrawLine = function (Line, bShow, iEndType) {
        var self = this;
        var svg = self.Canvas.firstChild;
        var g = svg.getElementsByClassName(Line.ID)[0];
        var pathLine;
        var pathArrow;
        var text;
        var IDs = Line.ID.split("_");
        var ele = self.Container.getElementsByClassName(IDs[0])[0];
        var Step = ele == null ? null : ele.Step;
        var aligns = {
            "左": "start",
            "中": "middle",
            "右": "end"
        }
        var Desc = Step == null || Step.ToIDDesc == null || Step.ToIDDesc[IDs[1]] == null ? "" : Step.ToIDDesc[IDs[1]];
        var descValue = typeof Desc == "string" ? Desc : Desc.Value;
        var alignValue = typeof Desc == "string" ? "middle" : aligns[Desc.Align];
        if (self.Lines[Line.ID]) {
            Line.moveS = self.Lines[Line.ID].moveS;
            Line.moveE = self.Lines[Line.ID].moveE;
        }
        var Ns = "http://www.w3.org/2000/svg";
        self.Lines[Line.ID] = Line;
        if (g == null) {
            g = document.createElementNS(Ns, "g");
            g.classList.add(Line.ID);
            g.setAttributeNS(Ns, "id", Line.ID);
            g.classList.add("Line");
            svg.appendChild(g);
            pathLine = document.createElementNS(Ns, "path");
            pathLine.setAttributeNS(Ns, "id", "Line_" + Line.ID);
            pathLine.setAttribute("stroke", self.LineColor);
            pathLine.setAttribute("stroke-width", "2");
            pathLine.setAttribute("fill", "#000");
            pathLine.setAttribute("fill-opacity", "0");
            g.appendChild(pathLine);
            text = document.createElement("text");
            text.setAttribute("dominant-baseline", "middle");
            text.setAttribute("fill", "#909");
            text.setAttribute("font-size", "10");
            text.setAttribute("font-weight", "900");
            g.appendChild(text);
            var pathArrow = document.createElementNS(Ns, "path");
            pathArrow.setAttribute("stroke", self.LineColor);
            pathArrow.setAttribute("stroke-width", "2");
            pathArrow.setAttribute("fill", "#fff");
            pathArrow.setAttribute("fill-opacity", "0");
            pathArrow.style.pointerEvents = "initial";
            g.appendChild(pathArrow);
        } else {
            pathLine = g.firstChild;
            pathArrow = g.lastChild;
            text = pathLine.nextSibling;
        }
        if (Line.ID == self.LineSel) {
            pathLine.setAttribute("stroke", self.LineSelColor);
            pathArrow.setAttribute("stroke", self.LineSelColor);
        }
        text.setAttribute("text-anchor", alignValue);
        var offset = "50%";
        if (alignValue == "start") {
            offset = "5";
        }
        if (alignValue == "end") {
            offset = Line.Length() - 10;
        }
        text.setAttribute("textLength", TextWidth(descValue, "font-size:10px;font-weight:900") + "px");
        text.innerHTML = "";
        var textPath = document.createElementNS("http://www.w3.org/2000/svg", "textPath");
        textPath.setAttribute("xlink:href", "#Line_" + Line.ID);
        textPath.setAttribute("startOffset", offset);
        textPath.innerHTML = descValue;
        text.appendChild(textPath);
        var listArrow = [
            //右
            [{ X: -6, Y: -6 }, { X: -6, Y: 6 }],
            //下
            [{ X: -6, Y: -6 }, { X: 6, Y: -6 }],
            //左
            [{ X: 6, Y: -6 }, { X: 6, Y: 6 }],
            //上
            [{ X: -6, Y: 6 }, { X: 6, Y: 6 }],
        ];
        var listA = [
            "a3 3 0 0 1 3 3",//右下(Va1.X > 0 && Va2.Y > 0),
            "a3 3 0 0 0 3 -3",//右上(Va1.X > 0 && Va2.Y < 0),
            "a3 3 0 0 0 -3 3",//左下(Va1.X < 0 && Va2.Y > 0),
            "a3 3 0 0 1 -3 -3",//左上(Va1.X < 0 && Va2.Y < 0),
            "a3 3 0 0 0 3 3",//下右 (Va1.Y > 0 && Va2.X > 0) 
            "a3 3 0 0 1 -3 3",//下左 (Va1.Y > 0 && Va2.X < 0) 
            "a3 3 0 0 1 3 -3",//上右 (Va1.Y < 0 && Va2.X > 0)
            "a3 3 0 0 0 -3 -3"//上左 (Va1.Y < 0 && Va2.X < 0) 
        ];
        var d = "";
        d += "M" + Line[0].X + "," + Line[0].Y;
        for (var j = 1; j < Line.length - 1; j++) {
            var Va1 = {
                X: Line[j].X - Line[j - 1].X,
                Y: Line[j].Y - Line[j - 1].Y
            }
            var Va2 = {
                X: Line[j + 1].X - Line[j].X,
                Y: Line[j + 1].Y - Line[j].Y
            }
            var A = "";
            var X = Line[j].X;
            var Y = Line[j].Y;
            if (Va1.X > 0 && Va2.Y > 0) {
                A = listA[0];
                X -= 3;
            }
            if (Va1.X > 0 && Va2.Y < 0) {
                A = listA[1];
                X -= 3;
            }
            if (Va1.X < 0 && Va2.Y > 0) {
                A = listA[2];
                X += 3;
            }
            if (Va1.X < 0 && Va2.Y < 0) {
                A = listA[3];
                X += 3;
            }

            if (Va1.Y > 0 && Va2.X > 0) {
                A = listA[4];
                Y -= 3;
            }
            if (Va1.Y > 0 && Va2.X < 0) {
                A = listA[5];
                Y -= 3;
            }
            if (Va1.Y < 0 && Va2.X > 0) {
                A = listA[6];
                Y += 3;
            }
            if (Va1.Y < 0 && Va2.X < 0) {
                A = listA[7];
                Y += 3;
            }

            d += "L" + X + "," + Y + A;
        }
        d += "L" + Line[Line.length - 1].X + "," + Line[Line.length - 1].Y;
        pathLine.setAttribute("d", d);
        var V0 = Line[Line.length - 1];
        var Da = "M" + (V0.X + listArrow[iEndType][0].X) + " " + (V0.Y + listArrow[iEndType][0].Y);
        Da += "L" + V0.X + " " + V0.Y;
        Da += "L" + (V0.X + listArrow[iEndType][1].X) + " " + (V0.Y + listArrow[iEndType][1].Y);
        pathArrow.setAttribute("d", Da);
        if (bShow != false) {
            self.Canvas.innerHTML = svg.outerHTML;
        }
    }

    fn.DeleteLine = function (ID) {
        var self = this;
        var svg = self.Canvas.firstChild;
        var gLine = svg.getElementsByClassName(ID)[0];
        if (gLine != null) {
            if (ID.indexOf("_") > 0) {
                var IDs = ID.split("_");
                var divStep = self.Container.getElementsByClassName(IDs[0])[0];
                if (divStep != null) {
                    var toStep = self.Container.getElementsByClassName(IDs[1])[0];
                    divStep.ToSteps.splice(divStep.ToSteps.indexOf(toStep), 1)
                    toStep.PreSteps.splice(toStep.PreSteps.indexOf(divStep), 1)
                    self.onStepDisConnected(divStep.Step, IDs[1]);
                }
            }
            var Line = self.Lines[ID];
            if (Line.moveS) {
                Line.moveS.remove();
            }
            if (Line.moveE) {
                Line.moveE.remove();
            }
            delete self.Lines[ID];
            gLine.remove();
            self.recordState();
        }
    }

    fn.DeleteStep = function (ID) {
        var self = this;
        var divStep = self.Container.getElementsByClassName(ID)[0];
        var Step = divStep.Step;
        var ToSteps = divStep.ToSteps;
        if (Step == self.StartStep)
        {
            self.StartStep = null;
        }
        for (var i = 0; ToSteps != null && i < ToSteps.length; i++) {
            self.getElementById(Step.ID + "_" + ToSteps[i].Step.ID).remove();
            ToSteps[i].PreSteps.splice(ToSteps[i].PreSteps.indexOf(divStep));
        }
        var PreSteps = divStep.PreSteps;
        for (var i = 0; PreSteps != null && i < PreSteps.length; i++) {
            self.getElementById(PreSteps[i].Step.ID + "_" + divStep.Step.ID).remove();
            PreSteps[i].ToSteps.splice(PreSteps[i].ToSteps.indexOf(divStep));
            self.onStepDisConnected(PreSteps[i].Step, Step.ID);
        }
        divStep.remove();
        self.recordState();
    }
    //回调接口(已实现)
    fn.onStepDisConnected = function (Step, targerID) {
        var self = this;
        Step.ToID.splice(Step.ToID.indexOf(targerID), 1);
        if (Step.ToIDCase != null) {
            delete Step.ToIDCase[targerID];
        }
        if (Step.ToIDPos != null) {
            delete Step.ToIDPos[targerID];
        }
        if (Step.ToIDSms != null) {
            delete Step.ToIDSms[targerID];
        }
        if (Step.ToIDDesc != null) {
            delete Step.ToIDDesc[targerID];
        }
    }

    fn.ShowLine = function () {
        var self = this;
        var svg = self.Canvas.firstChild;
        self.Canvas.innerHTML = svg.outerHTML;
    }

    fn.setLineColor = function (gLine, cssColor) {
        var pathLine = gLine.firstChild;
        var pathArrow = gLine.lastChild;
        pathLine.setAttribute("stroke", cssColor);
        pathArrow.setAttribute("stroke", cssColor);
    }

    fn.SelectLine = function (LineID) {
        var self = this;
        if (self.LineSel == LineID) {
            return;
        }
        var svg = self.Canvas.firstChild;
        if (self.LineSel != null) {
            var g = svg.getElementsByClassName(self.LineSel)[0];
            if (g != null) {
                var pathLine = g.firstChild;
                var pathArrow = g.lastChild;
                pathLine.style.zIndex = "";
                pathLine.setAttribute("stroke", self.LineColor);
                pathArrow.setAttribute("stroke", self.LineColor);
                self.OnLineLost(self.Lines[self.LineSel]);
                self.LineSel = null;
            }
        }
        var g = svg.getElementsByClassName(LineID)[0];
        if (g != null) {
            self.LineSel = LineID;
            var pathLine = g.firstChild;
            var pathArrow = g.lastChild;
            pathLine.style.zIndex = "1";
            pathLine.setAttribute("stroke", self.LineSelColor);
            pathArrow.setAttribute("stroke", self.LineSelColor);
            g.parentNode.appendChild(g);
            self.OnLineSelected(self.Lines[LineID]);

        }
    }

    fn.EnableLineSelect = function () {
        var self = this;
        self.ContainerBg.addEventListener("mousedown", function (e) {
            var Line = null;
            if (e.srcElement.tagName == "path") {
                var g = e.srcElement.parentNode;
                var lineId = g.getAttribute("id") || g.getAttribute("ID");
                if (lineId) {
                    Line = self.Lines[lineId];
                }
            }
            if (Line != null) {
                if (e.srcElement.tagName == "path") {
                    self.SelectLine(Line.ID);
                    e.preventDefault();
                    e.stopPropagation();
                }
            } else {
                self.SelectLine();
            }
        });
    }

    fn.EnableLineEnterLeave = function () {
        var self = this;
        var preLineId = null;
        self.ContainerBg.addEventListener("mousemove", function (e) {
            var Pos = {
                X: e.clientX, Y: e.clientY
            }
            self.EleContainer.ClientToOffset(Pos);
            var Line = null;
            if (e.srcElement.tagName == "path") {
                var g = e.srcElement.parentNode;
                var lineId = g.getAttribute("id") || g.getAttribute("ID");
                if (lineId) {
                    Line = self.Lines[lineId];
                }
            }
            var svg = self.Canvas.firstChild;
            if (Line != null) {
                var g = svg.getElementsByClassName(Line.ID)[0];
                if (Line.ID == preLineId) {
                    return;
                }
                var pathLine;
                var pathArrow;
                if (preLineId != self.LineSel) {
                    var preLine = svg.getElementsByClassName(preLineId)[0];
                    if (preLine != null) {
                        pathLine = preLine.firstChild;
                        pathArrow = preLine.lastChild;
                        pathLine.setAttribute("stroke", self.LineColor);
                        pathArrow.setAttribute("stroke", self.LineColor);
                    }
                }
                var preLine = svg.getElementsByClassName(preLineId)[0];
                if (preLine != null) {
                    pathLine = preLine.firstChild;
                    pathArrow = preLine.lastChild;
                    pathLine.setAttribute("stroke", self.LineColor);
                    pathArrow.setAttribute("stroke", self.LineColor);
                }
                preLineId = Line.ID;
                if (g != null) {
                    pathLine = g.firstChild;
                    pathArrow = g.lastChild;
                    pathLine.setAttribute("stroke", self.LineHoverColor);
                    pathArrow.setAttribute("stroke", self.LineHoverColor);
                }

            } else if (preLineId != null) {
                if (preLineId != self.LineSel) {
                    var preLine = svg.getElementsByClassName(preLineId)[0];
                    if (preLine != null) {
                        var pathLine = preLine.firstChild;
                        var pathArrow = preLine.lastChild;
                        pathLine.setAttribute("stroke", self.LineColor);
                        pathArrow.setAttribute("stroke", self.LineColor);
                    }
                }
                preLineId = null;
            }
        });
    }

    fn.EnableFromLocal = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyO" && e.ctrlKey) {
                CLOpenFile(function (File, Name) {
                    if (Name.toLocaleLowerCase().lastIndexOf(".json") < 0) {
                        CLShowMsg('不支持该文件格式.');
                        return;
                    }
                    var reader = new FileReader();
                    //将文件以文本形式读入页面    
                    reader.readAsText(File);
                    reader.onload = function (f) {
                        var data = null
                        try {
                            var Json = JSON.parse(this.result);
                            if (typeof (Json) != 'object') {
                                CLShowMsg('不支持该文件格式.');
                                return;
                            }
                            data = self.getData();
                            self.setData(Json);
                        } catch (e) {
                            CLShowMsg('该文件已损坏.');
                            if (data != null) {
                                self.setData(data);
                            }
                            throw e;
                        }
                    }
                }, ".json");
            }
        });
    }

    fn.EnableSaveAsLocal = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && e.altKey) {
                var data = self.getData();
                CLSaveAsLocal(data.Name + ".Json", JSON.stringify(data, null, 4))
            }
        });
    }

    fn.EnableDeleteLine = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "Delete") {
                if (self.LineSel != null) {
                    self.DeleteLine(self.LineSel);
                    self.LineSel = null;
                }
            }
        });
    }

    fn.EnableDeleteStep = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "Delete") {
                if (self.StepSel != null) {
                    self.DeleteStep(self.StepSel);
                    self.StepSel = null;
                }
            }
        });
    }

    fn.EnableCtrlS = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
                self.Save();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlY = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyY" && e.ctrlKey) {
                self.redo();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlZ = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyZ" && e.ctrlKey) {
                self.undo();
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlN = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyN" && e.ctrlKey) {
                open("/" + CLCorpId() + "/View/Flow/RunFlow.cml?FlowClassID=" + self.FlowClass.ID);
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlF = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyF" && e.ctrlKey) {
                self.DesignForm(self.FlowClass.FormsID);
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlI = function () {
        var self = this;
        self.ContainerBg.addEventListener("keydown", function (e) {
            if (e.code == "KeyI" && e.ctrlKey) {
                if (self.Ele.classList.contains("FlowCoreExAutoStepWidth")) {
                    self.Ele.classList.remove("FlowCoreExAutoStepWidth")
                } else {
                    self.Ele.classList.add("FlowCoreExAutoStepWidth")
                }
                e.stopPropagation();
                e.preventDefault();
            }
        });
    }

    fn.Save = function () {
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpSaveFlowClass";
        var self = this;
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                if ((Json.data != null && Json.data != self.FlowClass.ID) || location.href.indexOf("ID=") < 0) {
                    window.location.href = "/" + CLCorpId() + "/View/Flow/FlowDesigner.cml?ID=" + (Json.data == null ? self.FlowClass.ID : Json.data);
                } else {
                    CLShowMsg("修改成功",false);
                }
            } else {
                CLShowMsg(Json.msg);
            }
        }, JSON.stringify(this.getData()));
    }

    FlowCoreEx.Dynamic = [
        { ID: "Dynamic_10001", Name: "流程发起人" }
        ,{ ID: "Dynamic_10002", Name: "所有员工" }
        , { ID: "Dynamic_10003", Name: "成员字段" }
        , { ID: "Dynamic_10004", Name: "部门字段" }
        , { ID: "Dynamic_10005", Name: "部门主管" }];

    FlowCoreEx.MemberSel = function (jData, Container, MultiSel, IconText, treeName, limit) {
        this.Prefix = CLMakeId();
        var This = this;
        var TreeContainer = document.createElement("div");
        TreeContainer.style.overflow = "auto";
        TreeContainer.style.width = "50%";
        TreeContainer.style.height = "100%";
        TreeContainer.style.cssFloat = "left";
        TreeContainer.style.borderRight = "1px solid rgb(224, 224, 224)";
        var Tree = new CLTop.CLTree(jData);
        Tree.IconText = IconText;
        Tree.Render(TreeContainer);
        TreeContainer.lastChild.style.overflow = "auto";
        Container.appendChild(TreeContainer);
        var MemberContainer = TreeContainer.cloneNode();
        Tree.OnSelected = function (Item) {
            var Items = MemberContainer.firstChild.getElementsByClassName("Item");
            for (var i = 0; i < Items.length ; i++) {
                if (Items[i].classList.contains("ItemHidden")) {
                    Items[i].classList.remove("ItemHidden");
                }
            }
            if (Item.ID == 1) {
                return;
            }
            Items = MemberContainer.firstChild.childNodes;
            for (var i = 0; i < Items.length; i++) {
                if (Items[i].ItemData[treeName].indexOf(Item.ID) < 0) {
                    Items[i].classList.add("ItemHidden");
                }
            }
        }
        MemberContainer.className = "CLList";
        var AllMember = CLApp.getUserList();
        AllMember = CLClone(AllMember);
        for (var i = 0; i < AllMember.length ; i++) {
            AllMember[i] = {
                ID: AllMember[i].userid,
                Name: AllMember[i].name,
                department: AllMember[i].department,
                Roles: AllMember[i].Roles
            };
        }
        //限定范围
        if (limit) {
            function Has(jData, Member, IsSel) {
                if (Member[treeName].indexOf(jData.ID) >= 0 && IsSel == true) {
                    return true;
                }
                var ret = false;
                var Sel;
                for (var i = 0; jData.SubNode != null && i < jData.SubNode.length ; i++) {
                    if (IsSel == null) {
                        Sel = jData.SubNode[i].IsSel;
                    } else {
                        Sel = IsSel;
                    }
                    ret = Has(jData.SubNode[i], Member, Sel);
                    if (ret == true) {
                        return true;
                    }
                }
                return false;
            }
            for (var i = 0; i < AllMember.length ; i++) {
                if (!Has(jData, AllMember[i], jData.IsSel)) {
                    AllMember.splice(i, 1);
                    i--;
                }
            }
        }
        var jsMember = this;
        jsMember.OnSelected = function () {

        }

        jsMember.OnLostSelected = function () {

        }

        this.Select = function (Id) {
            List.Select(Id);
        }

        this.Selects = function (IDs) {
            IDs = CLClone(IDs);
            List.Selects(IDs);
        }

        this.UnSelect = function (Id) {
            List.UnSelect(Id);
        }

        this.UnSelects = function (IDs) {
            IDs = CLClone(IDs);
            List.UnSelects(Id);
        }

        this.Search = function (sValue) {
            List.Search(sValue);
        }

        var List = new CLTop.CLList(AllMember, MemberContainer, true, function (Item, ItemData) {
        });
        List.OnSelected = function (ItemData) {
            jsMember.OnSelected(ItemData);
        }
        List.OnLostSelected = function (ItemData) {
            jsMember.OnLostSelected(ItemData);
        }
        Container.appendChild(MemberContainer);
        Object.defineProperty(this, "Visible", {
            get: function () {
                return this.IsVisible == true;
            },
            set: function (val) {
                this.IsVisible = (val == true);
                if (this.IsVisible) {
                    TreeContainer.style.display = "block";
                    MemberContainer.style.display = "block";
                } else {
                    TreeContainer.style.display = "none";
                    MemberContainer.style.display = "none";
                }
            }
        });
    }

    FlowCoreEx.DynamicSel = function (jData, Container, FormFields) {
        this.Prefix = CLMakeId();
        var This = this;
        var divLeft = document.createElement("div");
        divLeft.style.width = "33.3%";
        divLeft.style.height = "100%";
        divLeft.style.cssFloat = "left";
        divLeft.style.borderRight = "solid 1px #ccc";
        Container.appendChild(divLeft);
        var LeftList = new CLTop.CLList(jData, divLeft);
        var divRight = document.createElement("div");
        divRight.style.width = "66.7%";
        divRight.style.height = "100%";
        divRight.style.cssFloat = "left";
        Container.appendChild(divRight);
        var jRList = [
            {
                ID: "发起人_100001",
                Name: "流程发起人",
                Type: "流程发起人",
            },
            {
                ID: "所有员工_100002",
                Name: "所有员工",
                Type: "所有员工",
            }
        ];
        jRList.push({
            ID: "发起人" + "|" + "直接部门主管",
            Name: "直接部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "上级部门主管",
            Name: "上级部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "三级部门主管",
            Name: "三级部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "四级部门主管",
            Name: "四级部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "五级部门主管",
            Name: "五级部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "六级部门主管",
            Name: "六级部门主管",
            Type: "部门主管",
        });
        jRList.push({
            ID: "发起人" + "|" + "七级部门主管",
            Name: "七级部门主管",
            Type: "部门主管",
        });
        var jMList = [];
        jMList.push({
            ID: "发起人",
            Name: "发起人",
            Type: null,
        });
        var ID_Names = {
            "发起人": "发起人"
        };
        for (var i = 0; i < FormFields.length ; i++) {
            ID_Names[FormFields[i].ID] = FormFields[i].Name;
            if (FormFields[i].className == "成员单选" || FormFields[i].className == "成员多选") {
                jRList.push({
                    ID: FormFields[i].ID,
                    Name: FormFields[i].Name,
                    Type: "成员字段",
                });
            }
            if (FormFields[i].className == "部门单选" || FormFields[i].className == "部门多选") {
                jRList.push({
                    ID: FormFields[i].ID,
                    Name: FormFields[i].Name,
                    Type: "部门字段",
                });
            }
            if (FormFields[i].className == "成员单选" || FormFields[i].className == "成员多选" || FormFields[i].className == "部门单选" || FormFields[i].className == "部门多选") {
                jMList.push({
                    ID: FormFields[i].ID,
                    Name: FormFields[i].Name,
                    Type: null,
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "直接部门主管",
                    Name: "直接部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "上级部门主管",
                    Name: "上级部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "三级部门主管",
                    Name: "三级部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "四级部门主管",
                    Name: "四级部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "五级部门主管",
                    Name: "五级部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "六级部门主管",
                    Name: "六级部门主管",
                    Type: "部门主管",
                });
                jRList.push({
                    ID: FormFields[i].ID + "|" + "七级部门主管",
                    Name: "七级部门主管",
                    Type: "部门主管",
                });
            }
        }
        var MiddleList = new CLTop.CLList(jMList, divRight);
        var divMList = divRight.lastChild;
        divMList.style.display = "none";
        divMList.style.width = "50%";
        divMList.style.cssFloat = "left";
        divMList.style.borderRight = "#e0e00e solid 1px";
        MiddleList.OnSelected = function (ItemData) {
            RightList.Search("★★★");
            MiddleList.selItemData = ItemData;
            nameSpan.innerHTML = ItemData.Name + ":";
            var Items = divRight.getElementsByClassName("Item");
            for (var i = 0 ; i < Items.length ; i++) {
                if (Items[i].ItemData.Type == "部门主管" && ItemData.ID + "|" + Items[i].ItemData.Name == Items[i].ItemData.ID) {
                    Items[i].classList.remove("ItemHidden");
                }
            }
        }

        var RightList = new CLTop.CLList(jRList, divRight, true);
        var divRList = divRight.lastChild;
        divRList.style.cssFloat = "left";
        var nameSpan = document.createElement("span");
        nameSpan.style.color = "#91a1b7";
        nameSpan.style.padding = "0 30px 0 10px";
        divRList.insertBefore(nameSpan, divRList.firstChild);
        RightList.Search("★★★");
        LeftList.OnSelected = function (ItemData) {
            RightList.Search("★★★");
            var Items = divRight.getElementsByClassName("Item");
            for (var i = 0 ; i < Items.length ; i++) {
                if (Items[i].ItemData.Type == ItemData.Name && ItemData.Name != "部门主管") {
                    Items[i].classList.remove("ItemHidden");
                }
            }
            if (ItemData.Name == "部门主管") {
                divMList.style.display = "";
                divRList.style.width = "50%";
                nameSpan.style.display = "inline";
                if (MiddleList.selItemData == null) {
                    MiddleList.Select("发起人");
                } else {
                    MiddleList.OnSelected(MiddleList.selItemData);
                }
            } else {
                nameSpan.style.display = "";
                divMList.style.display = "none";
                divRList.style.width = "100%";
            }
        }
        LeftList.Select("Dynamic_10001");
        RightList.OnSelected = function (ItemData) {
            ItemData = CLClone(ItemData);
            if (ItemData.Type == "部门主管") {
                ItemData.Name = ID_Names[ItemData.ID.split("|")[0]] + "|" + ItemData.Name;
            }
            This.OnSelected(ItemData);
        }
        RightList.OnLostSelected = function (ItemData) {
            This.OnLostSelected(ItemData);
        }
        This.OnSelected = function () {

        }

        This.OnLostSelected = function () {

        }

        This.Select = function (Id) {
            RightList.Select(Id);
        }

        This.Selects = function (IDs) {
            IDs = CLClone(IDs);
            for (var i = 0; i < IDs.length; i++) {
                this.Select(IDs[i]);
            }
        }

        This.UnSelect = function (Id) {
            RightList.UnSelect(Id);
        }

        This.UnSelects = function (IDs) {
            IDs = CLClone(IDs);
            for (var i = 0; i < IDs.length; i++) {
                this.UnSelect(IDs[i]);
            }
        }
        Object.defineProperty(this, "Visible", {
            get: function () {
                return this.IsVisible == true;
            },
            set: function (val) {
                this.IsVisible = (val == true);
                if (this.IsVisible) {
                    divLeft.style.display = "block";
                    divRight.style.display = "block";
                } else {
                    divLeft.style.display = "none";
                    divRight.style.display = "none";
                }
            }
        });
    }

    fn.SelectHandle = function (Handlers, Success, HasDynamic) {
        var dlg = null;
        var self = this;
        if (self.FlowClass.FormsID == null) {
            CLShowMsg("请先选择表单...");
            return;
        }
        if (self.FormFields == null) {
            self.GetFormFields(self.FlowClass.FormsID, function (Fields) {
                self.FormFields = Fields;
                self.SelectHandle(Handlers, Success, HasDynamic);
            });
            return;
        }
        if (HasDynamic == null) {
            HasDynamic = true;
        }
        var Range = Handlers;
        if (Range == null) {
            Range = {
                Parts: [

                ],
                Roles: [

                ],
                Members: [

                ],
                Dynamic: [

                ]
            }
        }
        var MemberRangeSel = document.createElement("div");
        MemberRangeSel.style.height = "310px";
        MemberRangeSel.style.border = "solid 1px #e0e0e0";
        MemberRangeSel.style.borderTop = "none";
        var div = document.createElement("div");
        div.style.width = "610px";
        div.style.height = "575px";
        dlg = new CLDialog(div);
        dlg.CreateAll("成员列表", function () {
            var Ranges = SelContainer.childNodes;
            var Handlers = {
                Parts: [

                ],
                Roles: [

                ],
                Members: [

                ],
                Dynamic: [

                ]
            };
            for (var i = 0; i < Ranges.length ; i++) {
                if (Ranges[i].Type == "Dynamic") {
                    Handlers[Ranges[i].Type].push({
                        "ID": Ranges[i].Item.ID, "Name": Ranges[i].Item.Name, Type: Ranges[i].Item.Type
                    });
                } else if (Ranges[i].Type == "Members") {
                    Handlers[Ranges[i].Type].push(Ranges[i].Item.ID);
                } else {
                    Handlers[Ranges[i].Type].push({
                        "ID": Ranges[i].Item.ID, "Name": Ranges[i].Item.Name
                    });
                }
            }
            Success(Handlers);
        });

        var Body = dlg.Body;
        var SelContainer = document.createElement("div");
        SelContainer.style.height = "80px";
        SelContainer.style.marginBottom = "10px";
        SelContainer.style.overflow = "auto";
        SelContainer.style.border = "solid 1px #e0e0e0";
        Body.appendChild(SelContainer);
        var tableBar = document.createElement("div");
        tableBar.style.border = "solid 1px #e0e0e0";
        tableBar.style.height = "40px";
        tableBar.style.padding = "0 10px";
        tableBar.style.lineHeight = "38px";
        tableBar.style.position = "relative";
        tableBar.style.overflow = "hidden";
        tableBar.style.overflowX = "auto";
        tableBar.style.whiteSpace = "nowrap";
        tableBar.onscroll = function () {
            input.style.marginRight = -tableBar.scrollLeft + "px";
            iconSearch.style.marginRight = -tableBar.scrollLeft + "px";
        }
        Body.appendChild(tableBar);

        Body.appendChild(MemberRangeSel);

        var Btn = document.createElement("div");
        Btn.className = "BarBtn";
        Btn.style.width = "100px";
        Btn.style.display = "inline-block";
        Btn.style.height = "40px";
        Btn.style.textAlign = "center";
        Btn.innerHTML = "组织架构";
        Btn.style.cursor = "pointer";
        Btn.Sel = function () {
            if (tableBar.SelObj != null) {
                tableBar.SelObj.Visible = false;
            }
            if (tableBar.DepartTree != null) {
                tableBar.DepartTree.Visible = true;
            } else {
                var jData = CLApp.getDepartTree()[0];
                var Tree = new CLTop.CLTree(jData);
                Tree.IconText = "";
                Tree.MultiSel = true;
                Tree.OverFlowAuto = true;
                Tree.Render(MemberRangeSel);
                var divTree = MemberRangeSel.lastChild;
                divTree.style.overflow = "auto";
                divTree.style.maxHeight = "100%";
                divTree.style.maxWidth = "100%";
                Tree.Type = "Parts";
                tableBar.DepartTree = Tree;
                Tree.OnSelected = function (Item) {
                    ItemSel(Item, Tree, "&#xe600;");
                }
                Tree.OnLostSelected = function (Item) {
                    Div = CLTop.document.getElementById("ItemSel_" + Tree.Prefix + "_" + Item.ID);
                    if (Div != null) {
                        SelContainer.removeChild(Div);
                    }
                }
                for (var i = 0; i < Range.Parts.length ; i++) {
                    Tree.Select(Range.Parts[i].ID);
                }
            }

            tableBar.SelObj = tableBar.DepartTree;
        }
        Btn.onclick = function (e) {
            if (tableBar.Sel != null) {
                tableBar.Sel.style.borderBottom = "";
                tableBar.Sel.style.color = "";
            }
            var Btn = e.currentTarget;
            Btn.style.borderBottom = "solid 4px #0DB3A6";
            Btn.style.color = "#0DB3A6";
            tableBar.Sel = Btn;
            Btn.Sel();
        }
        function ItemSel(Item, Tree, IconText) {
            var Div = document.createElement("div");
            Div.style.padding = "0 10px";
            Div.style.height = "30px";
            Div.style.margin = "5px 0 0 5px";
            Div.style.lineHeight = "30px";
            Div.style.display = "inline-block";
            Div.id = "ItemSel_" + Tree.Prefix + "_" + Item.ID;
            var Icon = document.createElement("div");
            Icon.style.cssText = "font-family: CLFont!important;display: inline-block;font-size: 16px;font-weight: 100;margin-right: 5px;";
            Icon.style.color = "#0db3a6";
            Icon.innerHTML = IconText;
            Div.appendChild(Icon);
            var span = document.createElement("span");
            span.innerHTML = Item.Name;
            Div.appendChild(span);
            var Close = document.createElement("div");
            Close.style.cssText = "height: 30px;cursor:pointer; margin-left: 8px;display: inline-block;line-height: 30px;font-size: 18px;color: #333; font-family: 'CLFont'!important;";
            Close.innerHTML = "&#xe7e4;";
            Div.appendChild(Close);
            SelContainer.appendChild(Div);
            Div.Item = Item;
            Div.Type = Tree.Type;
            Close.onclick = function () {
                Tree.UnSelect(Item.ID);
            }
        }
        tableBar.appendChild(Btn);
        var cloneBtn = Btn.cloneNode();
        cloneBtn.innerHTML = "角色";
        cloneBtn.onclick = Btn.onclick;
        cloneBtn.Sel = function () {
            if (tableBar.SelObj != null) {
                tableBar.SelObj.Visible = false;
            }
            if (tableBar.RoleTree != null) {
                tableBar.RoleTree.Visible = true;
            } else {
                var jData = CLApp.getRoleTree()[0];
                var Tree = new CLTop.CLTree(jData);
                Tree.IconText = "";
                Tree.MultiSel = true;
                Tree.OverFlowAuto = true;
                Tree.Render(MemberRangeSel);
                MemberRangeSel.lastChild.style.overflow = "auto";
                MemberRangeSel.lastChild.style.maxHeight = "100%";
                Tree.Type = "Roles";
                tableBar.RoleTree = Tree;
                Tree.OnSelected = function (Item) {
                    ItemSel(Item, Tree, "&#xe737;");
                }
                Tree.OnLostSelected = function (Item) {
                    Div = CLTop.document.getElementById("ItemSel_" + Tree.Prefix + "_" + Item.ID);
                    if (Div != null) {
                        SelContainer.removeChild(Div);
                    }
                }
                for (var i = 0; i < Range.Roles.length ; i++) {
                    Tree.Select(Range.Roles[i].ID);
                }
            }
            tableBar.SelObj = tableBar.RoleTree;
        }
        cloneBtn.Sel();
        tableBar.appendChild(cloneBtn);
        var cloneBtn = Btn.cloneNode();
        cloneBtn.innerHTML = "成员";
        cloneBtn.onclick = Btn.onclick;
        cloneBtn.Sel = function () {
            if (tableBar.SelObj != null) {
                tableBar.SelObj.Visible = false;
            }
            if (tableBar.MemSel != null) {
                tableBar.MemSel.Visible = true;
            } else {
                var jData = CLApp.getDepartTree()[0];
                var MemSel = new FlowCoreEx.MemberSel(jData, MemberRangeSel, true, "", "department", false);
                MemSel.Type = "Members";
                tableBar.MemSel = MemSel;
                MemSel.OnSelected = function (Item) {
                    ItemSel(Item, MemSel, "&#xe78c;");
                }
                MemSel.OnLostSelected = function (Item) {
                    Div = CLTop.document.getElementById("ItemSel_" + MemSel.Prefix + "_" + Item.ID);
                    if (Div != null) {
                        SelContainer.removeChild(Div);
                    }
                }
                for (var i = 0; i < Range.Members.length ; i++) {
                    MemSel.Select(Range.Members[i].ID || Range.Members[i]);
                }
            }
            tableBar.SelObj = tableBar.MemSel;
        }
        cloneBtn.Sel();
        tableBar.appendChild(cloneBtn);
        if (HasDynamic) {
            var cloneBtn = Btn.cloneNode();
            cloneBtn.innerHTML = "动态参数";
            cloneBtn.Sel = function () {
                if (tableBar.SelObj != null) {
                    tableBar.SelObj.Visible = false;
                }
                if (tableBar.DynamicSel != null) {
                    tableBar.DynamicSel.Visible = true;
                } else {
                    var jData = FlowCoreEx.Dynamic;
                    var DynamicSel = new FlowCoreEx.DynamicSel(jData, MemberRangeSel, self.FormFields);
                    DynamicSel.Type = "Dynamic";
                    tableBar.DynamicSel = DynamicSel;
                    DynamicSel.OnSelected = function (Item) {
                        if (Item.Type == "部门字段") {
                            ItemSel(Item, DynamicSel, "&#xe600;");
                        } else {
                            ItemSel(Item, DynamicSel, "&#xe78c;");
                        }
                    }
                    DynamicSel.OnLostSelected = function (Item) {
                        Div = CLTop.document.getElementById("ItemSel_" + DynamicSel.Prefix + "_" + Item.ID);
                        if (Div != null) {
                            SelContainer.removeChild(Div);
                        }
                    }
                    for (var i = 0; i < Range.Dynamic.length ; i++) {
                        DynamicSel.Select(Range.Dynamic[i].ID);
                    }
                }
                tableBar.SelObj = tableBar.DynamicSel;
            }
            cloneBtn.Sel();
            cloneBtn.onclick = Btn.onclick;
            tableBar.appendChild(cloneBtn);
        }

        var input = document.createElement("input");
        input.style.height = "24px";
        input.style.lineHeight = "24px";
        input.style.margin = "8px";
        input.style.padding = "0 5px 0 15px";
        input.style.width = "120px";
        input.style.position = "absolute";
        input.style.right = "0";
        input.style.border = "none";
        input.setAttribute("placeholder", "输入名称搜索");
        input.oninput = function () {
            if (tableBar.SelObj != null && tableBar.SelObj.Search != null) {
                tableBar.SelObj.Search(input.value == null ? "" : input.value);
            }
        }
        tableBar.appendChild(input);

        var iconSearch = document.createElement("span");
        iconSearch.style.cssText = "position: absolute; right: 10px; font-size:12px;font-weight:900; line-height: 40px;  color: rgb(137, 137, 137); font-family: CLFont;";
        iconSearch.innerHTML = "&#xe65c;";
        tableBar.appendChild(iconSearch);

        tableBar.firstChild.onclick({
            currentTarget: tableBar.firstChild
        });
    }

    function PropSplit(Body) {
        var div = document.createElement("div");
        div.classList.add("Split");
        Body.appendChild(div);
    }

    function PropLabel(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Label");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    function PropValue(Body, tag) {
        var input = document.createElement(tag == null ? "input" : tag);
        input.classList.add("Value");
        Body.appendChild(input);
        return input;
    }

    function PropBtn(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Value");
        div.classList.add("Btn");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }
    //流程接口

    //回调接口
    fn.GetFormTree = function () {

    }
    //回调接口
    fn.GetFormFields = function (FormsID, Success) {
        if (FormsID == null) {
            CLShowMsg("没有设置表单ID");
            return
        }
        var jForm = CLApp.getFormById(FormsID);
        var Fields = [].concat(jForm.Fields);
        Success(Fields);
    }
    //Http接口
    fn.DesignForm = function (FormsID) {
        window.open("/" + CLCorpId() + "/View/Form/FrmDesigner.cml?ID=" + FormsID);
    }

    //上传图片
    fn.UpLoadFile = function (File, ExtInfo, Success, onProgress) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
        HttpPost(Url, Success, { ExtInfo: ExtInfo }, true, null, null, File, File.name, onProgress);
    }

    fn.ParamSetter = function (Name, subFormFields, ParamInfo, End, rPlaceHolder) {
        var self = this;
        if (self.FlowClass.FormsID == null) {
            CLShowMsg("请先选择表单");
            return;
        }
        if (self.FormFields == null) {
            self.GetFormFields(self.FlowClass.FormsID, function (Fields) {
                self.FormFields = Fields;
                self.ParamSetter(Name, subFormFields, ParamInfo, End, rPlaceHolder);
            });
            return;
        }
        CLLoad("/View/Form/lib/Frm/DialogEventHandle.css");
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:845px;height:700px";
        var dlg = new CLDialog(dlgDiv);
        if (ParamInfo == null) {
            ParamInfo = [];
        }
        var Body;
        ParamInfo = CLClone(ParamInfo);
        dlg.CreateAll(Name, function () {
            for (var j = 0; j < ParamInfo.length; j++) {
                var bHas = false;
                for (var i = 0; i < subFormFields.length ; i++) {
                    if (ParamInfo[j].ID == subFormFields[i].ID) {
                        bHas = true;
                    }
                }
                if (!bHas) {
                    ParamInfo.splice(j, 1);

                }
            }
            End(ParamInfo);
        });
        Body = dlg.Body;
        Body.classList.add("Container");
        dlgDiv.classList.add("DialogEventHandle");
        Body.style.overflow = "auto";
        Body.style.maxHeight = "calc(100% - 42px)";
        Body.style.display = "block";
        var divLabel = document.createElement("div");
        divLabel.className = "titleLabel";
        divLabel.innerHTML = "需要传递那些字段";
        Body.appendChild(divLabel);

        var spanLabel = document.createElement("div");
        spanLabel.className = "addSpan";
        spanLabel.innerHTML = "<span style='font-family:CLFont'>&#xe767</span>请添加字段";
        Body.appendChild(spanLabel);
        spanLabel.onclick = function (e) {
            var Menu = {
                "style": {
                    "max-width": "230px",
                    "max-height": "230px",
                    "overflow": "auto",
                    "margin-top": "15px",
                    "background-color": "#fff",
                },
                "Items": [
                ]
            }
            var Fields = subFormFields;
            var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "提交时间", "更新时间", "流程状态"];
            for (var i = 0; i < Fields.length ; i++) {
                if (listName.indexOf(Fields[i].className) >= 0) {
                    continue;
                }
                var Item = {
                    "style": {
                        "min-width": "230px",
                        "max-width": "230px",
                    },
                    "Icon": "",
                    "Text": Fields[i].Name,
                    "Node": e.currentTarget,
                    "Data": Fields[i],
                    "CallBack": function (e) {
                        e.currentTarget.Disabled = true;
                        AddUpdateField(this.Data);
                    }
                }
                var bHas = false;
                for (var j = 0; j < ParamInfo.length; j++) {
                    if (ParamInfo[j].ID == Fields[i].ID) {
                        bHas = true;
                    }
                }
                Item.Enable = !bHas;
                Menu.Items.push(Item);
            }
            var _CLMenu = new CLMenu(Menu, spanLabel);
            _CLMenu.EnableSearch(true);
        }

        var divFields = document.createElement("div");
        divFields.style.cssText = "width:100%;";
        Body.appendChild(divFields);

        function AddUpdateField(Field) {
            ParamInfo.push({
                ID: Field.ID,
                valType: "流程表单字段值",
                Val: null,
                ctrlID: null,
                className: Field.className
            });
            Body.ShowFields();
        }

        Body.getField = function (Id) {
            var Fields = subFormFields;
            for (var i = 0; i < Fields.length; i++) {
                if (Fields[i].ID == Id) {
                    return Fields[i];
                }
                if (Fields[i].className == "子表单") {
                    var subFields = Fields[i].Field;
                    for (var j = 0; j < subFields.length ; j++) {
                        if (subFields[j].ID == Id) {
                            return subFields[j];
                        }
                    }
                }
            }
            return null;
        }

        Body.ShowFields = function ShowFields() {
            divFields.innerHTML = "";
            var Fields = ParamInfo;
            for (var i = 0; i < Fields.length; i++) {
                var Field = Body.getField(Fields[i].ID);
                if (Fields[i].className == "子表单") {
                    Fields[i].GetSubFields = function () {
                        return this.GetSubFields.Field;
                    }
                    Fields[i].GetSubFields.Field = Field.Field;
                }
                if (Field == null) {
                    continue;
                }
                var divLine = DialogEventHandle.createValLine(Fields[i], Field.Name, divFields, self.FormFields, rPlaceHolder);
                divLine.oldRemove = divLine.remove;
                divLine.remove = function () {
                    ParamInfo.splice(Fields.indexOf(this.ValField), 1);
                    this.oldRemove();
                }
                divLine.Remove = function () {
                    this.remove();
                }
            }
        }

        Body.ShowFields();
    }

    fn.QueryStepSource = function (dataSource) {
        var self = this;
        var dataForm = {
            ID: dataSource.ID,
            Name: dataSource.Name
        };
        var stepId = dataSource.StepID;
        var Steps = self.FlowClass.Steps;
        Steps.forEach(function (step) {
            if (step.ID == stepId) {
                var arrHandles = [step.endEventHandle, step.submitEventHandle, step.startEventHandle];
                for (var x = 0; x < arrHandles.length; x++) {
                    var Handles = arrHandles[x];
                    if (Handles == null) {
                        continue;
                    }
                    for (var i = Handles.length - 1; i > -1 ; i--) {
                        if (Handles[i].Handle && Handles[i].Handle.dataExcel) {
                            var Output = Handles[i].Handle.dataExcel.Output;
                            if (Output) {
                                var Dims = Output.Dimensions;
                                var Pits = Output.Pointers;
                                var arr = [].concat(Dims).concat(Pits);
                                dataForm.Fields = CLClone(arr);
                            }
                        }
                    }
                }
            }
        });
        return dataForm;
    }

    fn.QueryFormSource = function (dataSource) {
        var self = this;
        var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "子表单"];
        var formId = dataSource.FormID;
        var form = CLApp.getFormById(self.FlowClass.FormsID);
        var dataForm = {
            ID: dataSource.ID,
            Name: dataSource.Name,
            Fields: []
        };
        var Fields = dataForm.Fields;
        if (form.ID == formId) {
            form.Fields.forEach(function (field) {
                if (listName.indexOf(field.className) < 0) {
                    if (/^[0-9]+$/.test(field.ID)) {
                        Fields.push({ ID: "DataField_" + field.ID, Name: field.Name, className: field.className });
                    } else {
                        Fields.push({ ID: field.ID, Name: field.Name, className: field.className });
                    }
                }
            });
        } else {
            form.Fields.forEach(function (field) {
                if (field.ID == formId && field.className == "子表单") {
                    if (field.Field) {
                        field.Field.forEach(function (field) {
                            if (/^[0-9]+$/.test(field.ID)) {
                                Fields.push({ ID: "DataField_" + field.ID, Name: field.Name, className: field.className });
                            } else {
                                Fields.push({ ID: field.ID, Name: field.Name, className: field.className });
                            }
                        });
                    }
                }
            });
        }
        return dataForm;
    }

    fn.CreateStepSource = function (dataSource, End) {
        var self = this;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:600px;height:400px";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("选择流程节点", function () {
            dataSource.StepID = dataStep.ID;
            dataSource.Name = dataStep.Name;
            End(dataSource);
        });
        dlg.Body.style.overflow = "hidden";
        dlg.Body.style.position = "relative";
        dlg.EnableMove();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var core = new FlowCoreEx(dlg.Body, false);
        var createStep = core.createStep;
        var dataStep = null;
        core.createStep = function () {
            var divStep = createStep.apply(this, arguments);
            divStep.onmousedown = function (e) {
                if (divStep.Step.ID == currentId) {
                    CLShowMsg("不可选择当前节点");
                    return;
                }
                var stepSel = dlg.Body.querySelector(".StepSel");
                if (stepSel) {
                    stepSel.classList.remove("StepSel");
                    stepSel.style.background = "";
                }
                divStep.classList.add("StepSel");
                divStep.style.background = "rgba(13,179,166,0.5)";
                dataStep = divStep.Step;
                e.stopImmediatePropagation();
            }
            divStep.ondblclick = function () {
                if (divStep.Step.ID == currentId) {
                    return;
                }
                dataSource.StepID = dataStep.ID;
                dataSource.Name = dataStep.Name;
                End(dataSource);
                dlg.Close();
            }
            return divStep;
        }
        core.Container.parentNode.onmousedown = function (e) {
            var stepSel = dlg.Body.querySelector(".StepSel");
            if (stepSel) {
                stepSel.classList.remove("StepSel");
                stepSel.style.background = "";
            }
            dataStep = null;
        }
        core.setData(CLClone(self.FlowClass));
        core.EleContainer.CenterAll();
    }

    fn.CreateFormSource = function (dataSource, End) {
        var self = this;
        var form = CLApp.getFormById(self.FlowClass.FormsID);
        var Menu = {
            "style": {
                "max-height": "100%",
                "overflow-y": "auto",
                "min-width": "130px"
            },
            "Items": []
        }
        var Items = Menu.Items;
        Items.push({
            "Text": form.Name,
            "ID": form.ID,
            "Enable": true,
            "CallBack": function (e) {
                dataSource.FormID = this.ID;
                dataSource.Name = form.Name;
                End(dataSource);
                menu.Close();
            }
        });
        form.Fields.forEach(function (field) {
            if (field.className == "子表单") {
                Items.push({
                    "Text": field.Name,
                    "ID": field.ID,
                    "Enable": true,
                    "CallBack": function (e) {
                        dataSource.FormID = this.ID;
                        dataSource.Name = field.Name;
                        End(dataSource);
                        menu.Close();
                    }
                });
            }
        });
        var menu = new CLMenu(Menu, event == null || event.currentTarget.getBoundingClientRectEx == null ? null : event.currentTarget);
    }

    var currentId = null;

    fn.DialogEventHandle = function (EventHandle, Success, flag) {
        var self = this;
        if (self.FlowClass.FormsID == null) {
            CLShowMsg("请先选择表单");
            return;
        }
        if (flag !== false) {
            DialogEventHandle(EventHandle, Success, self.FlowClass.FormsID, false, self);
        } else {
            DialogEventHandle(EventHandle, Success, self.FlowClass.FormsID, false);
        }
    }
    //回调接口(已实现)
    fn.SelectImage = function (Success) {
        var self = this;
    }

    fn.OpenFieldDialog = function (FieldsAuth, End) {
        if (this.FlowClass.FormsID == null) {
            CLShowMsg("请先选择表单...");
            return;
        }
        var self = this;
        if (self.FormFields == null) {
            self.GetFormFields(this.FlowClass.FormsID, function (Fields) {
                self.FormFields = Fields;
                InitData(Fields);
            });
        } else {
            InitData(this.FormFields);
        }

        function InitData(FormFields) {
            var BriefNames = ["流水号", "单行文本", "数字", "时间日期", "单选按钮组", "下拉框", "成员单选", "成员多选", "部门单选", "部门多选"];
            var divDlg = document.createElement("div");
            divDlg.style.cssText = "width:600px;height:600px";
            var Dlg = new CLDialog(divDlg);
            Dlg.CreateAll("字段权限", function () {
                var Body = Dlg.Body;
                var FlowTreeLines = Body.getElementsByClassName("Line");
                var FormFieldsAuth = [];
                for (var i = 0; i < FlowTreeLines.length ; i++) {
                    FormFieldsAuth.push({
                        ID: FlowTreeLines[i].ID,
                        Name: FlowTreeLines[i].Name,
                        className: FlowTreeLines[i].class,
                        Brief: FlowTreeLines[i].BriefBox == null ? false : FlowTreeLines[i].BriefBox.checked,
                        Limit: FlowTreeLines[i].LimitBox == null ? false : FlowTreeLines[i].LimitBox.checked,
                        Read: FlowTreeLines[i].ReadBox.checked,
                        Write: FlowTreeLines[i].WriteBox.checked,
                    });
                }
                console.log(FormFieldsAuth);
                End(FormFieldsAuth);
            });
            var Body = Dlg.Body;
            Dlg.EnableMove();
            Body.classList.add("FlowFields");
            Body.style.overflow = "auto";
            var divLines = document.createElement("div");
            divLines.style.width = "100%";
            divLines.style.overflow = "hidden";
            var divTitle = document.createElement("div");
            divTitle.className = "Title";
            divTitle.style.cssText = "display: inline-block;line-height: 30px;padding-left: 20px;cursor: default;width: 100%;box-sizing: border-box;border-radius: 2px;";
            divLines.className = "FLines";
            divLines.appendChild(divTitle);
            var Vars = [];
            for (var i = 0; i < FormFields.length ; i++) {
                Vars.push({
                    ID: FormFields[i].ID,
                    Name: FormFields[i].Name,
                    className: FormFields[i].className,
                    Visible: FormFields[i].Visible != false,
                    Editable: FormFields[i].Editable != false
                });
                if (FormFields[i].className == "子表单") {
                    for (var j = 0; j < FormFields[i].Field.length; j++) {
                        Vars.push({
                            ID: FormFields[i].Field[j].ID,
                            ParentID: FormFields[i].Field[j].ParentID,
                            Name: FormFields[i].Field[j].Name + "<code style='color:rgb(0,128,0)'>【" + FormFields[i].Name + "】</code>",
                            className: FormFields[i].Field[j].className,
                            Visible: FormFields[i].Field[j].Visible != false,
                            Editable: FormFields[i].Field[j].Editable != false
                        });
                    }
                }
            }
            var label = document.createElement("label");
            label.innerHTML = "表单字段";
            divTitle.appendChild(label);
            divLines.appendChild(divTitle);
            var BoxAllBrief = document.createElement("div");
            BoxAllBrief.style.float = "right";
            BoxAllBrief.style.marginRight = "3px";
            BoxAllBrief.style.display = "inline-block";
            BoxAllBrief.style.width = "55px";
            BoxAllBrief.style.height = "30px";
            divTitle.appendChild(BoxAllBrief);
            var BoxAllRead = BoxAllBrief.cloneNode();
            BoxAllRead.style.width = "";
            divTitle.appendChild(BoxAllRead);
            var AllReadBox = new CLCheckBox("全选", BoxAllRead);
            AllReadBox.onchanged = function () {
                var Items = Body.getElementsByClassName("Line");
                var isCheckd = AllReadBox.checked;
                for (var i = 0; i < Items.length; i++) {
                    if (Items[i].ReadBox != null && Items[i].ReadBox.checked != isCheckd) {
                        Items[i].ReadBox.checked = isCheckd;
                    }
                }
            }
            var BoxAllWrite = BoxAllRead.cloneNode();
            BoxAllWrite.style.width = "61px";
            divTitle.appendChild(BoxAllWrite);
            var AllWriteBox = new CLCheckBox("全选&nbsp;", BoxAllWrite);

            AllWriteBox.onchanged = function () {
                var Items = Body.getElementsByClassName("Line");
                var isCheckd = AllWriteBox.checked;
                for (var i = 0; i < Items.length; i++) {
                    if (Items[i].WriteBox != null && Items[i].WriteBox.checked != isCheckd) {
                        Items[i].WriteBox.checked = isCheckd;
                    }
                }
            }
            function CalcSel(index) {
                var HasNoChecked = false;
                var Items = Body.getElementsByClassName("Line");
                var Names = ["BriefBox", "ReadBox", "WriteBox"];
                for (var i = 0; i < Items.length ; i++) {
                    if (Items[i][Names[index]] != null && Items[i][Names[index]].checked == false) {
                        HasNoChecked = true;
                    }
                }
                if (index == 1) {
                    AllReadBox.Checked = !HasNoChecked;
                } else {
                    AllWriteBox.Checked = !HasNoChecked;
                }
            }
            for (var j = 0; j < Vars.length; j++) {
                var div = document.createElement("div");
                div.innerHTML = Vars[j].Name;
                div.Name = Vars[j].Name;
                div.className = "Line";
                div.classList.add(Vars[j].ID);
                div.style.cssText = "position:relative;display: inline-block;line-height: 30px;padding-left: 20px;cursor: default;width: 100%;box-sizing: border-box;border-radius: 2px;";
                div.ID = Vars[j].ID;
                div.class = Vars[j].className;
                div.classList.add(Vars[j].ID);
                div.Field = Vars[j];

                var BoxCheck = BoxAllBrief.cloneNode();
                div.appendChild(BoxCheck);
                if (Vars[j].ParentID != null) {
                    if (["成员单选", "成员多选", "部门单选", "部门多选", "成员范围"].indexOf(Vars[j].className) >= 0) {
                        div.LimitBox = new CLCheckBox("限定", BoxCheck);
                    } else {
                        BoxCheck.style.display = "inline-block";
                        BoxCheck.style.width = "55px";
                        BoxCheck.style.height = "30px";
                    }
                } else{
                    if (BriefNames.indexOf(Vars[j].className) >= 0) {
                        div.BriefBox = new CLCheckBox("简报", BoxCheck);
                    } else {
                        BoxCheck.style.display = "inline-block";
                        BoxCheck.style.width = "55px";
                        BoxCheck.style.height = "30px";
                    }
                }
                var BoxRead = BoxAllBrief.cloneNode();
                BoxRead.style.float = "right";
                BoxRead.style.width = "";
                BoxRead.style.marginRight = "3px";
                BoxRead.style.display = "inline-block";
                div.appendChild(BoxRead);
                div.ReadBox = new CLCheckBox("可见", BoxRead);
                if (!Vars[j].Visible) {
                    div.ReadBox.checked = false;
                    div.ReadBox.enable = false;
                }
                div.ReadBox.onchanged = function () {
                    CalcSel(1);
                }
                var BoxWrite = BoxRead.cloneNode();
                div.appendChild(BoxWrite);
                div.WriteBox = new CLCheckBox("可编辑", BoxWrite);
                if (!Vars[j].Editable) {
                    div.WriteBox.checked = false;
                    div.WriteBox.enable = false;
                }
                div.WriteBox.onchanged = function () {
                    CalcSel(2);
                }
                divLines.appendChild(div);
            }
            Body.appendChild(divLines);
            for (var i = 0; FieldsAuth != null && i < FieldsAuth.length; i++) {
                var divLine = Body.getElementsByClassName(FieldsAuth[i].ID)[0];
                if (divLine == null) {
                    FieldsAuth.splice(i, 1);
                    i--;
                    continue;
                }
                if (divLine.LimitBox != null) {
                    divLine.LimitBox.checked = FieldsAuth[i].Limit;
                }
                if (divLine.BriefBox != null) {
                    divLine.BriefBox.checked = FieldsAuth[i].Brief;
                }
                divLine.ReadBox.checked = divLine.ReadBox.enable && FieldsAuth[i].Read;
                divLine.WriteBox.checked = divLine.WriteBox.enable && FieldsAuth[i].Write;
            }
        }

    }

    fn.JsCodeDialog = function (Name, Code, End) {
        var self = this;
        if (self.FlowClass.FormsID == null) {
            CLShowMsg("请先选择表单...");
            return;
        }
        if (self.FormFields == null) {
            self.GetFormFields(self.FlowClass.FormsID, function (Fields) {
                self.FormFields = Fields;
                self.JsCodeDialog(Name, Code, End);
            });
            return;
        }
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:800px;height:600px;position:relative";
        var dlg = new CLDialog(divDlg);
        var Body;
        dlg.CreateAll(Name, function () {
            End(codeEditor.getValue());
        });
        dlg.EnableMove(dlg.Header);
        dlg.Header.ondblclick = function (e) {
            dlg.MaximizeOrReset();
            codeEditor.editor.setSize('auto', '100%');
        }
        var Body = dlg.Body;
        Body.style.position = "relative";
        var codeDiv = document.createElement("div");
        codeDiv.style.cssText = "border:1px solid #e0e0e0;position:absolute;left:0;right:310px;bottom:0;top:0;margin:10px;";
        Body.appendChild(codeDiv);
        var divBar = document.createElement("div");
        divBar.style.cssText = "padding:8px;border:1px solid #e0e0e0;position:absolute;right:0;width:300px;bottom:0;top:0;margin:10px 10px 10px 0;overflow:auto";
        Body.appendChild(divBar);
        var codeEditor = new CLCodeEditor(codeDiv, "javascript");
        codeEditor.setGlobalScope({});
        var BaseControl = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框",
            "附件上传", "子表单", "成员单选", "成员多选", "部门单选", "部门多选"
            , "提交时间", "更新时间", "提交人", "流程状态"
        ];

        var helpLabel;

        function getHelpLabel() {
            if (helpLabel != null) {
                return helpLabel;
            }
            helpLabel = document.createElement("div");
            helpLabel.style.cssText = "border:1px dashed #0db3a6;height:30px;line-height:30px;position:fixed;padding:0 8px";
            return helpLabel;
        }

        function OpenOrClose() {
            var Value = this.nextSibling;
            if (Value.style.display == "block") {
                this.Icon.style.transform = "rotate(-90deg)";
                Value.style.display = "none";
            } else {
                Value.style.display = "block";
                this.Icon.style.transform = "rotate(0)";
            }
        }

        var CodeCurrentFields;

        var Label = PropLabel(divBar, "当前表单字段");
        Label.style.cursor = "pointer";
        Label.style.marginBottom = "0px";
        Label.style.lineHeight = "30px";
        Label.onclick = OpenOrClose;
        var span = document.createElement("span");
        span.style.cssText = "transform: rotate(-90deg);display:inline-block;font-family: CLFont;color: #5E6D82;margin-right: 10px;";
        span.innerHTML = "&#xe661";
        Label.insertBefore(span, Label.firstChild);
        Label.Icon = span;
        var divFormFields = PropValue(divBar, "div");
        divFormFields.style.border = "none";
        divFormFields.style.display = "none";
        divFormFields.style.height = "initial";
        divFormFields.style.overflow = "auto";
        divFormFields.style.paddingLeft = "15px";
        Label.onclick();
        var input = document.createElement('input');
        input.style.height = "30px";
        input.style.position = "absolute";
        input.style.right = "50px";
        input.style.top = "10px";
        input.className = "CLSearch";
        input.setAttribute("placeholder", "搜索字段");
        input.onmousedown = function (e) {
            e.stopPropagation();
        }
        dlg.Header.appendChild(input);

        var Label1 = Label.cloneNode();
        Label1.innerHTML = "流程字段";
        Label1.onclick = OpenOrClose;
        divBar.appendChild(Label1);
        var span1 = span.cloneNode();
        span1.innerHTML = "&#xe661";
        Label1.insertBefore(span1, Label1.firstChild);
        Label1.Icon = span1;
        var divFlowFields = divFormFields.cloneNode();
        divBar.appendChild(divFlowFields);

        var FlowFields;
        (function () {
            if (CodeCurrentFields == null) {
                CodeCurrentFields = [];
                var Fields = self.FormFields;
                for (var i = 0; i < Fields.length; i++) {
                    if (BaseControl.indexOf(Fields[i].className) >= 0) {
                        CodeCurrentFields.push({
                            TableID: self.FlowClass.FormsID,
                            ID: Fields[i].ID,
                            Name: Fields[i].Name,
                            className: Fields[i].className
                        });
                    }
                    if (Fields[i].className == "子表单") {
                        var subFields = Fields[i].Field;
                        for (var j = 0; j < subFields.length; j++) {
                            if (BaseControl.indexOf(subFields[j].className) >= 0) {
                                CodeCurrentFields.push({
                                    ID: subFields[j].ID,
                                    ParentID: Fields[i].ID,
                                    Name: Fields[i].Name + "●" + subFields[j].Name,
                                    className: subFields[j].className
                                });
                            }
                        }
                    }
                }
            }
            var StepClass = ["发起节点", "审批节点", "抄送节点", "结束节点"];
            if (FlowFields == null) {
                FlowFields = [];
                FlowFields.push({
                    ID: "creator",
                    Name: "发起人",
                });
                var Steps = self.FlowClass.Steps;
                for (var i = 0; i < Steps.length; i++) {
                    FlowFields.push({
                        ID: Steps[i].ID,
                        Name: Steps[i].Name,
                        className: StepClass[Steps[i].Type]
                    });
                }
            }
        }());

        var currentFieldList = new CLTop.CLList(CodeCurrentFields, divFormFields, null, function (Item, itemData) {
            Item.style.fontSize = "12px";
            Item.style.paddingLeft = "15px";
            Item.title = itemData.Name;
            Item.firstChild.style.maxWidth = "calc(100% - 45px)";
            Item.firstChild.style.display = "inline-block";
            Item.style.position = "relative";
            Item.firstChild.classList.add("ellipsis");
            Item.style.height = "26px";
            var span = document.createElement("span");
            span.style.position = "absolute";
            span.style.right = "0";
            span.style.padding = "0 8px";
            span.innerHTML = FrmCtrls.CtrlsProps[itemData.className].Name;
            span.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
            Item.appendChild(span);
            CLEnableMove(Item, function (Item) {
                helpLabel = getHelpLabel();
                helpLabel.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
                helpLabel.style.borderColor = FrmCtrls.CtrlsProps[itemData.className].Color;
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                helpLabel.innerHTML = itemData.Name;
                helpLabel.style.zIndex = CLMaxZIndex();
                document.body.appendChild(helpLabel);
            }, function (Item) {
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                return false;
            }, function (Item) {
                var rect = codeDiv.getBoundingClientRect();
                if (event.clientX < rect.left || event.clientX > rect.right
                    || event.clientY < rect.top || event.clientY > rect.bottom) {
                    if (helpLabel != null) {
                        helpLabel.remove();
                    }
                    return false;
                }
                var Mark = {
                    className: "Field",
                    FieldData: {
                        TableID: itemData.TableID,
                        ID: itemData.ID,
                        Name: itemData.Name,
                        className: itemData.className
                    },
                    Color: helpLabel.style.color
                }
                codeEditor.pushMark(Mark);
                helpLabel.remove();
                return false;
            });
        });

        var FlowList = new CLTop.CLList(FlowFields, divFlowFields, null, function (Item, itemData) {
            CLEnableMove(Item, function (Item) {
                helpLabel = getHelpLabel();
                helpLabel.style.color = "#4b7885";
                helpLabel.style.borderColor = "#4b7885";
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                helpLabel.innerHTML = itemData.Name;
                helpLabel.style.zIndex = CLMaxZIndex();
                document.body.appendChild(helpLabel);
            }, function (Item) {
                helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                return false;
            }, function (Item) {
                var rect = codeDiv.getBoundingClientRect();
                if (event.clientX < rect.left || event.clientX > rect.right
                    || event.clientY < rect.top || event.clientY > rect.bottom) {
                    if (helpLabel != null) {
                        helpLabel.remove();
                    }
                    return false;
                }
                var Mark = {
                    className: 'FlowInfo',
                    FieldData: {
                        ID: itemData.ID,
                        Name: itemData.Name,
                        className: itemData.className
                    },
                    Color: "#4b7885"
                }
                codeEditor.pushMark(Mark);
                helpLabel.remove();
                return false;
            });
        });

        input.onchange = function () {
            currentFieldList.Search(input.value);
            FlowList.Search(input.value);
        };

        codeEditor.replacedWith = function (className, FieldData) {
            return "V8.get" + className + "(" + JSON.stringify(FieldData) + ")";
        }

        codeEditor.testMark = function (Mark) {
            for (var i = 0; i < CodeCurrentFields.length; i++) {
                if (CodeCurrentFields[i].ID == Mark.FieldData.ID) {
                    Mark.FieldData = CodeCurrentFields[i];
                    return true;
                }
            }
            for (var i = 0; i < FlowFields.length; i++) {
                if (FlowFields[i].ID == Mark.FieldData.ID) {
                    Mark.FieldData = FlowFields[i];
                    return true;
                }
            }
            return false;
        }

        codeEditor.setValue(Code);
        var MapR;
        function SetR(dataSource) {
            MapR = DataSourceDlg.MapForms(dataSource);
        }
        codeEditor.MarkerProps = function (mark) {
            if (mark.className == "Field") {
                var field = mark.FieldData;
                var R = Object.create(null);
                R.ID = field.ID;
                R.Name = field.Name;
                R.className = field.className;
                R.TableID = field.TableID;
                R.valueOf = function () { }
                R.toString = function () { }
                var field = mark.FieldData;
                var value = null;
                if (field.className == "子表单") {
                    R.Load = function () { };
                    R.Submit = function () { };
                }

                if (field.className == "单行文本"
                    || field.className == "多行文本"
                    || field.className == "时间日期"
                    || field.className == "单选按钮组"
                    || field.className == "下拉框"
                    || field.className == "流水号"
                    || field.className == "成员单选") {
                    R.value = "";
                }
                if (field.className == "数字" || field.className == "部门单选") {
                    R.value = 0;
                }
                if (field.className == "附件上传") {
                    R.value = [{
                        Src: "",
                        Name: "",
                        Size: 0
                    }];
                }
                if (field.className == "成员多选"
                    || field.className == "复选框组"
                    || field.className == "下拉复选框") {
                    R.value = [0];
                }
                if (field.className == "部门多选") {
                    R.value = [0];
                }
                JsParser.SetReturn(R.valueOf, value);
                JsParser.SetReturn(R.toString, "");
                return R;
            }
            if (mark.className == "Table") {
                var field = mark.FieldData;
                var R = Object.create(null);
                R.ID = field.ID;
                R.Name = field.Name;
                return R;
            }
            if (mark.className == "dataSource") {
                var R = function () { };
                R.Compile = function () { };
                JsParser.SetReturn(R.Compile, "");
                JsParser.SetReturn(R, MapR[mark.FieldData.ID]());
                return R;
            }
        }

        var globalScope = CLClone(CLApp.baseGlobalScope);
        codeEditor.setGlobalScope(globalScope);
    }

    fn.StepProp = function (Step) {
        var self = this;
        currentId = Step.ID;
        self.PropDiv.innerHTML = "<div class='Header'>节点属性</div>";

        var divBody = document.createElement("div");

        divBody.classList.add("Body");

        self.PropDiv.appendChild(divBody);

        (function (节点ID) {
            PropLabel(divBody, " 节点ID");
            var Value = PropValue(divBody);
            Value.value = Step.ID;
        }());

        (function (节点名称) {
            PropSplit(divBody);
            PropLabel(divBody, " 节点名称");
            var Value = PropValue(divBody);
            Value.value = Step.Name;
            Value.onchange = function () {
                Step.Name = Value.value;
                self.updateStepName(Step);
                self.recordState();
            }
        }());

        (function (负责人) {
            if (Step.Type == 3 || Step.Type == 4) {
                return;
            }
            PropSplit(divBody);
            if (Step.Type == 0) {
                PropLabel(divBody, "经办人");
            }
            if (Step.Type == 1) {
                PropLabel(divBody, " 负责人");
            } if (Step.Type == 2) {
                PropLabel(divBody, " 抄送人");
            }
            var Value = PropValue(divBody, "div");
            Value.style.height = "80px";
            Value.style.cursor = "pointer";
            Value.style.overflow = "auto";
            Value.onclick = function () {
                self.SelectHandle(Step.Handlers, function (Handlers) {
                    Step.Handlers = Handlers;
                    ShowHandlers(Handlers, Value);
                    self.recordState();
                }, null);
            }
            function ShowHandlers(Handlers, Container) {
                Container.innerHTML = "";
                if (Handlers == null) {
                    return;
                }
                for (var i = 0; i < Handlers.Parts.length; i++) {
                    var Div = document.createElement("div");
                    Div.style.height = "30px";
                    Div.style.margin = "5px 0 0 5px";
                    Div.style.lineHeight = "30px";
                    Div.style.display = "inline-block";
                    var Icon = document.createElement("div");
                    Icon.className = "FontIcon";
                    Icon.style.margin = "";
                    Icon.style.color = "#0db3a6";
                    Icon.innerHTML = "&#xe600;";
                    Div.appendChild(Icon);
                    var span = document.createElement("span");
                    span.innerHTML = CLApp.getDepartmentNameById(Handlers.Parts[i].ID);
                    Div.appendChild(span);
                    Container.appendChild(Div);
                }
                for (var i = 0; i < Handlers.Roles.length; i++) {
                    var Div = document.createElement("div");
                    Div.style.padding = "0 10px";
                    Div.style.height = "30px";
                    Div.style.margin = "5px 0 0 5px";
                    Div.style.lineHeight = "30px";
                    Div.style.display = "inline-block";
                    var Icon = document.createElement("div");
                    Icon.className = "FontIcon";
                    Icon.style.margin = "";
                    Icon.style.color = "#0db3a6";
                    Icon.innerHTML = "&#xe737;";
                    Div.appendChild(Icon);
                    var span = document.createElement("span");
                    var role = CLApp.getRoleById(Handlers.Roles[i].ID);
                    span.innerHTML = role && role.Name || "???";
                    Div.appendChild(span);
                    Container.appendChild(Div);
                }
                for (var i = 0; i < Handlers.Members.length; i++) {
                    var Div = document.createElement("div");
                    Div.style.padding = "0 10px";
                    Div.style.height = "30px";
                    Div.style.margin = "5px 0 0 5px";
                    Div.style.lineHeight = "30px";
                    Div.style.display = "inline-block";
                    var Icon = document.createElement("div");
                    Icon.className = "FontIcon";
                    Icon.style.margin = "";
                    Icon.style.color = "#0db3a6";
                    Icon.innerHTML = "&#xe78c;";
                    Div.appendChild(Icon);
                    var span = document.createElement("span");
                    span.innerHTML = CLApp.getMemberNameById(Handlers.Members[i].ID || Handlers.Members[i]);
                    Div.appendChild(span);
                    Container.appendChild(Div);
                }
                for (var i = 0; i < Handlers.Dynamic.length; i++) {
                    var Div = document.createElement("div");
                    Div.style.padding = "0 10px";
                    Div.style.height = "30px";
                    Div.style.margin = "5px 0 0 5px";
                    Div.style.lineHeight = "30px";
                    Div.style.display = "inline-block";
                    var Icon = document.createElement("div");
                    Icon.className = "FontIcon";
                    Icon.style.margin = "";
                    Icon.style.color = "#0db3a6";
                    Icon.innerHTML = "&#xe78c;";
                    Div.appendChild(Icon);
                    var span = document.createElement("span");
                    span.innerHTML = Handlers.Dynamic[i].Name;
                    Div.appendChild(span);
                    Container.appendChild(Div);
                }
            }
            ShowHandlers(Step.Handlers, Value);
        }());

        (function (激活规则) {
            if (Step.Type != 1 && Step.Type != 4) {
                return;
            }
            if (Step.enterRule == null) {
                Step.enterRule = {};
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, " 激活规则");
            var divValue = PropValue(divBody, "div");
            divValue.style.border = "none";
            var typeSel = new CLSelect(divValue);
            typeSel.AddItems([
                "当任意节点流入时激活", "当以下节点均完成时激活", "公式编辑"
            ]);
            typeSel.onchanged = function () {
                if (typeSel.selectedIndex == 0) {
                    Btn.style.display = "none";
                    Value.style.display = "none";
                }else if (typeSel.selectedIndex == 1) {
                    Btn.style.display = "none";
                    Value.style.display = "block";
                } else if (typeSel.selectedIndex == 2) {
                    Btn.style.display = "block";
                    Value.style.display = "none";
                }
                Step.enterRule.Type = typeSel.selectedIndex;
                self.recordState();
            }
            var Btn = PropBtn(divBody, "fx公式编辑");
            Btn.style.cursor = "pointer";
            Btn.style.display = "none";
            Btn.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                self.JsCodeDialog("节点流转规则", Step.enterRule.ruleCode, function (Code) {
                    Step.enterRule.ruleCode = Code;
                    self.recordState();
                });
            }
            var Value = PropValue(divBody, "DIV");
            Value.style.height = "80px";
            Value.style.marginTop = "10px";
            Value.style.cursor = "pointer";
            Value.style.overflow = "auto";
            (function () {
                var Steps = self.FlowClass.Steps;
                var Items = [];
                var Indexes = [];
                if (Step.enterRule.StepIds == null) {
                    Step.enterRule.StepIds = [];
                }
                for (var i = 0; i < Steps.length; i++) {
                    var Item = {
                        ID: Steps[i].ID,
                        Name: Steps[i].Name,
                        toString: function () {
                            return this.Name;
                        }
                    };
                    if (Step.enterRule.StepIds.indexOf(Item.ID) >= 0) {
                        Indexes.push(i);
                    }
                    Items.push(Item);
                }
                var selector = new CLSelect(PropValue, Value);
                selector.AddItems(Items);
                selector.EnableSearch(true);
                selector.EnableMultiSel(true);
                selector.onchanged = function () {
                    var Val = selector.GetValues();
                    var html = "";
                    for (var i = 0; Val != null && i < Val.length; i++) {
                        html += "<span style='color:#909;padding:0 5px'>" + Val[i] + "</span>";
                    }
                    Value.innerHTML = html;
                    var Indexes = selector.selectedIndexes;
                    var StepIds = [];
                    for (var i = 0; Indexes != null && i < Indexes.length; i++) {
                        StepIds.push(Items[Indexes[i]].ID);
                    }
                    Step.enterRule.StepIds = StepIds;
                }
                selector.selectedIndexes = Indexes;
            }());
            typeSel.selectedIndex = Step.enterRule == null || Step.enterRule.Type == null ? 0 : Step.enterRule.Type;
        }());

        (function (延时与超时) {
            if (Step.Type != 0 && Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, "延时执行(小时)");
            var delayValue = PropValue(divBody, "div");
            delayValue.classList.add("Btn");
            delayValue.innerHTML = "编辑";
            delayValue.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                self.JsCodeDialog("延时执行", Step.delayTime, function (delayTime) {
                    Step.delayTime = delayTime;
                    self.recordState();
                });
            }
            PropSplit(divBody);
            PropLabel(divBody, "任务时长(小时)");
            var timeValue = PropValue(divBody, "div");
            timeValue.classList.add("Btn");
            timeValue.innerHTML = "编辑";
            timeValue.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                self.JsCodeDialog("任务时长", Step.taskTime, function (taskTime) {
                    Step.taskTime = taskTime;
                    self.recordState();
                });
            }
            PropSplit(divBody);
            PropLabel(divBody, "超时处理");
            var timeOut = PropValue(divBody, "div");
            timeOut.style.border = "none";
            var timeOutSelector = new CLSelect(timeOut);
            timeOutSelector.AddItems(["消息提醒", "自动完成", "什么也不做"]);
            timeOutSelector.onchanged = function () {
                Step.timeOut = timeOutSelector.GetValue();
            }
            if (Step.timeOut != null) {
                timeOutSelector.selectedIndex = timeOutSelector.Items.indexOf(Step.timeOut);
            } else {
                timeOutSelector.selectedIndex = 0;
            }
        }());

        (function (节点开始事件) {
            if (Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, "节点开始事件");
            label.innerHTML += (Step.startEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.startEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                self.DialogEventHandle(Step.startEventHandle, function (startEventHandle) {
                    Step.startEventHandle = startEventHandle;
                    label.lastChild.innerHTML = "(" + startEventHandle == null ? "" : startEventHandle.length + ")";
                    self.recordState();
                    label.innerHTML = "节点开始事件" + (Step.startEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.startEventHandle.length + ")</span>");
                });
            }

        })();
        
        (function (节点提交事件) {
            if (Step.Type != 0 && Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, "节点提交事件");
            label.innerHTML += (Step.submitEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.submitEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                self.DialogEventHandle(Step.submitEventHandle, function (submitEventHandle) {
                    Step.submitEventHandle = submitEventHandle;
                    label.lastChild.innerHTML = "(" + submitEventHandle == null ? "" : submitEventHandle.length + ")";
                    self.recordState();
                    label.innerHTML = "节点提交事件" + (Step.submitEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.submitEventHandle.length + ")</span>");
                });
            }
        }());

        (function (节点完成事件) {
            if (Step.Type != 0 && Step.Type != 1 && Step.Type != 3) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, "节点完成事件");
            label.innerHTML += (Step.endEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.endEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            if (Step.EndUrl != null && Step.EndUrl.length != 0) {
                if (Step.endEventHandle == null || Step.endEventHandle.length == 0) {
                    Step.endEventHandle = [
                        {
                            Operator: "URL回调",
                            Handle: Step.EndUrl
                        }
                    ];
                }
                delete Step.EndUrl;
            }
            if (Step.EndUrlParam != null && Step.EndUrlParam.constructor == {}.constructor) {
                if (Step.endEventHandle == null || Step.endEventHandle.length == 0 && Step.EndUrlParam.Wheres != null) {
                    console.log(Step.EndUrlParam);
                    Step.endEventHandle = [
                        {
                            Operator: "修改数据",
                            Handle: Step.EndUrlParam
                        }
                    ];
                }
                delete Step.EndUrlParam;
            }
            Btn.onclick = function () {
                self.DialogEventHandle(Step.endEventHandle, function (endEventHandle) {
                    Step.endEventHandle = endEventHandle;
                    label.lastChild.innerHTML = "(" + endEventHandle == null ? "" : endEventHandle.length + ")";
                    self.recordState();
                    label.innerHTML = "节点完成事件" + (Step.endEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + Step.endEventHandle.length + ")</span>")
                });
            }
        }());

        (function (节点流转规则) {
            if (Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, " 节点流转规则");
            var divValue = PropValue(divBody, "div");
            divValue.style.border = "none";
            var typeSel = new CLSelect(divValue);
            typeSel.AddItems([
                "任意负责人提交后进入下一节点", "所有负责人提交后进入下一节点", "公式编辑"
            ]);
            var Btn = PropBtn(divBody, "fx公式编辑");
            Btn.style.cursor = "pointer";
            Btn.style.display = "none";
            Btn.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                self.JsCodeDialog("节点流转规则", Step.stepRule.Code, function (stepRuleCode) {
                    Step.stepRule.Code = stepRuleCode;
                    self.recordState();
                });
            }
            typeSel.onchanged = function () {
                if (typeSel.selectedIndex == 2) {
                    Btn.style.display = "block";
                } else {
                    Btn.style.display = "none";
                }
                if (Step.stepRule == null) {
                    Step.stepRule = {
                        Type: typeSel.selectedIndex
                    }
                } else {
                    Step.stepRule.Type = typeSel.selectedIndex;
                }
                self.recordState();
            }
            typeSel.selectedIndex = Step.stepRule == null || Step.stepRule.Type == null ? (Step.Type == 6 ? 1 : 0) : Step.stepRule.Type;
        }());

        (function (节点操作) {
            var Value;
            if (Step.Type == 0 || Step.Type == 1) {
                PropSplit(divBody);
                PropLabel(divBody, " 节点操作");
                Value = PropValue(divBody, "div");
                Value.style.border = "none";
                var Btn = new CLCheckBox("暂存", Value);
                Value.lastChild.style.display = "inline-block";
                Value.lastChild.style.margin = "0 5px";
                Btn.checked = Step.SaveBtn == null ? false : Step.SaveBtn;
                Btn.onchanged = function () {
                    Step.SaveBtn = Btn.checked;
                    self.recordState();
                }
            } else {
                return;
            }

            if (Step.Type != 1) {
                return;
            }
            var RejectBtn = new CLCheckBox("回退", Value);
            Value.lastChild.style.display = "inline-block";
            Value.lastChild.style.margin = "0 5px";
            RejectBtn.checked = Step.RejectBtn == null ? false : Step.RejectBtn;
            RejectBtn.onchanged = function () {
                Step.RejectBtn = RejectBtn.checked;
                self.recordState();
            }
            var HandOverBtn = new CLCheckBox("转交", Value);
            HandOverBtn.checked = Step.HandOverBtn == null ? false : Step.HandOverBtn;
            HandOverBtn.onchanged = function () {
                Step.HandOverBtn = HandOverBtn.checked;
                self.recordState();
            }
            Value.lastChild.style.display = "inline-block";
            Value.lastChild.style.margin = "0 5px";
        }());

        (function (回退范围) {
            if (Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, " 回退范围");
            var span = document.createElement("span");
            span.style.cssFloat = "right";
            span.style.fontFamily = "CLFont";
            span.style.cursor = "pointer";
            span.style.color = "#0db3a6";
            span.style.fontSize = "18px";
            span.innerHTML = "&#xe6da;";
            label.appendChild(span);
            if (Step.RejectRange == null) {
                Step.RejectRange = [];
            }
            span.onclick = function () {
                var Items = [];
                var Steps = self.FlowClass.Steps;
                for (var i = 0; i < Steps.length; i++) {
                    if (Steps[i].Type > 1) {
                        continue;
                    }
                    Items.push({
                        "Icon": "",
                        "Text": Steps[i].Name,
                        "Enable": Step.RejectRange.indexOf(Steps[i].ID) < 0,
                        "Data": Steps[i],
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            Step.RejectRange.push(this.Data.ID);
                            showRange();
                        }
                    });
                }
                var Menu = {
                    style: {
                        "max-height": "350px"
                    },
                    Items: Items
                }
                var _CLMenu = new CLMenu(Menu, label);
                _CLMenu.EnableSearch(true);
            }
            var Value = PropValue(divBody, "DIV");
            Value.style.height = "80px";

            var pointerDiv = document.createElement("div");
            pointerDiv.style.height = "28px";
            pointerDiv.style.width = "2px";
            pointerDiv.style.margin = "3px 0";
            pointerDiv.style.verticalAlign = "top";
            pointerDiv.style.background = "#0db3a6";
            pointerDiv.style.display = "inline-block";

            function getStep(Id) {
                var Steps = self.FlowClass.Steps;
                for (var i = 0; i < Steps.length; i++) {
                    if (Steps[i].ID == Id) {
                        return Steps[i];
                    }
                }
            }

            function isLess(rect1, rect2) {
                var Pos1 = {
                    X: rect1.left + rect1.width / 2,
                    Y: rect1.top + rect1.height / 2
                };
                if (Pos1.Y < rect2.top) {
                    return true;
                } else if (Pos1.Y > rect2.bottom) {
                    return false;
                } else {
                    if (Pos1.X < rect2.left + rect2.width / 2) {
                        return true;
                    } else {
                        return false;
                    }
                }
            };

            function EnableDrag(stepBtn) {
                var beforeBtn;
                CLEnableMove(stepBtn, function (stepBtn, event) {
                    stepBtn.oStyle = stepBtn.style.cssText;
                    Rect = stepBtn.getBoundingClientRect();
                    stepBtn.style.position = "fixed";
                    stepBtn.style.zIndex = CLMaxZIndex();
                    stepBtn.style.left = Rect.left + "px";
                    stepBtn.style.top = Rect.top + "px";
                    FromX = event.clientX;
                    FromY = event.clientY;
                }, function (stepBtn, event) {
                    stepBtn.style.left = event.clientX - FromX + Rect.left + "px";
                    stepBtn.style.top = event.clientY - FromY + Rect.top + "px";
                    var dragRect = stepBtn.getBoundingClientRect();
                    var Btns = stepBtn.parentNode.childNodes;
                    beforeBtn = null;
                    for (var i = Btns.length - 1; i > -1; i--) {
                        var rect = Btns[i].getBoundingClientRect();
                        if (isLess(dragRect, rect)) {
                            beforeBtn = Btns[i];
                        }
                    }
                    Value.insertBefore(pointerDiv, beforeBtn);
                }, function (stepBtn, event) {
                    var rect = Value.getBoundingClientRect();
                    var dragRect = stepBtn.getBoundingClientRect();
                    if (dragRect.bottom < rect.top || dragRect.right < rect.left || dragRect.top > rect.bottom || dragRect.left > rect.right) {
                        stepBtn.remove();
                    } else {
                        if (pointerDiv.parentNode == Value) {
                            Value.insertBefore(stepBtn, pointerDiv);
                        }
                    }
                    pointerDiv.remove();
                    stepBtn.style.cssText = stepBtn.oStyle;
                    var Range = [];
                    for (var i = 0; i < Value.childNodes.length; i++) {
                        Range.push(Value.childNodes[i].dataId);
                    }
                    Step.RejectRange = Range;
                    showRange();
                });
            }

            function showRange() {
                Value.innerHTML = "";
                Value.style.overflow = "auto";
                var Range = Step.RejectRange;
                for (var i = 0; i < Range.length; i++) {
                    var tempStep = getStep(Range[i]);
                    if (tempStep == null) {
                        Range.splice(i, 1);
                        i--;
                        continue;
                    }
                    var divBtn = document.createElement("div");
                    divBtn.dataId = Range[i];
                    divBtn.className = "CLBtnGreen";
                    divBtn.style.width = "initial";
                    divBtn.style.margin = "0 5px 5px 0";
                    divBtn.style.padding = "0 5px";
                    divBtn.style.lineHeight = "30px";
                    divBtn.style.height = "30px";
                    divBtn.innerHTML = tempStep.Name;
                    Value.appendChild(divBtn);
                    EnableDrag(divBtn);
                }
            }
            showRange();
        }());

        (function (转交范围) {
            if (Step.Type != 1) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, " 转交范围");
            label.innerHTML += (Step.HandOverRange == null ? "" : "<span style='color:#0db3a6'>(" + (Step.HandOverRange.Parts.length + Step.HandOverRange.Roles.length + Step.HandOverRange.Members.length) + ")</span>");
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                var HandOverRange = Step.HandOverRange;
                if (HandOverRange == null) {
                    HandOverRange = {
                        Parts: [

                        ],
                        Roles: [

                        ],
                        Members: [

                        ]
                    };
                }
                self.SelectHandle(HandOverRange, function (HandOverRange) {
                    Step.HandOverRange = HandOverRange;
                    label.innerHTML = (Step.HandOverRange == null ? "转交范围" : "转交范围<span style='color:#0db3a6'>(" + (Step.HandOverRange.Parts.length + Step.HandOverRange.Roles.length + Step.HandOverRange.Members.length) + ")</span>")
                }, false);
            }
        }());

        (function (关联流程) {
            if (Step.Type != 4) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, " 关联流程");
            var forms = self.GetUsingForms();
            var selector = new CLSelect(divBody);
            selector.EnableSearch(true);
            var Items = [];
            var index = -1;
            forms.forEach(function (form,i) {
                Items.push({
                    ID: form.ID,
                    Name: form.Name,
                    FlowClassID: form.FlowClassID,
                    toString: function () {
                        return this.Name;
                    }
                });
                if (form.ID == Step.FormID) {
                    index = i;
                }
            });
            selector.AddItems(Items);
            selector.selectedIndex = index;
            selector.onchanged = function () {
                var item = Items[selector.selectedIndex];
                if (item) {
                    Step.FormID = item.ID;
                    Step.FlowClassID = item.FlowClassID;
                } else {
                    Step.FormID = null;
                    Step.FlowClassID = null;
                }
            }
        }());

        (function (参数设置) {
            if (Step.Type != 4) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, "参数设置");
            var Btn = PropBtn(divBody, "设置");
            if (Step.startParamInfo == null || Step.startParamInfo.length == 0) {
                label.innerHTML += "<code style='color:#0db3a6'>(0)</code>";
            } else {
                label.innerHTML += "<code style='color:#0db3a6'>(1)</code>";
            }
            Btn.onclick = function () {
                if (Step.FormID == null) {
                    CLShowMsg("还没有选择关联流程");
                    return;
                }
                var FormID = Step.FormID;
                var subForm = {
                    ID: FormID
                };
                fn.GetFormFields.call(subForm, FormID, function (Fields) {
                    self.ParamSetter("设置子流程的参数", Fields, Step.startParamInfo, function (ParamInfo) {
                        Step.startParamInfo = ParamInfo;
                        self.recordState();
                        if (Step.startParamInfo == null || Step.startParamInfo.length == 0) {
                            label.innerHTML = "参数设置<code style='color:#0db3a6'>(0)</code>";
                        } else {
                            label.innerHTML = "参数设置<code style='color:#0db3a6'>(1)</code>";
                        }
                    }, "请选择主流程表单的字段");
                });
            }
        }());

        (function (返回值设置) {
            if (Step.Type != 4) {
                return;
            }
            PropSplit(divBody);
            var label = PropLabel(divBody, "返回值设置");
            var Btn = PropBtn(divBody, "设置");
            if (Step.retInfo == null || Step.retInfo.ParamInfo == null || Step.retInfo.ParamInfo.length == 0) {
                label.innerHTML += "<code style='color:#0db3a6'>(0)</code>";
            } else {
                label.innerHTML += "<code style='color:#0db3a6'>(1)</code>";
            }
            Btn.onclick = function () {
                if (Step.FormID == null) {
                    CLShowMsg("还没有选择关联流程");
                    return;
                }
                var FormID = Step.FormID;
                var sub = new FlowCoreEx(document.createElement("div"));
                sub.FlowClass = {
                    FormsID: FormID
                }

                self.GetFormFields(self.FlowClass.FormsID, function (Fields) {
                    if (Step.retInfo == null) {
                        Step.retInfo = {
                            FormID: FormID,
                            ParamInfo: null
                        }
                    }

                    sub.ParamSetter("设置子流程如何返回", Fields, Step.retInfo.ParamInfo, function (ParamInfo) {
                        Step.retInfo.ParamInfo = ParamInfo;
                        self.recordState();
                        if (Step.retInfo == null || Step.retInfo.ParamInfo == null || Step.retInfo.ParamInfo.length == 0) {
                            label.innerHTML = "返回值设置<code style='color:#0db3a6'>(0)</code>";
                        } else {
                            label.innerHTML = "返回值设置<code style='color:#0db3a6'>(1)</code>";
                        }
                    }, "请选择子流程表单的字段");
                });
            }
        }());

        (function (字段权限) {
            if (Step.Type == 4) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, " 字段权限");
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                self.OpenFieldDialog(Step.DataFields, function (DataFields) {
                    Step.DataFields = DataFields;
                    self.recordState();
                });
            }
        }());

        (function (模板选择) {
            if (Step.Type == 4) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, " 模板选择");
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                var TplUse = Step.TplUse;
                if (!TplUse) {
                    TplUse = {};
                }
                var FormId = self.FlowClass.FormsID;
                FrmDesigner.UseTplDlg(FormId, TplUse, function (TplUse) {
                    Step.TplUse = TplUse;
                });
            }
        }());

        (function (重新进入时) {
            if (Step.Type != 4) {
                return;
            }
            PropSplit(divBody);
            PropLabel(divBody, " 重新进入时");
            var Value = PropValue(divBody, "div");
            Value.style.height = "80px";
            Value.style.cursor = "pointer";
            Value.style.overflow = "auto";
            Value.style.border = "none";
            var Boxes = [];
            var Op = ["新建子流程", "重新开始子流程", "新建子流程并删除原有子流程"];
            var index = Op.indexOf(Step.ReEntry);
            for (var i = 0; i < Op.length; i++) {
                Boxes[i] = new CLRadioBox(Op[i], Value, false);
                Boxes[i].Index = i;
                Boxes[i].onchanged = function () {
                    if (this.checked == true && this.Index != index) {
                        if (index != -1){
                            Boxes[index].checked = false;
                        }
                        index = this.Index;
                        Step.ReEntry = Op[index];
                    }
                }
            }
            if (index == -1) {
                Boxes[0].checked = true;
            } else {
                Boxes[index].checked = true;
            }
        }());
    }

    fn.FlowProp = function () {
        var self = this;
        self.PropDiv.innerHTML = "<div class='Header'>流程属性</div>";
        var divBody = document.createElement("div");
        divBody.classList.add("Body");
        self.PropDiv.appendChild(divBody);

        (function (流程ID) {
            PropLabel(divBody, "流程ID");
            var Value = PropValue(divBody);
            Value.value = self.FlowClass.ID;
            Value.readOnly = true;
        }());

        (function (流程名称) {
            PropSplit(divBody);
            PropLabel(divBody, "流程名称");
            var Value = PropValue(divBody);
            Value.value = self.FlowClass.Name;
            Value.onchange = function () {
                self.FlowClass.Name = Value.value;
                document.title = Value.value+" | 流程设计"
                self.recordState();
            }
        }());

        (function (图标设置) {
            PropSplit(divBody);
            PropLabel(divBody, "图标设置");
            var divValue = PropValue(divBody, "div");
            divValue.style.height = "initial";
            divValue.style.border = "none";
            divValue.style.marginLeft = "15px";
            divValue.style.width = "calc(100% - 15px)";
            divValue.innerHTML = "<img src='" + (self.FlowClass.Icon == null ? "/img/Miao.png" : self.FlowClass.Icon) + "' style='border-radius:5px;cursor:pointer' width=72 height=72 />";
            divValue.firstChild.onclick = function (e) {
                var Image = e.currentTarget;
                self.SelectImage(function (src) {
                    Image.setAttribute("src", src);
                    self.FlowClass.Icon = src;
                });
            }
            divValue.firstChild.onerror = function (e) {
                e.currentTarget.setAttribute("src", "/img/Miao.png");
                e.currentTarget.onerror = null;
            }
        }());

        (function (终止权限) {
            PropSplit(divBody);
            PropLabel(divBody, "终止权限");
            var Value = PropValue(divBody, "div");
            Value.style.border = "none";
            var Btn = new CLCheckBox("允许发起人终止流程", Value);
            Value.lastChild.style.display = "inline-block";
            Value.lastChild.style.margin = "0 5px";
            Btn.checked = self.FlowClass.CreatorTerminate == null ? true : self.FlowClass.CreatorTerminate;
            Btn.onchanged = function () {
                self.FlowClass.CreatorTerminate = Btn.checked;
                self.recordState();
            }
        }());

        (function (终止事件) {
            PropSplit(divBody);
            var label = PropLabel(divBody, "终止事件");
            label.innerHTML += (self.FlowClass.TerminateEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + self.FlowClass.TerminateEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                self.DialogEventHandle(self.FlowClass.TerminateEventHandle, function (TerminateEventHandle) {
                    self.FlowClass.TerminateEventHandle = TerminateEventHandle;
                    label.lastChild.innerHTML = "(" + TerminateEventHandle == null ? "" : TerminateEventHandle.length + ")";
                    self.recordState();
                }, false);
            }
        }());

        (function (回退事件) {
            PropSplit(divBody);
            var label = PropLabel(divBody, "回退事件");
            label.innerHTML += (self.FlowClass.StepRejectEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + self.FlowClass.StepRejectEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                DialogEventHandle.Scope = function () {
                    return {
                        "G_FromID": "",
                        "G_ToID": []
                    };
                };
                self.DialogEventHandle(self.FlowClass.StepRejectEventHandle, function (StepRejectEventHandle) {
                    self.FlowClass.StepRejectEventHandle = StepRejectEventHandle;
                    label.lastChild.innerHTML = "(" + StepRejectEventHandle == null ? "" : StepRejectEventHandle.length + ")";
                    DialogEventHandle.Scope = function () { return {}; };
                    self.recordState();
                }, false);
            }
        }());

        (function (跳转事件) {
            PropSplit(divBody);
            var label = PropLabel(divBody, "跳转事件");
            label.innerHTML += (self.FlowClass.StepJmpEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + self.FlowClass.StepJmpEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                DialogEventHandle.Scope = function () {
                    return {
                        "G_FromID": "",
                        "G_ToID": ""
                    };
                };
                self.DialogEventHandle(self.FlowClass.StepJmpEventHandle, function (StepJmpEventHandle) {
                    self.FlowClass.StepJmpEventHandle = StepJmpEventHandle;
                    label.lastChild.innerHTML = "(" + StepJmpEventHandle == null ? "" : StepJmpEventHandle.length + ")";
                    DialogEventHandle.Scope = function () { return {};};
                    self.recordState();
                }, false);
            }
        }());

        (function (转交事件) {
            PropSplit(divBody);
            var label = PropLabel(divBody, "转交事件");
            label.innerHTML += (self.FlowClass.HandOverEventHandle == null ? "" : "<span style='color:#0db3a6'>(" + self.FlowClass.HandOverEventHandle.length + ")</span>")
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                DialogEventHandle.Scope = function () {
                    return {
                        "G_ToUserID": "",
                        "G_TaskID": ""
                    };
                };
                self.DialogEventHandle(self.FlowClass.HandOverEventHandle, function (HandOverEventHandle) {
                    self.FlowClass.HandOverEventHandle = HandOverEventHandle;
                    label.lastChild.innerHTML = "(" + HandOverEventHandle == null ? "" : HandOverEventHandle.length + ")";
                    DialogEventHandle.Scope = function () { return {}; };
                    self.recordState();
                }, false);
            }
        }());
    }

    fn.LineProp = function (LineID) {
        var self = this;
        self.PropDiv.innerHTML = "<div class='Header'>连线属性</div>";
        var divBody = document.createElement("div");
        divBody.classList.add("Body");
        self.PropDiv.appendChild(divBody);
        var IDs = LineID.split("_");
        (function (连线名称) {
            PropLabel(divBody, "连线名称");
            var input = PropValue(divBody);
            input.readOnly = true;
            input.value = self.Container.getElementsByClassName(IDs[0])[0].getElementsByClassName("Name")[0].innerText + "->" + self.Container.getElementsByClassName(IDs[1])[0].getElementsByClassName("Name")[0].innerText;
        }());

        (function (连线描述) {
            PropSplit(divBody);
            var label = PropLabel(divBody, " 连线描述");
            var btns = document.createElement("div");
            btns.style.cssFloat = "right";
            btns.style.opacity = "0.8";
            label.appendChild(btns);
            var btn = document.createElement("div");
            btn.style.margin = "1px 2px";
            btn.style.cursor = "pointer";
            btn.className = "左 对齐";
            btn.style.backgroundImage = "url(/View/Flow/左对齐.png)";
            btn.style.height = "18px";
            btn.style.width = "18px";
            btn.style.display = "inline-block";
            btn.style.backgroundRepeat = "no-repeat";
            btn.style.backgroundSize = "18px 18px";
            btn.onclick = function () {
                var ele = btns.getElementsByClassName("选中")[0];
                ele.classList.remove("选中");
                ele.style.backgroundColor = "";
                this.classList.add("选中");
                this.style.backgroundColor = "rgba(13,179,166,0.5)";
                Value.onchange();
            }
            btns.appendChild(btn);
            btn = btn.cloneNode();
            btn.onclick = function () {
                var ele = btns.getElementsByClassName("选中")[0];
                ele.classList.remove("选中");
                ele.style.backgroundColor = "";
                this.classList.add("选中");
                this.style.backgroundColor = "rgba(13,179,166,0.5)";
                Value.onchange();
            }
            btn.className = "中 对齐";
            btn.style.backgroundImage = "url(/View/Flow/中对齐.png)";
            btns.appendChild(btn);
            btn = btn.cloneNode();
            btn.onclick = function () {
                var ele = btns.getElementsByClassName("选中")[0];
                ele.classList.remove("选中");
                ele.style.backgroundColor = "";
                this.classList.add("选中");
                this.style.backgroundColor = "rgba(13,179,166,0.5)";
                Value.onchange();
            }
            btn.className = "右 对齐";
            btn.style.backgroundImage = "url(/View/Flow/右对齐.png)";
            btns.appendChild(btn);

            var Value = PropValue(divBody);
            var Step = self.Container.getElementsByClassName(IDs[0])[0].Step;
            if (Step.ToIDDesc != null && Step.ToIDDesc[IDs[1]]) {
                var Desc = Step.ToIDDesc[IDs[1]];
                if (typeof Desc == "string") {
                    Value.value = Desc;
                    var ele = btns.getElementsByClassName("中")[0];
                    ele.classList.add("选中");
                    ele.style.backgroundColor = "rgba(13,179,166,0.5)";
                } else {
                    Value.value = Desc.Value;
                    var ele = btns.getElementsByClassName(Desc.Align)[0];
                    if (!ele) {
                        ele = btns.getElementsByClassName("中")[0];
                    }
                    ele.classList.add("选中");
                    ele.style.backgroundColor = "rgba(13,179,166,0.5)";
                }
            } else {
                var ele = btns.getElementsByClassName("中")[0];
                ele.classList.add("选中");
                ele.style.backgroundColor = "rgba(13,179,166,0.5)";
            }
            Value.onchange = function () {
                if (Step.ToIDDesc == null) {
                    Step.ToIDDesc = {};
                }
                Step.ToIDDesc[IDs[1]] = {
                    Value: Value.value,
                    Align: btns.getElementsByClassName("选中")[0].classList[0]
                };
                self.updateLineDesc(LineID);
                self.recordState();
            }
        }());

        (function (节点流转条件) {
            PropSplit(divBody);
            var Step = self.Container.getElementsByClassName(IDs[0])[0].Step;
            var label = PropLabel(divBody, "节点流转条件");
            if (Step.ToIDCase != null && Step.ToIDCase[IDs[1]] != null && Step.ToIDCase[IDs[1]].constructor == {}.constructor) {
                label.innerHTML += "<span style='color:#0db3a6;'>(1)</code>";
            }
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                Step.ToIDCase = Step.ToIDCase == null ? {} : Step.ToIDCase;
                if (Step.Type == 5) {
                    var _FlowCoreEx = new FlowCoreEx(document.createElement("div"));
                    _FlowCoreEx.GetFlowClassById(Step.FlowClassID, function (FlowClass) {
                        _FlowCoreEx.FlowClass = FlowClass;
                        _FlowCoreEx.JsCodeDialog("节点流转条件", Step.ToIDCase[IDs[1]], function (code) {
                            Step.ToIDCase[IDs[1]] = code;
                            self.recordState();
                        });
                    });
                } else {
                    self.JsCodeDialog("节点流转条件", Step.ToIDCase[IDs[1]], function (code) {
                        Step.ToIDCase[IDs[1]] = code;
                        self.recordState();
                    });
                }

            }
        }());

        (function (节点通知) {
            PropSplit(divBody);
            var Step = self.Container.getElementsByClassName(IDs[0])[0].Step;
            var label = PropLabel(divBody, "节点通知");
            if (Step.ToIDSms != null && Step.ToIDSms[IDs[1]] != null && Step.ToIDSms[IDs[1]].constructor == {}.constructor) {
                label.innerHTML += "<span style='color:#0db3a6;'>(1)</code>";
            }
            var Btn = PropBtn(divBody, "设置");
            Btn.style.cursor = "pointer";
            Btn.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                Step.ToIDSms = Step.ToIDSms == null ? {} : Step.ToIDSms;
                self.JsCodeDialog("节点通知", Step.ToIDSms[IDs[1]] == null ? null : Step.ToIDSms[IDs[1]], function (code) {
                    Step.ToIDSms[IDs[1]] = code;
                    self.recordState();
                });
            }
        }());
    }

    fn.GetFlowClassById = function (Id, End) {
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGetFlowClass&ID=" + Id;
        HttpGet(Url, function (Json) {
            if (Json.code == 0) {
                End(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, true, true);
    }

    FlowCoreEx.ShowForm = function (ID, DataFields, TplUse) {
        var Box = new CLTop.CLPageBox();
        Box.Body.style.padding = "0px";
        var Header = Box.Header;
        Header.Window = CLTop;
        var divBox = Box.Box;
        var iFrame = document.createElement("iFrame");
        iFrame.style.height = "100%";
        iFrame.style.width = "100%";
        iFrame.style.border = "none";
        Box.Body.appendChild(iFrame);
        Box.Body.nextSibling.remove();
        Box.Body.style.height = "100%";
        Box.Body.style.overflow = "hidden";
        var divFrame = document.createElement("div");
        divFrame.style.height = "100%";
        divFrame.style.width = "100%";
        divFrame.style.border = "none";
        divFrame.style.position = "absolute";
        divFrame.style.top = "50px";
        divFrame.style.left = "0";
        CLEnableMove(Header, function () {
            divBox.style.opacity = 0.3;
            divBox.appendChild(divFrame);
        }, null, function () {
            divBox.style.opacity = 1;
            divFrame.remove();
            if (divBox.offsetTop < 0) {
                divBox.style.top = "0px";
            }
            var Rect = divBox.getBoundingClientRect();
            if (Rect.right > CLTop.innerWidth) {
                divBox.style.left = parseInt(divBox.style.left) - Rect.right + CLTop.innerWidth + "px";
            }
            if (Rect.left < 0) {
                divBox.style.left = parseInt(divBox.style.left) - Rect.left + "px";
            }
            if (Rect.top < 0) {
                divBox.style.top = parseInt(divBox.style.top) + Rect.top + "px";
            }
            if (Rect.top > CLTop.innerHeight - 50) {
                divBox.style.top = parseInt(divBox.style.top) - Rect.top + CLTop.innerHeight - 50 + "px";
            }
        }, divBox);
        if (DataFields == null) {
            DataFields = [];
        }
        iFrame.src = "/" + CLCorpId() + "/View/Form/ShowFrm.cml?ID=" + ID;
        iFrame.g_DataFields = DataFields;
        iFrame.g_TplUse = TplUse;
    }

    FlowCoreEx.CalcAuth = function (form, Step) {
        function SetFields(DataFields) {
            function FindFieldID(ID) {
                for (var i = 0; DataFields != null && i < DataFields.length ; i++) {
                    if (DataFields[i].ID == ID) {
                        return DataFields[i];
                    }
                }
                return null;
            }
            var id = "";
            for (var i = 0; i < form.Controls.length ; i++) {
                var DataField = FindFieldID(form.Controls[i].Data.ID);
                if (DataField == null || DataField.Read == false) {
                    form.Controls[i].Data.Visible = false;
                }
                if (DataField != null && DataField.Write != true) {
                    form.Controls[i].Data.Editable = false;
                }
                if (form.Controls[i].Name == "子表单") {
                    for (var j = 0; j < form.Controls[i].Data.Field.length; j++) {
                        DataField = FindFieldID(form.Controls[i].Data.Field[j].Data.ID);
                        if (DataField == null || DataField.Read == false) {
                            form.Controls[i].Data.Field[j].Data.Visible = false;
                        }
                        if (DataField != null && DataField.Write != true) {
                            form.Controls[i].Data.Field[j].Data.Editable = false;
                            form.Controls[i].Data.Field[j].Data.CanDelLine = false;
                            form.Controls[i].Data.Field[j].Data.CanAddLine = false;
                        }
                        if (DataField != null && DataField.Limit == true) {
                            form.Controls[i].Data.Limit = form.Controls[i].Data.Field[j].Data.ID;
                        }
                    }
                }
            }
        }
        if (Step != null) {
            form = CLClone(form);
            SetFields(Step.DataFields);
        }
        return form;
    }
}());
;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLUI.js" />
(function () {
    CLLoad("/View/Form/lib/Frm/DialogEventHandle.css");

    var listName = ["子表单", "手写签名", "成员范围", "角色选择", "复选框组", "下拉复选框", "附件上传", "成员多选", "部门多选", "流程状态", "提交人", "提交时间", "更新时间"];

    function PropLabel(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Label");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    function PropValue(Body, tag) {
        var input = document.createElement(tag == null ? "input" : tag);
        input.classList.add("Value");
        Body.appendChild(input);
        return input;
    }

    var DialogEventHandle = window.DialogEventHandle = function (EventHandle, Success, FormsID, changeType, FCore) {
        var FormFields = CLApp.getFormById(FormsID).Fields;
        var Forms = CLApp.getForms(FormsID);
        var divDlg = document.createElement("div");
        divDlg.style.width = "895px";
        divDlg.style.height = "700px";
        divDlg.style.position = "relative";
        var dlg = new CLDialog(divDlg);
        var size_handles = [];
        dlg.onsizeChanged = function () {
            size_handles.forEach(function (func) {
                func();
            });
        }
        dlg.CreateAll("设置事件操作", function () {
            var load = new Loading();
            var timer = setTimeout(function () {
                Success(Body.EventHandle);
                load.Stop();
            },10);
        });
        function Save() {
            Success(Body.EventHandle);
        }
        dlg.EnableMove(dlg.Header);
        var codeEditors = [];
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
            for (var i = 0; i < codeEditors.length; i++) {
                codeEditors[i].editor.setSize('auto', '100%');
            }
        }
        if (EventHandle == null) {
            EventHandle = [];
        } else {
            EventHandle = CLClone(EventHandle);
        }
        var Header = dlg.Header;
        var divSel = document.createElement("div");
        Header.style.position = "relative";
        divSel.style.cssText = "height:30px;line-height:30px;position:absolute;left:50%;transform:translateX(-50%);cursor:pointer;top:13px;font-family:CLFont;color:#0db3a6";
        divSel.innerHTML = "添加执行操作<span style='padding:0 5px'>&#xe767</span>";
        Header.appendChild(divSel);
        var opSel = new CLSelect(divSel, divSel);
        opSel.AddItems([
            "新增数据", "修改数据", "删除数据", "公式编辑"
        ]);
        if (FCore) {
            opSel.AddItems([
                "数据透视"
            ]);
        }
        //opSel.AddItems([
        //    "URL回调"
        //]);
        var Body = dlg.Body;
        Body.style.position = "relative";
        Body.style.overflow = "auto";
        Body.style.overflowX = "hidden";
        Body.classList.add("CLEmpty2");
        Body.setAttribute("Empty", "请点击【添加执行操作】按钮添加事件处理者");

        var BaseControl = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框", "附件上传"
            , "子表单", "成员单选", "成员多选", "部门单选", "部门多选","成员范围"
            , "提交时间", "更新时间", "提交人", "流程状态"
        ];

        var CodeCurrentFields;

        var CodeOtherFields;

        var helpLabel;

        function getHelpLabel() {
            if (helpLabel != null) {
                return helpLabel;
            }
            helpLabel = document.createElement("div");
            helpLabel.style.cssText = "border:1px dashed #0db3a6;height:30px;line-height:30px;position:fixed;padding:0 8px";
            return helpLabel;
        }

        function getField(Id, subFlag) {
            var Fields = Forms[this.FormSel.selectedIndex] == null ? [] : Forms[this.FormSel.selectedIndex].Fields;
            for (var i = 0; i < Fields.length; i++) {
                if (Fields[i].ID == Id) {
                    return Fields[i];
                }
                if (Fields[i].className == "子表单") {
                    if (subFlag == true) {
                        if (Fields[i].ID == Id) {
                            return Fields[i];
                        }
                    } else {
                        var subFields = Fields[i].Field;
                        for (var j = 0; j < subFields.length ; j++) {
                            if (subFields[j].ID == Id) {
                                return subFields[i];
                            }
                        }
                    }
                }
            }
            return null;
        }

        function createEventWheres(divContainer) {
            var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "子表单", "手写签名", "成员范围", "角色选择", "复选框组", "下拉复选框", "附件上传", "成员多选", "部门多选"];
            var divLabel = document.createElement("div");
            divLabel.className = "titleLabel";
            divLabel.innerHTML = "执行条件";
            divContainer.appendChild(divLabel);
            var spanLabel = document.createElement("div");
            spanLabel.className = "addSpan";
            spanLabel.innerHTML = "<span style='font-family:CLFont'>&#xe767</span>请添加执行条件";
            divContainer.appendChild(spanLabel);
            var divEventWheres = document.createElement("div");
            divEventWheres.style.cssText = "width:100%;";
            divContainer.appendChild(divEventWheres);
            var Fields = CLClone(FormFields);
            spanLabel.onclick = function (e) {
                var EventHandle = divContainer.EventHandle;
                var Menu = {
                    "style": {
                        "max-height": "230px",
                        "overflow": "auto",
                        "margin-top": "15px",
                        "background-color": "#fff",
                    },
                    "Items": [
                    ]
                }
                for (var i = 0; i < Fields.length ; i++) {
                    if (listName.indexOf(Fields[i].className) >= 0) {
                        continue;
                    }
                    var Item = {
                        "style": {
                            "min-width": "230px"
                        },
                        "Icon": "",
                        "Text": Fields[i].Name,
                        "Node": e.currentTarget,
                        "Data": Fields[i],
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            AddEventWhere(this.Data);
                        }
                    }
                    var bHas = false;
                    for (var j = 0; j < EventHandle.eventWheres.length; j++) {
                        if (EventHandle.eventWheres[j].ID == Fields[i].ID) {
                            bHas = true;
                        }
                    }
                    Item.Enable = !bHas;
                    Menu.Items.push(Item);
                }
                if (changeType) {
                    var Item = {
                        "style": {
                            "min-width": "230px"
                        },
                        "Icon": "",
                        "Html": "<span style='color:#0db3a6'>变更类型</span>",
                        "Node": e.currentTarget,
                        "Data": {
                            ID: "changeType",
                            Name: "变更类型",
                            className: "变更类型"
                        },
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            AddEventWhere(this.Data);
                        }
                    }
                    var bHas = false;
                    for (var j = 0; j < EventHandle.eventWheres.length; j++) {
                        if (EventHandle.eventWheres[j].ID == "changeType") {
                            bHas = true;
                        }
                    }
                    Item.Enable = !bHas;
                    Menu.Items.push(Item);
                }

                var _CLMenu = new CLMenu(Menu, spanLabel);
                _CLMenu.EnableSearch(true);
            }
            function AddEventWhere(Field) {
                var EventHandle = divContainer.EventHandle;
                EventHandle.eventWheres.push({
                    ID: Field.ID,
                    Operator: null,
                    Val: null,
                    className: Field.className
                });
                divContainer.ShowEventWheres();
            }

            function getField3(Id) {
                for (var i = 0; i < Fields.length; i++) {
                    if (Fields[i].ID == Id) {
                        return Fields[i];
                    }
                }
                return Id == "changeType" ? {
                    ID: "changeType",
                    Name: "变更类型",
                    className: "变更类型"
                } : null;
            }
            divContainer.ShowEventWheres = function ShowEventWheres() {
                divEventWheres.innerHTML = "";
                var eventWheres = divContainer.EventHandle.eventWheres;
                var Operators = (function () {
                    var AllUser = CLApp.getUserListLeave().concat(CLApp.getUserList());

                    function None(Div) {
                        Div.innerHTML = "";
                    }

                    function Sel(Div) {
                        Getstr(Div);
                    }
                    //Val = []
                    function MulSel(Div) {
                        Div.innerHTML = "";
                        var divBlock = document.createElement("div");
                        divBlock.style.cssText = "line-height:20px;border:1px solid #e0e0e0;";
                        Div.appendChild(divBlock);
                        var divVals = document.createElement("div");
                        divVals.style.cssText = "line-height:30px;display:inline-block;vertical-align:top;max-width:150px;text-align:right;overflow:hidden";
                        divBlock.appendChild(divVals);
                        var input = document.createElement("input");
                        input.style.cssText = "height:28px;border:none;outline:none;padding:0 8px";
                        divBlock.appendChild(input);
                        var itemData = Div.Where;
                        if (itemData.Val == null || itemData.Val.constructor != [].constructor) {
                            itemData.Val = [];
                        }
                        function ShowVals() {
                            var Val = itemData.Val;
                            divVals.innerHTML = "";
                            if (Val.length == 0) {
                                input.setAttribute("placeholder", "请输入文本内容,多个值用'enter'分开");
                            } else {
                                input.removeAttribute("placeholder");
                            }
                            for (var i = Val.length - 1; i > -1 ; i--) {
                                var span = document.createElement("span");
                                span.innerHTML = Val[i];
                                span.style.cssText = "padding:0 5px;color:#606;float:right";
                                divVals.appendChild(span);
                            }
                            input.value = "";
                            input.style.width = divBlock.offsetWidth - divVals.offsetWidth - 2 + "px";
                        }
                        ShowVals();
                        input.onkeydown = function (e) {
                            if (e.keyCode == 13) {
                                if (input.value == null || input.value.length == 0) {
                                    return;
                                }
                                itemData.Val.push(input.value);
                                ShowVals();
                            }
                            if (e.keyCode == 8) {
                                if (input.value == null || input.value.length == 0) {
                                    itemData.Val.splice(itemData.Val.length - 1);
                                    ShowVals();
                                }
                            }

                        }
                    }
                    //Val = null
                    function Getstr(Div) {
                        Div.innerHTML = "";
                        var input = document.createElement("input");
                        input.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
                        Div.appendChild(input);
                        var itemData = Div.Where;
                        input.value = itemData.Val == null || itemData.Val.toLocaleUpperCase == null ? "" : itemData.Val;
                        input.onchange = function () {
                            itemData.Val = (input.value.length == 0 ? null : input.value);
                        }
                    }
                    //Val = null
                    function GetNum(Div) {
                        Div.innerHTML = "";
                        var input = document.createElement("input");
                        input.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
                        Div.appendChild(input);
                        var itemData = Div.Where;
                        input.value = itemData.Val == null || itemData.Val.toFixed == null ? "" : itemData.Val;
                        input.oninput = function () {
                            CLCheckFloat(input, 10);
                        }
                        input.onchange = function () {
                            itemData.Val = input.value.length == 0 ? null : input.value * 1;
                        }
                    }
                    //Val = {Min: null,Max: null }
                    function GetNumRange(Div) {
                        Div.innerHTML = "";
                        var itemData = Div.Where;
                        var iMin = document.createElement("input");
                        iMin.style.cssText = "height:30px;line-height:28px;width:calc(50% - 12px); border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
                        iMin.setAttribute("placeholder", "最小值");
                        Div.appendChild(iMin);
                        if (itemData.Val == null || itemData.Val.Min == null) {
                            itemData.Val = {
                                Min: null,
                                Max: null
                            };
                        }
                        iMin.oninput = function () {
                            CLCheckFloat(iMin, 10);
                        }
                        iMin.value = itemData.Val.Min == null ? "" : itemData.Val.Min;
                        iMin.onchange = function () {
                            itemData.Val.Min = iMin.value.length == 0 ? null : iMin.value * 1;
                        }
                        var To = document.createElement("span");
                        To.style.padding = "0 6px";
                        To.innerHTML = "~";
                        Div.appendChild(To);
                        Div.appendChild(To);
                        var iMax = iMin.cloneNode();
                        iMax.setAttribute("placeholder", "最大值");
                        iMax.oninput = function () {
                            CLCheckFloat(iMax, 10);
                        }
                        iMax.value = itemData.Val.Max == null ? "" : itemData.Val.Max;
                        iMax.onchange = function () {
                            itemData.Val.Max = iMax.value.length == 0 ? null : iMax.value * 1;
                        }
                        Div.appendChild(iMax);
                    }
                    //Val = null
                    function UserSel(Div) {
                        Div.innerHTML = "";
                        var itemData = Div.Where;
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.MultiSel = true;
                        function Show(Val) {
                            if (Val != null) {
                                _CLSelect.SetValues([Val.Name]);
                            } else {
                                _CLSelect.SetValues([]);
                            }
                        }
                        Show(itemData.Val);
                        _CLSelect.OnClick = function () {
                            var Range = {
                                Roles: [],
                                Parts: [],
                                Members: [],
                                Dynamic: []
                            }
                            Range.Dynamic.Visible = false;
                            FrmCtrls.MemberDialog(Range, false, { Members: itemData.Val == null ? null : [itemData.Val] }, true, function (Val) {
                                itemData.Val = Val.Members[0];
                                Show(itemData.Val);
                            });
                        }
                    }
                    //Val = []
                    function UserMulSel(Div) {
                        Div.innerHTML = "";
                        var itemData = Div.Where;
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.MultiSel = true;
                        function Show(Val) {
                            var Names = [];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                Names.push(CLApp.getMemberNameById(Val[i]));
                            }
                            _CLSelect.SetValues(Names);
                        }
                        Show(itemData.Val);
                        _CLSelect.OnClick = function () {
                            var Range = {
                                Roles: [],
                                Parts: [],
                                Members: [],
                                Dynamic: []
                            }
                            Range.Dynamic.Visible = false;
                            FrmCtrls.MemberDialog(Range, true, { Members: itemData.Val == null ? null : [itemData.Val] }, true, function (Val) {
                                itemData.Val = Val.Members;
                                Show(itemData.Val);
                            });
                        }
                    }
                    //Val = null
                    function DepartSel(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        var itemData = Div.Where;
                        _CLSelect.SetValue(CLApp.getDepartmentNameById(itemData.Val));
                        _CLSelect.OnClick = function () {
                            var DepartData = CLApp.getDepartTree()[0];
                            var _CLTree = new CLTree(DepartData);
                            var divBg = document.createElement("div");
                            divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                            divBg.style.zIndex = CLTop.CLMaxZIndex();
                            CLTop.document.body.appendChild(divBg);
                            divBg.Close = function () {
                                if (divBg.parentNode != null) {
                                    divBg.parentNode.removeChild(divBg);
                                }
                            }
                            divBg.addEventListener("mousedown", function () {
                                divBg.Close();
                                window.removeEventListener("unload", divBg.Close);
                            });
                            window.addEventListener("unload", divBg.Close);
                            var divMenu = document.createElement("div");
                            divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;";
                            divBg.appendChild(divMenu);
                            divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });
                            divMenu.style.maxHeight = "390px";
                            var divSearch = document.createElement("div");
                            divSearch.className = "ItemSearch";
                            divMenu.appendChild(divSearch);
                            var inputSearch = document.createElement("input");
                            inputSearch.style.height = "29px";
                            inputSearch.style.lineHeight = "29px";
                            inputSearch.style.border = "none";
                            inputSearch.setAttribute("placeholder", "搜索");
                            inputSearch.style.width = "calc(100% - 7px)";
                            inputSearch.style.marginLeft = "5px";
                            inputSearch.value = "";
                            inputSearch.oninput = function () {
                                _CLTree.Search(inputSearch.value);
                            }
                            divSearch.appendChild(inputSearch);

                            var divClear = document.createElement("div");
                            divClear.className = "ItemClear";
                            divClear.innerHTML = "--请选择--";
                            divMenu.appendChild(divClear);
                            divClear.onclick = function () {
                                itemData.Val = null;
                                _CLSelect.SetValue("");
                                divBg.Close();
                                window.removeEventListener("unload", divBg.Close);
                            }

                            function SetPos() {
                                var Rect = Div.getBoundingClientRectEx();
                                divMenu.style.top = Rect.bottom + "px";
                                divMenu.style.left = Rect.left + "px";
                                divMenu.style.minWidth = Rect.width + "px";
                                divMenu.style.zIndex = CLTop.CLMaxZIndex();
                                var mRect = divMenu.getBoundingClientRectEx();
                                if (mRect.bottom > CLTop.innerHeight) {
                                    divMenu.style.top = Rect.top - mRect.height + "px";
                                    if (divMenu.offsetTop < 0) {
                                        divMenu.style.top = "0px";
                                    }
                                }
                                if (mRect.right > CLTop.innerWidth) {
                                    divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                                }
                            }
                            divBg.appendChild(divMenu);

                            _CLTree.Render(divMenu);
                            var divTree = divMenu.lastChild;
                            divTree.style.maxHeight = divMenu.offsetHeight - 62 + "px";
                            divTree.style.overflow = "auto";
                            _CLTree.Select(itemData.Val);
                            SetPos();
                            _CLTree.OnSelected = function (ItemData) {
                                itemData.Val = ItemData.ID;
                                _CLSelect.SetValue(ItemData.Name);
                                divBg.Close();
                                window.removeEventListener("unload", divBg.Close);
                            }
                        }
                    }
                    //Val = []
                    function DepartMulSel(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.MultiSel = true;
                        var itemData = Div.Where;
                        if (itemData.Val == null || itemData.Val.concat == null) {
                            itemData.Val = [];
                        }
                        function ShowVales() {
                            var IDs = itemData.Val;
                            var Names = [];
                            for (var i = 0; i < IDs.length; i++) {
                                if (IDs[i] != null) {
                                    Names.push(CLApp.getDepartmentNameById(IDs[i]));
                                } else {
                                    Names.push("未填写");
                                }
                            }
                            _CLSelect.SetValues(Names);
                        }
                        ShowVales();
                        _CLSelect.OnClick = function () {
                            var DepartData = CLApp.getDepartTree()[0];
                            var _CLTree = new CLTree(DepartData);
                            _CLTree.MultiSel = true;
                            var divBg = document.createElement("div");
                            divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                            divBg.style.zIndex = CLTop.CLMaxZIndex();
                            CLTop.document.body.appendChild(divBg);
                            divBg.Close = function () {
                                if (divBg.parentNode != null) {
                                    divBg.parentNode.removeChild(divBg);
                                }
                            }
                            divBg.addEventListener("mousedown", function () {
                                divBg.Close();
                                window.removeEventListener("unload", divBg.Close);
                            });
                            window.addEventListener("unload", divBg.Close);
                            var divMenu = document.createElement("div");
                            divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;max-width:100%;";
                            divBg.appendChild(divMenu);
                            divMenu.style.maxHeight = "390px";

                            var divSearch = document.createElement("div");
                            divSearch.className = "ItemSearch";
                            divMenu.appendChild(divSearch);
                            var inputSearch = document.createElement("input");
                            inputSearch.style.height = "29px";
                            inputSearch.style.lineHeight = "29px";
                            inputSearch.style.border = "none";
                            inputSearch.setAttribute("placeholder", "搜索");
                            inputSearch.style.width = "calc(100% - 7px)";
                            inputSearch.style.marginLeft = "5px";
                            inputSearch.value = "";
                            inputSearch.oninput = function () {
                                _CLTree.Search(inputSearch.value);
                            }
                            divSearch.appendChild(inputSearch);

                            divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });

                            var divAll = document.createElement("div");
                            divAll.className = "ItemClear";
                            divAll.style.padding = "0 6px 0 20px";
                            var _AllBox = new CLCheckBox("全选", divAll, true);
                            divMenu.appendChild(divAll);

                            var divNull = document.createElement("div");
                            divNull.className = "ItemClear";
                            divNull.style.padding = "0 6px 0 20px";
                            var _NullBox = new CLCheckBox("未填写", divNull, true);
                            divMenu.appendChild(divNull);
                            if (itemData.Val.indexOf(null) >= 0) {
                                _NullBox.checked = true;
                            }
                            _NullBox.onchanged = function () {
                                if (_NullBox.checked) {
                                    itemData.Val.push(null);
                                } else {
                                    itemData.Val.splice(itemData.Val.indexOf(null), 1);
                                }
                                if (_CLTree.IsAllSel && _NullBox.checked) {
                                    _AllBox.Checked = true;
                                } else {
                                    _AllBox.Checked = false;
                                }
                                ShowVales();
                            }

                            _AllBox.onchanged = function () {
                                if (_AllBox.checked) {
                                    _CLTree.SelectAll();
                                    _NullBox.checked = true;
                                } else {
                                    _CLTree.UnSelectAll();
                                    _NullBox.checked = false;
                                }
                                ShowVales();
                            }

                            function SetPos() {
                                var Rect = Div.getBoundingClientRectEx();
                                divMenu.style.top = Rect.bottom + "px";
                                divMenu.style.left = Rect.left + "px";
                                divMenu.style.minWidth = Rect.width + "px";
                                divMenu.style.zIndex = CLTop.CLMaxZIndex();
                                var mRect = divMenu.getBoundingClientRectEx();
                                if (mRect.bottom > CLTop.innerHeight) {
                                    divMenu.style.top = Rect.top - mRect.height + "px";
                                    if (divMenu.offsetTop < 0) {
                                        divMenu.style.top = "0px";
                                    }
                                }
                                if (mRect.right > CLTop.innerWidth) {
                                    divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                                }
                            }
                            divBg.appendChild(divMenu);
                            _CLTree.Render(divMenu);

                            var divTree = divMenu.lastChild;
                            divTree.style.maxHeight = divMenu.offsetHeight - 92 + "px";
                            divTree.style.overflow = "scroll";

                            SetPos();
                            _CLTree.OnAllSelected = function () {
                                _CLTree.IsAllSel = true;
                                if (_NullBox.checked) {
                                    _AllBox.Checked = true;
                                }
                            }
                            _CLTree.OnLostAllSelected = function () {
                                _CLTree.IsAllSel = false;
                                _AllBox.Checked = false;
                            }
                            for (var i = 0 ; i < itemData.Val.length; i++) {
                                _CLTree.Select(itemData.Val[i]);
                            }
                            _CLTree.OnSelected = function (ItemData) {
                                itemData.Val.push(ItemData.ID);
                                ShowVales();
                            }
                            _CLTree.OnLostSelected = function (ItemData) {
                                itemData.Val.splice(itemData.Val.indexOf(ItemData.ID), 1);
                                ShowVales();
                            }
                        }
                    }
                    //Val = {DataType: null,sValue: null}
                    function GetDateTime(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.SearchAble = true;
                        var itemData = Div.Where;
                        _CLSelect.AddItems(["固定值", "今天", "昨天", "本周", "上周", "本月", "上月"]);
                        var divDate = document.createElement("div");
                        divDate.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 8px;font-size: 14px;margin-top:10px;";
                        divDate.className = "Dt";
                        if (itemData.Val == null || itemData.Val.DataType == null) {
                            itemData.Val = {
                                DataType: null,
                                sValue: null
                            };
                        }
                        Div.appendChild(divDate);
                        _CLSelect.onchanged = function () {
                            itemData.Val.DataType = _CLSelect.GetValue();
                            if (itemData.Val.DataType == "固定值") {
                                divDate.style.display = "block";
                            } else {
                                divDate.style.display = "none";
                                if (itemData.Val.DataType == "今天") {
                                    itemData.Val.sValue = new Date().Format("yyyy-MM-dd");
                                }
                                if (itemData.Val.DataType == "昨天") {

                                }
                                if (itemData.Val.DataType == "本周") {

                                }
                                if (itemData.Val.DataType == "上周") {

                                }
                                if (itemData.Val.DataType == "本月") {

                                }
                                if (itemData.Val.DataType == "上月") {

                                }
                            }
                        }
                        if (itemData.Val.DataType == null) {
                            _CLSelect.selectedIndex = 0;
                        }
                        divDate.id = CLMakeId();
                        divDate.innerText = (itemData.Val.sValue == null ? "" : itemData.Val.sValue);
                        divDate.onclick = function () {
                            var _dt = CLDate(itemData.Val.sValue, "yyyy-MM-dd", divDate);
                            _dt.onchanged = function () {
                                var sVal = _dt.Value.toString();
                                itemData.Val.sValue = sVal;
                                divDate.innerHTML = sVal;
                            }
                        }
                    }
                    //Val = {dtStart: null,dtEnd: null}
                    function GetDateTimeRange(Div) {
                        Div.innerHTML = "";
                        var StartDt = document.createElement("div");
                        StartDt.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 8px;font-size: 14px;";
                        StartDt.className = "Dt";
                        Div.appendChild(StartDt);
                        StartDt.id = CLMakeId();
                        StartDt.setAttribute("placeholder", "起始日期");
                        var itemData = Div.Where;
                        if (itemData.Val == null || itemData.Val.dtStart == null) {
                            itemData.Val = {
                                dtStart: null,
                                dtEnd: null
                            };
                        }
                        StartDt.innerHTML = itemData.Val.dtStart;
                        StartDt.onclick = function () {
                            var _dt = CLDate(itemData.Val.dtStart, "yyyy-MM-dd", StartDt);
                            _dt.onchanged = function () {
                                var sVal = _dt.Value.toString();
                                itemData.Val.dtStart = sVal;
                                StartDt.innerHTML = sVal;
                            }
                        }
                        var EndDt = StartDt.cloneNode();
                        Div.appendChild(EndDt);
                        EndDt.id = CLMakeId();
                        EndDt.style.marginTop = "10px";
                        EndDt.setAttribute("placeholder", "结束日期");
                        EndDt.innerHTML = itemData.Val.dtEnd;
                        EndDt.onclick = function () {
                            var _dt = CLDate(itemData.Val.dtEnd, "yyyy-MM-dd", EndDt);
                            _dt.onchanged = function (str) {
                                var sVal = _dt.Value.toString();
                                itemData.Val.dtEnd = sVal;
                                EndDt.innerHTML = sVal;
                            }
                        }
                    }
                    //Val = null
                    function Status(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.AddItems(["运行中", "已完成", "已终止", "已存档"]);
                        var Where = Div.Where;
                        _CLSelect.EnableClear(true);
                        Where.Val = Where.Val == null ? null : Where.Val;
                        _CLSelect.selectedIndex = (Where.Val == null ? -1 : Where.Val - 1)
                        _CLSelect.onchanged = function () {
                            Where.Val = _CLSelect.selectedIndex == -1 ? null : _CLSelect.selectedIndex + 1;
                        }
                    }
                    //Val = []
                    function MulStatus(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.AddItems(["运行中", "已完成", "已终止", "已存档"]);
                        var Where = Div.Where;
                        _CLSelect.EnableClear(true);
                        _CLSelect.EnableMultiSel(true);
                        Where.Val = Where.Val == null ? null : Where.Val;
                        _CLSelect.selectedIndex = (Where.Val == null ? -1 : Where.Val - 1)
                        _CLSelect.onchanged = function () {
                            Where.Val = _CLSelect.selectedIndexs.length == 0 ? null : _CLSelect.selectedIndexs;
                        }
                    }
                    function changeType(Div) {
                        Div.innerHTML = "";
                        var _CLSelect = new CLSelect(Div);
                        _CLSelect.AddItems(["修改", "存档", "回档"]);
                        var Where = Div.Where;
                        _CLSelect.EnableClear(true);
                        Where.Val = Where.Val == null ? null : Where.Val;
                        _CLSelect.selectedIndex = _CLSelect.Items.indexOf(Where.Val);
                        _CLSelect.onchanged = function () {
                            Where.Val = _CLSelect.GetValue();
                        }
                    }
                    return {
                        流水号: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    Getstr, Getstr, MulSel, MulSel, Getstr, Getstr, None, None
                                ]
                            }
                        })(),
                        单行文本: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    Getstr, Getstr, MulSel, MulSel, Getstr, Getstr, None, None
                                ],
                                Icon: FrmCtrls["单行文本"].Icon
                            }
                        })(),
                        多行文本: (function () {
                            return {
                                Items: [
                                    "包含", "不包含", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    Getstr, Getstr, None, None
                                ],
                                Icon: FrmCtrls["多行文本"].Icon
                            }
                        })(),
                        数字: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "大于", "大于等于", "小于", "小于等于", "选择范围", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    GetNum, GetNum, GetNum, GetNum, GetNum, GetNum, GetNumRange, None, None
                                ],
                                Icon: FrmCtrls["数字"].Icon
                            }
                        })(),
                        时间日期: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "大于等于", "小于等于", "选择范围", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    GetDateTime, GetDateTime, GetDateTime, GetDateTime, GetDateTimeRange, None, None
                                ],
                                Icon: FrmCtrls["时间日期"].Icon
                            }
                        })(),
                        单选按钮组: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    Sel, Sel, MulSel, MulSel, MulSel, MulSel, None, None
                                ],
                                Icon: FrmCtrls["单选按钮组"].Icon
                            }
                        })(),
                        复选框组: (function () {
                            return {
                                Items: [
                                    "包含任意一个", "同时包含", "等于", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    MulSel, MulSel, MulSel, None, None
                                ],
                                Icon: FrmCtrls["复选框组"].Icon
                            }
                        })(),
                        下拉框: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    Sel, Sel, MulSel, MulSel, Getstr, Getstr, None, None
                                ],
                                Icon: FrmCtrls["下拉框"].Icon
                            }
                        })(),
                        下拉复选框: (function () {
                            return {
                                Items: [
                                    "包含任意一个", "同时包含", "等于", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    MulSel, MulSel, MulSel, None, None
                                ],
                                Icon: FrmCtrls["下拉复选框"].Icon
                            }
                        })(),
                        附件上传: (function () {
                            return {
                                Items: [
                                    "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    None, None
                                ],
                                Icon: FrmCtrls["附件上传"].Icon
                            }
                        })(),
                        成员单选: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    UserSel, UserSel, UserMulSel, UserMulSel, None, None
                                ],
                                Icon: FrmCtrls["成员单选"].Icon
                            }
                        })(),
                        成员多选: (function () {
                            return {
                                Items: [
                                    "包含任意一个", "同时包含", "等于", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    UserMulSel, UserMulSel, UserMulSel, None, None
                                ],
                                Icon: FrmCtrls["成员多选"].Icon
                            }
                        })(),
                        部门单选: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                                ],
                                DefaultIndex: 2,
                                Functors: [
                                    DepartSel, DepartSel, DepartMulSel, DepartMulSel, None, None
                                ],
                                Icon: FrmCtrls["部门单选"].Icon
                            }
                        })(),
                        部门多选: (function () {
                            return {
                                Items: [
                                    "包含任意一个", "同时包含", "等于", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                    DepartMulSel, DepartMulSel, DepartMulSel, None, None
                                ],
                                Icon: FrmCtrls["部门多选"].Icon
                            }
                        })(),
                        流程状态: (function () {
                            return {
                                Items: [
                                    "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                   Status, Status, MulStatus, MulStatus, None, None
                                ]
                            }
                        })(),
                        变更类型: (function () {
                            return {
                                Items: [
                                    "等于"
                                ],
                                DefaultIndex: 0,
                                Functors: [
                                   changeType
                                ]
                            }
                        })(),

                    }
                })();
                Operators.提交时间 = Operators.时间日期;
                Operators.更新时间 = Operators.时间日期;
                Operators.提交人 = Operators.成员单选;
                for (var i = 0; i < eventWheres.length; i++) {
                    var Field = getField3(eventWheres[i].ID);
                    if (Field == null) {
                        continue;
                    }
                    var divLine = document.createElement("div");
                    divLine.style.cssText = "width:100%;margin-bottom:10px;line-height:30px";
                    divEventWheres.appendChild(divLine);
                    divLine.Where = eventWheres[i];
                    divLine.Field = Field;
                    var FieldDiv = document.createElement("div");
                    FieldDiv.style.cssText = "width:245px;display:inline-block;line-height:30px;border:solid 1px #d9d9d9;padding:0 8px;vertical-align:top;";
                    FieldDiv.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[Field.ID == "changeType" ? "单行文本" : Field.className].Icon + "</span>" + Field.Name;
                    divLine.appendChild(FieldDiv);
                    var opSelDiv = document.createElement("div");
                    opSelDiv.style.cssText = "width:145px;display:inline-block;height:30px;line-height:30px;margin:0 8px;vertical-align:top;color:#0db3a6";
                    divLine.appendChild(opSelDiv);
                    var divVal = document.createElement("div");
                    divLine.appendChild(divVal);
                    divLine.divVal = divVal;
                    divVal.style.cssText = "width:275px;display:inline-block;line-height:30px;margin:0 8px 0 16px;vertical-align:top;";
                    divLine.appendChild(divVal);
                    divVal.Where = eventWheres[i];

                    var opSel = new CLSelect(opSelDiv);
                    opSel.AddItems(Operators[Field.className].Items);
                    opSel.Operators = Operators[Field.className];
                    opSel.divVal = divVal;
                    opSel.onchanged = function (This) {
                        This.Operator = This.Operators.Items[This.selectedIndex];
                        This.Operators.Functors[This.selectedIndex](This.divVal);
                        this.divVal.Where.Operator = This.Operator;
                    }
                    if (divLine.Where.Operator != null) {
                        opSel.selectedIndex = opSel.Items.indexOf(divLine.Where.Operator);
                    } else {
                        opSel.selectedIndex = Operators[Field.className].DefaultIndex;
                    }

                    var delDiv = document.createElement("div");
                    delDiv.style.cssText = "font-family:CLFont;height:30px;line-height:30px;display:inline-block;padding:3px;font-size:20px;vertical-align:top;color:#3F80AE;cursor:pointer;";
                    delDiv.onmouseover = function (e) {
                        this.style.color = "#e86261";
                        this.style.fontWeight = "900";
                    }
                    delDiv.onmouseleave = function (e) {
                        this.style.color = "#3F80AE";
                        this.style.fontWeight = "100";
                    }
                    delDiv.onclick = function (e) {
                        this.parentNode.remove();
                    }
                    delDiv.innerHTML = "&#xe80b;";
                    var remove = divLine.remove;
                    divLine.remove = function () {
                        eventWheres.splice(eventWheres.indexOf(this.Where), 1);
                        remove.call(this);
                    }
                    divLine.appendChild(delDiv);
                }
            }
            Object.defineProperty(divContainer, "eventWheres", {
                get: function () {
                    var eventWheres = [];
                    var Lines = divEventWheres.childNodes;
                    for (var i = 0; i < Lines.length; i++) {
                        eventWheres.push(Lines[i].Where);
                    }
                    return eventWheres;
                }
            });
            return divLabel
        }

        function createUpdateFields(divContainer) {
            var EventHandle = divContainer.EventHandle;
            var divLabel = document.createElement("div");
            divLabel.className = "titleLabel";
            divLabel.innerHTML = "修改数据中的那些字段";
            divContainer.appendChild(divLabel);

            var spanLabel = document.createElement("div");
            spanLabel.className = "addSpan";
            spanLabel.innerHTML = "<span style='font-family:CLFont'>&#xe767</span>请添加字段";
            divContainer.appendChild(spanLabel);
            spanLabel.onclick = function (e) {
                if (divContainer.FormSel.selectedIndex == -1 || divContainer.FormSel.selectedIndex == null) {
                    CLShowMsg("没有选择表单");
                    return;
                }
                var Menu = {
                    "style": {
                        "max-width": "230px",
                        "max-height": "230px",
                        "overflow": "auto",
                        "margin-top": "15px",
                        "background-color": "#fff",
                    },
                    "Items": [
                    ]
                }
                var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "提交时间", "更新时间", "提交人", "流程状态"];
                var Fields = Forms[divContainer.FormSel.selectedIndex] == null ? [] : Forms[divContainer.FormSel.selectedIndex].Fields;
                for (var i = 0; i < Fields.length ; i++) {
                    if (listName.indexOf(Fields[i].className) >= 0) {
                        continue;
                    }
                    var Item = {
                        "style": {
                            "min-width": "230px",
                            "max-width": "230px",
                        },
                        "Icon": "",
                        "Text": Fields[i].Name,
                        "Node": e.currentTarget,
                        "Data": Fields[i],
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            AddUpdateField(this.Data);
                        }
                    }
                    var bHas = false;
                    for (var j = 0; j < EventHandle.updateFields.length; j++) {
                        if (EventHandle.updateFields[j].ID == Fields[i].ID) {
                            bHas = true;
                        }
                    }
                    Item.Enable = !bHas;
                    Menu.Items.push(Item);
                }
                var _CLMenu = new CLMenu(Menu, spanLabel);
                _CLMenu.EnableSearch(true);
            }

            var divFields = document.createElement("div");
            divFields.style.cssText = "width:100%;";
            divContainer.appendChild(divFields);
            function AddUpdateField(Field) {
                var Val = {
                    ID: Field.ID,
                    valType: "流程表单字段值",
                    Val: null,
                    ctrlID: null,
                    className: Field.className
                };
                if (Val.className == "子表单") {
                    Val.GetSubFields = function () {
                        return Field.Field;
                    }
                }
                EventHandle.updateFields.push(Val);
                divContainer.ShowFields();
            }
            divContainer.ShowFields = function ShowFields() {
                divFields.innerHTML = "";
                var updateFields = EventHandle.updateFields;
                for (var i = 0; i < updateFields.length; i++) {
                    var Field = divContainer.getField(updateFields[i].ID);
                    if (Field == null) {
                        continue;
                    }
                    if (updateFields[i].className == "子表单") {
                        updateFields[i].GetSubFields = function () {
                            return Field.Field;
                        }
                    }
                    var divLine = DialogEventHandle.createValLine(updateFields[i], Field.Name, divFields, FormFields, "请选择触发表单的字段", false, true);
                    divLine.Remove = function () {
                        updateFields.splice(updateFields.indexOf(this.ValField), 1);
                        this.remove();
                    }
                }
            }

            Object.defineProperty(divContainer, "updateFields", {
                get: function () {
                    var updateFields = [];
                    var Lines = divFields.childNodes;
                    for (var i = 0; i < Lines.length; i++) {
                        updateFields.push(Lines[i].ValField);
                    }
                    return updateFields;
                }
            });
            return divLabel;
        }

        function createWheres(divContainer, title) {
            var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "子表单", "手写签名", "成员范围", "角色选择", "复选框组", "下拉复选框", "附件上传", "成员多选", "部门多选"];
            var divLabel = document.createElement("div");
            divLabel.style.cssText = "height:30px;line-height:30px;width:100%;color:#5E6D82;cursor:default;margin-top:10px;";
            divLabel.innerHTML = title;
            divContainer.appendChild(divLabel);
            var spanLabel = document.createElement("div");
            spanLabel.style.cssText = "height:30px;line-height:30px;display:inline-block;color:#0db3a6;cursor:pointer;";
            spanLabel.innerHTML = "<span style='font-family:CLFont'>&#xe767</span>添加过滤条件";
            divContainer.appendChild(spanLabel);
            var divWheres = document.createElement("div");
            divWheres.style.cssText = "width:100%;";
            divContainer.appendChild(divWheres);
            spanLabel.onclick = function (e) {
                if (divContainer.FormSel.selectedIndex == -1 || divContainer.FormSel.selectedIndex == null) {
                    CLShowMsg("没有选择表单");
                    return;
                }
                var Menu = {
                    "style": {
                        "max-width": "230px",
                        "max-height": "230px",
                        "overflow": "auto",
                        "margin-top": "15px",
                        "background-color": "#fff",
                    },
                    "Items": [

                    ]
                }
                var Fields = Forms[divContainer.FormSel.selectedIndex] == null ? [] : [{ ID: "ID", Name: "ID", className: "单行文本" }].concat(Forms[divContainer.FormSel.selectedIndex].Fields);
                for (var i = 0; i < Fields.length ; i++) {
                    if (listName.indexOf(Fields[i].className) >= 0) {
                        continue;
                    }
                    var Item = {
                        "style": {
                            "min-width": "230px",
                            "max-width": "230px",
                        },
                        "Icon": "",
                        "Text": Fields[i].Name,
                        "Node": e.currentTarget,
                        "Data": Fields[i],
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            AddWhere(this.Data);
                        }
                    }
                    var bHas = false;
                    var EventHandle = divContainer.EventHandle;
                    for (var j = 0; j < EventHandle.Wheres.length; j++) {
                        if (EventHandle.Wheres[j].ID == Fields[i].ID) {
                            bHas = true;
                        }
                    }
                    Item.Enable = !bHas;
                    Menu.Items.push(Item);
                }
                var _CLMenu = new CLMenu(Menu, spanLabel);
                _CLMenu.EnableSearch(true);
            }

            function AddWhere(Field) {
                var EventHandle = divContainer.EventHandle;
                EventHandle.Wheres.push({
                    ID: Field.ID,
                    valType: "流程表单字段值",
                    Val: null,
                    ctrlID: null,
                    className: Field.className
                });
                divContainer.ShowWheres();
            }

            divContainer.ShowWheres = function ShowWheres() {
                divWheres.innerHTML = "";
                var Wheres = divContainer.EventHandle.Wheres;
                for (var i = 0; i < Wheres.length; i++) {
                    var Field = Wheres[i].ID != "ID" ? divContainer.getField(Wheres[i].ID) : { ID: "ID", Name: "ID", className: "单行文本" };
                    if (Field == null) {
                        continue;
                    }
                    var divLine = document.createElement("div");
                    divLine.style.cssText = "width:100%;height:30px;margin-bottom:10px;line-height:30px";
                    divWheres.appendChild(divLine);
                    divLine.Where = Wheres[i];
                    divLine.Field = Field;
                    var FieldDiv = document.createElement("div");
                    FieldDiv.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;border:solid 1px #d9d9d9;padding:0 8px;vertical-align:top;";
                    FieldDiv.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[Field.className].Icon + "</span>" + Field.Name;
                    divLine.appendChild(FieldDiv);
                    var op = document.createElement("div");
                    op.style.cssText = "height:30px;line-height:30px;display:inline-block;padding:0 16px;vertical-align:top;color:#0db3a6";
                    op.innerHTML = "等于";
                    divLine.appendChild(op);
                    var divType = document.createElement("div");
                    divType.style.cssText = "width:160px;height:30px;display:inline-block;vertical-align:top;";
                    divLine.appendChild(divType);
                    var typeSel = new CLSelect(divType);
                    typeSel.Where = Wheres[i];
                    typeSel.divLine = divLine;
                    typeSel.AddItems([
                        "流程表单字段值", "自定义", "空值"
                    ]);
                    var divVal = document.createElement("div");
                    divLine.appendChild(divVal);
                    divLine.divVal = divVal;
                    divVal.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;margin:0 8px 0 16px;vertical-align:top;";
                    divLine["流程表单字段值"] = function () {
                        var divLine = this;
                        divLine.divVal.innerHTML = "";
                        var valSel = new CLSelect(divLine.divVal);
                        divLine.Where.Val = null;
                        var Fields = [];
                        var selIndex = -1;
                        for (var i = 0; i < FormFields.length ; i++) {
                            if (listName.indexOf(FormFields[i].className) >= 0) {
                                continue;
                            }
                            if (!FrmCtrls.CompareAble(FormFields[i].className, divLine.Field.className)) {
                                continue;
                            }
                            Fields.push(FormFields[i]);
                            valSel.AddItems([
                                FormFields[i].Name
                            ]);
                            if (FormFields[i].ID == divLine.Where.ctrlID) {
                                selIndex = Fields.length - 1;
                            }
                        }
                        valSel.selectedIndex = selIndex;
                        valSel.onchanged = function (This) {
                            divLine.Where.ctrlID = Fields[This.selectedIndex].ID;
                        }
                    }

                    divLine["自定义"] = function () {
                        var divLine = this;
                        divLine.divVal.innerHTML = "";
                        divLine.Where.ctrlID = null;
                        if (divLine.Field.className == "成员单选" || divLine.Field.className == "提交人") {
                            var Div = document.createElement("div");
                            var itemData = divLine.Where;
                            Div.style.cssText = "border:1px dashed #e0e0e0;height:30px;width:100%;padding:0 8px;line-height:28px;font-size:5px;cursor:pointer";
                            divLine.divVal.appendChild(Div);
                            Div.onclick = function () {
                                var Range = {
                                    Roles: [],
                                    Parts: [],
                                    Members: [],
                                    Dynamic: []
                                }
                                Range.Dynamic.Visible = false;
                                FrmCtrls.MemberDialog(Range, false, { Members: itemData.Val == null ? null : [itemData.Val] }, true, function (Val) {
                                    itemData.Val = Val.Members[0];
                                    ShowVal(CLApp.getMemberNameById(itemData.Val));
                                });
                            }
                            function ShowVal(Name) {
                                if (divLine.Where.Val != null) {
                                    Div.innerHTML = "";
                                    var divVal = document.createElement("div");
                                    var Icon = document.createElement("span");
                                    Icon.style.cssText = "font-family:CLFont;color:#f0ad4e;padding-right:8px";
                                    Icon.innerHTML = "&#xe735;";
                                    divVal.appendChild(Icon);
                                    var text = document.createElement("span");
                                    var name = Name == null ? CLApp.getMemberNameById(divLine.Where.Val) : Name;
                                    text.innerHTML = name == null ? "??????" : name;
                                    divVal.appendChild(text);
                                    Div.appendChild(divVal);
                                } else {
                                    Div.innerHTML = "<center color:#999>点击选择成员</center>";
                                }
                            }
                            ShowVal();
                        } else if (divLine.Field.className == "部门单选") {
                            var Div = document.createElement("div");
                            Div.style.cssText = "border:1px dashed #e0e0e0;height:30px;width:100%;padding:0 8px;line-height:28px;font-size:5px;cursor:pointer";
                            divLine.divVal.appendChild(Div);
                            var itemData = divLine.Where;
                            Div.onclick = function () {
                                var DepartData = CLApp.getDepartTree()[0];
                                var _CLTree = new CLTree(DepartData);
                                var divBg = document.createElement("div");
                                divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                                divBg.style.zIndex = CLTop.CLMaxZIndex();
                                CLTop.document.body.appendChild(divBg);
                                divBg.Close = function () {
                                    if (divBg.parentNode != null) {
                                        divBg.parentNode.removeChild(divBg);
                                    }
                                }
                                divBg.addEventListener("mousedown", function () {
                                    divBg.Close();
                                    window.removeEventListener("unload", divBg.Close);
                                });
                                window.addEventListener("unload", divBg.Close);
                                var divMenu = document.createElement("div");
                                divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;";
                                divBg.appendChild(divMenu);
                                divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });
                                divMenu.style.maxHeight = "390px";
                                var divSearch = document.createElement("div");
                                divSearch.className = "ItemSearch";
                                divMenu.appendChild(divSearch);
                                var inputSearch = document.createElement("input");
                                inputSearch.style.height = "29px";
                                inputSearch.style.lineHeight = "29px";
                                inputSearch.style.border = "none";
                                inputSearch.setAttribute("placeholder", "搜索");
                                inputSearch.style.width = "calc(100% - 7px)";
                                inputSearch.style.marginLeft = "5px";
                                inputSearch.value = "";
                                inputSearch.oninput = function () {
                                    _CLTree.Search(inputSearch.value);
                                }
                                divSearch.appendChild(inputSearch);

                                var divClear = document.createElement("div");
                                divClear.className = "ItemClear";
                                divClear.innerHTML = "--请选择--";
                                divMenu.appendChild(divClear);
                                divClear.onclick = function () {
                                    itemData.Val = null;
                                    ShowVal();
                                    divBg.Close();
                                    window.removeEventListener("unload", divBg.Close);
                                }

                                function SetPos() {
                                    var Rect = Div.getBoundingClientRectEx();
                                    divMenu.style.top = Rect.bottom + "px";
                                    divMenu.style.left = Rect.left + "px";
                                    divMenu.style.minWidth = Rect.width + "px";
                                    divMenu.style.zIndex = CLTop.CLMaxZIndex();
                                    var mRect = divMenu.getBoundingClientRectEx();
                                    if (mRect.bottom > CLTop.innerHeight) {
                                        divMenu.style.top = Rect.top - mRect.height + "px";
                                        if (divMenu.offsetTop < 0) {
                                            divMenu.style.top = "0px";
                                        }
                                    }
                                    if (mRect.right > CLTop.innerWidth) {
                                        divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                                    }
                                }
                                divBg.appendChild(divMenu);

                                _CLTree.Render(divMenu);
                                var divTree = divMenu.lastChild;
                                divTree.style.maxHeight = divMenu.offsetHeight - 62 + "px";
                                divTree.style.overflow = "auto";
                                _CLTree.Select(itemData.Val);
                                SetPos();
                                _CLTree.OnSelected = function (ItemData) {
                                    itemData.Val = ItemData.ID;
                                    ShowVal();
                                    divBg.Close();
                                    window.removeEventListener("unload", divBg.Close);
                                }
                            }
                            function ShowVal() {
                                if (divLine.Where.Val != null) {
                                    Div.innerHTML = "";
                                    var divVal = document.createElement("div");
                                    var Icon = document.createElement("span");
                                    Icon.style.cssText = "font-family:CLFont;color:#f0ad4e;padding-right:8px";
                                    Icon.innerHTML = "&#xe600";
                                    divVal.appendChild(Icon);
                                    var text = document.createElement("span");
                                    var name = CLApp.getDepartmentNameById(divLine.Where.Val);
                                    text.innerHTML = name == null ? "??????" : name;
                                    divVal.appendChild(text);
                                    Div.appendChild(divVal);
                                } else {
                                    Div.innerHTML = "<center color:#999>点击选择部门</center>";
                                }
                            }
                            ShowVal();
                        } else if (divLine.Field.className == "提交时间" || divLine.Field.className == "更新时间" || divLine.Field.className == "时间日期") {
                            var input = document.createElement("input");
                            input.style.cssText = "border:1px solid #e0e0e0;height:30px;width:100%;padding:0 8px;cursor:default";
                            input.readOnly = true;
                            divLine.divVal.appendChild(input);
                            input.value = divLine.Where.Val == null ? "" : divLine.Where.Val;
                            input.id = CLMakeId();
                            input.onclick = function () {
                                var _dt = CLDate(divLine.Where.Val, "yyyy-MM-dd HH:mm:ss", input);
                                _dt.onchanged = function (sDt) {
                                    var sVal = _dt.Value.toString();
                                    divLine.Where.Val = sVal;
                                    input.value = sVal;
                                }
                            }
                        }
                        else {
                            var input = document.createElement("input");
                            input.style.cssText = "border:1px solid #e0e0e0;height:30px;width:100%;padding:0 8px";
                            divLine.divVal.appendChild(input);
                            input.value = divLine.Where.Val == null ? "" : divLine.Where.Val;
                            if (divLine.Field.className == "数字") {
                                input.oninput = function () {
                                    CLCheckFloat(input, 10);
                                }
                            }
                            input.onchange = function () {
                                divLine.Where.Val = input.value == null || input.value.length == 0 ? null : input.value;
                                if (divLine.Field.className == "数字") {
                                    divLine.Where.Val = divLine.Where.Val == null ? null : divLine.Where.Val * 1;
                                }
                            }
                        }
                    }

                    divLine["空值"] = function () {
                        var divLine = this;
                        divLine.divVal.innerHTML = "";
                        divLine.Where.Val = null;
                    }

                    typeSel.onchanged = function (This) {
                        This.Where.valType = This.GetValue();
                        var divLine = This.divLine;
                        divLine[This.Where.valType]();
                    }
                    typeSel.selectedIndex = typeSel.Items.indexOf(Wheres[i].valType);

                    var delDiv = document.createElement("div");
                    delDiv.style.cssText = "font-family:CLFont;height:30px;line-height:30px;display:inline-block;padding:3px;font-size:20px;vertical-align:top;color:#3F80AE;cursor:pointer;";
                    delDiv.onmouseover = function (e) {
                        this.style.color = "#e86261";
                        this.style.fontWeight = "900";
                    }
                    delDiv.onmouseleave = function (e) {
                        this.style.color = "#3F80AE";
                        this.style.fontWeight = "100";
                    }
                    delDiv.onclick = function (e) {
                        this.parentNode.Remove();
                    }
                    delDiv.innerHTML = "&#xe80b;";
                    divLine.Remove = function () {
                        Wheres.splice(Wheres.indexOf(this.Where), 1);
                        divWheres.removeChild(this);
                    }
                    divLine.appendChild(delDiv);
                }
            }
            Object.defineProperty(divContainer, "Wheres", {
                get: function () {
                    var Wheres = [];
                    var Lines = divWheres.childNodes;
                    for (var i = 0; i < Lines.length; i++) {
                        Wheres.push(Lines[i].Where);
                    }
                    return Wheres;
                }
            });
            return divLabel;
        }

        function createFormSel(divContainer) {
            divContainer.innerHTML = "";
            var SelectContainer = document.createElement("div");
            SelectContainer.style.cssText = "width:100%;height:30px;";
            divContainer.appendChild(SelectContainer);
            var Sel = divContainer.FormSel = new CLSelect(SelectContainer);
            Sel.setPlaceholder("选择目标表单");
            Sel.EnableClear(true);
            Sel.EnableSearch(true);
            divContainer.FormsIndex = -1;
            var EventHandle = divContainer.EventHandle;
            for (var i = 0; i < Forms.length; i++) {
                if (EventHandle.FormID == Forms[i].ID) {
                    divContainer.FormsIndex = i;
                }
                Sel.AddItems([Forms[i].Name]);
            }
        }

        function createNewFields(divContainer) {
            var EventHandle = divContainer.EventHandle;
            var divLabel = document.createElement("div");
            divLabel.className = "titleLabel";
            divLabel.innerHTML = "在目标表单中新增数据，字段值设置如下";
            divContainer.appendChild(divLabel);
            var divFields = document.createElement("div");
            divFields.style.cssText = "width:100%;";
            divContainer.appendChild(divFields);
            var newFields = EventHandle.newFields;
            function getVal(Id) {
                for (var i = 0; i < newFields.length ; i++) {
                    if (newFields[i].ID == Id) {
                        return newFields[i];
                    }
                }
            }
            var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "提交时间", "更新时间", "流程状态"];
            divContainer.ShowFields = function ShowFields() {
                divFields.innerHTML = "";
                var ValFields = [];
                var ValNames = [];
                var Fields = Forms[divContainer.FormSel.selectedIndex] == null ? [] : Forms[divContainer.FormSel.selectedIndex].Fields;
                if (ValFields.length == 0) {
                    for (var i = 0; i < Fields.length; i++) {
                        if (listName.indexOf(Fields[i].className) >= 0) {
                            continue;
                        } else {
                            var Val = getVal(Fields[i].ID);
                            if (Val == null) {
                                Val = {
                                    ID: Fields[i].ID,
                                    valType: "流程表单字段值",
                                    Val: null,
                                    ctrlID: null,
                                    className: Fields[i].className
                                }
                            }
                            if (Fields[i].className == "子表单") {
                                Val.GetSubFields = function () {
                                    return Fields[this.GetSubFields.index].Field;
                                }
                                Val.GetSubFields.index = i;
                            }
                            ValFields.push(Val);
                            ValNames.push(Fields[i].Name);
                        }
                    }
                }
                for (var i = 0; i < ValFields.length; i++) {
                    var divLine = DialogEventHandle.createValLine(ValFields[i], ValNames[i], divFields, FormFields, "请选择触发表单的字段",true);
                    divLine.Remove = function () {
                        ValFields.splice(ValFields.indexOf(this.ValField), 1);
                        this.remove();
                    }
                }
            }
            Object.defineProperty(divContainer, "newFields", {
                get: function () {
                    var newFields = [];
                    var Lines = divFields.childNodes;
                    for (var i = 0; i < Lines.length; i++) {
                        newFields.push(Lines[i].ValField);
                    }
                    return newFields;
                }
            });
            return divLabel;
        }

        Body.新增数据 = function (divContainer) {
            var EventHandle = divContainer.EventHandle;
            if (EventHandle == null) {
                divContainer.EventHandle = EventHandle = {
                    FormID: null,
                    eventWheres: [
                        //{ID: "",valType: "",Val: null,ctrlID:null,className:null}
                    ],
                    newFields: [
                        //{ID: "",valType: "",Val: null,ctrlID: null,className:null}
                    ]
                };
            }
            divContainer.getField = getField;
            createFormSel(divContainer);
            divContainer.FormSel.onchanged = function (This) {
                if (Forms[This.selectedIndex] == null || EventHandle.FormID != Forms[This.selectedIndex].ID) {
                    divContainer.EventHandle = EventHandle = {
                        FormID: Forms[This.selectedIndex] == null ? null : Forms[This.selectedIndex].ID,
                        eventWheres: [
                            //{ID: "",valType: "",Val: null,ctrlID:null,className:null}
                        ],
                        newFields: [
                            //{ID: "",valType: "",Val: null,ctrlID: null,className:null}
                        ]
                    }
                }
                divContainer.FormsIndex = divContainer.FormSel;
                divContainer.ShowEventWheres();
                divContainer.ShowFields();
            }
            createEventWheres(divContainer);
            createNewFields(divContainer);
            divContainer.FormSel.selectedIndex = divContainer.FormsIndex;
            divContainer.updateHandle = function () {
                if (divContainer.EventHandle == null) {
                    return;
                }
                divContainer.EventHandle.newFields = divContainer.newFields;
                divContainer.EventHandle.eventWheres = divContainer.eventWheres;
            }
        }

        Body.修改数据 = function (divContainer) {
            var EventHandle = divContainer.EventHandle;
            if (EventHandle == null) {
                divContainer.EventHandle = EventHandle = {
                    FormID: null,
                    Wheres: [
                        //{ID: "",valType: "",Val: null,ctrlID:null,className:null}
                    ],
                    updateFields: [
                        //{ID: "",valType: "",Val: null,ctrlID: null,className:null}
                    ],
                    eventWheres: [
                        //{ID: "",Operator: "",Val: null,className:null}
                    ]
                };
            }
            divContainer.getField = getField;
            createFormSel(divContainer);
            divContainer.FormSel.onchanged = function (This) {
                if (Forms[This.selectedIndex] == null || EventHandle.FormID != Forms[This.selectedIndex].ID) {
                    divContainer.EventHandle = EventHandle = {
                        FormID: Forms[This.selectedIndex] == null ? null : Forms[This.selectedIndex].ID,
                        Wheres: [
                            //{
                            //    ID: "",
                            //    valType: "",
                            //    Val: null,
                            //    ctrlID:null
                            //}
                        ],
                        updateFields: [
                            //{
                            //    ID: "",
                            //    valType: "",
                            //    Val: null,
                            //    ctrlID: null
                            //}
                        ],
                        eventWheres: [
                            //{ID: "",Operator: "",Val: null}
                        ]
                    }
                }
                divContainer.FormsIndex = divContainer.FormSel;
                divContainer.ShowWheres();
                divContainer.ShowEventWheres();
                divContainer.ShowFields();
            }
            createEventWheres(divContainer);
            createWheres(divContainer, "修改表单中的哪些数据");
            createUpdateFields(divContainer);
            divContainer.FormSel.selectedIndex = divContainer.FormsIndex;
            divContainer.updateHandle = function () {
                if (divContainer.EventHandle == null) {
                    return;
                }
                divContainer.EventHandle.Wheres = divContainer.Wheres;
                divContainer.EventHandle.updateFields = divContainer.updateFields;
                divContainer.EventHandle.eventWheres = divContainer.eventWheres;
            }
        }

        Body.删除数据 = function (divContainer) {
            var EventHandle = divContainer.EventHandle;
            if (EventHandle == null) {
                divContainer.EventHandle = EventHandle = {
                    FormID: null,
                    Wheres: [
                        //{ID: "",valType: "",Val: null,ctrlID:null,className:null}
                    ],
                    eventWheres: [
                        //{ID: "",valType: "",Val: null,ctrlID:null,className:null}
                    ]
                };
            }
            divContainer.getField = getField;
            createFormSel(divContainer);
            divContainer.FormSel.onchanged = function (This) {
                if (Forms[This.selectedIndex] == null || EventHandle.FormID != Forms[This.selectedIndex].ID) {
                    divContainer.EventHandle = EventHandle = {
                        FormID: Forms[This.selectedIndex] == null ? null : Forms[This.selectedIndex].ID,
                        Wheres: [
                            //{
                            //    ID: "",
                            //    valType: "",
                            //    Val: null,
                            //    ctrlID:null
                            //}
                        ],
                        eventWheres: [
                            //{ID: "",Operator: "",Val: null}
                        ]
                    }
                }
                divContainer.FormsIndex = divContainer.FormSel;
                divContainer.ShowEventWheres();
                divContainer.ShowWheres();
            }
            createEventWheres(divContainer);
            createWheres(divContainer, "修改表单中的哪些数据");

            divContainer.FormSel.selectedIndex = divContainer.FormsIndex;
            divContainer.updateHandle = function () {
                if (divContainer.EventHandle == null) {
                    return;
                }
                divContainer.EventHandle.Wheres = divContainer.Wheres;
                divContainer.EventHandle.eventWheres = divContainer.eventWheres;
            }
        }

        var MapR;
        function SetR(dataSource) {
            MapR = DataSourceDlg.MapForms(dataSource);
        }

        Body.公式编辑 = function (divContainer) {
            divContainer.style.height = "calc(100% - 40px)";
            divContainer.style.width = "calc(100% - 300px)";
            divContainer.style.overflow = "auto";
            divContainer.classList.add("FlowCoreEx");
            var divEditor = document.createElement("div");
            divEditor.style.cssText = "width:100%;height:100%;overflow:auto;";
            divContainer.appendChild(divEditor);
            divContainer.Open();
            var codeEditor = new CLCodeEditor(divEditor, "javascript");
            var Items = codeEditor.dataMenu.Items;
            size_handles.push(function () {
                codeEditor.editor.setSize('auto', '100%');
            });
            function SetSource(dataSource, oVars) {
                if (!dataSource) {
                    dataSource = {
                        ID: CLMakeId(),
                        Name: "未命名",
                        sql: {
                            Marks: [],
                            originalCode: "",
                            runCode: ""
                        }
                    }
                }
                new DataSourceDlg(dataSource, oVars, function (dataSource, Vars) {
                    dataSource.Vars = Vars;
                    if (oVars == null) {
                        var dataMark = {
                            FieldData: dataSource,
                            Color: "#0db3a6",
                            className: "dataSource"
                        }
                        codeEditor.pushMark(dataMark);
                    } else {
                        codeEditor.updateMark(dataSource, dataSource.ID);
                    }
                    SetR(dataSource);
                });
            }

            Items.splice(0, 0, {
                Text: "插入SQL",
                Enable: true,
                CallBack: function (e) {
                    SetSource();
                    CLMenu.GetInstance(e.currentTarget).Close();
                }
            });

            codeEditor.OnRenderMark = function (text) {
                if (!text.classList.contains("Mark_dataSource")) {
                    return true;
                }
                text.style.cursor = "pointer";
                var ondblclick = text.ondblclick;
                text.ondblclick = function (e) {
                    ondblclick.call(text, e);
                    SetSource(text.FieldData, text.FieldData.Vars);
                }
            }
            codeEditors.push(codeEditor);
            codeEditor.setValue();
            var divBar = document.createElement("div");
            divBar.style.cssText = "width:300px;height:100%;position:absolute;right:0;top:0;border-left:1px solid #e0e0e0;padding:10px;cursor:default";
            divBar.classList.add("Prop");
            divBar.style.background = "#fff";
            divBar.style.overflow = "auto";
            divContainer.appendChild(divBar);
            function OpenOrClose() {
                var Value = this.nextSibling;
                if (Value.style.display == "block") {
                    this.Icon.style.transform = "rotate(-90deg)";
                    Value.style.display = "none";
                } else {
                    Value.style.display = "block";
                    this.Icon.style.transform = "rotate(0)";
                }
            }
            var sInput = document.createElement("input");
            sInput.classList.add("CLSearch");
            sInput.OnInput(function (v) {
                currentFieldList.Search(sInput.value);
                otherFieldTree.Search(sInput.value);
            });
            divBar.appendChild(sInput);
            var Label = PropLabel(divBar, "当前表单字段");
            Label.style.cursor = "pointer";
            Label.style.marginBottom = "0px";
            Label.onclick = OpenOrClose;
            var span = document.createElement("span");
            span.style.cssText = "transform: rotate(-90deg);display:inline-block;font-family: CLFont;color: #5E6D82;margin-right: 10px;";
            span.innerHTML = "&#xe661";
            Label.insertBefore(span, Label.firstChild);
            Label.Icon = span;
            var divFormFields = PropValue(divBar, "div");
            divFormFields.style.border = "none";
            divFormFields.style.display = "none";
            divFormFields.style.height = "initial";
            divFormFields.style.overflow = "auto";
            (function () {
                if (CodeCurrentFields == null) {
                    CodeCurrentFields = [];
                    CodeCurrentFields.push({
                        TableID: FormsID,
                        ID: "ID",
                        Name: "ID",
                        className: "单行文本"
                    });
                    var Fields = FormFields;
                    for (var i = 0; i < Fields.length; i++) {
                        if (BaseControl.indexOf(Fields[i].className) >= 0) {
                            CodeCurrentFields.push({
                                TableID: FormsID,
                                ID: Fields[i].ID,
                                Name: Fields[i].Name,
                                className: Fields[i].className
                            });
                        }
                        if (Fields[i].className == "子表单") {
                            var subFields = Fields[i].Field;
                            for (var j = 0; j < subFields.length; j++) {
                                if (BaseControl.indexOf(subFields[j].className) >= 0) {
                                    CodeCurrentFields.push({
                                        TableID: Fields[i].ID,
                                        ID: subFields[j].ID,
                                        Name: Fields[i].Name + "●" + subFields[j].Name,
                                        className: subFields[j].className
                                    });
                                }
                            }
                        }
                    }
                }
                if (CodeOtherFields == null) {
                    CodeOtherFields = {
                        ID: "所有表单",
                        Name: "所有表单",
                        SubNode: []
                    }
                    for (var i = 0 ; i < Forms.length; i++) {
                        var form = {
                            ID: Forms[i].ID,
                            Name: Forms[i].Name,
                            type: "Table",
                            oSubNode: [
                            ]
                        }
                        form.oSubNode.push({
                            ID: "ID",
                            Name: "ID",
                            FullName: Forms[i].Name + "●ID",
                            className: "单行文本",
                            TableID: Forms[i].ID,
                            type: "Field",
                        });

                        CodeOtherFields.SubNode.push(form);
                        var Fields = Forms[i].Fields;
                        for (var j = 0; Fields != null && j < Fields.length; j++) {
                            var SubTable = null;
                            if (BaseControl.indexOf(Fields[j].className) >= 0) {
                                if (Fields[j].className == "子表单") {
                                    SubTable = {
                                        ID: Fields[j].ID,
                                        Name: Fields[j].Name,
                                        type: "Table",
                                        oSubNode: [
                                        ]
                                    }
                                    form.oSubNode.push(SubTable);
                                } else {
                                    form.oSubNode.push({
                                        ID: Fields[j].ID,
                                        Name: Fields[j].Name,
                                        FullName: Forms[i].Name + "●" + Fields[j].Name,
                                        className: Fields[j].className,
                                        TableID: Forms[i].ID,
                                        type: "Field",
                                    });
                                }
                            }
                            if (Fields[j].className == "子表单") {
                                var subFields = Fields[j].Field;
                                SubTable.oSubNode.push({
                                    TableID: Fields[j].ID,
                                    ID: "ID",
                                    FullName: Fields[j].Name + "●ID",
                                    Name: "ID",
                                    className: "单行文本",
                                    type: "Field"
                                });
                                for (var x = 0; x < subFields.length; x++) {
                                    if (BaseControl.indexOf(subFields[x].className) >= 0) {
                                        SubTable.oSubNode.push({
                                            TableID: Fields[j].ID,
                                            ID: subFields[x].ID,
                                            FullName: Fields[j].Name + "●" + subFields[x].Name,
                                            Name: subFields[x].Name,
                                            className: subFields[x].className,
                                            type: "Field"
                                        });
                                    }
                                }
                            }
                        }
                    }
                }
            }());
            var currentFieldList = new CLList(CodeCurrentFields, divFormFields, null, function (Item, itemData) {
                Item.style.fontSize = "12px";
                Item.style.paddingLeft = "15px";
                Item.title = itemData.Name;
                Item.firstChild.style.maxWidth = "calc(100% - 45px)";
                Item.firstChild.style.display = "inline-block";
                Item.style.position = "relative";
                Item.firstChild.classList.add("ellipsis");
                Item.style.height = "26px";
                var span = document.createElement("span");
                span.style.position = "absolute";
                span.style.right = "0";
                span.style.padding = "0 8px";
                span.innerHTML = FrmCtrls.CtrlsProps[itemData.className].Name;
                span.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
                Item.appendChild(span);
                CLEnableMove(Item, function (Item) {
                    helpLabel = getHelpLabel();
                    helpLabel.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
                    helpLabel.style.borderColor = FrmCtrls.CtrlsProps[itemData.className].Color;
                    helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                    helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                    helpLabel.innerHTML = itemData.Name;
                    helpLabel.style.zIndex = CLMaxZIndex();
                    document.body.appendChild(helpLabel);
                }, function (Item) {
                    helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                    helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                    return false;
                }, function (Item) {
                    var rect = divEditor.getBoundingClientRect();
                    if (event.clientX < rect.left || event.clientX > rect.right
                        || event.clientY < rect.top || event.clientY > rect.bottom) {
                        if (helpLabel != null) {
                            helpLabel.remove();
                        }
                        return false;
                    }
                    var Mark = {
                        className: "Field",
                        FieldData: {
                            TableID: itemData.TableID,
                            ID: itemData.ID,
                            Name: itemData.Name,
                            className: itemData.className
                        },
                        Color: helpLabel.style.color
                    }
                    codeEditor.pushMark(Mark);
                    helpLabel.remove();
                    return false;
                });
            });
            Label = PropLabel(divBar, "其他表单字段");
            Label.style.marginBottom = "0px";
            Label.style.cursor = "pointer";
            Label.onclick = OpenOrClose;
            var span = span.cloneNode(true);
            Label.insertBefore(span, Label.firstChild);
            Label.Icon = span;
            var divotherFields = divFormFields.cloneNode();
            divBar.appendChild(divotherFields);

            var otherFieldTree = new CLTree(CodeOtherFields);
            otherFieldTree.Editable = false;

            otherFieldTree.OnItemCreated = function (Item, itemData) {
                if (itemData.ID == "所有表单") {
                    Item.firstChild.style.display = "none";
                } else {
                    Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 17 + "px";
                }
                if (itemData.type == "Field") {
                    Item.title = itemData.Name;
                    var divName = Item.querySelector(".Name");
                    divName.style.maxWidth = "calc(100% - 85px)";
                    divName.style.display = "inline-block";
                    Item.firstChild.style.position = "relative";
                    divName.classList.add("ellipsis");
                    var span = document.createElement("span");
                    span.style.position = "absolute";
                    span.style.right = "0";
                    span.style.padding = "0 8px";
                    span.innerHTML = FrmCtrls.CtrlsProps[itemData.className].Name;
                    span.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
                    Item.firstChild.appendChild(span);
                }
                if (itemData.type == "Table") {
                    Item.classList.remove("NoChild");
                    var open = Item.Open; 
                    Item.Open = function () {
                        Item.ItemData.SubNode = [];
                        var data = Item.ItemData.oSubNode;
                        if (data.length == 0) {
                            Item.classList.add("NoChild");
                            return;
                        }
                        for (var i = 0; i < data.length; i++) {
                            if (data[i] == null) {
                                continue;
                            }
                            Item.addChild(data[i]);
                        }
                        Item.Open = open;
                        if (Item.parentNode != null) {
                            Item.Open();
                        }
                    }
                }
                CLEnableMove(Item, function (Item) {
                    helpLabel = getHelpLabel();
                    if (itemData.type == "Field") {
                        helpLabel.style.color = FrmCtrls.CtrlsProps[itemData.className].Color;
                        helpLabel.style.borderColor = FrmCtrls.CtrlsProps[itemData.className].Color;
                    } else {
                        helpLabel.style.color = "#660099";
                        helpLabel.style.borderColor = "#660099";
                    }
                    helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                    helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                    helpLabel.innerHTML = itemData.Name;
                    helpLabel.style.zIndex = CLMaxZIndex();
                    document.body.appendChild(helpLabel);
                }, function (Item) {
                    helpLabel.style.left = event.clientX - helpLabel.offsetWidth / 2 + "px";
                    helpLabel.style.top = event.clientY - helpLabel.offsetHeight / 2 + "px";
                    return false;
                }, function (Item) {
                    var rect = divEditor.getBoundingClientRect();
                    if (event.clientX < rect.left || event.clientX > rect.right
                        || event.clientY < rect.top || event.clientY > rect.bottom) {
                        if (helpLabel) {
                            helpLabel.remove();
                        }
                        return false;
                    }
                    if (itemData.type == "Field") {
                        var Mark = {
                            className: "Field",
                            FieldData: {
                                TableID: itemData.TableID,
                                ID: itemData.ID,
                                Name: itemData.FullName,
                                className: itemData.className
                            },
                            Color: helpLabel.style.color
                        }
                    } else if (itemData.type == "Table") {
                        var Mark = {
                            className: "Table",
                            FieldData: {
                                ID: itemData.ID,
                                Name: itemData.Name
                            },
                            Color: helpLabel.style.color
                        }
                    }
                    codeEditor.pushMark(Mark);
                    helpLabel.remove();
                    return false;
                });
            }

            otherFieldTree.Render(divotherFields);

            codeEditor.replacedWith = function (className, FieldData) {
                if (className == "dataSource") {
                    return "V8.__SourceHelper__(((" + JSON.stringify(FieldData) + ")))";
                } else {
                    return "V8.get" + className + "(((" + JSON.stringify(FieldData) + ")))";
                }
            }

            codeEditor.testMark = function (Mark) {
                if (Mark.className == "dataSource") {
                    SetR(Mark.FieldData);
                    return true;
                }
                for (var i = 0; i < CodeCurrentFields.length; i++) {
                    if (CodeCurrentFields[i].ID == Mark.FieldData.ID) {
                        Mark.FieldData.Name = CodeCurrentFields[i].Name;
                        Mark.FieldData.Name = CodeCurrentFields[i].Name;
                        return true;
                    }
                }
                var FieldForms = CodeOtherFields.SubNode;
                for (var i = 0; i < FieldForms.length; i++) {
                    if (FieldForms[i].ID == Mark.FieldData.ID) {
                        Mark.FieldData.Name = FieldForms[i].Name;
                        return true;
                    }
                    for (var j = 0; j < FieldForms[i].oSubNode.length; j++) {
                        var Field = FieldForms[i].oSubNode[j];
                        if (Field.ID == Mark.FieldData.ID) {
                            Mark.FieldData.Name = Field.FullName || Field.Name;
                            return true;
                        }
                        if (Field.type == "Table") {
                            var oSubNode = Field.oSubNode;
                            for (var k = 0; k < oSubNode.length; k++) {
                                if (oSubNode[k].ID == Mark.FieldData.ID) {
                                    Mark.FieldData.Name = oSubNode[k].FullName;
                                    return true;
                                }
                            }
                        }
                    }
                }
                return false;
            }

            codeEditor.AfterPaste = function () {
                var Marks = divEditor.querySelectorAll(".Mark_dataSource");
                var IDs = [];
                Marks.forEach(function (text) {
                    var ID = text.FieldData.ID;
                    if (IDs.indexOf(ID) >= 0) {
                        ID = text.FieldData.ID = CLMakeId();
                    }
                    IDs.push(ID);
                });
            }

            codeEditor.setValue(divContainer.EventHandle);

            codeEditor.MarkerProps = function (mark) {
                if (mark.className == "Field") {
                    var field = mark.FieldData;
                    var R = Object.create(null);
                    R.ID = field.ID;
                    R.Name = field.Name;
                    R.className = field.className;
                    R.TableID = field.TableID;
                    R.valueOf = function () { }
                    R.toString = function () { }
                    var value = null;
                    if (field.className == "子表单") {
                        R.Load = function () { };
                        R.Submit = function () { };
                    }

                    if (field.className == "单行文本"
                        || field.className == "多行文本"
                        || field.className == "时间日期"
                        || field.className == "单选按钮组"
                        || field.className == "下拉框"
                        || field.className == "流水号"
                        || field.className == "成员单选") {
                        R.value = "";
                    }
                    if (field.className == "数字" || field.className == "部门单选") {
                        R.value = 0;
                    }
                    if (field.className == "附件上传") {
                        R.value = [];
                        JsParser.SetElement(R.value, {
                            Src: "",
                            Name: "",
                            Size: 0
                        });
                    }
                    if (field.className == "成员多选"
                        || field.className == "复选框组"
                        || field.className == "下拉复选框") {
                        R.value = [""];
                    }
                    if (field.className == "部门多选") {
                        R.value = [0];
                    }
                    JsParser.SetReturn(R.valueOf, value);
                    JsParser.SetReturn(R.toString, "");
                    return R;
                }
                if (mark.className == "Table") {                    
                    var field = mark.FieldData;
                    var R = Object.create(null);
                    R.ID =  field.ID;
                    R.Name =  field.Name;
                    return R;
                }
                if (mark.className == "dataSource") {
                    var R = function () { };
                    R.Compile = function () { };
                    JsParser.SetReturn(R.Compile, "");
                    JsParser.SetReturn(R, MapR[mark.FieldData.ID]());
                    return R;
                }
            }

            divContainer.updateHandle = function () {
                divContainer.EventHandle = codeEditor.getValue();
            };

            var globalScope = CLClone(CLApp.baseGlobalScope);
            codeEditor.setGlobalScope(globalScope);
        }

        Body.数据透视 = function (divContainer) {
            var EventHandle = divContainer.EventHandle
            if (EventHandle == null) {
                divContainer.EventHandle = EventHandle = {
                    eventWheres: [],
                    Vars: [],
                    dataExcel: null
                }
            }
            var dataExcel = EventHandle.dataExcel;
            var Vars = CLClone(EventHandle.Vars);
            function EditExcel() {
                var excelDlg = document.createElement("div");
                excelDlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
                excelDlg.style.zIndex = CLMaxZIndex();
                excelDlg.className = "ExcelDlg";
                document.body.appendChild(excelDlg);
                var TopBar = document.createElement("div");
                TopBar.className = "TopBar";
                excelDlg.appendChild(TopBar);
                TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + divContainer.parentNode.querySelector(".Name").innerText + "</div></div>";
                var Back = TopBar.getElementsByClassName("Back")[0];
                Back.onclick = function () {
                    dataExcel = designer.getData();
                    excelDlg.remove();
                }
                var Container = document.createElement("div");
                Container.style.cssText = "position: absolute;margin-top: 45px;top:0;bottom:0;left:0;right:0;overflow: hidden;";
                excelDlg.appendChild(Container);
                var designer = new ExcelDesigner(Container);
                designer.Save = function () {
                    dataExcel = designer.getData();
                    Save();
                    FCore.Save();
                }
                designer.FlowCore = FCore;

                designer.AtServer = true;

                designer.AppId = CLApp.getFormById(FormsID).AppId;
                designer.setData(dataExcel);

                var Block = document.createElement("div");
                Block.className = "Block";
                Block.style.margin = "0 auto";
                Block.style.width = "100px";
                Block.style.height = "30px";
                TopBar.appendChild(Block);
                var Box = new CLCheckBox("预览效果", Block, true);
                Box.checked = false;
                var div = document.createElement("div");
                Box.onchanged = function () {
                    if (Box.checked) {
                        var preview = Container.cloneNode();
                        div.appendChild(preview);
                        document.body.appendChild(div);
                        var data = designer.getData();
                        var excelDesigner = new ExcelDesigner(preview, false);
                        excelDesigner.setData(data);
                        preview.style.zIndex = CLMaxZIndex();
                    } else {
                        div.innerHTML = "";
                        div.remove();
                        designer.Enter();
                    }
                }
            }
            createEventWheres(divContainer);
            divContainer.ShowEventWheres();
            divContainer.updateHandle = function () {
                EventHandle.dataExcel = dataExcel;
                EventHandle.Vars = Vars;
                EventHandle.eventWheres = divContainer.eventWheres;
            }

            var divLabel = document.createElement("div");
            divLabel.className = "titleLabel";
            divLabel.innerHTML = "参数传递";
            divContainer.appendChild(divLabel);
            var spanLabel = document.createElement("div");
            spanLabel.className = "addSpan";
            spanLabel.innerHTML = "<span style='font-family:CLFont'>&#xe767</span>请添加要传递的字段";
            divContainer.appendChild(spanLabel);
            spanLabel.onclick = function () {
                var Fields = FormFields;
                var Menu = {
                    "style": {
                        "max-height": "230px",
                        "overflow": "auto",
                        "margin-top": "15px",
                        "background-color": "#fff",
                    },
                    "Items": [
                    ]
                }
                var Items = Menu.Items;
                var arr = ["单行文本", "多行文本", "数子", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框",
                    "流水号", "成员单选", "成员多选", "部门单选", "部门多选", "流程状态", "提交时间", "更新时间", "提交人"];
                function func(field) {
                    var Enable = true;
                    Vars.some(function (Var) {
                        if (Var.ID == field.ID) {
                            Enable = false;
                            return true;
                        }
                    });
                    if (arr.indexOf(field.className) >= 0) {
                        Items.push({
                            Text: field.Name,
                            data: {
                                ID: field.ID,
                                Name: field.Name,
                                className: field.className,
                                ParentID: field.ParentID
                            },
                            Enable: Enable,
                            CallBack: function (e) {
                                AddVar(this.data);
                                e.currentTarget.Disabled = true;
                            }
                        });
                    }
                }
                Fields.forEach(function (field) {
                    if (field.className == "子表单") {
                        if (field.Field) {
                            var pName = field.Name;
                            field.Field.forEach(function (field) {
                                field = {
                                    ID: field.ID,
                                    Name: pName + "." + field.Name,
                                    className: field.className,
                                    ParentID: field.ParentID
                                };
                                func(field);
                            });
                        }
                    } else {
                        func(field);
                    }
                });
                new CLMenu(Menu, spanLabel);
            }
            var divVars = document.createElement("div");
            divContainer.appendChild(divVars);

            function AddVar(dataVar, bPush) {
                if (bPush !== false) {
                    Vars.push(dataVar);
                }
                var divLine = document.createElement("div");
                divLine.style.cssText = "width: 100%; margin-bottom: 10px; line-height: 30px;";
                divVars.appendChild(divLine);
                var label = document.createElement("div");
                label.style.cssText = "width: 245px; display: inline-block; line-height: 30px; border: 1px solid rgb(217, 217, 217); padding: 0px 8px; vertical-align: top;"
                label.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[dataVar.className].Icon + "</span>" + dataVar.Name;
                divLine.appendChild(label);
                var op = document.createElement("div");
                op.style.cssText = "width: 145px; display: inline-block; height: 30px; line-height: 30px; margin: 0px 8px; vertical-align: top; color: rgb(13, 179, 166);text-align:center";
                op.innerHTML = "传递给";
                divLine.appendChild(op);
                var nameDiv = document.createElement("div");
                nameDiv.style.cssText = "width: 275px; display: inline-block; line-height: 30px; margin: 0px 8px 0px 16px; vertical-align: top;";
                divLine.appendChild(nameDiv);
                var input = document.createElement("input");
                input.style.width = "100%";
                input.setAttribute("placeholder", "请输入变量名称");
                nameDiv.appendChild(input);
                input.value = !dataVar.To ? "" : dataVar.To;
                input.onchange = function () {
                    dataVar.To = input.value;
                }
                var Del = document.createElement("div");
                Del.style.cssText = "font-family:CLFont;height:30px;line-height:30px;display:inline-block;padding:3px;font-size:20px;vertical-align:top;color:#3F80AE;cursor:pointer;";
                Del.onmouseover = function (e) {
                    this.style.color = "#e86261";
                    this.style.fontWeight = "900";
                }
                Del.onmouseleave = function (e) {
                    this.style.color = "#3F80AE";
                    this.style.fontWeight = "100";
                }
                Del.onclick = function (e) {
                    this.parentNode.remove();
                }
                Del.innerHTML = "&#xe80b;";
                divLine.Var = dataVar;
                var remove = divLine.remove;
                divLine.remove = function () {
                    Vars.splice(Vars.indexOf(this.Var), 1);
                    remove.call(this);
                }
                divLine.appendChild(Del);
            }
            
            Vars.forEach(function (dataVar) {
                AddVar(dataVar, false);
            });
            divLabel = document.createElement("div");
            divLabel.className = "titleLabel";
            divLabel.innerHTML = "数据模型";
            divContainer.appendChild(divLabel);
            divContainer.style.height = "calc(100% - 42px)";
            var btn = document.createElement("div");
            btn.className = "CLBtn";
            btn.style.width = "250px";
            btn.style.margin = "25px";
            btn.innerHTML = "设置";
            divContainer.appendChild(btn);
            btn.onclick = function () {
                EditExcel();
            }
        }

        Body.URL回调 = function (divContainer) {
            var divHandle = divContainer.parentNode;
            divHandle.style.position = "initial";
            divHandle.style.margin = "0";
            divHandle.style.marginBottom = "20px";
            var inputUrl = document.createElement("input");
            inputUrl.style.cssText = "height:30px;width:100%;padding:0 8px;border:#e0e0e0 solid 1px;border-radius:2px";
            inputUrl.setAttribute("placeholder", "请输入回调Url");
            divContainer.appendChild(inputUrl);
            inputUrl.value = divContainer.EventHandle == null ? "" : divContainer.EventHandle;
            divContainer.updateHandle = function () {
                divContainer.EventHandle = inputUrl.value == null || inputUrl.value.length == 0 ? null : inputUrl.value;
            }
        }

        function isLess(rect1, rect2) {
            var Pos1 = {
                X: rect1.left + rect1.width / 2,
                Y: rect1.top + rect1.height / 2
            };
            if (Pos1.Y < rect2.top) {
                return true;
            } else if (Pos1.Y > rect2.bottom) {
                return false;
            } else {
                if (Pos1.X < rect2.left + rect2.width / 2) {
                    return true;
                } else {
                    return false;
                }
            }
        };
        function EnableMove(dLine) {
            var cssText = dLine.style.cssText;
            var beforeItem;
            var bMove = false;
            dLine.firstChild.style.cursor = "move";
            CLEnableMove(dLine.firstChild, function (move, event) {
                dLine.style.position = "absolute";
                dLine.style.width = "100%";
                dLine.style.zIndex = CLMaxZIndex();
                bMove = true;
                event.stopPropagation();
            }, function () {

            }, function () {
                if (!bMove) {
                    return;
                }
                bMove = false;
                beforeItem = null;
                var Items = dLine.parentNode.getElementsByClassName("DialogEventHandle");
                var dragRect = dLine.getBoundingClientRect();
                for (var i = Items.length - 1; i > -1; i--) {
                    var rect = Items[i].getBoundingClientRect();
                    if (Items[i] == dLine) {
                        continue;
                    }
                    if (isLess(dragRect, rect)) {
                        beforeItem = Items[i];
                    }
                }
                dLine.style.cssText = cssText;
                dLine.parentNode.insertBefore(dLine, beforeItem);
            }, dLine);
        }
        function OpenHandle(divHandle) {
            var handleOpen = Body.getElementsByClassName("DialogEventHandleOpen")[0];
            if (handleOpen != null) {
                handleOpen.classList.remove("DialogEventHandleOpen");
            }
            if (divHandle != null) {
                divHandle.classList.add("DialogEventHandleOpen");
            }
        }
        //EventHandle = [
        //    { Operator: "新增数据" }, { Operator: "修改数据" }, { Operator: "删除数据" }//, { Operator: "公式编辑" },{ Operator: "数据透视" },, { Operator: "URL回调"}
        //]
        function addHandle(Handle) {
            if (!Handle.Operator) {
                return;
            }
            var divHandle = document.createElement("div");
            divHandle.className = "DialogEventHandle";
            Body.appendChild(divHandle);
            var handleLabel = document.createElement("div");
            handleLabel.className = "Label";
            handleLabel.style.position = "relative";
            handleLabel.innerHTML = "<div class='Name'>" + (Handle.Name || Handle.Operator) + "</div>";
            handleLabel.onclick = function () {
                var handleLabel = this;
                if (!__IsDev__ && Handle.Operator == "公式编辑") {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                if (handleLabel.parentNode.classList.contains("DialogEventHandleOpen")) {
                    OpenHandle();
                } else {
                    OpenHandle(handleLabel.parentNode);
                    if (!divContainer.updateHandle) {
                        Body[Handle.Operator](divContainer);
                    }
                }
            }
            divHandle.appendChild(handleLabel);
            var del = document.createElement("span");
            del.className = "Del";
            handleLabel.appendChild(del);
            del.onclick = function (e) {
                e.stopPropagation();
                divHandle.remove();
            }
            var rename = document.createElement("span");
            rename.classList.add("Rename");
            handleLabel.appendChild(rename);
            rename.onclick = function (e) {
                var name = handleLabel.querySelector(".Name");
                if (name) {
                    CLStartEdit(name, function (sName) {
                        Handle.Name = sName;
                    });
                }
                e.stopPropagation();
            }

            var copy = document.createElement("span");
            copy.classList.add("Copy");
            handleLabel.appendChild(copy);
            copy.onclick = function (e) {
                var handle = CLClone(divHandle.EventHandle);
                addHandle(Handle);
                e.stopImmediatePropagation();
            }

            var divContainer = document.createElement("div");
            divContainer.Open = function () {
                OpenHandle(this.parentNode);
            }
            divContainer.Close = function () {
                OpenHandle();
            }
            divContainer.className = "Container";
            divHandle.appendChild(divContainer);
            divHandle.Container = divContainer;
            divHandle.Operator = Handle.Operator;
            divContainer.EventHandle = Handle.Handle;
            Object.defineProperty(divHandle, "EventHandle", {
                get: function () {
                    var divHandle = this;
                    var divContainer = divHandle.Container;
                    if (divContainer.updateHandle) {
                        divContainer.updateHandle();
                    }
                    return {
                        Operator: divHandle.Operator,
                        Name: Handle.Name,
                        Handle: divContainer.EventHandle
                    };
                }
            });
            EnableMove(divHandle);
        }

        function ShowEventHandle() {
            for (var i = 0; i < EventHandle.length; i++) {
                addHandle(EventHandle[i]);
            }
        }
        Object.defineProperty(Body, "EventHandle", {
            get: function () {
                var EventHandle = [];
                var Blocks = Body.getElementsByClassName("DialogEventHandle");
                for (var i = 0; i < Blocks.length; i++) {
                    EventHandle.push(Blocks[i].EventHandle);
                }
                return EventHandle;
            }
        });
        opSel.OnMenuCreated = function (divMenu) {
            var ItemSel = divMenu.getElementsByClassName("ItemSel")[0];
            if (ItemSel != null) {
                ItemSel.classList.remove("ItemSel");
            }
        }
        opSel.onchanged = function () {
            addHandle({
                Operator: opSel.GetValue()
            });
            opSel.selectedIndex = -1;
        }
        ShowEventHandle();
    }

    DialogEventHandle.Scope = function () {
        return {};
    }

    DialogEventHandle.createValLine = function (ValField, Name, Container, FormFields, rPlaceHolder, hasSub, bCalc) {
        var divLine = document.createElement("div");
        divLine.style.cssText = "width:100%;margin-bottom:10px;line-height:30px;overflow:hidden;user-select:none";
        Container.appendChild(divLine);
        divLine.ValField = ValField;
        var FieldDiv = document.createElement("div");
        FieldDiv.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;border:solid 1px #d9d9d9;padding:0 8px;vertical-align:top;";
        FieldDiv.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px;'>" + FrmCtrls[ValField.className].Icon + "</span>" + Name;
        divLine.appendChild(FieldDiv);
        var Icon = FieldDiv.firstChild;
        if (ValField.className == "子表单") {
            Icon.innerHTML = "&#xe74f;";
            Icon.style.cursor = "pointer";
            Icon.style.display = "inline-block";
            Icon.style.transform = "translate(-5px,2px) rotate(90deg)";
            Icon.onclick = function(){
                if(!divLine.style.height){
                    divLine.style.height = "30px";
                    Icon.style.transform = "rotate(0deg)";
                }else{
                    divLine.style.height = "";
                    Icon.style.transform = "translate(-5px,2px) rotate(90deg)";
                }
            }
        }
        var op = document.createElement("div");
        op.style.cssText = "height:30px;line-height:30px;display:inline-block;padding:0 16px;vertical-align:top;color:#0db3a6";
        divLine.appendChild(op);
        if (!bCalc || ValField.className != "数字") {
            op.innerHTML = "等于";
        } else {
            op.style.width = "120px";
            var calcSelector = new CLSelect(op);
            calcSelector.AddItems(["等于", "自增", "自减"]);
            if (ValField.Operator == null) {
                calcSelector.selectedIndex = 0;
            } else {
                calcSelector.selectedIndex = calcSelector.Items.indexOf(ValField.Operator);
            }
            calcSelector.onchanged = function () {
                ValField.Operator = calcSelector.Items[calcSelector.selectedIndex];
            }

        }
        var divType = document.createElement("div");
        divType.style.cssText = "width:160px;height:30px;display:inline-block;vertical-align:top;";
        divLine.appendChild(divType);
        var typeSel = new CLSelect(divType);
        typeSel.ValField = ValField;
        typeSel.divLine = divLine;

        if (listName.indexOf(ValField.className) >= 0) {
            typeSel.AddItems([
                "流程表单字段值", "空值"
            ]);
        } else {
            typeSel.AddItems([
                "流程表单字段值", "自定义", "空值"
            ]);
        }

        var divVal = document.createElement("div");
        divLine.appendChild(divVal);
        divLine.divVal = divVal;
        divVal.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;margin:0 8px 0 16px;vertical-align:top;";

        var delDiv = document.createElement("div");
        delDiv.style.cssText = "font-family:CLFont;height:30px;line-height:30px;display:inline-block;padding:3px;font-size:20px;vertical-align:top;color:#3F80AE;cursor:pointer;";
        delDiv.onmouseover = function (e) {
            this.style.color = "#e86261";
            this.style.fontWeight = "900";
        }
        delDiv.onmouseleave = function (e) {
            this.style.color = "#3F80AE";
            this.style.fontWeight = "100";
        }
        delDiv.onclick = function (e) {
            divLine.Remove();
        }
        delDiv.innerHTML = "&#xe80b;";
        divLine.appendChild(delDiv);
        
        divLine["流程表单字段值"] = function () {
            var divLine = this;
            divLine.divVal.innerHTML = "";
            var valSel = new CLSelect(divLine.divVal);
            valSel.EnableClear(true);
            valSel.setPlaceholder(rPlaceHolder);
            divLine.ValField.Val = null;
            var Fields = [];
            var selIndex = -1;
            var ctrlID = divLine.ValField.ctrlID;
            var SubInfo = divLine.ValField.SubInfo;
            if (SubInfo == null) {
                SubInfo = divLine.ValField.SubInfo = [];
            }
            function getVal(Id,Def) {
                var newFields = SubInfo;
                for (var j = 0; j < newFields.length ; j++) {
                    if (newFields[j].ID == Id) {
                        return newFields[j];
                    }
                }
                newFields.push(Def);
                return Def;
            }
            for (var i = 0; i < FormFields.length ; i++) {
                if (ValField.className != "子表单") {
                    if (FormFields[i].className == "子表单" && hasSub) {
                        var subFields = FormFields[i].Field;
                        for (var j = 0; j < subFields.length; j++) {
                            var Field = subFields[j];
                            if (!FrmCtrls.CompareAble(Field.className, divLine.ValField.className)) {
                                if (Field.className == "成员单选" && divLine.ValField.className == "成员多选") {
                                } else if (Field.className == "部门单选" && divLine.ValField.className == "部门多选") {
                                } else {
                                    continue;
                                }
                            }
                            Fields.push({
                                ID: Field.ID,
                                Name: Field.Name,
                                ParentID: FormFields[i].ID,
                                className: Field.className
                            });
                            valSel.AddItems([
                                FormFields[i].Name + "->" + Field.Name
                            ]);
                            if (Field.ID == ctrlID) {
                                selIndex = Fields.length - 1;
                            }
                        }
                    } else {
                        if (!FrmCtrls.CompareAble(FormFields[i].className, divLine.ValField.className)) {
                            if (FormFields[i].className == "成员单选" && divLine.ValField.className == "成员多选") {
                            } else if (FormFields[i].className == "成员单选" && divLine.ValField.className == "部门多选") {
                            } else {
                                continue;
                            }
                        }
                        Fields.push(FormFields[i]);
                        valSel.AddItems([
                            FormFields[i].Name
                        ]);
                        if (FormFields[i].ID == ctrlID) {
                            selIndex = Fields.length - 1;
                        }
                    }
                } else {
                    if (FormFields[i].className == "子表单") {
                        Fields.push({
                            ID: FormFields[i].ID,
                            Name: FormFields[i].Name,
                            SubFields: FormFields[i].Field,
                            className: "子表单"
                        });

                        valSel.AddItems([
                            FormFields[i].Name
                        ]);
                        if (FormFields[i].ID == ctrlID) {
                            selIndex = Fields.length - 1;
                        }
                    }
                }

            }

            valSel.onchanged = function (This) {
                var Field = Fields[This.selectedIndex];
                divLine.style.background = "";
                if (Field == null) {
                    delete divLine.ValField.ctrlID;
                    delete divLine.ValField.SubInfo;
                    delete divLine.ValField.ctrlParentId;
                    if (divLine.DivSubInfo != null) {
                        divLine.DivSubInfo.remove();
                    }
                    return;
                } else {
                    if ((divLine.ValField.className == "成员多选" && Field.className == "成员单选") || (divLine.ValField.className == "部门多选" && Field.className == "部门单选")) {
                        divLine.ValField.ToArayy = true;
                    } else {
                        delete divLine.ValField.ToArayy;
                    }
                    SubInfo = divLine.ValField.SubInfo;
                    if (SubInfo == null) {
                        SubInfo = divLine.ValField.SubInfo = [];
                    }
                }

                divLine.ValField.ctrlID = Field.ID;
                if (Field.ParentID != null) {
                    divLine.ValField.ctrlParentId = Field.ParentID;
                } else {
                    delete divLine.ValField.ctrlParentId;
                }
                if (Field.className == "子表单") {
                    var DivSubInfo = divLine.DivSubInfo;
                    if (DivSubInfo == null) {
                        DivSubInfo = divLine.DivSubInfo = document.createElement("div");
                        var remove = DivSubInfo.remove;
                        DivSubInfo.remove = function () {
                            remove.call(this);
                            delete divLine.DivSubInfo;
                        }
                        divLine.appendChild(DivSubInfo);
                    } else {
                        DivSubInfo.innerHTML = "";
                    }
                    var tempFields = divLine.ValField.GetSubFields()
                    for (var i = 0; i < SubInfo.length ; i++) {
                        var bFind = false;
                        for (var j = 0; j < tempFields.length; j++) {
                            if (tempFields[j].ID == SubInfo[i].ID) {
                                bFind = true;
                            }
                        }
                        if (!bFind) {
                            SubInfo.splice(i);
                            i--;
                        }
                    }
                    ShowSubInfo(divLine.ValField.GetSubFields(), Field.SubFields);
                }
            }
            valSel.selectedIndex = selIndex;
            if (ctrlID && selIndex == -1) {
                divLine.style.background = "#c00";
            }
            function ShowSubInfo(SubFields, ValFields) {
                var DivSubInfo = divLine.DivSubInfo;
                DivSubInfo.innerHTML = "";

                for (var i = 0; i < SubFields.length; i++) {
                    CreateLine(SubFields[i]);
                }
                function CreateLine(Field) {
                    var Line = document.createElement("div");
                    Line.style.cssText = "width:100%;height:30px;margin-top:10px;line-height:30px;padding-left:20px";
                    DivSubInfo.appendChild(Line);

                    Line.ValField = getVal(Field.ID, {
                        ID: Field.ID,
                        valType: "流程表单字段值",
                        Val: null,
                        ctrlID: null,
                        className: Field.className
                    });
                    var FieldDiv = document.createElement("div");
                    FieldDiv.style.cssText = "width:225px;display:inline-block;height:30px;line-height:30px;border:solid 1px #d9d9d9;padding:0 8px;vertical-align:top;";
                    FieldDiv.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[Field.className].Icon + "</span>" + Field.Name;
                    Line.appendChild(FieldDiv);
                    var op = document.createElement("div");
                    op.style.cssText = "height:30px;line-height:30px;display:inline-block;padding:0 16px;vertical-align:top;color:#0db3a6";
                    op.innerHTML = "等于";
                    Line.appendChild(op);
                    var divType = document.createElement("div");
                    divType.style.cssText = "width:160px;height:30px;display:inline-block;vertical-align:top;";
                    Line.appendChild(divType);
                    Line.divType = divType;

                    var divVal = document.createElement("div");
                    Line.appendChild(divVal);
                    Line.divVal = divVal;
                    divVal.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;margin:0 8px 0 16px;vertical-align:top;";

                    var typeSel = new CLSelect(divType);
                    typeSel.Field = Field;
                    typeSel.Line = Line;
                    typeSel.onchanged = function (This) {
                        Line.ValField.valType = This.GetValue();
                        if (Line.ValField.valType != "流程表单字段值") {
                            divLine[Line.ValField.valType].call(Line);
                        } else {
                            Line["流程表单字段值"]();
                        }
                    }
                    if (listName.indexOf(Field.className) >= 0) {
                        typeSel.AddItems([
                            "流程表单字段值", "空值"
                        ]);
                    } else {
                        typeSel.AddItems([
                            "流程表单字段值", "自定义", "空值"
                        ]);
                    }
                    Line["流程表单字段值"] = function () {
                        Line.divVal.innerHTML = "";
                        var valSel = new CLSelect(Line.divVal);
                        valSel.setPlaceholder("选择触发表单字段");
                        valSel.EnableClear(true);
                        var Fields = [];
                        var index = -1;
                        for (var i = 0; i < FormFields.length; i++) {
                            if (FormFields[i].className == "子表单") {
                                if (FormFields[i].ID == divLine.ValField.ctrlID) {
                                    for (var j = 0; j < ValFields.length; j++) {
                                        if (!FrmCtrls.CompareAble(ValFields[j].className, Line.ValField.className)) {
                                            if (ValFields[j].className.className == "成员单选" && Line.ValField.className == "成员多选") {
                                            } else if (ValFields[j].className.className == "部门单选" && Line.ValField.className == "部门多选") {
                                            } else {
                                                continue;
                                            }
                                        }
                                        var vField = CLClone(ValFields[j]);
                                        vField.ParentID = FormFields[i].ID;
                                        Fields.push(vField);
                                        valSel.AddItems([
                                             FormFields[i].Name + "->" + vField.Name
                                        ]);
                                        if (vField.ID == Line.ValField.ctrlID) {
                                            index = Fields.length - 1;
                                        }
                                    }
                                }
                            } else {
                                if (!FrmCtrls.CompareAble(FormFields[i].className, Line.ValField.className)) {
                                    if (FormFields[i].className.className == "成员单选" && Line.ValField.className == "成员多选") {
                                    } else if (FormFields[i].className.className == "部门单选" && Line.ValField.className == "部门多选") {
                                    } else {
                                        continue;
                                    }
                                }
                                Fields.push(FormFields[i]);
                                if (FormFields[i].ID == Line.ValField.ctrlID) {
                                    index = Fields.length - 1;
                                }
                                valSel.AddItems([
                                    FormFields[i].Name
                                ]);
                            }
                        }
                        valSel.selectedIndex = index;
                        valSel.onchanged = function (This) {
                            var Field = Fields[This.selectedIndex];
                            if (Field == null) {
                                delete Line.ValField.ctrlID;
                                delete Line.ValField.SubInfo;
                                delete Line.ValField.ctrlParentId;
                                if (Line.DivSubInfo != null) {
                                    Line.DivSubInfo.remove();
                                }
                                return;
                            }
                            Line.ValField.ctrlID = Field.ID;
                            if ((Line.ValField.className == "成员多选" && Field.className == "成员单选") || (Line.ValField.className == "部门多选" && Field.className == "部门单选")) {
                                Line.ValField.ToArayy = true;
                            } else {
                                delete Line.ValField.ToArayy;
                            }
                            if (Field.ParentID != null) {
                                Line.ValField.ctrlParentId = Field.ParentID;
                            } else {
                                delete Line.ValField.ctrlParentId;
                            }
                        }
                    }
                    typeSel.selectedIndex = typeSel.Items.indexOf(Line.ValField.valType);
                }
            }
        }

        divLine["自定义"] = function () {
            var divLine = this;
            divLine.divVal.innerHTML = "";
            divLine.ValField.ctrlID = null;
            if (divLine.ValField.className == "成员单选") {
                var Div = document.createElement("div");
                var itemData = divLine.ValField;
                Div.style.cssText = "border:1px dashed #e0e0e0;height:30px;width:100%;padding:0 8px;line-height:28px;font-size:5px;cursor:pointer";
                divLine.divVal.appendChild(Div);
                Div.onclick = function () {
                    var Range = {
                        Roles: [],
                        Parts: [],
                        Members: [],
                        Dynamic: []
                    }
                    Range.Dynamic.Visible = false;
                    FrmCtrls.MemberDialog(Range, false, { Members: itemData.Val == null ? null : [itemData.Val] }, true, function (Val) {
                        itemData.Val = Val.Members[0];
                        ShowVal(CLApp.getMemberNameById(itemData.Val));
                    });
                }
                function ShowVal(Name) {
                    if (divLine.ValField.Val != null) {
                        Div.innerHTML = "";
                        var divVal = document.createElement("div");
                        var Icon = document.createElement("span");
                        Icon.style.cssText = "font-family:CLFont;color:#f0ad4e;padding-right:8px";
                        Icon.innerHTML = "&#xe735;";
                        divVal.appendChild(Icon);
                        var text = document.createElement("span");
                        var name = Name == null ? CLApp.getMemberNameById(divLine.ValField.Val) : Name;
                        text.innerHTML = name == null ? "??????" : name;
                        divVal.appendChild(text);
                        Div.appendChild(divVal);
                    } else {
                        Div.innerHTML = "<center color:#999>点击选择成员</center>";
                    }
                }
                ShowVal();
            } else if (divLine.ValField.className == "部门单选") {
                var Div = document.createElement("div");
                Div.style.cssText = "border:1px dashed #e0e0e0;height:30px;width:100%;padding:0 8px;line-height:28px;font-size:5px;cursor:pointer";
                divLine.divVal.appendChild(Div);
                var itemData = divLine.ValField;
                Div.onclick = function () {
                    var DepartData = CLApp.getDepartTree()[0];
                    var _CLTree = new CLTree(DepartData);
                    var divBg = document.createElement("div");
                    divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                    divBg.style.zIndex = CLTop.CLMaxZIndex();
                    CLTop.document.body.appendChild(divBg);
                    divBg.Close = function () {
                        if (divBg.parentNode != null) {
                            divBg.parentNode.removeChild(divBg);
                        }
                    }
                    divBg.addEventListener("mousedown", function () {
                        divBg.Close();
                        window.removeEventListener("unload", divBg.Close);
                    });
                    window.addEventListener("unload", divBg.Close);
                    var divMenu = document.createElement("div");
                    divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;";
                    divBg.appendChild(divMenu);
                    divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });
                    divMenu.style.maxHeight = "390px";
                    var divSearch = document.createElement("div");
                    divSearch.className = "ItemSearch";
                    divMenu.appendChild(divSearch);
                    var inputSearch = document.createElement("input");
                    inputSearch.style.height = "29px";
                    inputSearch.style.lineHeight = "29px";
                    inputSearch.style.border = "none";
                    inputSearch.setAttribute("placeholder", "搜索");
                    inputSearch.style.width = "calc(100% - 7px)";
                    inputSearch.style.marginLeft = "5px";
                    inputSearch.value = "";
                    inputSearch.oninput = function () {
                        _CLTree.Search(inputSearch.value);
                    }
                    divSearch.appendChild(inputSearch);

                    var divClear = document.createElement("div");
                    divClear.className = "ItemClear";
                    divClear.innerHTML = "--请选择--";
                    divMenu.appendChild(divClear);
                    divClear.onclick = function () {
                        itemData.Val = null;
                        ShowVal();
                        divBg.Close();
                        window.removeEventListener("unload", divBg.Close);
                    }

                    function SetPos() {
                        var Rect = Div.getBoundingClientRectEx();
                        divMenu.style.top = Rect.bottom + "px";
                        divMenu.style.left = Rect.left + "px";
                        divMenu.style.minWidth = Rect.width + "px";
                        divMenu.style.zIndex = CLTop.CLMaxZIndex();
                        var mRect = divMenu.getBoundingClientRectEx();
                        if (mRect.bottom > CLTop.innerHeight) {
                            divMenu.style.top = Rect.top - mRect.height + "px";
                            if (divMenu.offsetTop < 0) {
                                divMenu.style.top = "0px";
                            }
                        }
                        if (mRect.right > CLTop.innerWidth) {
                            divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                        }
                    }
                    divBg.appendChild(divMenu);

                    _CLTree.Render(divMenu);
                    var divTree = divMenu.lastChild;
                    divTree.style.maxHeight = divMenu.offsetHeight - 62 + "px";
                    divTree.style.overflow = "auto";
                    _CLTree.Select(itemData.Val);
                    SetPos();
                    _CLTree.OnSelected = function (ItemData) {
                        itemData.Val = ItemData.ID;
                        ShowVal();
                        divBg.Close();
                        window.removeEventListener("unload", divBg.Close);
                    }
                }
                function ShowVal() {
                    if (divLine.ValField.Val != null) {
                        Div.innerHTML = "";
                        var divVal = document.createElement("div");
                        var Icon = document.createElement("span");
                        Icon.style.cssText = "font-family:CLFont;color:#f0ad4e;padding-right:8px";
                        Icon.innerHTML = "&#xe600";
                        divVal.appendChild(Icon);
                        var text = document.createElement("span");
                        var name = CLApp.getDepartmentNameById(divLine.ValField.Val);
                        text.innerHTML = name == null ? "??????" : name;
                        divVal.appendChild(text);
                        Div.appendChild(divVal);
                    } else {
                        Div.innerHTML = "<center color:#999>点击选择部门</center>";
                    }
                }
                ShowVal();
            } else {
                var input = document.createElement("input");
                input.style.cssText = "border:1px solid #e0e0e0;height:30px;width:100%;padding:0 8px";
                divLine.divVal.appendChild(input);
                input.value = divLine.ValField.Val == null ? "" : divLine.ValField.Val;
                if (divLine.ValField.className == "数字") {
                    input.oninput = function () {
                        CLCheckFloat(input, 10);
                    }
                }
                input.onchange = function () {
                    divLine.ValField.Val = input.value == null || input.value.length == 0 ? null : input.value;
                    if (divLine.ValField.className == "数字") {
                        divLine.ValField.Val = divLine.ValField.Val == null ? null : divLine.ValField.Val * 1;
                    }
                }
            }
        }

        divLine["空值"] = function () {
            var divLine = this;
            divLine.divVal.innerHTML = "";
            divLine.ValField.Val = null;
            divLine.ValField.ctrlID = null;
            delete divLine.ValField.SubInfo;
            delete divLine.ValField.ctrlParentId;
            if (divLine.DivSubInfo != null) {
                divLine.DivSubInfo.remove();
            }
        }

        typeSel.onchanged = function (This) {
            This.ValField.valType = This.GetValue();
            var divLine = This.divLine;
            divLine[This.ValField.valType]();
        }

        typeSel.selectedIndex = typeSel.Items.indexOf(ValField.valType);

        return divLine;
    }
}());
;(function () {
    function CLComments(Ele, dataId) {
        var self = this;
        self.Ele = Ele;
        self.dataId = dataId;
        function show(comment) {
            var ele = Ele.querySelector(".Comment[No='" + comment.ID + "']");
            if (!ele) {
                ele = document.createElement("div");
                ele.classList.add("Comment");
                ele.setAttribute("No", comment.ID);
                ele.style.cssText = "position: relative;padding:10px;overflow:hidden";
                Ele.firstChild.insertBefore(ele, Ele.firstChild.firstChild);
            }
            var html = "";
            var user = CLApp.getUserById(comment.Submiter);
            var name = (user && user.name) || "????????";
            var url = (user && user.avatar) || "/img/thu_man.png";
            var icon = "<div class='Icon' style='vertical-align:top;border-radius:3px;float:left;width:32px;height:32px;background:url(\"" + url + "\");background-size:100% 100%;'>";
            icon += "</div>";
            html += icon;
            html += "<div style = 'float:left;padding-left:10px;width:calc(100% - 32px)'>";
            html += "<span style='display:inline-block;margin-bottom:5px;font-weight:900;color:#00598c'>" + name + "</span>";
            var text = comment.Content;
            var users = comment.Users;
            var index = -1;
            text = text && text.replace(/\uFEFF[\s\S]*\uFEFF/, function (v) {
                v = v.substr(1, v.length - 2);
                return "<span style='color:#0db3a6;margin:2px' class='user' user='" + users[++index] + "'>" + v + "</span>";
            });
            html += "<div class='content' style='white-space: pre-line;margin-bottom:5px'>" + (text || "") + "</div>";
            html += "<div class='Pictures' style='overflow:hidden'>";
            var picture = comment.Picture;
            picture = JSON.parse(picture)
            picture && picture.forEach(function (pic) {
                var height = "auto";
                var size = (Ele.offsetWidth - 20);
                if (picture.length == 1) {
                    size *= 2;
                    size /= 3;
                } else {
                    size /= 3;
                    height = size + "px";
                }
                html += "<img class='pic' style='vertical-align:top;border-radius:3px;margin:3px;float:left;width:" + size + "px;height:" + height + ";' src='" + pic.Src + "' />";
            });
            html += "</div>";
            html += "<div class='footer' style='margin-top:5px;width:100%'>";
            function fText(dtText) {
                var dt = Date.Parse(dtText);
                var mm = new Date() - dt;
                mm /= 60000;
                if (mm < 1) {
                    return "刚刚";
                } else if (mm < 60) {
                    return parseInt(mm) + "分钟前";
                } else if (mm < 1440) {
                    return parseInt(mm / 60) + "小时前";
                } else if (mm < 2880) {
                    return "昨天";
                } else {
                    return parseInt(mm / 2880) + "天前";
                }
            }
            html += "<span style='color:#999'>";
            html += fText(comment.updateDt);
            if (!picture && !text) {
                html += " 删除了该条评论";
            } else {
                if (comment.updateDt != comment.createDt) {
                    html += " 已编辑";
                }
            }
            html += "</span>";
            if ((picture || text) && CLApp.getCurrentUserId() == comment.Submiter) {
                html += "<div style='float:right;cursor:pointer;font-size:12px;" + (IsMobile() ? "display:initial" : "") + "' class='btns'>";
                html += "<span style='color:#0db3a6;margin:5px'>编辑</span><span style='color:#e64340;margin:5px'>删除</span>";
                html += "</div>";
            }
            html += "</div>";
            html += "</div>";
            ele.innerHTML = html;
            var btns = ele.querySelector(".btns");
            if (btns) {
                btns.childNodes[0].onclick = function () {
                    self.showTip(ele, comment);
                }
                btns.childNodes[1].onclick = function (e) {
                    var data = {};
                    data.ID = comment.ID;
                    data.Content = null;
                    data.Picture = null;
                    data.Users = null;
                    var menu = CLConfirm(function () {
                        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSetComment";
                        HttpPost(url, function (json) {
                            if (json.code == -1) {
                                CLShowMsg(json.msg);
                            }
                        }, { Comment: data, Msg: {} });
                    }, " 你确定要删除该评论吗?");
                    menu.Reset(e);
                }
            }
            var pics = ele.querySelectorAll(".Pictures .pic");
            pics && pics.forEach(function (img, index) {
                img.onclick = function () {
                    new CLPreView(picture, index);
                }
            });
            ele.update = function () {

            }
        }
        var monitor = self.monitor = self.queryComments(function (data) {
            Ele.innerHTML = "<div class='Comments' style='height:calc(100% - 55px);overflow:auto'></div><div class='tip' style='border-top:solid 1px #ccc'><div style='color:#999;margin:10px ;height:30px;cursor:pointer;line-height:30px;'>发表评论</div><div></div></div>";
            Ele.lastChild.onclick = function () {
                self.showTip(this.lastChild);
            }
            data.forEach(function (comment) {
                show(comment);
            });
        });
        monitor.ID = dataId;
        monitor.OnMsg = function (Msg) {
            if (Msg.type == "add" || Msg.type == "update") {
                var Lines = Msg.Lines;
                Lines.forEach(function (comment) {
                    show(comment);
                });
            } else if (Msg.type == "delete") {
                var IDs = Msg.IDs;
                IDs.forEach(function (ID) {
                    var ele = Ele.querySelector(".Comment[No='" + ID + "']");
                    ele && ele.remove();
                });
            }
        }
    }

    var fn = CLComments.prototype;

    fn.dataId = null;

    fn.queryComments = function (Success) {
        var vVars = {};
        var self = this;
        vVars.dataId = self.dataId;
        var monitor = CLConnectMonitor("23042008481324100000", vVars);
        monitor.OnConnected = function (data) {
            data.ID = vVars.dataId;
            monitor.dataComments = data;
            Success(data);
        }
        return monitor;
    }

    fn.showTip = function (ele, dataComment) {
        var self = this;
        var width = IsMobile() ? innerWidth : ele.offsetWidth;
        var menu = CLAutoDialog(width, 120, ele);
        menu.Div.style.boxShadow = "none";
        menu.Div.style.border = "1px #0db3a6 solid";
        menu.Div.style.borderRadius = "3px";
        var box = document.createElement("div");
        box.style.cssText = "max-height: 328px;padding: 10px 10px 0;overflow: auto";
        var content = document.createElement("div");
        content.setAttribute("contenteditable", "true");
        content.setAttribute("placeholder", "Ctrl+Enter发送评论，支持@成员");
        content.style.cssText = "font-size:12px;line-height:17px;outline-style:none;min-height:70px;position:relative;cursor:text";
        content.style["user-select"] = "auto";
        content.innerHTML = "<p><br/></p>";
        content.classList.add("CLPlaceholder");
        content.oninput = function (e) {
            var text = content.innerText.trim();
            if (!!text) {
                content.classList.remove("CLPlaceholder");
            } else {
                content.classList.add("CLPlaceholder");
            }
            if (!ffValue() && !text) {
                btn.style.opacity = "0.5";
            } else {
                btn.style.opacity = "1";
            }
            menu.Reset();
            if (e && e.data == "@") {
                fUsers(true);
            }
        }
        box.appendChild(content);
        var Preview = document.createElement("div");
        box.appendChild(Preview);
        menu.Div.appendChild(box);
        var bottom = document.createElement("div");
        bottom.style.cssText = "padding: 8px 10px;line-height: 24px;overflow:hidden";
        var lable = document.createElement("div");
        lable.style.cssText = "font-family:CLFont;color:#999;float:left";
        lable.innerHTML = "<span style='cursor:pointer'>@</span><span style='display:inline-block;vertical-align:top;line-height:17px;cursor:pointer;margin:5px 0 0 5px'>&#xe643;</span>";
        var _range = null;

        function saveRange() {
            var selection = window.getSelection();
            if (!selection.rangeCount) {
                return;
            }
            var range = selection.getRangeAt(0);
            if (content.contains(range.startContainer) && content.contains(range.endContainer)) {
                _range = range;
            }
        }

        content.focus();

        content.Focus = function () {
            if (_range) {
                var selection = window.getSelection();
                selection.removeAllRanges();
                selection.addRange(_range);
            } else {
                content.focus();
            }
        }

        function fUsers(back) {
            function insert(user) {
                var box = document.createElement("span");
                box.innerHTML = "&#xFEFF;";
                var span = document.createElement("span");
                user = CLApp.getUserById(user);
                span.innerHTML = "@" + (user ? user.name : "????????");
                span.style.color = "#0db3a6";
                span.style.margin = "2px";
                span.classList.add("user");
                span.setAttribute("contenteditable", "false");
                span.setAttribute("user", user.userid);
                box.appendChild(span);
                box.insertAdjacentHTML("beforeend", "&#xFEFF;");
                _range.insertNode(box);
                _range.setStartAfter(box);
                _range.setEndAfter(box);
            }
            var task = self.Task([], "");
            var unionids = task.participantIds;
            var users = [];
            CLTop.g_UserList.forEach(function (user) {
                if (unionids.indexOf(user.unionid) >= 0) {
                    users.push(user.userid);
                }
            });
            function MemberDlg(Success) {
                FrmCtrls.MemberDialog({ Parts: [], Roles: [], Members: users, Dynamic: [] }, typeof ID != "string", {}, true, function (Val) {
                    Success(Val.Members);
                });
            }
            MemberDlg(function (users) {
                menu.removeFilter(ele);
                if (users.length > 0) {
                    if (back) {
                        _range.setStart(_range.endContainer, _range.endOffset - 1);
                        _range.deleteContents();
                    }
                    users.forEach(function (user) {
                        insert(user);
                    });
                    content.oninput();
                }
            });
            function func() {
                menu.removeFilter(document.body);
                var ele = document.body.lastChild;
                var dlg = CLDialog.current(ele.firstChild);
                dlg.onclosed = function () {
                    content.Focus();
                }
                menu.addFilter(ele);
            }
            menu.addFilter(document.body);
            if (!IsMobile()) {
                func();
            } else {
                CLDelay(function () {
                    func();
                }, 20);
            }
        }

        function DeleteFile(src) {
            var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpDeleteFile";
            var load = HttpPost(url, function () { }, { Url: src });
            load.Stop();
        }

        function UpLoadFile(file, Success, onProgress) {
            var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
            var load = HttpPost(url, Success, {}, true, null, null, file, file.name, function (e) {
                if (e.IsUpLoad) {
                    onProgress(e);
                }
            });
            load.Stop();
        }

        function Value(value) {
            if (value === undefined) {
                var text = content.innerText;
                var users = [];
                var spans = content.querySelectorAll(".user");
                for (var i = 0; i < spans.length; i++) {
                    users.push(spans[i].getAttribute("user"));
                }
                var files = ffValue();
                return {
                    Content: text,
                    Users: users,
                    Picture: files
                };
            } else {
                var text = value.Content;
                var users = value.Users;
                var index = -1;
                text = text && text.replace(/\uFEFF[\s\S]*\uFEFF/, function (v) {
                    v = v.substr(1, v.length - 2);
                    return "<span>&#xFEFF;<span style='color:#0db3a6;margin:2px' class='user' user='" + users[++index] + "' contenteditable'false'>" + v + "</span>&#xFEFF;</span>";
                });
                if (text) {
                    content.innerHTML = text;
                }
                content.oninput();
                var last = content.lastChild;
                _range.setStartAfter(last);
                _range.setEndAfter(last);
                var files = JSON.parse(value.Picture);
                files && files.forEach(function (file) {
                    var item = new FileItem(file.Src, file.Name, file.Size);
                    item.SetSrc(file.Src);
                });
                menu.Reset();
            }
        }

        function ffValue() {
            var Boxes = Preview.childNodes;
            var jRet = [];
            for (var i = 0; i < Boxes.length ; i++) {
                if (Boxes[i].File != null && Boxes[i].File.Src != null) {
                    var Val = Boxes[i].File;
                    Val.Ext = Val.Name.substr(Val.Name.lastIndexOf(".") + 1);
                    jRet.push(Val);
                }
            }
            return jRet.length == 0 ? null : jRet;
        }

        function FileItem(url, Name, Size) {
            var Box = document.createElement("div");
            Box.FileInfo = this;
            Box.File = {
                Name: Name,
                Size: Size,
            }
            Box.className = "FileBox";
            Box.style.cssText = "width:330px;max-width:100%;height:52px;border:solid 1px #e0e0e0;position:relative;margin-bottom: 10px;";
            var IconBg = document.createElement("div");
            IconBg.style.cssText = "position: absolute;top:0;left:0;padding:8px;height:50px;width:50px";
            Box.appendChild(IconBg);
            var Icon = document.createElement("div");
            Icon.style.cssText = "height:100%;width:100%;background-size:100% 100%;";
            Icon.style.backgroundImage = "url(" + url + ")";
            IconBg.appendChild(Icon);
            var FileInfo = document.createElement("div");
            FileInfo.style.cssText = "padding:5px;position: absolute;top: 0;left: 50px;right: 34px;bottom: 0;line-height: 18px;font-size:12px";
            Box.appendChild(FileInfo);
            var span = document.createElement("span");
            span.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block";
            span.innerHTML = Name.substr(0, Name.lastIndexOf("."));
            FileInfo.appendChild(span);
            var spanExt = span.cloneNode();
            spanExt.innerHTML = Name.substr(Name.lastIndexOf("."));
            FileInfo.appendChild(spanExt);
            Preview.appendChild(Box);
            span.style.maxWidth = "calc(100% - " + (spanExt.offsetWidth + 3) + "px)";
            var subText = document.createElement("span");
            subText.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;width:100%";
            if (Size / 1024 >= 1024) {
                subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
            } else {
                subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
            }
            FileInfo.appendChild(subText);
            var Del = document.createElement("div");
            Del.className = "ItemDel";
            Del.style.cssText = "width:24px;font-family:CLFont;font-size:16px;position:absolute;right:0px;top:8px;cursor:pointer;";
            Del.innerHTML = "&#xe80b;";
            var This = this;
            Del.onclick = function (e) {
                This.Close();
                content.oninput();
                e.stopPropagation();
            }
            Box.Index = function () {
                var Boxes = Box.parentNode.querySelectorAll(".FileBox");
                for (var i = 0; i < Boxes.length ; i++) {
                    if (Box == Boxes[i]) {
                        return i;
                    }
                }
            }
            Box.onclick = function () {
                var Box = this;
                var view = new CLPreView(ffValue(), Box.Index());
                var ele = document.lastChild;
                menu.addFilter(ele);
                view.onclosed = function () {
                    menu.removeFilter(ele);
                }
            }
            this.SetSrc = function (Src) {
                Box.File.Src = Src;
            }
            this.SetSize = function (size) {
                Size = Box.File.Size = size;
                if (Size / 1024 >= 1024) {
                    subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
                } else {
                    subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
                }
            }
            Box.appendChild(Del);

            this.Close = function () {
                Preview.removeChild(Box);
                content.oninput();
            }
            this.Box = Box;
            this.Size = Size;
        }

        function AddFile(file, Path) {
            var url = CLGetObjectURL(file);
            var bDel = false;
            var fileItem = new FileItem(url, file.name, file.size, file.shortBrief);
            var divProgressBg = document.createElement("div");
            divProgressBg.style.cssText = "height:4px;width:100%;position:absolute;bottom:0;left:0;background:#ccc;border-radius:4px";
            fileItem.Box.appendChild(divProgressBg);
            var divProgress = document.createElement("div");
            divProgress.style.cssText = "height:4px;border-radius:4px;background:#1ac4b7;width:0px";
            divProgressBg.appendChild(divProgress);
            menu.Reset();
            UpLoadFile(file, function (Json) {
                if (Json.code == 0) {
                    if (bDel) {
                        CLDeleteObjectByUrl(url);
                    }
                    fileItem.Box.removeChild(divProgressBg);
                    fileItem.SetSrc(Json.data[0]);
                    fileItem.SetSize(Json.size);
                    content.oninput();
                } else {
                    fileItem.Close();
                    CLShowMsg(Json.msg);
                }
            }, function (e) {
                var fProgress = e.loaded / fileItem.Size;
                if (fProgress > 1) {
                    fProgress = 1;
                }
                divProgress.style.width = divProgressBg.offsetWidth * fProgress + "px";
            });
        }

        function fFile() {
            CLOpenFile(function (files, Path) {
                for (var i = 0; i < files.length; i++) {
                    CLCompressImg(files[i], function (file) {
                        if (file.size > 1024 * 1024 * 4) {
                            CLShowMsg("上传失败,单个文件的上传上限是4M")
                            return;
                        }
                        AddFile(file, Path);
                    });
                }
            }, null, true);
        }

        var _a = lable.childNodes[0];
        _a.onclick = function () {
            fUsers();
        }
        var _u = lable.childNodes[1];
        _u.onclick = function () {
            fFile();
        }
        bottom.appendChild(lable);
        var btn = document.createElement("div");
        btn.style.cssFloat = "right";
        btn.style.margin = "0";
        btn.style.fontSize = "12px";
        btn.style.width = "60px";
        btn.innerHTML = dataComment ? "保存" : "发送";
        btn.className = "CLBtnGreen CLBtnSmall";
        btn.style.opacity = "0.5";
        bottom.appendChild(btn);
        btn.onclick = function () {
            var data = Value();
            if (!data.Content && !data.Picture) {
                return;
            }
            if (dataComment) {
                data.ID = dataComment.ID;
                data.DataID = dataComment.DataID;
            } else {
                data.DataID = self.dataId;
            }
            if (!data.DataID) {
                return;
            }
            var Msg = {};
            if (data.Users) {
                Msg.msg = CLApp.getCurrentUser().name + "在评论中提到了你\n";
                Msg.url = self.Url || location.href;
                Msg.url = CLHost + "/" + CLCorpId() + "/api/CLAuth.chx?Function=HttpRedirect&url=" + encodeURIComponent(Msg.url) + "&v=" + CLMakeId();
                Msg.users = data.Users;
            }
            var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSetComment";
            HttpPost(url, function (json) {
                if (json.code == -1) {
                    CLShowMsg(json.msg);
                } else {
                    content.innerHTML = "";
                    Preview.innerHTML = "";
                    menu.Close();
                }
            }, {
                Comment: data,
                Msg: Msg
            });
        }
        menu.Div.appendChild(bottom);
        menu.Reset();
        menu.SetFree(true);
        saveRange();
        function funcSave(e) {
            saveRange();
        }
        window.addEventListener("mousedown", funcSave, true);
        menu.onclosed = function () {
            window.removeEventListener("mousedown", funcSave, true);
            self.dataComment = Value();
        }
        Value(dataComment || self.dataComment);
    }

    fn.Close = function () {
        var self = this;
        self.Ele.innerHTML = "";
        self.monitor && self.monitor.Close();
    }

    fn.Task = function (users, content) {

    }

    window.CLComments = CLComments;

}())
;/// <reference path="E:\VsPro\CLFlow\CLFlow\js/Http.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLPreView/CLPreView.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLCodeEditor/CLCodeEditor.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLList/CLList.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLBtnGroup/CLBtnGroup.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLRadioBox/CLRadioBox.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLSelect/CLSelect.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLTree/CLTree.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\js/Http.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLDialog/CLDialog.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLUI.js" />
(function () {
    CLLoad("/View/Form/lib/Frm/FrmDesigner.css");
    CLLoad("/View/Form/lib/Frm/FrmWheres.js");
    CLLoad("/View/Form/lib/Frm/FrmWheres.css");
    CLLoad("/CLUI/CLCheckBox/CLCheckBox.css");
    CLLoad("/CLUI/CLRadioBox/CLRadioBox.css");
    CLLoad("/CLUI/CLOnOff/CLOnOff.css");
    CLLoad("/CLUI/CLSelect/CLSelect.css");

    window.FrmCtrl = function () {
        this.__IsFrmCtrl__ = true;
    }
    FrmCtrl.IsValue = function (Val) {
        return Val && Val.__IsFrmCtrl__;
    }
    ///////////////////////////////Http接口///////////////////////////////
    //获取表单字段
    function getFieldsByFormID(FormId) {
        var Form = CLApp.getFormById(FormId);
        return Form == null ? [] : [].concat(Form.Fields);
    }

    var g_RelevantDataTable = {}

    function getFormDataByIdAndWheres(_FrmDesigner, ID, Wheres, Fun) {
        var self = this;
        if (ID == null) {
            if (Fun) {
                Fun.call(self, []);
                return;
            } else {
                return [];
            }
        }
        var DataTable = g_RelevantDataTable["DataTable_" + ID];
        if (DataTable == null)
        {
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFormDataByIdAndWheres&Data=" + JSON.stringify({ FormID: ID, Wheres: [] });
            HttpPost(Url, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json.msg);
                } else {
                    DataTable = g_RelevantDataTable["DataTable_" + ID] = Json.data;
                }

            }, {}, false);
        }
        var Lines = [];
        var bAdd = null;
        for (var i = 0; DataTable != null && i < DataTable.length; i++) {
            bAdd = true;
            for (var j = 0; j < Wheres.length; j++) {
                if (Wheres[j].Value == null || DataTable[i]["DataField_" + Wheres[j].UnionFieldID] != Wheres[j].Value) {
                    bAdd = false;
                }
            }
            if (bAdd) {
                Lines.push(DataTable[i]);
            }
        }
        if (Fun) {
            Fun.call(self, Lines);
        } else {
            return Lines;
        }
    }

    function getFormDataByIdAndWheresFromSource(_FrmDesigner, ID, Wheres, Fun, bQuery) {
        var self = this;
        var DataTable = _FrmDesigner.SourceData == null ? null : _FrmDesigner.SourceData[ID];
        function CalcWheres() {
            var Lines = [];
            var bAdd = null;
            for (var i = 0; DataTable != null && i < DataTable.length; i++) {
                bAdd = true;
                for (var j = 0; Wheres != null && j < Wheres.length; j++) {
                    var v = DataTable[i][Wheres[j].UnionFieldID];
                    v = v && v.oVal ? v.oVal : v;
                    if (Wheres[j].Value == null || v != Wheres[j].Value) {
                        bAdd = false;
                    }
                }
                if (bAdd) {
                    Lines.push(DataTable[i]);
                }
            }
            Fun.call(self, Lines);
        }
        if (bQuery || DataTable == null) {
            var load = _FrmDesigner.QueryData([ID], false, function (data) {
                DataTable = _FrmDesigner.SourceData == null ? null : _FrmDesigner.SourceData[ID];
                CalcWheres();
            });
            if (load) {
                load.Stop();
            }
        } else {
            CalcWheres();
        }
    }

    function UpLoadFile(File, ExtInfo, Success, onProgress, WaterId, WaterInfo) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
        HttpPost(Url, Success, { ExtInfo: ExtInfo, WaterId: WaterId, WaterInfo: WaterInfo }, true, null, null, File, File.name, function (e) {
            if (e.IsUpLoad) {
                onProgress(e);
            }
        });
    }

    //获取范围
    function GetDataFieldRange(ID, FormID, Success) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataFieldRange";
        var load = HttpPost(Url, function (Json) {
            var data = Json.data;
            var Range = [];
            for (var i = 0; i < data.length; i++) {
                if (data[i] != null) {
                    Range.push(data[i].Field);
                }
            }
            Success(Range);
        }, {
            FieldID: ID,
            FormID: FormID
        });
        load.Stop();
    }

    ///////////////////////////////Http接口///////////////////////////////
    var SingleControls = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框", "成员单选", "成员多选", "部门单选", "部门多选"];

    var CompareAble = function (className1, className2) {
        var Array0 = ["时间日期", "提交时间", "更新时间"];
        var Array1 = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "下拉框"];
        var Array2 = ["复选框", "下拉复选框"];
        var Array3 = ["成员单选", "提交人"];
        if (Array0.indexOf(className1) >= 0 && Array0.indexOf(className2) >= 0) {
            return true;
        }
        if (Array1.indexOf(className1) >= 0 && Array1.indexOf(className2) >= 0) {
            return true;
        }
        if (Array2.indexOf(className1) >= 0 && Array2.indexOf(className2) >= 0) {
            return true;
        }
        if (Array3.indexOf(className1) >= 0 && Array3.indexOf(className2) >= 0) {
            return true;
        }
        return className1 == className2;
    }

    var PropSplit = function (Body) {
        var div = document.createElement("div");
        div.classList.add("Split");
        Body.appendChild(div);
    }

    var PropLabel = function (Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Label");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    var PropValue = function (Body, tag) {
        var input = document.createElement(tag == null ? "input" : tag);
        input.classList.add("Value");
        Body.appendChild(input);
        return input;
    }

    var PropBtn = function (Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Value");
        div.classList.add("Btn");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    var ResetCtrl = function (ControlBox, divContext) {
        if (ControlBox.dataCtrl.Data.ParentID == null) {
            var box;
            if (ControlBox.dataCtrl.Name == "子表单") {
                box = ControlBox.querySelector(".SubTable").parentNode;
            }
            var scroll = box ? box.scrollLeft : 0;
            ControlBox.firstChild.innerHTML = FrmCtrls[ControlBox.dataCtrl.Name].Html(ControlBox.dataCtrl.Data);
            if (box) {
                box = ControlBox.querySelector(".SubTable").parentNode;
                box.scrollLeft = scroll;
            }
        } else {
            ResetCtrl(FrmDesigner.getElementById(ControlBox.dataCtrl.Data.ParentID, divContext));
        }
        if (ControlBox.Reset) {
            ControlBox.Reset();
        }
    }

    var PropTitle = function (Body, ControlBox) {
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Title = PropLabel(Body, "标题");
        Title.innerHTML += "<div class='CtrlType'>" + ControlBox.dataCtrl.Name + "</div>";
        var ctrlType = Title.lastChild;
        var downNames = ["流水号", "单行文本", "数字", "单选按钮组", "下拉框"];
        var downNames2 = ["复选框组", "下拉复选框"];
        var down = document.createElement("span");
        down.style.fontFamily = "CLFont";
        down.style.cursor = "pointer";
        down.style.paddingLeft = "5px";
        down.innerHTML = "&#xe661";
        var Menu = {
            "style": {
                "width": "120px",
                "max-height": "100%",
            },
            "Items": []
        };
        var Items = Menu.Items;
        function update(className) {
            CLConfirm(function () {
                dataCtrl.Name = className;
                dataCtrl.Data = { ID: Data.ID, Name: Data.Name, ParentID: Data.ParentID };
                ResetCtrl(ControlBox, Body);
                _CLMenu.Close();
            }, "<h2>提示</h2><code style='color:#5E6D82'>切换控件类型会清除所以配置数据,你确定要继续吗?</code>", null, "380px");
        }
        var _CLMenu;
        if (downNames.indexOf(dataCtrl.Name) >= 0) {
            ctrlType.appendChild(down);
            for (var i = 0; i < downNames.length; i++) {
                if (downNames[i] != dataCtrl.Name) {
                    Items.push({
                        Text: downNames[i],
                        "Enable": true,
                        CallBack: function () {
                            if (dataCtrl.Name == this.Text) {
                                return;
                            } else {
                                update(this.Text);
                            }
                        }
                    });
                }
            }
            down.onclick = function () {
                var down = this;
                _CLMenu = new CLMenu(Menu, down.parentNode);
            }
        }
        if (downNames2.indexOf(dataCtrl.Name) >= 0) {
            ctrlType.appendChild(down);
            for (var i = 0; i < downNames2.length; i++) {
                if (downNames2[i] != dataCtrl.Name) {
                    Items.push({
                        Text: downNames2[i],
                        "Enable": true,
                        CallBack: function () {
                            if (dataCtrl.Name == this.Text) {
                                return;
                            } else {
                                update(this.Text);
                            }
                        }
                    });
                }
            }
            down.onclick = function () {
                _CLMenu = new CLMenu(Menu, ctrlType);
            }
        };
        var Arr = [];
        function func(ele) {
            var data = ele.dataCtrl;
            if (!data || data.Data.ID == Data.ID) {
                return;
            }
            if (data && JSON.stringify(data).indexOf(Data.ID) >= 0) {
                Arr.push({
                    ID: data.Data.ID,
                    Name: data.Data.Name,
                    Ele: ele
                });
            }
        }
        (function () {
            var boxes = document.querySelectorAll(".ControlLine");
            boxes.forEach(func);
            boxes = document.querySelectorAll(".ControlBox");
            boxes.forEach(func);
        }());
        if (Arr.length > 0) {
            var ref = document.createElement("span");
            ref.style.cssText = "margin:0 7px;font-size:8px;cursor:pointer;color:#749FD1;font-family:CLFont;";
            ref.innerHTML = "&#xe65c;";
            ref.title = "查找引用";
            ref.onclick = function () {
                var div = document.createElement("div");
                div.style.cssText = "width:300px;height:400px";
                var dlg = new CLDialog(div);
                dlg.CreateAll("引用详情", function () { });
                dlg.Body.style.overflow = "auto";
                Arr.forEach(function (data) {
                    var ele = document.createElement("div");
                    ele.innerHTML = data.Name;
                    ele.ID = data.ID;
                    ele.className = "CLBtnCancel CLBtnSmall";
                    dlg.Body.appendChild(ele);
                    ele.ondblclick = function () {
                        var ID = this.ID;
                        var box = null;
                        function func(e) {
                            if (box || !e.dataCtrl) {
                                return;
                            }
                            var data = e.dataCtrl.Data;
                            if (data.ID == ID) {
                                box = e;
                            }
                        }
                        var boxes = document.querySelectorAll(".ControlLine");
                        boxes.forEach(func);
                        if (!box) {
                            boxes = document.querySelectorAll(".ControlBox");
                            boxes.forEach(func);
                        }
                        dlg.Close();
                        if (box) {
                            box.scrollIntoView();
                            box.Select();
                            FrmDesigner.CtrlProp(box);
                        }
                    }
                });
            }
            Title.appendChild(ref);
        }

        var Name = document.createElement("input");
        Name.className = "Value";
        Name.value = Data.Name == null ? "" : Data.Name;
        Name.onchange = function () {
            Data.Name = Name.value;
            ResetCtrl(ControlBox, Body);
        }
        Body.appendChild(Name);
        PropSplit(Body);
        var Title = PropLabel(Body, "别名");
        var Rename = PropValue(Body, "input");
        Rename.value = Data.Rename == null ? "" : Data.Rename;
        Body.appendChild(Rename);
        var Names = ["FormID", "ID", "ParentID", "createDt", "updateDt", "iFlowStatus", "FlowID", "Submiter", "Deletes", "Removes", "Levels", "Index", "Asyc", "changeType", "LockId", "NewLine"];
        Rename.onchange = function () {
            if (Names.indexOf(Rename.value) >= 0) {
                Rename.value = Data.Rename == null ? "" : Data.Rename;
                CLShowMsg("系统字段不允许使用");
            } else {
                Data.Rename = Rename.value;
                ResetCtrl(ControlBox, Body);
            }
        }
        if (Data.ParentID) {
            PropSplit(Body);
            PropLabel(Body, "列宽");
            var iWidth = document.createElement("input");
            iWidth.className = "Value";
            iWidth.value = Data.iWidth == null ? "" : Data.iWidth;
            iWidth.onchange = function () {
                if (iWidth.value * 1 < 150) {
                    iWidth.value = 150;
                }
                Data.iWidth = iWidth.value * 1;
                ResetCtrl(ControlBox, Body);
            }
            iWidth.oninput = function () {
                CLCheckInt(this, 0, 1000);
            }
            Body.appendChild(iWidth);
        }
    }

    var PropNote = function(Body, ControlBox) {
        var Data = ControlBox.dataCtrl.Data;
        PropLabel(Body, "描述信息");
        var Note = PropValue(Body, "textarea");
        Note.className = "Value";
        Note.style.height = "120px";
        Note.style.lineHeight = "20px";
        Note.style.fontSize = "12px";
        Note.style.color = "#91A1B7";
        Note.value = Data.Note == null ? "" : Data.Note;
        Note.onchange = function () {
            Data.Note = Note.value;
            ResetCtrl(ControlBox, Body);
        }
        Body.appendChild(Note);
    }

    var PropPlaceholder = function (Body, ControlBox) {
        var Data = ControlBox.dataCtrl.Data;
        PropLabel(Body, "提示文字");
        var info = PropValue(Body, "input");
        info.className = "Value";
        info.value = Data.Placeholder == null ? "" : Data.Placeholder;
        info.onchange = function () {
            Data.Placeholder = info.value;
            ResetCtrl(ControlBox, Body);
        }
        Body.appendChild(info);
    }

    var PropLayout = function (PropBody, ControlBox) {
        var Data = ControlBox.dataCtrl.Data;
        PropLabel(PropBody, "布局");
        var div = document.createElement("div");
        div.style.display = "inline-block";
        div.style.height = "30px";
        div.style.verticalAlign = "top";
        div.style.lineHeight = "30px";
        div.innerHTML = "显示宽度占用整行的";
        PropBody.appendChild(div);
        var LayoutSel = new CLSelect(PropBody);
        LayoutSel.AddItems([
            "全部",
            "1/2",
            "1/3",
            "1/4"
        ]);
        LayoutSel.onchanged = function (This) {
            Data.iLayout = This.selectedIndex;
        }
        LayoutSel.selectedIndex = Data.iLayout == null ? 0 : Data.iLayout;
        PropBody.lastChild.style.width = "100px";
        PropBody.lastChild.style.cssFloat = "right";
        PropBody.lastChild.style.display = "inline-block";
    }

    var PropAuthority = function PropAuthority(PropBody, ControlBox) {
        PropLabel(PropBody, "字段权限");
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Box = new CLCheckBox("可见", PropBody);
        Box.checked = Data.Visible == null ? true : Data.Visible;
        Box.onchanged = function (Box) {
            Data.Visible = Box.checked;
            ResetCtrl(ControlBox, PropBody);
        }
        Box = new CLCheckBox("可编辑", PropBody);
        Box.checked = Data.Editable == null ? true : Data.Editable;
        Box.onchanged = function (Box) {
            Data.Editable = Box.checked;
        }
    }

    var PropDataLoaded = function (PropBody, ControlBox) {
        PropLabel(PropBody, "数据加载完成事件");
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Btn = document.createElement("div");
        Btn.className = "Value Btn";
        Btn.style.marginTop = "10px";
        Btn.innerHTML = "设置";
        Btn.onclick = function () {
            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DataLoaded, PropBody, function (Val) {
                Data.DataLoaded = Val;
            }, Data.Name);
        }
        PropBody.appendChild(Btn);
    }

    var LinkageDialog = function (dataCtrl, divContext, bSource) {
        var Dialog = null;
        var Data = dataCtrl.Data;
        if (Data.Linkage == null) {
            Data.Linkage = {};
        }
        var div = document.createElement("div");
        div.style.width = "605px";
        div.style.height = "600px";
        Dialog = new CLDialog(div);
        Dialog.CreateAll(bSource ? "数据源联动" : "数据联动", function () {
            var Item = Sel.Items[Sel.selectedIndex];
            if (Item == null) {
                Item = {};
            }
            Data.Linkage = {
                FormID: Item.ID,
                ParentID: Item.ParentID,
                CurFieldID: Sel1.FieldID,
                UnionFieldID1: Sel2.FieldID,
                UnionFieldID2: Sel3.FieldID
            };

            if (Data.Linkage.UnionFieldID2 == null) {
                Data.Linkage = null;
            }
            if (SubInfo != null && Data.Linkage != null) {
                Data.Linkage.SubInfo = SubInfo;
            }
        });
        Dialog.EnableMove();
        var Header = Dialog.Header;
        var Body = Dialog.Body;

        var label = document.createElement("div");
        label.innerHTML = bSource ? "联动数据源" : "联动表单";
        label.style.fontSize = "14px";
        label.style.lineHeight = "25px";
        label.style.color = "#333";
        Body.appendChild(label);
        var Sel = new CLSelect(Body);
        Sel.SelIndex = -1;
        Sel.EnableClear(true);
        Sel.EnableSearch(true);
        Body.lastChild.style.marginTop = "15px";
        Sel.setPlaceholder("请选择" + (bSource ? "联动数据源" : "联动表单"));

        var Forms = null;
        var _FrmDesigner = FrmDesigner.GetInstance(divContext);
        if (!bSource) {
            Forms = [].concat(CLApp.getForms(_FrmDesigner.getData().ID));
        } else {
            Forms = [].concat(_FrmDesigner.getDataForms());
        }
        for (var i = 0; i < Forms.length ; i++) {
            Sel.AddItems([
                {
                    ID: Forms[i].ID,
                    Name:Forms[i].Name,
                    toString: function () {
                        return this.Name;
                    }
                }
            ]);
            if (Data.Linkage.FormID == Forms[i].ID) {
                Sel.SelIndex = Sel.Items.length - 1;
            }
            for (var j = 0; j < Forms[i].Fields.length; j++) {
                if (Forms[i].Fields[j].className == "子表单" && dataCtrl.Name != "子表单") {
                    Sel.AddItems([
                        {
                            ID: Forms[i].Fields[j].ID,
                            ParentID: Forms[i].ID,
                            Name: Forms[i].Name + "->" + Forms[i].Fields[j].Name,
                            toString: function () {
                                return this.Name;
                            }
                        }
                    ]);
                    if (Data.Linkage.FormID == Forms[i].Fields[j].ID) {
                        Sel.SelIndex = Sel.Items.length - 1;
                    }
                }
            }
        }
        label = label.cloneNode();
        label.innerHTML = "联动设置";
        label.style.marginTop = "15px";
        Body.appendChild(label);
        var Row = document.createElement("div");
        Row.style.marginTop = "15px";
        Row.style.height = "30px";
        var currentSel = document.createElement("div");
        currentSel.style.width = "200px";
        currentSel.style.display = "inline-block";
        var Sel1 = new CLSelect(currentSel);
        Sel1.setPlaceholder("当前表单字段");
        Sel1.SelIndex = -1;
        Sel1.EnableClear(true);
        Sel1.EnableSearch(true);
        var curFields = [].concat(FrmDesigner.getData(divContext).Controls);
        for (var i = 0; i < curFields.length ; i++) {
            if (curFields[i].Name == '子表单' && Data.ParentID != null) {
                var subFields = CLClone(curFields[i].Data.Field);
                for (var j = 0; j < subFields.length ; j++) {
                    if (SingleControls.indexOf(subFields[j].Name) < 0) {
                        subFields.splice(j, 1);
                        j--;
                    } else {
                        subFields[j].ParentName = curFields[i].Data.Name;
                    }
                }
                curFields.splice(i, 1);
                for (var j = 0; j < subFields.length; j++) {
                    curFields.splice(i + j, 0, subFields[j]);
                }
            }
            if (SingleControls.indexOf(curFields[i].Name) < 0 || curFields[i].Data.ID == Data.ID) {
                curFields.splice(i, 1);
                i--;
                continue;
            }
            if (curFields[i].Data.ParentID != null) {
                Sel1.AddItems([
                     curFields[i].ParentName + "->" + curFields[i].Data.Name
                ]);
            } else {
                Sel1.AddItems([
                   curFields[i].Data.Name
                ]);
            }
            if (Data.Linkage.CurFieldID == curFields[i].Data.ID) {
                Sel1.SelIndex = i;
            }
        }
        Row.appendChild(currentSel);
        var divText = document.createElement("div");
        divText.style.width = "75px";
        divText.innerHTML = "的值等于";
        divText.style.marginLeft = "8px";
        divText.style.lineHeight = "30px";
        divText.style.verticalAlign = "top";
        divText.style.fontSize = "14px";
        divText.style.display = "inline-block";
        Row.appendChild(divText);
        var unionSel = currentSel.cloneNode();
        var Sel2 = new CLSelect(unionSel);
        Sel2.EnableClear(true);
        Sel2.EnableSearch(true);
        Sel2.setPlaceholder("联动表单字段");
        function SetItem2(Fields) {
            Sel2.Items = [];
            Sel2.SelIndex = -1;
            if (Sel1 && curFields[Sel1.selectedIndex] != null) {
                for (var i = 0; i < Fields.length ; i++) {
                    if (Sel1.selectedIndex != -1 && CompareAble(Fields[i].className, curFields[Sel1.selectedIndex].Name)) {
                        Sel2.AddItems([
                            Fields[i].Name
                        ]);
                        if (Data.Linkage.UnionFieldID1 == Fields[i].ID) {
                            Sel2.SelIndex = i;
                        }
                    } else {
                        Fields.splice(i, 1);
                        i--;
                    }
                }
            }
            Sel2.onchanged = function (This) {
                Sel2.FieldID = Fields[This.selectedIndex] == null ? null : Fields[This.selectedIndex].ID;
            }
            Sel2.selectedIndex = Sel2.SelIndex;
        }
        Sel1.onchanged = function (This) {
            Sel1.FieldID = This.selectedIndex == -1 ? null : curFields[This.selectedIndex].Data.ID;
            var Fields;
            var Item = Sel.Items[Sel.selectedIndex];
            if (Item == null) {
                Fields = [];
            }
            else if (Item.ParentID != null) {
                var formFields = getFieldsByFormID(Item.ParentID);
                for (var i = 0; i < formFields.length; i++) {
                    if (formFields[i].ID == Item.ID) {
                        Fields = formFields[i].Field;
                    }
                }
            } else {
                if (!bSource) {
                    Fields = getFieldsByFormID(Item.ID);
                } else {
                    var _FrmDesigner = FrmDesigner.GetInstance(divContext);
                    Fields = _FrmDesigner.GetFieldsBySourceId(Item.ID);
                }
            }
            SetItem2([].concat(Fields));
        }
        Sel1.selectedIndex = Sel1.SelIndex;
        Row.appendChild(unionSel);
        divText = divText.cloneNode();
        divText.style.width = "60px";
        divText.innerHTML = "的值时";
        Row.appendChild(divText);
        Body.appendChild(Row);
        Row = Row.cloneNode();
        var fieldName = unionSel.cloneNode();
        fieldName.style.border = "solid 1px #e0e0e0";
        fieldName.style.lineHeight = "30px";
        fieldName.style.height = "30px";
        fieldName.style.background = "#f6f7f7";
        fieldName.style.padding = "0 8px";
        fieldName.style.fontSize = "14px";
        fieldName.className = "ellipsis";
        fieldName.innerHTML = Data.Name;
        Row.appendChild(fieldName);
        divText = divText.cloneNode();
        divText.style.width = "75px";
        divText.innerHTML = "联动显示";
        Row.appendChild(divText);

        unionSel = currentSel.cloneNode();

        var ShowSubItems = function () {
        };
        var Sel3 = new CLSelect(unionSel);
        Sel3.setPlaceholder("联动表单字段");
        function SetItem3(Fields) {
            Sel3.SelIndex = -1;
            var Item = Sel.Items[Sel.selectedIndex];
            if (dataCtrl.Name == '子表单' && Item != null) {
                Fields = [{
                    ID: -1,
                    Name: "主表单",
                    className: "子表单",
                    Fields:[]
                }].concat(Fields);
            }
            Sel3.Fields = Fields;
            if (Sel3) {
                for (var i = 0; i < Fields.length ; i++) {
                    if (dataCtrl.Name == "下拉复选框" || dataCtrl.Name == "下拉框") {
                        if (Fields[i].className == "单行文本" || Fields[i].className == "数字" || Fields[i].className == "流水号"
                            || Fields[i].className == "下拉框" || Fields[i].className == "复选框组") {
                            Sel3.AddItems([
                                Fields[i].Name
                            ]);
                            if (Data.Linkage.UnionFieldID2 == Fields[i].ID) {
                                Sel3.SelIndex = i;
                            }
                        } else {
                            Fields.splice(i, 1);
                            i--;
                        }
                    } else {
                        if (CompareAble(Fields[i].className, dataCtrl.Name)) {
                            Sel3.AddItems([
                                Fields[i].Name
                            ]);
                            if (Data.Linkage.UnionFieldID2 == Fields[i].ID) {
                                Sel3.SelIndex = i;
                            }
                        } else {
                            Fields.splice(i, 1);
                            i--;
                        }
                    }
                }
            }
            Sel3.onchanged = function (This) {
                Sel3.FieldID = Fields[This.selectedIndex] == null ? null : Fields[This.selectedIndex].ID;
                ShowSubItems();
            }
            Sel3.selectedIndex = Sel3.SelIndex;
        }
        Sel.onchanged = function (This) {
            if (This.selectedIndex == -1) {
                SetItem2([]);
                SetItem3([]);
                Sel1.selectedIndex = -1;
                return;
            }
            Sel3.Items = [];
            var Fields;
            var Item = Sel.Items[This.selectedIndex];
            if (Item == null) {
                Fields = [];
            }
            else if (Item.ParentID != null) {
                var formFields = getFieldsByFormID(Item.ParentID);
                for (var i = 0; i < formFields.length; i++) {
                    if (formFields[i].ID == Item.ID) {
                        Fields = formFields[i].Field;
                    }
                }
            } else {
                if (!bSource) {
                    Fields = getFieldsByFormID(Item.ID);
                } else {
                    var _FrmDesigner = FrmDesigner.GetInstance(divContext);
                    Fields = _FrmDesigner.GetFieldsBySourceId(Item.ID);
                }
            }
            SetItem2([].concat(Fields));
            SetItem3([].concat(Fields));
        }
        Sel.selectedIndex = Sel.SelIndex;
        Row.appendChild(unionSel);
        divText = divText.cloneNode();
        divText.style.width = "60px";
        divText.innerHTML = "的值";
        Row.appendChild(divText);
        Body.appendChild(Row);
        var SubInfo;
        (function () {
            if (dataCtrl.Name == "子表单") {
                SubInfo = Data.Linkage.SubInfo;
                if (SubInfo == null) {
                    SubInfo = [];
                } else {
                    SubInfo = CLClone(SubInfo);
                }
                var divSubInfo = document.createElement("div");
                divSubInfo.style.cssText = "width:100%;height:calc(100% - 210px)";
                Body.appendChild(divSubInfo);
                var divLabel = document.createElement("div");
                divLabel.style.cssText = "line-height:50px;padding-right:15px;";
                divLabel.innerHTML = "子字段数据联动";
                var span = document.createElement("span");
                span.innerHTML = "&#xe6da;添加子字段";
                span.style.cssText = "font-family:CLFont;float:right;color:#0db3a6;cursor:pointer";
                divLabel.appendChild(span);

                span.onclick = function () {
                    if (Sel3.selectedIndex == -1 || Sel3.selectedIndex == null) {
                        CLShowMsg("请选择子表单.");
                        return;
                    }
                    var Field = Data.Field;
                    var Menu = {
                        "style": {
                            "width": "180px",
                            "max-height": "100%",
                            "overflow-y": "scroll",
                        },
                        "Items": [
                        ]
                    }
                    for (var i = 0; i < Field.length; i++) {
                        Menu.Items.push({
                            "style": {},
                            "Icon": "",
                            "Text": Field[i].Data.Name,
                            "ID": Field[i].Data.ID,
                            "Enable": (function () {
                                for (var j = 0; j < SubInfo.length; j++) {
                                    if (SubInfo[j].ID == Field[i].Data.ID) {
                                        return false;
                                    }
                                }
                                return true;
                            }()),
                            "CallBack": function (e) {
                                SubInfo.push({
                                    ID: this.ID,
                                    UnionID: null
                                });
                                e.currentTarget.Disabled = true;
                                ShowSubItems();
                            }
                        });
                    }
                    var _CLMenu = new CLMenu(Menu, span);
                    _CLMenu.EnableSearch(true);
                }

                divSubInfo.appendChild(divLabel);
                Body.appendChild(divSubInfo);

                var divSubItems = document.createElement("div");
                divSubItems.style.cssText = "width:100%;max-height:calc(100% - 50px);overflow:auto";
                divSubInfo.appendChild(divSubItems);
                var Linkage = Data.Linkage;
                ShowSubItems = function () {
                    var Field = Data.Field;
                    divSubItems.innerHTML = "";
                    function SetItems(selector, className, SelID) {
                        selector.SelIndex = -1;
                        var Fields = [];
                        var Form = Forms[Sel.selectedIndex];
                        if (Sel3.Fields != null && Sel3.selectedIndex != -1) {
                            if (Sel3.selectedIndex > 0) {
                                Fields = [].concat(Sel3.Fields[Sel3.selectedIndex].Field);
                            } else {
                                Fields = [].concat(Form.Fields);
                            }
                        }
                        selector.Fields = Fields;
                        if (selector) {
                            for (var i = 0; i < Fields.length ; i++) {
                                if (CompareAble(Fields[i].className, className)) {
                                    selector.AddItems([
                                        Fields[i].Name
                                    ]);
                                    if (SelID == Fields[i].ID) {
                                        selector.SelIndex = i;
                                    }
                                } else {
                                    Fields.splice(i, 1);
                                    i--;
                                }
                            }
                        }
                        selector.selectedIndex = selector.SelIndex;
                    }
                    for (var i = 0; i < SubInfo.length; i++) {
                        var subRow = Row.cloneNode();
                        subRow.style.margin = "5px 0";
                        fieldName = fieldName.cloneNode();
                        fieldName.innerHTML = (function () {
                            for (var j = 0; j < Field.length ; j++) {
                                if (Field[j].Data.ID == SubInfo[i].ID) {
                                    divSubItems.appendChild(subRow);
                                    subRow.appendChild(fieldName);
                                    divText = divText.cloneNode();
                                    divText.style.width = "75px";
                                    divText.innerHTML = "显示为";
                                    subRow.appendChild(divText);
                                    unionSel = currentSel.cloneNode();
                                    subRow.appendChild(unionSel);
                                    var Sel = new CLSelect(unionSel);
                                    Sel.setPlaceholder("联动表单字段");
                                    Sel.Info = SubInfo[i];
                                    Sel.onchanged = function (This) {
                                        var Fields = This.Fields;
                                        This.Info.UnionID = Fields[This.selectedIndex] == null ? null : Fields[This.selectedIndex].ID;
                                    }
                                    SetItems(Sel, Field[j].Name, SubInfo[i].UnionID);
                                    var Del = document.createElement("div");
                                    Del.style.cssText = "font-family:CLFont;display:inline-block;line-height:30px;padding:0 15px;vertical-align:top;color:#3F80AE;font-size:18px;cursor:pointer;font-weight:900";
                                    Del.innerHTML = "&#xe80b;";
                                    subRow.Info = SubInfo[i]
                                    Del.onmouseenter = function () {
                                        this.style.color = "#c00";
                                    }
                                    Del.onmouseleave = function () {
                                        this.style.color = "#3F80AE";
                                    }
                                    Del.onclick = function () {
                                        var subRow = this.parentNode;
                                        subRow.remove();
                                        SubInfo.splice(SubInfo.indexOf(subRow.Info), 1);
                                    }
                                    subRow.appendChild(Del);
                                    return Field[j].Data.Name;
                                }
                            }
                        }());
                    }
                }
                ShowSubItems();
            } else {
                Row = Row.cloneNode();
                Row.style.height = "20px";
                Body.appendChild(Row);
            }
        })();
    }

    var LinkageSourceDlg = function (dataCtrl, divContext) {
        LinkageDialog.call(this,dataCtrl, divContext, true);
    }

    var SetUnionCtrlIds = function (Data, Ctrls) {
        var div = document.createElement("div");
        div.style.width = "590px";
        div.style.height = "535px";
        var Dialog = new CLDialog(div);
        Dialog.CreateAll("选项关联设置", function () {
            for (var i = 0; i < lFieldItems.length ; i++) {
                Data.Items[i].UnionCtrlIds = lFieldItems[i].UnionCtrlIds
            }
            Dialog.Close();
        });

        var Body = Dialog.Body;
        var Left = document.createElement("div");
        Left.style.cssText = "width:200px;height:400px;float:left";
        Body.appendChild(Left);
        var lTitle = document.createElement("span");
        lTitle.innerHTML = "选项";
        lTitle.style.lineHeight = "35px";
        lTitle.style.padding = "0 5px";
        Left.appendChild(lTitle);
        var lItems = document.createElement("div");
        lItems.style.cssText = "width:100%;height:365px;border:1px solid #e0e0e0";
        Left.appendChild(lItems);
        var lFieldItems = [];
        for (var i = 0; i < Data.Items.length; i++) {
            if (Data.Items[i].UnionCtrlIds == null) {
                Data.Items[i].UnionCtrlIds = [];
            }
            lFieldItems[i] = {
                ID: i,
                Name: Data.Items[i].Name,
                UnionCtrlIds: CLClone(Data.Items[i].UnionCtrlIds)
            }
        }
        var lList = new CLList(lFieldItems, lItems, null);

        var Right = document.createElement("div");
        Right.style.cssText = "width:340px;height:400px;float:left;margin-left:10px";
        Body.appendChild(Right);
        var rTitle = lTitle.cloneNode();
        rTitle.innerHTML = "关联字段";
        Right.appendChild(rTitle);
        var rItems = document.createElement("div");
        rItems.style.cssText = "width:100%;height:365px;border:1px solid #e0e0e0";
        Right.appendChild(rItems);
        var rFieldItems = [];
        var bStart = false;
        for (var i = 0; i < Ctrls.length; i++) {
            if (Ctrls[i].Name == "子表单") {
                rFieldItems.push({
                    ID: Ctrls[i].Data.ID,
                    Name: Ctrls[i].Data.Name
                });
                for (var j = 0; j < Ctrls[i].Data.Field.length; j++) {
                    rFieldItems.push({
                        ID: Ctrls[i].Data.Field[j].Data.ID,
                        Name: Ctrls[i].Data.Name + "->" + Ctrls[i].Data.Field[j].Data.Name
                    });
                }
            } else {
                rFieldItems.push({
                    ID: Ctrls[i].Data.ID,
                    Name: Ctrls[i].Data.Name
                });
            }
        }
        lList.OnSelected = function (lItemData) {
            rItems.innerHTML = "";
            var rList = new CLList(rFieldItems, rItems, true);
            rList.Selects(lItemData.UnionCtrlIds);
            lItemData.UnionCtrlIds = rList.getSelIds();
            rList.OnSelected = function (rItemData) {
                if (lItemData.UnionCtrlIds.indexOf(rItemData.ID) < 0) {
                    lItemData.UnionCtrlIds.push(rItemData.ID);
                }
            }
            rList.OnLostSelected = function (rItemData) {
                if (lItemData.UnionCtrlIds.indexOf(rItemData.ID) >= 0) {
                    lItemData.UnionCtrlIds.splice(lItemData.UnionCtrlIds.indexOf(rItemData.ID), 1);
                }
            }
        }
        lList.Select(0);
    }

    function updataColor(Data) {
        var style = document.getElementById(Data.ID);
        if (style == null) {
            style = document.createElement("style");
            style.id = Data.ID;
            document.head.appendChild(style);
        }
        if (Data.Items.length == 2) {
            if (Data.Items[0].Color != Data.Items[1].Color && Data.Items[0].Color != Data.circleColor && Data.Items[1].Color != Data.circleColor) {
                style.innerHTML = ".Color" + Data.ID + " .CLOnOff-On{background:" + Data.Items[0].Color + "}\n";
                style.innerHTML += ".Color" + Data.ID + " .CLOnOff-Off{background:" + Data.Items[1].Color + "}\n";
                style.innerHTML += ".Color" + Data.ID + " .CLOnOff:before{background:" + Data.circleColor + "}";
            } else {
                style.innerHTML = "";
            }
        }
    }

    var PropRadioItems = function (PropBody, ControlBox) {
        var Div = document.createElement("div");
        Div.className = "Block";
        Div.style.width = "100%";
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        PropBody.appendChild(Div);
        function setColor(color) {
            var colorDiv = this;
            if (color == null) {
                colorDiv.style.background = "";
                colorDiv.style.color = "";
            } else {
                colorDiv.style.background = color;
                colorDiv.style.color = color;
                updataColor(Data);
            }
        }
        var selBox = null;
        if (Data.IsOnOff) {
            var Item = document.createElement("div");
            Item.className = "PropItem Color" + Data.ID;
            Item.style.height = "30px";
            Item.style.margin = "10px 0";
            Div.appendChild(Item);
            Item.Box = new CLOnOff("", Item);
            Item.lastChild.style.display = "inline-block"
            Item.Box.checked = Data.Items[0].Checked;
            Item.Box.Item = Item;
            Item.Box.onchanged = function () {
                if (this.checked) {
                    Data.Items[0].Checked = true;
                    Data.Items[1].Checked = false;
                    this.Item.parentNode.childNodes[1].Box.checked = true;
                    this.Item.parentNode.childNodes[2].Box.checked = false;
                } else {
                    Data.Items[0].Checked = false;
                    Data.Items[1].Checked = true;
                    this.Item.parentNode.childNodes[1].Box.checked = false;
                    this.Item.parentNode.childNodes[2].Box.checked = true;
                }
                ResetCtrl(ControlBox, PropBody);
            }
            var colorDiv = document.createElement("div");
            colorDiv.setColor = setColor
            colorDiv.style.lineHeight = "24px";
            colorDiv.style.display = "inline-block";
            colorDiv.style.verticalAlign = "top";
            colorDiv.style.cursor = "pointer";
            colorDiv.style.padding = "0 5px";
            var Name = document.createElement("div");
            Name.innerHTML = "颜色(是)";
            colorDiv.appendChild(Name);
            Item.appendChild(colorDiv);
            colorDiv.setColor(Data.Items[0].Color);
            colorDiv.onclick = function () {
                var colorDiv = this;
                if (!Data.Items[0].Color) {
                    Data.Items[0].Color = "";
                }
                var _CLColors = new CLColors(Data.Items[0].Color);
                _CLColors.End = function (color) {
                    Data.Items[0].Color = color;
                    colorDiv.setColor(color);
                }
            }

            colorDiv = colorDiv.cloneNode();
            colorDiv.setColor = setColor
            Name = document.createElement("div");
            Name.innerHTML = "颜色(否)";
            colorDiv.appendChild(Name);
            Item.appendChild(colorDiv);
            colorDiv.setColor(Data.Items[1].Color);
            colorDiv.onclick = function () {
                var colorDiv = this;
                var _CLColors = new CLColors(Data.Items[1].Color);
                _CLColors.End = function (color) {
                    Data.Items[1].Color = color;
                    colorDiv.setColor(color);
                }
            }

            colorDiv = colorDiv.cloneNode();
            colorDiv.setColor = setColor
            Name = document.createElement("div");
            Name.innerHTML = "颜色(圆)";
            colorDiv.appendChild(Name);
            Item.appendChild(colorDiv);
            colorDiv.setColor(Data.circleColor);
            colorDiv.onclick = function () {
                var colorDiv = this;
                var _CLColors = new CLColors(Data.circleColor);
                _CLColors.End = function (color) {
                    Data.circleColor = color;
                    colorDiv.setColor(color);
                }
            }
        }
        for (var i = 0; i < Data.Items.length ; i++) {
            var Item = document.createElement("div");
            Item.className = "PropItem";
            Item.Data = Data.Items[i];
            Item.Index = function () {
                var Node = this.parentNode;
                for (var i = 0; i < Node.childNodes.length; i++) {
                    if (Node.childNodes[i] == this) {
                        return Data.IsOnOff ? i - 1 : i;
                    }
                }
            }
            Item.Box = new CLRadioBox("", Item, true);
            Item.lastChild.style.width = "20px";
            Item.lastChild.style.height = "35px";
            Item.lastChild.style.verticalAlign = "top";
            Item.lastChild.style.overflow = "hidden";
            Item.lastChild.firstChild.style.margin = "7px 5px 0 0";
            Item.Box.Item = Item;
            if (Data.IsOnOff) {
                Item.Box.enable = false;
            } else {
                Item.Box.onchanged = function () {
                    var Item = this.Item;
                    if (Item.Box.checked) {
                        if (selBox && selBox != this) {
                            selBox.checked = false;
                        }
                        selBox = Item.Box;
                        Data.Items[Item.Index()].Checked = true;
                    } else {
                        Data.Items[Item.Index()].Checked = false;
                    }
                    ResetCtrl(ControlBox, PropBody);
                }
            }
            if (Data.Items[i].Checked) {
                selBox = Item.Box;
            }
            Div.appendChild(Item);
            var Val = document.createElement("input");
            Val.className = "Value";
            Val.value = Data.Items[i].Name;
            Val.onchange = function (e) {
                var Val = e.currentTarget;
                Data.Items[Val.parentNode.Index()].Name = Val.value;
                ResetCtrl(ControlBox, PropBody);
            }
            Item.appendChild(Val);
            if (Data.IsOnOff) {
                continue;
            }
            var Move = document.createElement("div");
            Move.className = "Move";
            Move.innerHTML = "&#xe844;";
            CLEnableDragPosition(Item, "PropItem", Move, function () {
                var divItems = Div.getElementsByClassName("PropItem");
                Data.Items = [];
                for (var i = 0; i < divItems.length; i++) {
                    Data.Items.push(divItems[i].Data);
                }
                ResetCtrl(ControlBox, PropBody);
            });
            Item.appendChild(Move);
            var Sub = document.createElement("div");
            Sub.className = "Sub";
            Sub.innerHTML = "&#xe768;";
            Sub.onclick = function (e) {
                var Item = e.currentTarget.parentNode;
                Data.Items.splice(Item.Index(), 1);
                Item.parentNode.removeChild(Item);
                ResetCtrl(ControlBox, PropBody);
            }
            Item.appendChild(Sub);
        }
        if (selBox) {
            selBox.checked = true;
        }
        var Group = document.createElement("div");
        Group.className = "Group";
        var AddItem = document.createElement("div");
        AddItem.className = "AddItem";
        AddItem.innerHTML = "添加选项";
        AddItem.onclick = function () {
            var data = {
                Name: "选项",
                Checked: false,
                UnionCtrlIds: []
            }
            if (dataCtrl.Name == "单选按钮组" || dataCtrl.Name == "下拉框") {
                data.UnionCtrlIds = [];
            } else {
                data.Ctrls = [];
            }
            Data.Items.push(data);
            ResetCtrl(ControlBox, PropBody);
            FrmDesigner.CtrlProp(PropBody, ControlBox);
        }
        Group.appendChild(AddItem);
        Div.appendChild(Group);
        Group.style.borderBottom = "none";
        if (dataCtrl.Name == "单选按钮组" || dataCtrl.Name == "下拉框") {
            var Union = document.createElement("div");
            Union.className = "Value Btn";
            Union.innerHTML = "选项关联设置";
            Union.onclick = function () {
                var dataForm = FrmDesigner.getData(Union);
                if (Data.ParentID == null) {
                    SetUnionCtrlIds(Data, dataForm.Controls);
                } else {
                    var Ctrls = dataForm.Controls;
                    for (var i = 0; i < Ctrls.length; i++) {
                        if (Data.ParentID == Ctrls[i].Data.ID) {
                            SetUnionCtrlIds(Data, Ctrls[i].Data.Field);
                        }
                    }
                }
            }
            Div.appendChild(Union);
        }
        return Div;
    }

    var PropCheckBoxItems = function (PropBody, ControlBox) {
        var Div = document.createElement("div");
        Div.style.width = "100%";
        var Data = ControlBox.dataCtrl.Data;

        for (var i = 0; i < Data.Items.length ; i++) {
            var Item = document.createElement("div");
            Item.className = "PropItem";
            Item.Data = Data.Items[i];
            Item.Index = function () {
                var Node = this.parentNode;
                for (var i = 0; i < Node.childNodes.length; i++) {
                    if (Node.childNodes[i] == this) {
                        return i;
                    }
                }
            }
            Item.Box = new CLCheckBox("", Item);
            Item.Box.Item = Item;
            Item.Box.checked = Data.Items[i].Checked;
            Item.Box.onchanged = function () {
                var Item = this.Item;
                Data.Items[Item.Index()].Checked = Item.Box.checked;
                ResetCtrl(ControlBox, PropBody);
            }
            var Val = document.createElement("input");
            Val.className = "Value";
            Val.value = Data.Items[i].Name;
            Val.onchange = function (e) {
                var Val = e.currentTarget;
                Data.Items[Val.parentNode.Index()].Name = Val.value;
                ResetCtrl(ControlBox, PropBody);
            }
            Item.appendChild(Val);
            var Move = document.createElement("div");
            Move.className = "Move";
            Move.innerHTML = "&#xe844;";
            CLEnableDragPosition(Item, "PropItem", Move, function () {
                var divItems = Div.getElementsByClassName("PropItem");
                Data.Items = [];
                for (var i = 0; i < divItems.length; i++) {
                    Data.Items.push(divItems[i].Data);
                }
                ResetCtrl(ControlBox, PropBody);
            });
            Item.appendChild(Move);
            var Sub = document.createElement("div");
            Sub.className = "Sub";
            Sub.innerHTML = "&#xe768;";
            Sub.onclick = function (e) {
                var Item = e.currentTarget.parentNode;
                Data.Items.splice(Item.Index(), 1);
                Item.parentNode.removeChild(Item);
                ResetCtrl(ControlBox, PropBody);
            }
            Item.appendChild(Sub);
            Div.appendChild(Item);
        }
        PropBody.appendChild(Div);

        var Group = document.createElement("div");
        Group.className = "Group";

        var AddItem = document.createElement("div");
        AddItem.className = "AddItem";
        AddItem.innerHTML = "添加选项";
        AddItem.onclick = function () {
            Data.Items.push({
                Name: "选项",
                Checked: false,
                UnionCtrlIds: []
            });
            ResetCtrl(ControlBox, PropBody);
            FrmDesigner.CtrlProp(PropBody, ControlBox);
        }
        Group.appendChild(AddItem);
        Div.appendChild(Group);
        Group.style.borderBottom = "none";
        return Div;
    }

    var ItemInfoSetter = {

        关联其他表单数据: function (ControlBox, Div) {
            var Data = ControlBox.dataCtrl.Data;
            if (Data.Items.FormID == null) {
                Data.Items = {};
            }
            Div = document.createElement("div");
            Div.style.width = "100%";
            Div.style.marginTop = "15px";
            var formSel = new CLSelect(Div);
            var DivValue = Div.firstChild.firstChild;
            var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
            var Forms = [].concat(CLApp.getForms(_FrmDesigner.getData().ID));
            for (var i = 0; i < Forms.length ; i++) {
                if (Forms[i].ID == Data.Items.FormID) {
                    for (var j = 0; j < Forms[i].Fields.length ; j++) {
                        if (Forms[i].Fields[j].className == "子表单") {
                            for (var k = 0; k < Forms[i].Fields[j].Field.length; k++) {
                                if (Forms[i].Fields[j].Field[k].ID == Data.Items.FieldID) {
                                    formSel.SetValue(Forms[i].Name + "->" + Forms[i].Fields[j].Name + "->" + Forms[i].Fields[j].Field[k].Name);
                                }
                            }
                        }
                        if (Forms[i].Fields[j].ID == Data.Items.FieldID) {
                            formSel.SetValue(Forms[i].Name + "->" + Forms[i].Fields[j].Name);
                        }
                    }
                }
            }
            var BaseCtrl = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮", "下拉框"];

            Div.firstChild.onclick = function () {
                var Menu = {
                    "style": {
                        "max-height": "250px",
                        "max-width": "250px",
                        "overflow": "auto"
                    },
                    "Items": []
                };
                var _Menu = new CLMenu(Menu, Div);
                divMenu = _Menu.Div;
                var input = document.createElement("input");
                input.style.height = "30px";
                input.style.margin = "3px 10px";
                input.style.width = "calc(100% - 20px)";
                input.className = "CLSearch";
                divMenu.appendChild(input);
                var jTree = {
                    ID: "所有",
                    Name: "所有",
                    SubNode: [
                    ]
                }
                for (var i = 0; i < Forms.length; i++) {
                    var jTable = {
                        ID: Forms[i].ID,
                        Name: Forms[i].Name,
                        IsForm: true,
                        SubNode: [
                        ]
                    };
                    jTree.SubNode.push(jTable);
                    for (var j = 0; Forms[i].Fields != null && j < Forms[i].Fields.length; j++) {
                        if (Forms[i].Fields[j].className == "子表单") {
                            var subForm = {
                                ID: Forms[i].Fields[j].ID,
                                Name: Forms[i].Fields[j].Name,
                                IsForm: true,
                                SubNode: [
                                ]
                            }
                            var subFields = Forms[i].Fields[j].Field;
                            for (var k = 0; k < subFields.length; k++) {
                                if (BaseCtrl.indexOf(subFields[k].className) < 0) {
                                    continue;
                                }
                                subForm.SubNode.push({
                                    ID: subFields[k].ID,
                                    IsField: true,
                                    FormID: subForm.ID,
                                    FormName: Forms[i].Name + "->" + subForm.Name,
                                    Name: subFields[k].Name,
                                });
                            }
                            jTable.SubNode.push(subForm);
                        }
                        if (BaseCtrl.indexOf(Forms[i].Fields[j].className) < 0) {
                            continue;
                        }
                        jTable.SubNode.push({
                            ID: Forms[i].Fields[j].ID,
                            IsField: true,
                            FormID: Forms[i].ID,
                            FormName: Forms[i].Name,
                            Name: Forms[i].Fields[j].Name,
                        });
                    }
                }

                var Tree = new CLTree(jTree);

                Tree.Editable = false;

                Tree.OnItemCreated = function (Item, ItemData) {
                    if (ItemData.IsForm) {
                        Item.firstChild.onmousedown = function (e) {
                            if (Item.IsOpen()) {
                                Item.Close();
                            } else {
                                Item.Open();
                            }
                            e.stopPropagation();
                        }
                    }
                    if (ItemData.ID == "所有") {
                        Item.firstChild.style.display = "none";
                    } else {
                        Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                    }
                }

                Tree.Render(divMenu);

                Tree.Select(Data.Items.FieldID);

                Tree.OnSelected = function (ItemData) {
                    if (ItemData.IsField) {
                        Data.Items = {
                            FormID: ItemData.FormID,
                            FieldID: ItemData.ID
                        }
                        formSel.SetValue(ItemData.FormName + "->" + ItemData.Name);
                    }
                    _Menu.Close();
                }

                divMenu.style.height = "initial";
                divMenu.lastChild.style.height = "calc(250px - 38px)";
                divMenu.lastChild.style.overflow = "auto";
                input.oninput = function () {
                    Tree.Search(input.value);
                }
                _Menu.Reset();
            }

            return Div;
        }

        , 数据联动: function (ControlBox, Div) {
            var dataCtrl = ControlBox.dataCtrl;
            var Data = dataCtrl.Data;
            Div = document.createElement("div");
            Div.style.width = "100%";
            var Btn = document.createElement("div");
            Btn.className = "Value Btn";
            Btn.innerHTML = "数据联动设置";
            Btn.onclick = function () {
                var Dialog = new LinkageDialog(dataCtrl, Btn);
            }
            Div.appendChild(Btn);
            return Div;
        }

        , 公式编辑: function (ControlBox, Div) {
            var Data = ControlBox.dataCtrl.Data;
            if (Data.Items.originalCode == null) {
                Data.Items = {};
            }
            Div = document.createElement("div");
            Div.style.width = "100%";
            Div.style.marginTop = "15px";
            Div.className = "Value Btn";
            Div.innerHTML = "fx公式编辑";
            Div.onclick = function () {
                var sHeader = Data.Name + ".条目=";
                var _CoderEditor = new FrmCoderEditor(ControlBox.dataCtrl, Data.Items, Div, function (Val) {
                    Data.Items = Val;
                }, sHeader);
            }
            return Div;
        }

        , 数据源联动: function (ControlBox, Div) {
            var dataCtrl = ControlBox.dataCtrl;
            var Data = dataCtrl.Data;
            Div = document.createElement("div");
            Div.style.width = "100%";
            var Btn = document.createElement("div");
            Btn.className = "Value Btn";
            Btn.innerHTML = "数据源联动设置";
            Btn.onclick = function () {
                var Dialog = new LinkageSourceDlg(dataCtrl, Btn);
            }
            Div.appendChild(Btn);
            return Div;
        }
    };

    var PropDropDwonItems = function (PropBody, ControlBox) {
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Sel = new CLSelect(PropBody);
        var DivSel = PropBody.lastChild;
        Sel.AddItems([
            "自定义",
            "关联其他表单数据",
            "数据联动",
            "公式编辑",
            "数据源联动",
        ]);
        var Div = null;

        Sel.onchanged = function () {
            Data.SourceType = Sel.Items[Sel.selectedIndex];
            if (Div != null) {
                Div.remove();
            }
            Div = ItemInfoSetter[Data.SourceType](ControlBox, PropBody);
            PropBody.insertBefore(Div, DivSel.nextSibling);
        }
        ItemInfoSetter["自定义"] = function () {
            if (Div != null) {
                Div.remove();
            }
            if (Data.Items.push == null) {
                Data.Items = [];
            }
            return PropRadioItems(PropBody, ControlBox);
        }
        var index = Sel.Items.indexOf(Data.SourceType);
        if (index < 0) {
            index = 0;
        }
        Sel.selectedIndex = index;
        PropBody.lastChild.style.marginBottom = "15px";
    }

    var PropDropBoxItems = function (PropBody, ControlBox) {
        var Sel = new CLSelect(PropBody);
        var DivSel = PropBody.lastChild;
        Sel.AddItems([
            "自定义",
            "关联其他表单数据",
            "数据联动",
            "公式编辑",
            "数据源联动"
        ]);
        PropBody.lastChild.style.marginBottom = "15px";
        var Data = ControlBox.dataCtrl.Data;
        var Div = null;
        Sel.onchanged = function () {
            Data.SourceType = Sel.Items[Sel.selectedIndex];
            Div = ItemInfoSetter[Data.SourceType](ControlBox, Div);
            PropBody.insertBefore(Div, DivSel.nextSibling);
        }

        ItemInfoSetter["自定义"] = function () {
            if (Div != null) {
                Div.parentNode.removeChild(Div);
            }
            if (Data.Items.push == null) {
                Data.Items = [];
            }
            return PropCheckBoxItems(PropBody, ControlBox);
        }

        var index = Sel.Items.indexOf(Data.SourceType);
        if (index < 0) {
            index = 0;
        }
        Sel.selectedIndex = index;
    }

    function CreateSplitLine0(ele, clr1, title, clr2) {
        ele.innerHTML = "<div class='Title' style='color:" + clr2 + "'>" + title + "</div>";
    }

    function CreateSplitLine1(ele, clr1, title, clr2) {
        var html = "<div class='Title' style='color:" + clr2 + "'>" + title + "</div>";
        html += "<div style='border-top: 1px dashed " + clr1 + "'></div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine2(ele, clr1, title, clr2) {
        var html = "<div class='Title' style='color:" + clr2 + "'>" + title + "</div>";
        html += "<div style='border-top: 1px solid " + clr1 + "'></div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine3(ele, clr1, title, clr2) {
        var html = "<div class='Title' style='color:" + clr2 + "'>" + title + "</div>";
        html += "<div style='border-top: 2px solid " + clr1 + "'></div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine4(ele, clr1, title, clr2) {
        ele.classList.add("Split4");
        ele.style.display = "flex";
        var html = "<div class='Title' style='margin:0;color:" + clr2 + ";background:" + clr1 + ";padding: 0 10px;'>" + title + "</div>";
        html += "<div style='flex: auto;position: relative;'>";
        html += "<div style='width: 15px;height: 100%;transform: skew(26deg) translateX(-50%);background:" + clr1 + "'></div>";
        html += "<div style='position:absolute;bottom:0;right:0;left:0;height:3px;background:" + clr1 + "'></div>";
        html += "<div class='Parallelogram' style='opacity: .9;background:" + clr1 + "'></div>";
        html += "<div class='Parallelogram' style='left: 27px;opacity: .6;background:" + clr1 + "'></div>";
        html += "<div class='Parallelogram' style='left: 39px;opacity: .3;background:" + clr1 + "'></div>";
        html += "</div>";
        ele.innerHTML = html;

    }

    function CreateSplitLine5(ele, clr1, title, clr2) {
        var html = "<div class='Title' style='width:100%;padding-right: 19%;color:" + clr2 + "'>" + title + "</div>";
        html += "<div style='height: 8px;position: relative;overflow: hidden;'>";
        html += "<div style='background:" + clr1 + ";width: 100%;height: 100%;opacity: .2'>";
        html += "</div>";
        html += "<div style='position: absolute;top: 0;left: 0;bottom: 0;max-width: 81%;border-radius: 0 8px;overflow: hidden;background:" + clr1 + "'>";
        html += "<span style='visibility: hidden;'>" + title + "</span>";
        html += "</div>";
        html += "</div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine6(ele, clr1, title, clr2) {
        ele.classList.add("Split6");
        var html = "<div class='Title' style='display:inline-block;border-radius: 14px 0;margin:0;color:" + clr2 + ";background:" + clr1 + ";padding: 0 20px;line-height:28px'><span>" + title + "</span></div>";
        html += "<div style='pointer-events:none;display:inline-block;position:absolute;left:10px;height:100%;width:calc(100% - 10px);background:" + clr1 + ";opacity: .2;'>";
        html += "</div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine7(ele, clr1, title, clr2) {
        ele.classList.add("Split7");
        ele.style.display = "flex";
        ele.style["justify-content"] = "center";
        var html = "<div class='Title' style='min-width:25%; position: relative;overflow: hidden;padding: 0 38px;display:inline-block'><span style='background:" + clr1 + ";display:inline-block;line-height:38px;color:" + clr2 + ";width:100%;text-align:center'>" + title + "</span>"
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;left: 0;width: 18px;height: 10px;transform: skew(-60deg) translateX(50%);'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;right: 0;width: 18px;height: 10px;transform: skew(60deg) translateX(-50%);'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;left: 18px;bottom: 0;width: 21px;border-radius: 0 0 0 16px;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;right: 18px;bottom: 0;width: 21px;border-radius: 0 0 16px;'></div>";
        html += "</div>";
        html += "<div style='background:" + clr1 + ";position: absolute;left: 0;right: 0;bottom: 0;height: 28px;border-radius: 16px 16px 0 0;opacity: .15'></div>";
        ele.innerHTML = html;
    }
    
    function CreateSplitLine8(ele, clr1, title, clr2) {
        ele.classList.add("Split8");
        ele.style.display = "flex";
        ele.style["justify-content"] = "center";
        var html = "<div style='position: relative;width: 110px;flex: none;'>";
        html += "<div style='background:" + clr1 + ";width: 33px;position: absolute;top: 0;right: -1px;bottom: 0;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;width: 20px;height: 20px;transform: rotate(-45deg);transform-origin: 100% 0;right: 32px;'></div>";
        html += "<div style='background:#fff;position: absolute;top: 9px;width: 10px;height: 10px;transform: rotate(45deg);right: 25px;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 9px;left: 27px;height: 1px;width: 28px;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;left: 0;bottom: 8px;height: 1px;width: 55px;'></div>";
        html += "</div>";
        html += "<div class='Title' style='margin:0; background:" + clr1 + ";min-width: 10%;max-width: 54%;height: 100%;line-height: 28px;padding: 0 1px;text-align: center;color:" + clr2 + ";'>" + title + "</div>";
        html += "<div style='position: relative;width: 110px;flex: none;'>";
        html += "<div style='background:" + clr1 + ";width: 33px;position: absolute;top: 0;left: -1px;;bottom: 0;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 0;width: 20px;height: 20px;transform-origin: 0 0;transform: rotate(45deg);left: 32px;'></div>";
        html += "<div style='background:#fff;position: absolute;top: 9px;width: 10px;height: 10px;transform: rotate(45deg);left: 25px;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;top: 9px;right: 27px;height: 1px;width: 28px;'></div>";
        html += "<div style='background:" + clr1 + ";position: absolute;right: 0;bottom: 8px;height: 1px;width: 55px;'></div>";
        html += "</div>";
        ele.innerHTML = html;
    }

    function CreateSplitLine(Type, ele, clr1, title, clr2) {
        var func = eval("CreateSplitLine" + Type + "");
        func(ele, clr1, title, clr2);
    }

    var PropLineType = function (PropBody, ControlBox) {
        var dataCtrl = ControlBox.dataCtrl;
        PropLabel(PropBody, "线型");
        var Data = dataCtrl.Data;
        var div = document.createElement("div");
        div.className = "SplitBox";
        div.style.marginBottom = "10px";
        PropBody.appendChild(div);
        var content = document.createElement("div");
        content.className = "Content";
        div.appendChild(content);
        var icon = document.createElement("div");
        icon.className = "Icon";
        div.appendChild(icon);
        var box_line = document.createElement("div");
        box_line.className = "SplitLine";
        content.appendChild(box_line);
        var note = document.createElement("div");
        note.innerHTML = "这里是字段的描述信息";
        note.style.cssText = "margin-top: 3px;font-size: 14px;line-height: 20px;color: #5E6D82;transform-origin: 0 50%;transform: scale(.8);width: 125%;";
        content.appendChild(note);
        div.onclick = function () {
            var Menu = {
                "style": {
                    "padding": "10px 10px 0 10px",
                    "overflow-y": "auto",
                    "max-height": "350px"
                },
                Items: []
            };
            var _Menu = new CLMenu(Menu, this);
            var block = _Menu.Div;
            block.classList.add("FrmDesigner");
            for (var i = 0; i < 9; i++) {
                var div = document.createElement("div");
                div.className = "SplitBox";
                div.style.margin = "5px 0";
                block.appendChild(div);
                var content = document.createElement("div");
                content.className = "Content";
                div.appendChild(content);
                var line = document.createElement("div");
                line.className = "SplitLine";
                content.appendChild(line);
                CreateSplitLine(i, line, Data.themeColor, "字段标题", Data.titleColor);
                var note = document.createElement("div");
                note.innerHTML = "这里是字段的描述信息";
                note.style.cssText = "margin-top: 3px;font-size: 14px;line-height: 20px;color: #5E6D82;transform-origin: 0 50%;transform: scale(.8);width: 125%;";
                content.appendChild(note);
                div.index = i;
                div.onclick = function () {
                    Data.iType = this.index;
                    box_line.innerHTML = '';
                    box_line.style.cssText = "";
                    box_line.className = "SplitLine";
                    CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
                    ResetCtrl(ControlBox, PropBody);
                    _Menu.Close();
                }
            }
            block.style.height = "initial";
            _Menu.Reset(null, true);
        }
        var block = PropValue(PropBody, "div");
        block.style.border = "none";
        block.classList.add("ColorGrp");
        var lable = document.createElement("div");
        lable.innerHTML = "标题颜色";
        lable.style.color = "#333";
        lable.style.display = "inline-block";
        lable.style.width = "70px";
        lable.style.verticalAlign = "top";
        lable.className = "text";
        block.appendChild(lable);
        var box = PropValue(block, "div");
        box.style.display = "inline-block";
        box.style.width = "calc(100% - 70px)";
        box.style.verticalAlign = "top";
        box.style.position = "relative";
        block.classList.add("ColorBox");
        var clr1 = document.createElement("div");
        if (!Data.titleColor) {
            Data.titleColor = "#1f2d3d";
        }
        clr1.className = "Color";
        clr1.style.background = Data.titleColor;
        clr1.block = block;
        clr1.onclick = function () {
            colorDlg([
                "#ffffff", "#909ab8", "#b1d5dd", "#d2ddc0", "#dac1df", "#eeb7c2",
                "#dddddd", "#3c486c", "#7ea9b3", "#9dab84", "#af84b9", "#d68494",
                "#969696", "#1f2d3d", "#497884", "#617444", "#7c4988", "#b74b61"
            ], function (color) {
                Data.titleColor = color;
                clr1.style.background = color;
                CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
                ResetCtrl(ControlBox, PropBody);
            }, this.block, Data.titleColor);
        }
        box.appendChild(clr1);
        var click = document.createElement("div");
        click.className = "Reset";
        click.innerHTML = "&#xe7ec;";
        box.appendChild(click);
        click.onclick = function () {
            Data.titleColor = "#1f2d3d";
            this.previousSibling.style.background = "#1f2d3d";
            CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
            ResetCtrl(ControlBox, PropBody);
        }
        if (!Data.themeColor) {
            Data.themeColor = "#c5cfdb";
        }
        block = block.cloneNode(true);
        PropBody.appendChild(block);
        block.querySelector(".text").innerHTML = "主题颜色";
        block.querySelector(".Reset").onclick = function () {
            Data.themeColor = "#c5cfdb";
            this.previousSibling.style.background = "#c5cfdb";
            CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
            ResetCtrl(ControlBox, PropBody);
        }
        var clr2 = block.querySelector(".Color");
        clr2.style.background = Data.themeColor;
        clr2.block = block;
        clr2.onclick = function () {
            colorDlg([
                "#c5cfdb", "#3b75f9", "#0db3a6", "#af84b9", "#d68494", "#f19e4b",
                "#1f2d3d", "#2354c3", "#00897f", "#7c4988", "#b74b61", "#f47f1f"
            ], function (color) {
                Data.themeColor = color;
                clr2.style.background = color;
                CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
                ResetCtrl(ControlBox, PropBody);

            }, this.block, Data.themeColor);
        }
        if (Data.iType === undefined) {
            Data.iType = 0;
        }
        CreateSplitLine(Data.iType, box_line, Data.themeColor, "字段标题", Data.titleColor);
        function colorDlg(colors, func, ele, color) {
            CLColors.Dialog({
                color:color,
                colors: colors,
                onchange: func
            }, ele);
        }
    }

    var PropTableFields = function (PropBody, ControlBox) {
        PropLabel(PropBody, "字段");
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var jFiled = Data.Field;
        var Div = document.createElement("div");
        PropBody.appendChild(Div);
        for (var i = 0; i < jFiled.length; i++) {
            var Item = document.createElement("div");
            Item.className = "PropItem";
            Item.dataCtrl = jFiled[i];
            Item.Index = function () {
                var PropItems = Div.getElementsByClassName("PropItem");
                for (var i = 0; i < PropItems.length; i++) {
                    if (PropItems[i] == this) {
                        return i;
                    }
                }
            }

            var Label = document.createElement("div");
            Label.className = "Value";
            Label.style.marginBottom = "10px";
            Label.style.width = "220px";
            Label.style.padding = "0 5px";
            Label.style.display = "inline-block";
            var Icon = document.createElement("div");
            Icon.className = "FontIcon";
            Icon.innerHTML = FrmCtrls[jFiled[i].Name].Icon;
            Label.style.cursor = "pointer";
            Label.appendChild(Icon);
            Label.innerHTML += "<div class='Name' style='width:calc(100% - 42px)'>" + jFiled[i].Data.Name + "</div>";
            var Move = document.createElement("div");
            Move.className = "Move";
            Move.style.margin = "0 0 0 3px";
            Move.innerHTML = "&#xe844;";

            CLEnableDragPosition(Item, "PropItem", Move, function () {
                var divItems = Div.getElementsByClassName("PropItem");
                Data.Field = [];
                for (var i = 0; i < divItems.length; i++) {
                    Data.Field.push(divItems[i].dataCtrl);
                }
                ResetCtrl(ControlBox, PropBody);
                FrmDesigner.CtrlProp(PropBody, ControlBox);
            });

            Label.appendChild(Move);
            Item.appendChild(Label);
            Label.onclick = function (e) {
                var divFiled = e.currentTarget.parentNode;
                divFiled.FrmDesigner = FrmDesigner.GetInstance(PropBody);
                var box = ControlBox.querySelector(".ControlBoxSel");
                if (box) {
                    box.classList.remove("ControlBoxSel");
                }
                box = ControlBox.querySelector(".SubTable").lastChild.querySelector(".Column_" + divFiled.dataCtrl.Data.ID);
                box.classList.add("ControlBoxSel");
                FrmDesigner.CtrlProp(PropBody, divFiled);
            }

            var Copy = document.createElement("div");
            Copy.className = "FontIcon";
            Copy.innerHTML = "&#xe66c;";
            Copy.style.cursor = "pointer";
            Item.appendChild(Copy);
            Copy.onclick = function (e) {
                var Box = e.currentTarget.parentNode;
                var dataCtrl = CLClone(Box.dataCtrl);
                Box.dataCtrl.Data.ID = CLMakeId();
                jFiled.splice(Box.Index(), 0, dataCtrl);
                ResetCtrl(ControlBox, PropBody);
                FrmDesigner.CtrlProp(PropBody, ControlBox);
            }

            var Del = Copy.cloneNode(true);
            Del.className = "FontIcon";
            Del.style.cursor = "pointer";
            Del.innerHTML = "&#xe80b;";
            Del.onclick = function (e) {
                var Del = e.currentTarget;
                CLConfirm(function () {
                    jFiled.splice(Del.parentNode.Index(), 1);
                    ResetCtrl(ControlBox, PropBody);
                    FrmDesigner.CtrlProp(PropBody, ControlBox);
                }, "若删除该字段，其对应的表单数据也会被清除。确定删除？",e,"280px");
            }
            Item.appendChild(Del);
            Div.appendChild(Item);
        }

        var AddFiled = document.createElement("div");
        AddFiled.className = "AddItem";
        var Icon = document.createElement("div");
        Icon.className = "FontIcon";
        Icon.innerHTML = "&#xe6da;";
        AddFiled.appendChild(Icon);
        AddFiled.style.width = "80px";
        AddFiled.innerHTML += "添加字段";
        AddFiled.style.display = "inline-block";
        AddFiled.onclick = function (e) {
            var divMenu = document.createElement("div");
            divMenu.className = "SelectMenu";
            var Item = null;
            var _CLMenu = null;
            var Menu = {
                "style": {
                    "max-height": "350px",
                    "overflow-y": "auto",
                },
                "Items": []
            }
            for (var i = 0; i < FrmCtrls.Categorys.length ; i++) {
                for (var j = 0; j < FrmCtrls[FrmCtrls.Categorys[i]].length; j++) {
                    var Name = FrmCtrls[FrmCtrls.Categorys[i]][j].Name;
                    if (Name == "子表单" || Name == "分割线" || Name == "选项卡" || Name == "表格控件" || Name == "流水号") {
                        continue;
                    }
                    Menu.Items.push({
                        ID: Name,
                        Text: Name,
                        Enable: true,
                        CallBack: function (event) {
                            var Item = event.currentTarget;
                            jFiled.push({
                                Name: this.Text,
                                Data: {
                                    ID: CLMakeId(),
                                    ParentID: Data.ID,
                                    Name: this.Text
                                }
                            });
                            ResetCtrl(ControlBox, PropBody);
                            FrmDesigner.CtrlProp(PropBody, ControlBox);
                            _CLMenu.Close();
                        }
                    });
                }
            }
            _CLMenu = new CLMenu(Menu, e.currentTarget);
        }
        Div.appendChild(AddFiled);
        if (!jFiled || jFiled.length == 0) {
            var fromMap = document.createElement("div");
            fromMap.style.cssText = "color:#0db3a6;line-height:30px;cursor:pointer;display:inline-block;width:115px;margin-left:65px";
            fromMap.innerHTML = "<span>从其他它表单构建</span>";
            Div.appendChild(fromMap);
            var FormItems = [];
            (function () {
                var dataForm = FrmDesigner.getData(ControlBox);
                var Forms = [].concat(CLApp.getForms(dataForm.ID));
                for (var i = 0; i < Forms.length ; i++) {
                    FormItems.push(
                        {
                            ID: Forms[i].ID,
                            Name: Forms[i].Name,
                            Fields: Forms[i].Fields,
                            toString: function () {
                                return this.Name;
                            }
                        });
                }
            }());
            var selector = new CLSelect(null, fromMap);
            selector.EnableClear(true);
            selector.EnableSearch(true);
            selector.AddItems(FormItems);
            selector.onchanged = function () {
                var id = null;
                if (selector.selectedIndex < 0) {
                    return;
                } else {
                    var Form = FrmDesigner.GetConfig(selector.Items[selector.selectedIndex].ID);
                    var Controls = Form.Controls;
                    var classNames = ["子表单", "分割线", "选项卡", "表格控件", "关联查询", "提交时间", "更新时间", "流程状态"];
                    var Field = [];
                    for (var i = 0; i < Controls.length; i++) {
                        var Name = Controls[i].Name;
                        if (classNames.indexOf(Name) < 0) {
                            delete Controls[i].Data.iLayout;
                            if (Controls[i].Name == "流水号") {
                                Controls[i].Name = "单行文本";
                            }
                            Field.push(Controls[i]);
                        }
                    }
                    var dataForm = FrmDesigner.getData(ControlBox);
                    var MapInfo = dataForm.MappingInfo;
                    if (!MapInfo) {
                        dataForm.MappingInfo = MapInfo = {};
                    }
                    MapInfo[Data.ID] = {
                        FormID: Form.ID
                    };
                    var sField = JSON.stringify(Field);
                    for (var i = 0; i < Field.length; i++) {
                        var Id = Field[i].Data.ID;
                        var newId = CLMakeId();
                        MapInfo[Data.ID][newId] = Id;
                        sField = sField.replace(new RegExp(Id, "g"), newId);
                    }
                    Field = JSON.parse(sField);
                    for (var i = 0; i < Field.length; i++) {
                        Field[i].Data.ParentID = Data.ID;
                        jFiled.push(Field[i]);
                    }
                    ResetCtrl(ControlBox, PropBody);
                    FrmDesigner.CtrlProp(PropBody, ControlBox);
                }
            }
        }
    }

    var PropConditionDialog = function (ControlBox) {
        var Dialog = null;
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var div = document.createElement("div");
        div.style.width = "520px";
        div.style.height = "455px";
        Dialog = new CLDialog(div);
        Dialog.CreateAll("关联条件限定", function () {
            var Lines = Box.childNodes;
            var Wheres = [];
            for (var i = 0; i < Lines.length ; i++) {
                if (Lines[i].Where != null && Lines[i].Where.FieldID != null && Lines[i].Where.UnionFieldID != null) {
                    Wheres.push(Lines[i].Where);
                }
            }
            Data.Wheres = Wheres;
            Dialog.Close();
        });

        var Body = Dialog.Body;
        var Row = document.createElement("div");
        var span = document.createElement("span");
        span.innerHTML = "设置多个关联条件限定关联数据";
        span.style.color = "#989898";
        span.style.fontSize = "12px";
        Row.appendChild(span);
        var Add = document.createElement("span");
        Add.style.color = "#178cdf";
        Add.style.cursor = "pointer";
        Add.innerHTML = "添加关联条件";
        Add.style.cssFloat = "right";
        span.style.fontSize = "14px";
        Row.appendChild(Add);
        Body.appendChild(Row);
        var Box = document.createElement("div");
        Box.style.width = "480px";
        Box.style.height = "290px";
        Box.style.margin = "10px 0";
        Box.style.overflow = "auto";
        Box.style.border = "solid 1px #e0e0e0";
        Body.appendChild(Box);
        function AddWhere(Where) {
            var divLine = document.createElement("div");
            divLine.style.height = "30px";
            divLine.style.margin = "5px 0";
            var current = document.createElement("div");
            current.style.width = "180px";
            current.style.height = "30px";
            current.style.margin = "0 10px";
            current.style.display = "inline-block";
            var curSel = new CLSelect(current);
            curSel.setPlaceholder("当前表单字段");
            var curFields = [].concat(FrmDesigner.getData(ControlBox).Controls);
            var classNames = SingleControls;
            for (var i = 0; i < curFields.length; i++) {
                if (curFields[i].Name == '子表单' && Data.ParentID != null) {
                    var subFields = CLClone(curFields[i].Data.Field);
                    for (var j = 0; j < subFields.length ; j++) {
                        if (SingleControls.indexOf(subFields[j].Name) < 0) {
                            subFields.splice(j, 1);
                            j--;
                        } else {
                            subFields[j].ParentName = curFields[i].Data.Name;
                        }
                    }
                    curFields.splice(i, 1);
                    for (var j = 0; j < subFields.length; j++) {
                        curFields.splice(i + j, 0, subFields[j]);
                    }
                }
                if (classNames.indexOf(curFields[i].Name) < 0) {
                    curFields.splice(i, 1);
                    i--;
                    continue;
                }
                if (curFields[i].Data.ParentID != null) {
                    curSel.AddItems([
                         curFields[i].ParentName + "->" + curFields[i].Data.Name
                    ]);
                } else {
                    curSel.AddItems([
                       curFields[i].Data.Name
                    ]);
                }
            }
            divLine.appendChild(current);
            var label = document.createElement("div");
            label.innerHTML = "值等于";
            label.style.lineHeight = "30px";
            label.style.verticalAlign = "top";
            label.style.display = "inline-block";
            divLine.appendChild(label);
            var union = current.cloneNode();
            var unionSel = new CLSelect(union);
            unionSel.setPlaceholder("关联字段");
            divLine.appendChild(union);
            var unionFields = null;
            curSel.onchanged = function (This) {
                unionFields = getFieldsByFormID(Data.UnionForm.ID);
                unionSel.Items = [];
                for (var i = 0; i < unionFields.length ; i++) {
                    if (curSel.selectedIndex != -1 && CompareAble(unionFields[i].className, curFields[curSel.selectedIndex].Name)) {
                        unionSel.AddItems([
                            unionFields[i].Name
                        ]);
                    } else {
                        unionFields.splice(i, 1);
                        i--;
                    }
                }
                unionSel.selectedIndex = -1;
                divLine.Where = {
                    FieldID: curFields[curSel.selectedIndex].Data.ID
                }
                if (curSel.selectedIndex == -1) {
                    delete divLine.Where;
                }
                unionSel.onchanged = function (This) {
                    divLine.Where.UnionFieldID = unionFields[This.selectedIndex].ID
                }
            }
            if (Where != null) {
                for (var i = 0; i < curFields.length ; i++) {
                    if (curFields[i].Data.ID == Where.FieldID) {
                        curSel.selectedIndex = i;
                    }
                }
                for (var i = 0; i < unionFields.length ; i++) {
                    if (unionFields[i].ID == Where.UnionFieldID) {
                        unionSel.selectedIndex = i;
                    }
                }
            }
            var Del = document.createElement("div");
            Del.style.fontFamily = "CLFont";
            Del.style.display = "inline-block";
            Del.style.verticalAlign = "top";
            Del.style.margin = "7px";
            Del.style.fontWeight = "100";
            Del.style.fontSize = "14px";
            Del.style.cursor = "pointer";
            Del.style.color = "#b73224";
            Del.innerHTML = "&#xe80b;";
            Del.onclick = function () {
                divLine.parentNode.removeChild(divLine);
            }
            divLine.appendChild(Del);
            if (Where) {
                if (divLine.Where != null && divLine.Where.FieldID != null && divLine.Where.UnionFieldID != null) {
                    Box.appendChild(divLine);
                }
            } else {
                Box.appendChild(divLine);
            }
        }
        Add.onclick = function () {
            AddWhere();
        };
        var Wheres = Data.Wheres;
        if (Wheres == null) {
            Wheres = [];
        }
        for (var i = 0; i < Wheres.length ; i++) {
            AddWhere(Wheres[i]);
        }
    }

    var PropUnionFiled = function (PropBody, ControlBox) {
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Title = PropLabel(PropBody, "关联字段");
        var Add = document.createElement("div");
        Add.className = "FontIcon";
        Add.style.fontSize = "18px";
        Add.style.cssFloat = "right";
        Add.style.margin = "0px";
        Add.style.color = "#0db3a6";
        Add.style.verticalAlign = "middle";
        Add.innerHTML = "&#xe6da;";
        Add.style.cursor = "pointer";
        var UnionField = Data.UnionField;
        Add.onclick = function (e) {
            var Fields = getFieldsByFormID(Data.UnionForm.ID);
            Fields = Fields.concat([
                {
                    ID: "Submiter",
                    Name: "提交人",
                    className: "提交人"
                },
                {
                    ID: "createDt",
                    Name: "提交时间",
                    className: "提交时间"
                },
                {
                    ID: "updateDt",
                    Name: "更新时间",
                    className: "更新时间"
                }
            ]);
            var Menu = {
                "style": {
                    "width": "120px",
                    "max-height": "100%",
                },
                "Items": []
            };
            for (var i = 0; i < Fields.length ; i++) {
                if (Data.ParentID != null && Fields[i].className == "子表单") {
                    continue;
                }
                if (Fields[i].className == "表格控件" || Fields[i].className == "分割线" || Fields[i].className == "选项卡" || Fields[i].className == "关联查询" || Fields[i].className == "关联数据") {
                    continue;
                }
                var Enable = true;
                for (var j = 0; j < UnionField.length; j++) {
                    if (UnionField[j].ID == Fields[i].ID) {
                        Enable = false;
                        break;
                    }
                }
                Menu.Items.push({
                    ID: Fields[i].ID,
                    Text: Fields[i].Name,
                    Name: Fields[i].Name,
                    className: Fields[i].className,
                    Enable: Enable,
                    CallBack: function (e) {
                        var Item = e.currentTarget;
                        if (Item.disabled == true) {
                            return;
                        }
                        UnionField.push({
                            ID: this.ID,
                            Name: this.Name,
                            className: this.className
                        });
                        Item.Disabled = true;
                        ResetCtrl(ControlBox, PropBody);
                        FrmDesigner.CtrlProp(PropBody, ControlBox);
                    }
                });
            }
            new CLMenu(Menu, e.currentTarget);
        }
        Title.appendChild(Add);
        var Div = document.createElement("div");
        PropBody.appendChild(Div);
        for (var i = 0; i < UnionField.length ; i++) {
            var Item = document.createElement("div");
            Item.className = "PropItem";
            Item.style.cursor = "move";
            Item.style.lineHeight = "30px";
            Item.Data = UnionField[i];
            var Name = document.createElement("div");
            Name.innerHTML = UnionField[i].Name;
            Name.style.paddingLeft = "10px";
            Name.className = "Name";
            Item.appendChild(Name);

            var Edit = document.createElement("div");
            Edit.className = "FontIcon";
            Edit.style.margin = "0";
            Edit.style.position = "absolute";
            Edit.style.right = "38px";
            Edit.style.cursor = "pointer";
            Edit.innerHTML = FrmCtrls["单行文本"].Icon;
            Edit.onclick = function (e) {
                var divField = this.parentNode;
                var Menu = {
                    "style": {
                        "height": "150px",
                        "padding": "10px"
                    },
                    "Items": []
                };
                var _CLMenu = new CLMenu(Menu, Item);
                var Box = _CLMenu.Div;
                var Row = document.createElement("div");
                Row.style.paddingBottom = "5px";
                var Label = document.createElement("div");
                Label.style.lineHeight = "30px";
                Label.innerHTML = "显示名";
                Label.style.display = "inline-block";
                Label.style.width = "80px";
                Row.appendChild(Label);
                var input = PropValue(Row);
                input.style.height = "30px";
                input.style.width = "100%";
                input.value = Item.Data.Name;
                Box.appendChild(Row);
                Row = Row.cloneNode();
                Row.style.textAlign = "center";
                var Btn = document.createElement("div");
                Btn.className = "CLBtnCancel";
                Btn.innerHTML = "取消";
                var Menu = null;
                Btn.onclick = function () {
                    _CLMenu.Close();
                }
                Row.appendChild(Btn);
                Btn = document.createElement("div");
                Btn.className = "CLBtnGreen";
                Btn.innerHTML = "确定";
                Btn.onclick = function () {
                    Item.Data.Name = input.value;
                    Item.firstChild.innerText = input.value;
                    ResetCtrl(ControlBox, PropBody);
                    _CLMenu.Close();
                }
                Row.appendChild(Btn);
                Box.appendChild(Row);
                _CLMenu.Reset();
            }
            Item.appendChild(Edit);

            var Del = document.createElement("div");
            Del.className = "FontIcon Del";
            Del.style.margin = "0";
            Del.style.position = "absolute";
            Del.style.right = "18px";
            Del.style.cursor = "pointer";
            Del.innerHTML = "&#xe80b;";
            Del.index = i;
            Del.onclick = function (e) {
                var Del = e.currentTarget;
                UnionField.splice(Del.index, 1);
                Del.parentNode.parentNode.removeChild(Del.parentNode);
                ResetCtrl(ControlBox, PropBody);
                FrmDesigner.CtrlProp(PropBody, ControlBox);
            }
            Item.appendChild(Del);

            Div.appendChild(Item);
            CLEnableDragPosition(Item, "PropItem", Item, function () {
                var divItems = Div.getElementsByClassName("PropItem");
                Data.UnionField = [];
                for (var i = 0; i < divItems.length; i++) {
                    Data.UnionField.push(divItems[i].Data);
                }
                ResetCtrl(ControlBox, PropBody);
            });
        }
        PropSplit(PropBody);
        PropLabel(PropBody, "关联字段条件限定");
        var Union = document.createElement("div");
        Union.className = "Value Btn";
        Union.innerHTML = "添加关联条件";
        Union.onclick = function () {
            ControlBox.FrmDesigner = FrmDesigner.GetInstance(Union);
            new PropConditionDialog(ControlBox);
        };
        PropBody.appendChild(Union);
    }

    //Range: { Parts: [], Roles: [], Members: [], Dynamic: []},Val:{Members:[],Dynamic:[]}
    var MemberDialog = function (Range, isMult, Val, realDynamic, End, load) {
        if (IsMobile() && !load) {
            load = new Loading();
            CLDelay(function () {
                MemberDialog(Range, isMult, Val, realDynamic, End, load);
            },10);
            return;
        }
        if (IsMobile()) {
            load && load.Stop();
            var html = H5.Get("/View/Form/Lib/Frm/Dialog/Mobile-User.html?v=1.10");
            var div = document.createElement("div");
            document.body.appendChild(div);
            var h5 = H5(div);
            Range = H5.Clone(Range);
            delete Range.ControlId;
            for (var key in Range) {
                if (!Range[key] || Range[key].length == 0) {
                    delete Range[key];
                }
            }
            if (Object.keys(Range).length == 0) {
                Range = null;
            }
            h5.SetParam("Range", Range);
            h5.SetParam("Type", isMult ? "多选" : "单选");
            h5.SetParam("End", function (value) {
                isMult ? End({ Members: value }) : End({ Members: [value] });
            });
            Val = Val && Val.Members;
            h5.SetParam("Value", isMult ? Val : Val && Val[0]);
            h5.Render(html);
            h5.WaitEvent("closed", function () {
                div.remove();
            });
            return;
        }
        if (Val == null) {
            Val = {};
        }
        var dlgDiv = document.createElement("div");
        if (IsMobile()) {
            dlgDiv.style.width = "100%";
            dlgDiv.style.height = "100%";
        } else {
            dlgDiv.style.width = "654px";
            dlgDiv.style.maxWidth = "100%";
            dlgDiv.style.height = "575px";
        }
        var dlg = new CLDialog(dlgDiv, !IsMobile());
        var listMember = [];
        var listDynamic = [];
        var listRange = [];
        var listRangeIds = [];
        dlg.CreateAll("选择成员", function () {
            var Val = {};
            Val.Members = listMember;
            Val.Dynamic = listDynamic;
            End(Val);
        });
       
        var sInput = document.createElement("input");
        sInput.className = "CLSearch";
        sInput.style.height = "30px";
        if (IsMobile()) {
            sInput.style.width = "100%";
            sInput.style.margin = "7px 0";
            sInput.style.cssFloat = "left";
            dlg.Header.style.position = "relative";
            dlg.Header.appendChild(sInput);
        } else {
            dlg.EnableMove();
        }
        var Body = dlg.Body;
        Body.className = "FrmDesignerDialog";
        var SelContainer = document.createElement("div");
        SelContainer.className = "SelContainer";
        Body.appendChild(SelContainer);
        var tableBar = document.createElement("div");
        tableBar.className = "tableBar";
        tableBar.style.margin = "0";
        Body.appendChild(tableBar);
        var MainDiv = document.createElement("div");
        MainDiv.style.border = "solid 1px #e0e0e0";
        MainDiv.style.borderTop = "none";
        MainDiv.style.overflow = "hidden";
        Body.appendChild(MainDiv);
        var orgDiv = MainDiv.cloneNode();
        orgDiv.style.border = "none";
        orgDiv.style.overflow = "auto";
        orgDiv.style.height = "100%";
        MainDiv.appendChild(orgDiv);
        var roleDiv = orgDiv.cloneNode();
        MainDiv.appendChild(roleDiv);
        var userDiv = orgDiv.cloneNode();
        MainDiv.appendChild(userDiv);
        var dynamicDiv = orgDiv.cloneNode();
        MainDiv.appendChild(dynamicDiv);
        if (IsMobile()) {
            MainDiv.style.height = "calc(100% - 160px)";
        } else {
            MainDiv.style.height = "310px";
        }
        MainDiv.style.position = "relative";
        var Btns = [];
        var hasRange = false;
        var PartIds;
        var RoleIds;
        var dynamicList;
        if (Range.Parts != null && Range.Parts.length != 0) {
            hasRange = true;
            PartIds = CLApp.extendDepartRoot(Range.Parts);
        }
        if (Range.Roles != null && Range.Roles.length != 0) {
            hasRange = true;
            RoleIds = CLApp.extendRoleRoot(Range.Roles);
        }
        if (Range.Members != null && Range.Members.length != 0) {
            hasRange = true;
        }
        if (Range.Dynamic != null && Range.Dynamic.length != 0) {
            hasRange = true;
        }
        dynamicList = getDynamic(Range.Dynamic);

        function getMembers() {
            var List = [];
            var userlist = CLApp.getUserList();
            for (var i = 0; i < userlist.length; i++) {
                if (!hasRange) {
                    List.push({
                        ID: userlist[i].userid,
                        Name: userlist[i].name,
                        TreeID: userlist[i].department,
                        Roles: userlist[i].Roles
                    });
                } else {
                    if (Range.Members.indexOf(userlist[i].userid) >= 0) {
                        List.push({
                            ID: userlist[i].userid,
                            Name: userlist[i].name,
                            TreeID: userlist[i].department
                        });
                    } else {
                        var find = false;
                        for (var j = 0; !find && Range.Roles && j < Range.Roles.length; j++) {
                            if (userlist[i].Roles.indexOf(Range.Roles[j]) >= 0) {
                                find = true;
                                break;
                            }
                        }
                        for (var j = 0; !find && Range.Parts && j < Range.Parts.length; j++) {
                            if (userlist[i].department.indexOf(Range.Parts[j]) >= 0) {
                                find = true;
                                break;
                            }
                        }
                        for (var j = 0; realDynamic && !find && dynamicList && j < dynamicList.length; j++) {
                            if (userlist[i].userid == dynamicList[j].ID) {
                                find = true;
                                break;
                            }
                        }
                        if (find) {
                            List.push({
                                ID: userlist[i].userid,
                                Name: userlist[i].name,
                                TreeID: userlist[i].department,
                                Roles: userlist[i].Roles
                            });
                        }
                    }
                }
            }
            return List;
        }

        var users = getMembers();

        function getDynamic(Ids) {
            if (!realDynamic && !hasRange) {
                return g_Dynamic;
            }
            var list = [];
            for (var i = 0; i < g_Dynamic.length; i++) {
                if (Ids == null || Ids.indexOf(g_Dynamic[i].ID) >= 0 || !hasRange) {
                    list.push(g_Dynamic[i]);
                }
            }
            return realDynamic ? RealDynamic(list) : g_Dynamic;
        }

        function getRoleMembers(RoleIds) {
            var list = [];
            for (var i = 0; RoleIds && i < users.length; i++) {
                if (hasRange) {
                    for (var j = 0; j < RoleIds.length; j++) {
                        if (users[i].Roles && users[i].Roles.indexOf(RoleIds[j]) >= 0) {
                            list.push({
                                ID: users[i].ID,
                                Name: users[i].Name,
                                TreeID: users[i].Roles
                            });
                            break;
                        }
                    }
                } else {
                    list.push({
                        ID: users[i].ID,
                        Name: users[i].Name,
                        TreeID: users[i].Roles
                    });
                }
            }
            return list;
        }

        function getDepartMembers(partIds) {
            var list = [];
            for (var i = 0; partIds && i < users.length; i++) {
                if (hasRange) {
                    for (var j = 0; j < partIds.length; j++) {
                        if (users[i].TreeID.indexOf(partIds[j]) >= 0) {
                            list.push(users[i]);
                            break;
                        }
                    }
                } else {
                    list.push(users[i]);
                }
            }
            return list;
        }

        var View = null;

        function SetVal() {
            orgDiv.IsSetVal = true;
            roleDiv.IsSetVal = true;
            userDiv.IsSetVal = true;
            dynamicDiv.IsSetVal = true;
            if (isMult) {
                if (orgDiv.Object) {
                    orgDiv.Object.List.Selects(null);
                    orgDiv.Object.List.Selects(listMember);
                }
                if (roleDiv.Object) {
                    roleDiv.Object.List.Selects(null);
                    roleDiv.Object.List.Selects(listMember);
                }
                if (userDiv.Object) {
                    userDiv.Object.Selects(null);
                    userDiv.Object.Selects(listMember);
                }
                if (realDynamic) {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Selects(listMember);
                    }
                } else {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Selects(listDynamic);
                    }
                }
            } else {
                if (orgDiv.Object) {
                    orgDiv.Object.List.Selects(null);
                    orgDiv.Object.List.Select(listMember[0]);
                }
                if (roleDiv.Object) {
                    roleDiv.Object.List.Selects(null);
                    roleDiv.Object.List.Select(listMember[0]);
                }
                if (userDiv.Object) {
                    userDiv.Object.Selects(null);
                    userDiv.Object.Select(listMember[0]);
                }
                if (realDynamic) {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Select(listMember[0]);
                    }
                } else {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Select(listDynamic[0]);
                    }
                }
            }
            showVal();
            orgDiv.IsSetVal = false;
            roleDiv.IsSetVal = false;
            userDiv.IsSetVal = false;
            dynamicDiv.IsSetVal = false;
        }

        function showVal() {
            SelContainer.innerHTML = "";
            var selectedList = new CLTop.CLList(listRange, SelContainer, null, function (Item) {
                Item.style.display = "inline-block";
                Item.style.width = "initial";
                Item.style.padding = "0 5px";
                var icon = document.createElement("span");
                icon.className = "FontIcon";
                icon.innerHTML = Item.ItemData.Icon;
                Item.insertBefore(icon, Item.firstChild);
                var close = document.createElement("span");
                close.className = "FontIcon";
                close.innerHTML = "&#xe7e4;";
                close.style.marginLeft = "5px";
                close.style.lineHeight = "34px";
                close.style.color = "#333";
                Item.appendChild(close);
                close.onclick = function () {
                    var className = Item.ItemData.className;
                    if (className == "Members") {
                        userDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                    if (className == "Dynamic") {
                        dynamicDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                }

            });
        }

        function OnBtnCreated(divBtn) {
            divBtn.style.width = "100px";
            if (divBtn.Btn.Name == "组织架构") {
                //获取部门树
                var treeData = CLApp.getDepartTree(PartIds)[0];
                var obj = orgDiv.Object = new CLTop.CLTreeList(orgDiv, treeData, getDepartMembers(Range.Parts), isMult);
                obj.List.OnSelected = function (ItemData) {
                    if (orgDiv.IsSetVal) {
                        return;
                    }
                    if (!isMult) {
                        listMember = [ItemData.ID];
                        listDynamic = [];
                        listRange = [
                            {
                                ID: "Members" + ItemData.ID,
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members",
                                Icon: "&#xe78c;",
                                dataId: ItemData.ID
                            }
                        ];
                        listRangeIds = ["Members" + ItemData.ID];
                    } else {
                        if (listMember.indexOf(ItemData.ID) < 0) {
                            listMember.push(ItemData.ID);
                        }
                        if (listRangeIds.indexOf("Members" + ItemData.ID) < 0) {
                            listRangeIds.push("Members" + ItemData.ID);
                            listRange.push({
                                ID: "Members" + ItemData.ID,
                                dataId: ItemData.ID,
                                Icon: "&#xe78c;",
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members"
                            });
                        }
                    }
                    SetVal();
                }
                obj.List.OnLostSelected = function (ItemData) {
                    if (orgDiv.IsSetVal) {
                        return;
                    }
                    if (isMult) {
                        if (listMember.indexOf(ItemData.ID) >= 0) {
                            listMember.splice(listMember.indexOf(ItemData.ID), 1);
                        }
                        var index = listRangeIds.indexOf("Members" + ItemData.ID)
                        if (index >= 0) {
                            listRangeIds.splice(index, 1);
                            listRange.splice(index, 1);
                        }
                    } else {
                        listRangeIds = [];
                        listRange = [];
                        listMember = [];
                    }
                    SetVal();
                }
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = orgDiv;
                    View.style.display = "block";
                }
                obj.List.Selects(Val.Members);
            }
            if (divBtn.Btn.Name == "角色") {
                var treeData = CLApp.getRoleTree(RoleIds)[0];
                var obj = roleDiv.Object = new CLTop.CLTreeList(roleDiv, treeData, getRoleMembers(Range.Roles), isMult);

                obj.Tree.Ele.classList.add("RoleTree");

                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = roleDiv;
                    View.style.display = "block";
                }

                obj.List.OnSelected = function (ItemData) {
                    if (roleDiv.IsSetVal) {
                        return;
                    }
                    if (!isMult) {
                        listMember = [ItemData.ID];
                        listDynamic = [];
                        listRange = [
                            {
                                ID: "Members" + ItemData.ID,
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members",
                                Icon: "&#xe78c;",
                                dataId: ItemData.ID
                            }
                        ];
                        listRangeIds = ["Members" + ItemData.ID];
                    } else {
                        if (listMember.indexOf(ItemData.ID) < 0) {
                            listMember.push(ItemData.ID);
                        }
                        if (listRangeIds.indexOf("Members" + ItemData.ID) < 0) {
                            listRangeIds.push("Members" + ItemData.ID);
                            listRange.push({
                                ID: "Members" + ItemData.ID,
                                dataId: ItemData.ID,
                                Icon: "&#xe78c;",
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members"
                            });
                        }
                    }
                    SetVal();
                }

                obj.List.OnLostSelected = function (ItemData) {
                    if (roleDiv.IsSetVal) {
                        return;
                    }
                    if (isMult) {
                        if (listMember.indexOf(ItemData.ID) >= 0) {
                            listMember.splice(listMember.indexOf(ItemData.ID), 1);
                        }
                        var index = listRangeIds.indexOf("Members" + ItemData.ID)
                        if (index >= 0) {
                            listRangeIds.splice(index, 1);
                            listRange.splice(index, 1);
                        }
                    } else {
                        listRangeIds = [];
                        listRange = [];
                        listMember = [];
                    }
                    SetVal();
                }

                obj.List.Selects(Val.Members);

            }
            if (divBtn.Btn.Name == "成员") {

                var obj = userDiv.Object = new CLTop.CLList(getMembers(), userDiv, isMult);

                obj.OnSelected = function (ItemData) {
                    if (userDiv.IsSetVal) {
                        return;
                    }
                    if (!isMult) {
                        listMember = [ItemData.ID];
                        listDynamic = [];
                        listRange = [
                            {
                                ID: "Members" + ItemData.ID,
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members",
                                Icon: "&#xe78c;",
                                dataId: ItemData.ID
                            }
                        ];
                        listRangeIds = ["Members" + ItemData.ID];
                    } else {
                        if (listMember.indexOf(ItemData.ID) < 0) {
                            listMember.push(ItemData.ID);
                        }
                        if (listRangeIds.indexOf("Members" + ItemData.ID) < 0) {
                            listRangeIds.push("Members" + ItemData.ID);
                            listRange.push({
                                ID: "Members" + ItemData.ID,
                                dataId: ItemData.ID,
                                Icon: "&#xe78c;",
                                Name: CLApp.getMemberNameById(ItemData.ID),
                                className: "Members"
                            });
                        }
                    }
                    SetVal();
                }

                obj.OnLostSelected = function (ItemData) {
                    if (userDiv.IsSetVal) {
                        return;
                    }
                    if (isMult) {
                        if (listMember.indexOf(ItemData.ID) >= 0) {
                            listMember.splice(listMember.indexOf(ItemData.ID), 1);
                        }
                        var index = listRangeIds.indexOf("Members" + ItemData.ID)
                        if (index >= 0) {
                            listRangeIds.splice(index, 1);
                            listRange.splice(index, 1);
                        }
                    } else {
                        listRangeIds = [];
                        listRange = [];
                        listMember = [];
                    }
                    SetVal();
                }
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = userDiv;
                    View.style.display = "block";
                }
                obj.Selects(Val.Members);
            }
            if (divBtn.Btn.Name == "动态参数") {

                var obj = dynamicDiv.Object = new CLTop.CLList(dynamicList, dynamicDiv, isMult);

                obj.OnSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    if (!isMult) {
                        listMember = realDynamic ? [ItemData.ID] : [];
                        listDynamic = realDynamic ? [] : [ItemData.ID];
                        listRange = [
                            {
                                ID: (realDynamic ? "Members" : "Dynamic") + ItemData.ID,
                                Name: realDynamic ? CLApp.getMemberNameById(ItemData.ID) : getDynamicNameById(ItemData.ID),
                                className: (realDynamic ? "Members" : "Dynamic"),
                                Icon: "&#xe78c;",
                                dataId: ItemData.ID
                            }
                        ];
                        listRangeIds = [(realDynamic ? "Members" : "Dynamic") + ItemData.ID];
                    } else {
                        if (realDynamic) {
                            if (listMember.indexOf(ItemData.ID) < 0) {
                                listMember.push(ItemData.ID);
                            }
                        } else {
                            if (listDynamic.indexOf(ItemData.ID) < 0) {
                                listDynamic.push(ItemData.ID);
                            }
                        }
                        if (listRangeIds.indexOf((realDynamic ? "Members" : "Dynamic") + ItemData.ID) < 0) {
                            listRangeIds.push((realDynamic ? "Members" : "Dynamic") + ItemData.ID);
                            listRange.push({
                                ID: (realDynamic ? "Members" : "Dynamic") + ItemData.ID,
                                dataId: ItemData.ID,
                                Icon: "&#xe78c;",
                                Name: realDynamic ? CLApp.getMemberNameById(ItemData.ID) : getDynamicNameById(ItemData.ID),
                                className: (realDynamic ? "Members" : "Dynamic")
                            });
                        }
                    }
                    SetVal();
                }

                obj.OnLostSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    if (isMult) {
                        if (realDynamic) {
                            if (listMember.indexOf(ItemData.ID) >= 0) {
                                listMember.splice(listMember.indexOf(ItemData.ID), 1);
                            }
                        } else {
                            if (listDynamic.indexOf(ItemData.ID) >= 0) {
                                listDynamic.splice(listDynamic.indexOf(ItemData.ID), 1);
                            }
                        }
                        var index = listRangeIds.indexOf((realDynamic ? "Members" : "Dynamic") + ItemData.ID)
                        if (index >= 0) {
                            listRangeIds.splice(index, 1);
                            listRange.splice(index, 1);
                        }
                    } else {
                        listRangeIds = [];
                        listRange = [];
                        listDynamic = [];
                    }
                    SetVal();
                }

                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = dynamicDiv;
                    View.style.display = "block";
                }

                obj.Selects(Val.Dynamic);
            }
        }

        if (!hasRange || (Range.Parts != null && Range.Parts.length != 0)) {
            if (Range.Parts != null && Range.Parts.Visible != false) {
                Btns.push({
                    Name: "组织架构",
                    IsSel: false,
                    Width: "100%",
                    OnBtnCreated: OnBtnCreated
                });
            }
        }

        if (!hasRange || (Range.Roles != null && Range.Roles.length != 0)) {
            if (Range.Roles != null && Range.Roles.Visible != false) {
                Btns.push({
                    Name: "角色",
                    Type: "角色",
                    IsSel: false,
                    Width: "100%",
                    OnBtnCreated: OnBtnCreated
                });
            }
        }
        Btns.push({
            Name: "成员",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        if (!hasRange || (Range.Dynamic != null && Range.Dynamic.length != 0 && dynamicList.length != 0)) {
            if (Range.Dynamic != null && Range.Dynamic.Visible != false) {
                Btns.push({
                    Name: "动态参数",
                    IsSel: false,
                    Width: "100%",
                    OnBtnCreated: OnBtnCreated
                });
            }
        }
        var _CLBtnGroup = new CLBtnGroup(tableBar, Btns);
        _CLBtnGroup.OnSelected = function (divBtn) {
            divBtn.Call();
        }
        tableBar.lastChild.className = "CLTab";
        tableBar.lastChild.style.display = "inline-block";
        tableBar.lastChild.style.margin = "2px 0";
        tableBar.lastChild.style.overflow = "auto";
        tableBar.lastChild.style.width = "100%";
        for (var i = 0; i < MainDiv.childNodes.length; i++) {
            MainDiv.childNodes[i].style.display = "none";
        }
        _CLBtnGroup.Select(tableBar.firstChild.firstChild, true);
        sInput.oninput = function () {
            for (var i = 0; i < MainDiv.childNodes.length; i++) {
                var obj = MainDiv.childNodes[i].Object;
                if (obj != null) {
                    obj.Search(sInput.value);
                }
            }
        }

        if (!IsMobile()) {
            tableBar.style.position = "relative";
            sInput.style.verticalAlign = "top";
            sInput.style.marginTop = "3px";
            sInput.style.position = "absolute";
            sInput.style.right = "3px";
            tableBar.appendChild(sInput);
        }
        if (load) {
            load.Stop();
        }
    }

    var MemberRangeDialog = function (Range, End, load) {
        if (IsMobile() && !load) {
            load = new Loading();
            CLDelay(function () {
                MemberRangeDialog(Range, End, load);
            }, 10);
            return;
        }
        var dlgDiv = document.createElement("div");
        if (IsMobile()) {
            dlgDiv.style.width = "100%";
            dlgDiv.style.height = "100%";
        } else {
            dlgDiv.style.width = "654px";
            dlgDiv.style.maxWidth = "100%";
            dlgDiv.style.height = "575px";
        }
        var dlg = new CLDialog(dlgDiv, !IsMobile());
        var Parts = [];
        var Roles = [];
        var Members = [];
        var Dynamic = [];
        var listRange = [];
        var listRangeIds = [];
        dlg.CreateAll("成员范围", function () {
            Range.Parts = Parts;
            Range.Roles = Roles;
            Range.Members = Members;
            Range.Dynamic = Dynamic;
            End(Range);
        });
        var sInput = document.createElement("input");
        sInput.className = "CLSearch";
        sInput.style.height = "30px";
        if (IsMobile()) {
            sInput.style.width = "100%";
            sInput.style.margin = "7px 0";
            sInput.style.cssFloat = "left";
            dlg.Header.style.position = "relative";
            dlg.Header.appendChild(sInput);
        }
        var Body = dlg.Body;
        Body.className = "FrmDesignerDialog";
        var SelContainer = document.createElement("div");
        SelContainer.className = "SelContainer";
        Body.appendChild(SelContainer);
        var tableBar = document.createElement("div");
        tableBar.className = "tableBar";
        tableBar.style.margin = "0";
        Body.appendChild(tableBar);
        var MainDiv = document.createElement("div");
        MainDiv.style.border = "solid 1px #e0e0e0";
        MainDiv.style.borderTop = "none";
        MainDiv.style.overflow = "hidden";
        Body.appendChild(MainDiv);
        var orgDiv = MainDiv.cloneNode();
        orgDiv.style.border = "none";
        orgDiv.style.overflow = "auto";
        orgDiv.style.height = "100%";
        MainDiv.appendChild(orgDiv);
        var roleDiv = orgDiv.cloneNode();
        MainDiv.appendChild(roleDiv);
        var userDiv = orgDiv.cloneNode();
        MainDiv.appendChild(userDiv);
        var dynamicDiv = orgDiv.cloneNode();
        MainDiv.appendChild(dynamicDiv);
        if (IsMobile()) {
            MainDiv.style.height = "calc(100% - 160px)";
        } else {
            MainDiv.style.height = "310px";
        }
        var departTree = CLApp.getDepartTree()[0];
        var userlist = CLApp.getUserList();
        var roleTree = CLApp.getRoleTree()[0];
        function showRange() {
            SelContainer.innerHTML = "";
            var selectedList = new CLTop.CLList(listRange, SelContainer, null, function (Item) {
                Item.style.display = "inline-block";
                Item.style.width = "initial";
                Item.style.padding = "0 5px";
                var icon = document.createElement("span");
                icon.className = "FontIcon";
                icon.innerHTML = Item.ItemData.Icon;
                Item.insertBefore(icon, Item.firstChild);
                var close = document.createElement("span");
                close.className = "FontIcon";
                close.innerHTML = "&#xe7e4;";
                close.style.marginLeft = "5px";
                close.style.lineHeight = "34px";
                close.style.color = "#333";
                Item.appendChild(close);
                close.onclick = function () {
                    var className = Item.ItemData.className;
                    if (className == "Parts") {
                        orgDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                    if (className == "Roles") {
                        roleDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                    if (className == "Members") {
                        userDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                    if (className == "Dynamic") {
                        dynamicDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                }

            });
        }

        function setRange() {
            if (orgDiv.Object) {
                orgDiv.Object.Selects(Parts);
            }
            if (roleDiv.Object) {
                roleDiv.Object.Selects(Roles);
            }
            if (userDiv.Object) {
                userDiv.Object.List.Selects(Members);
            }
            if (dynamicDiv.Object) {
                dynamicDiv.Object.Selects(Dynamic);
            }
        }

        (function () {
            var List = [];
            for (var i = 0; i < userlist.length; i++) {
                List.push({
                    ID: userlist[i].userid,
                    Name: userlist[i].name,
                    TreeID: userlist[i].department
                });
            }
            userlist = List;
        }());
        var View = null;
        function OnBtnCreated(divBtn) {
            divBtn.style.width = "100px";
            if (divBtn.Btn.Name == "组织架构") {
                var obj = orgDiv.Object = new CLTree(departTree);
                obj.MultiSel = true;
                obj.Editable = false;
                obj.Render(orgDiv);
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = orgDiv;
                    View.style.display = "block";
                }
                obj.OnSelected = function (ItemData) {
                    if (Parts.indexOf(ItemData.ID) < 0) {
                        Parts.push(ItemData.ID);
                    }
                    if (listRangeIds.indexOf("Parts" + ItemData.ID) < 0) {
                        listRangeIds.push("Parts" + ItemData.ID);
                        listRange.push({
                            ID: "Parts" + ItemData.ID,
                            dataId: ItemData.ID,
                            Icon: "&#xe600;",
                            Name: CLApp.getDepartmentById(ItemData.ID).name,
                            className: "Parts"
                        });
                    }
                    showRange();
                }
                obj.OnLostSelected = function (ItemData) {
                    var index = Parts.indexOf(ItemData.ID);
                    if (index >= 0) {
                        Parts.splice(index, 1);
                    }
                    index = listRangeIds.indexOf("Parts" + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    showRange();
                }
                obj.Selects(Range.Parts);
            }
            if (divBtn.Btn.Name == "角色") {
                var obj = roleDiv.Object = new CLTree(roleTree);
                obj.MultiSel = true;
                obj.Editable = false;
                obj.Render(roleDiv);
                roleDiv.lastChild.classList.add("RoleTree");
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = roleDiv;
                    View.style.display = "block";
                }
                obj.OnSelected = function (ItemData) {
                    if (Roles.indexOf(ItemData.ID) < 0) {
                        Roles.push(ItemData.ID);
                    }
                    if (listRangeIds.indexOf("Roles" + ItemData.ID) < 0) {
                        listRangeIds.push("Roles" + ItemData.ID);
                        listRange.push({
                            ID: "Roles" + ItemData.ID,
                            dataId: ItemData.ID,
                            Icon: "&#xe737;",
                            Name: CLApp.getRoleById(ItemData.ID).Name,
                            className: "Roles"
                        });
                    }
                    showRange();
                }
                obj.OnLostSelected = function (ItemData) {
                    var index = Roles.indexOf(ItemData.ID);
                    if (index >= 0) {
                        Roles.splice(index, 1);
                    }
                    index = listRangeIds.indexOf("Roles" + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    showRange();
                }
                obj.Selects(Range.Roles);
            }
            if (divBtn.Btn.Name == "成员") {
                var obj = userDiv.Object = new CLTreeList(userDiv, departTree, userlist, true);
                obj.List.OnSelected = function (ItemData) {
                    if (Members.indexOf(ItemData.ID) < 0) {
                        Members.push(ItemData.ID);
                    }
                    if (listRangeIds.indexOf("Members" + ItemData.ID) < 0) {
                        listRangeIds.push("Members" + ItemData.ID);
                        listRange.push({
                            ID: "Members" + ItemData.ID,
                            dataId: ItemData.ID,
                            Icon: "&#xe78c;",
                            Name: CLApp.getMemberNameById(ItemData.ID),
                            className: "Members"
                        });
                    }
                    showRange();
                }
                obj.List.OnLostSelected = function (ItemData) {
                    var index = Members.indexOf(ItemData.ID);
                    if (index >= 0) {
                        Members.splice(index, 1);
                    }
                    index = listRangeIds.indexOf("Members" + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    showRange();
                }
                obj.List.Selects(Range.Members);
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = userDiv;
                    View.style.display = "block";
                }
            }
            if (divBtn.Btn.Name == "动态参数") {
                var dynamicList = dynamicDiv.Object = new CLTop.CLList(g_Dynamic, dynamicDiv, true);
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = dynamicDiv;
                    View.style.display = "block";
                }
                dynamicList.OnSelected = function (ItemData) {
                    if (Dynamic.indexOf(ItemData.ID) < 0) {
                        Dynamic.push(ItemData.ID);
                    }
                    if (listRangeIds.indexOf("Dynamic" + ItemData.ID) < 0) {
                        listRangeIds.push("Dynamic" + ItemData.ID);
                        listRange.push({
                            ID: "Dynamic" + ItemData.ID,
                            dataId: ItemData.ID,
                            Icon: "&#xe78c;",
                            Name: getDynamicNameById(ItemData.ID),
                            className: "Dynamic"
                        });
                    }
                    showRange();
                }
                dynamicList.OnLostSelected = function (ItemData) {
                    var index = Dynamic.indexOf(ItemData.ID);
                    if (index >= 0) {
                        Dynamic.splice(index, 1);
                    }
                    index = listRangeIds.indexOf("Dynamic" + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    showRange();
                }
                dynamicList.Selects(Range.Dynamic);
            }
        }
        var Btns = [];
        Btns.push({
            Name: "组织架构",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        Btns.push({
            Name: "角色",
            Type: "角色",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        Btns.push({
            Name: "成员",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        Btns.push({
            Name: "动态参数",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        var _CLBtnGroup = new CLBtnGroup(tableBar, Btns);
        _CLBtnGroup.OnSelected = function (divBtn) {
            divBtn.Call();
        }
        tableBar.lastChild.className = "CLTab";
        tableBar.lastChild.style.display = "inline-block";
        tableBar.lastChild.style.margin = "2px 0";
        tableBar.lastChild.style.width = "100%";
        for (var i = 0; i < MainDiv.childNodes.length; i++) {
            MainDiv.childNodes[i].style.display = "none";
        }
        _CLBtnGroup.Select(tableBar.firstChild.firstChild, true);
        sInput.oninput = function () {
            for (var i = 0; i < MainDiv.childNodes.length; i++) {
                var obj = MainDiv.childNodes[i].Object;
                if (obj != null) {
                    obj.Search(sInput.value);
                }
            }
        }

        if (!IsMobile()) {
            tableBar.style.position = "relative";
            sInput.style.verticalAlign = "top";
            sInput.style.marginTop = "3px";
            sInput.style.position = "absolute";
            sInput.style.right = "3px";
            tableBar.appendChild(sInput);
        }
        if (load) {
            load.Stop();
        }
    }

    //Range: {Parts: [],Dynamic: []}
    var PropDepartDialog = function (Range, Val, isMult, realDynamic, End, load) {
        if (IsMobile() && !load) {
            load = new Loading();
            CLDelay(function () {
                PropDepartDialog(Range, Val, isMult, realDynamic, End, load);
            }, 10);
            return;
        }
        if (Val == null) {
            Val = {};
        }
        var dlgDiv = document.createElement("div");
        if (IsMobile()) {
            dlgDiv.style.width = "100%";
            dlgDiv.style.height = "100%";
        } else {
            dlgDiv.style.width = "654px";
            dlgDiv.style.maxWidth = "100%";
            dlgDiv.style.height = "575px";
        }
        var Parts = [];
        var Dynamic = [];
        var listRange = [];
        var listRangeIds = [];
        var dlg = new CLDialog(dlgDiv, !IsMobile());
        dlg.CreateAll("部门选择框", function () {
            End({
                Parts: Parts,
                Dynamic: Dynamic
            });
        });
        var sInput = document.createElement("input");
        sInput.className = "CLSearch";
        sInput.style.height = "30px";
        if (IsMobile()) {
            sInput.style.width = "100%";
            sInput.style.margin = "7px 0";
            sInput.style.cssFloat = "left";
            dlg.Header.style.position = "relative";
            dlg.Header.appendChild(sInput);
        } else {
            dlg.EnableMove();
        }
        var Body = dlg.Body;
        Body.className = "FrmDesignerDialog";
        var SelContainer = document.createElement("div");
        SelContainer.className = "SelContainer";
        Body.appendChild(SelContainer);
        var tableBar = document.createElement("div");
        tableBar.className = "tableBar";
        tableBar.style.margin = "0";
        Body.appendChild(tableBar);
        var MainDiv = document.createElement("div");
        MainDiv.style.border = "solid 1px #e0e0e0";
        MainDiv.style.borderTop = "none";
        MainDiv.style.overflow = "hidden";
        Body.appendChild(MainDiv);
        var orgDiv = MainDiv.cloneNode();
        orgDiv.style.border = "none";
        orgDiv.style.overflow = "auto";
        orgDiv.style.height = "100%";
        MainDiv.appendChild(orgDiv);
        var dynamicDiv = orgDiv.cloneNode();
        MainDiv.appendChild(dynamicDiv);
        if (IsMobile()) {
            MainDiv.style.height = "calc(100% - 160px)";
        } else {
            MainDiv.style.height = "310px";
        }
        var PartIds;
        var RoleIds;
        var dynamicList;
        var hasRange = false;
        if (Range.Parts != null && Range.Parts.length != 0) {
            hasRange = true;
            PartIds = CLApp.extendDepartRoot(Range.Parts);
        }
        if (Range.Dynamic != null && Range.Dynamic.length != 0) {
            hasRange = true;
        }
        dynamicList = getDynamic(Range.Dynamic);

        function SetVal() {
            orgDiv.IsSetVal = true;
            dynamicDiv.IsSetVal = true;
            if (isMult) {
                if (orgDiv.Object) {
                    orgDiv.Object.Selects(null);
                    orgDiv.Object.Selects(Parts);
                }
                if (realDynamic) {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Selects(Parts);
                    }
                } else {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Selects(null);
                        dynamicDiv.Object.Selects(Dynamic);
                    }
                }
            } else {
                if (orgDiv.Object) {
                    orgDiv.Object.Select(Parts[0]);
                }
                if (realDynamic) {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Select(Parts[0]);
                    }
                } else {
                    if (dynamicDiv.Object) {
                        dynamicDiv.Object.Select(Dynamic[0]);
                    }
                }
            }
            showVal();
            orgDiv.IsSetVal = false;
            dynamicDiv.IsSetVal = false;
        }

        function getDynamic(Ids) {
            if (!hasRange && !realDynamic) {
                return g_departDynamic;
            }
            var list = [];
            for (var i = 0; i < g_departDynamic.length; i++) {
                if (Ids == null || Ids.indexOf(g_departDynamic[i].ID) >= 0 || !hasRange) {
                    list.push(g_departDynamic[i]);
                }
            }
            return realDynamic ? RealDynamic(list) : list;
        }

        function showVal() {
            SelContainer.innerHTML = "";
            var selectedList = new CLTop.CLList(listRange, SelContainer, null, function (Item) {
                Item.style.display = "inline-block";
                Item.style.width = "initial";
                Item.style.padding = "0 5px";
                var icon = document.createElement("span");
                icon.className = "FontIcon";
                icon.innerHTML = Item.ItemData.Icon;
                Item.insertBefore(icon, Item.firstChild);
                var close = document.createElement("span");
                close.className = "FontIcon";
                close.innerHTML = "&#xe7e4;";
                close.style.marginLeft = "5px";
                close.style.lineHeight = "34px";
                close.style.color = "#333";
                Item.appendChild(close);
                close.onclick = function () {
                    var className = Item.ItemData.className;
                    if (className == "Parts") {
                        orgDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                    if (className == "Dynamic") {
                        dynamicDiv.Object.UnSelect(Item.ItemData.dataId);
                    }
                }

            });
        }
        var View = null;
        function OnBtnCreated(divBtn) {
            divBtn.style.width = "100px";
            if (divBtn.Btn.Name == "组织架构") {
                var departTree;
                if (hasRange) {
                    departTree = CLApp.getDepartTree(PartIds)[0];
                } else {
                    departTree = CLApp.getDepartTree()[0];
                }
                var obj = orgDiv.Object = new CLTree(departTree);
                obj.MultiSel = isMult;
                obj.Editable = false;
                if (hasRange) {
                    obj.OnItemCreated = function (Item, ItemData) {
                        if (Range.Parts.indexOf(ItemData.ID) < 0) {
                            Item.disabled = true;
                            Item.firstChild.lastChild.style.display = "none";
                        }
                    }
                }
                obj.Render(orgDiv);
                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = orgDiv;
                    View.style.display = "block";
                }
                obj.OnSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    if (Parts.indexOf(ItemData.ID) < 0) {
                        Parts.push(ItemData.ID);
                    }
                    if (!isMult) {
                        Dynamic = [];
                    }
                    if (!isMult) {
                        listRangeIds = [];
                        listRange = [];
                    }
                    if (listRangeIds.indexOf("Parts" + ItemData.ID) < 0) {
                        listRangeIds.push("Parts" + ItemData.ID);
                        listRange.push({
                            ID: "Parts" + ItemData.ID,
                            dataId: ItemData.ID,
                            Icon: "&#xe600;",
                            Name: CLApp.getDepartmentById(ItemData.ID).name,
                            className: "Parts"
                        });
                    }
                    SetVal();
                }
                obj.OnLostSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    var index = Parts.indexOf(ItemData.ID);
                    if (index >= 0) {
                        Parts.splice(index, 1);
                    }
                    index = listRangeIds.indexOf("Parts" + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    SetVal();
                }
                obj.Selects(Val.Parts);
            }
            if (divBtn.Btn.Name == "动态参数") {
                var obj = dynamicDiv.Object = new CLTop.CLList(dynamicList, dynamicDiv, isMult);
                obj.OnSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    if (!isMult) {
                        Parts = realDynamic ? [ItemData.ID] : [];
                        Dynamic = realDynamic ? [] : [ItemData.ID];
                        listRange = [
                            {
                                ID: (realDynamic ? "Parts" : "Dynamic") + ItemData.ID,
                                Name: realDynamic ? CLApp.getDepartmentNameById(ItemData.ID) : getDepartDynamicNameById(ItemData.ID),
                                className: (realDynamic ? "Parts" : "Dynamic"),
                                Icon: "&#xe600;",
                                dataId: ItemData.ID
                            }
                        ];
                        listRangeIds = [(realDynamic ? "Parts" : "Dynamic") + ItemData.ID];
                    } else {
                        if (realDynamic) {
                            if (Parts.indexOf(ItemData.ID) < 0) {
                                Parts.push(ItemData.ID);
                            }
                            if (!isMult) {
                                Dynamic = [];
                            }
                        } else {
                            if (Dynamic.indexOf(ItemData.ID) < 0) {
                                Dynamic.push(ItemData.ID);
                            }
                            if (!isMult) {
                                Parts = [];
                            }
                        }
                        if (listRangeIds.indexOf((realDynamic ? "Parts" : "Dynamic") + ItemData.ID) < 0) {
                            listRangeIds.push((realDynamic ? "Parts" : "Dynamic") + ItemData.ID);
                            listRange.push({
                                ID: (realDynamic ? "Parts" : "Dynamic") + ItemData.ID,
                                dataId: ItemData.ID,
                                Icon: "&#xe78c;",
                                Name: realDynamic ? CLApp.getDepartmentNameById(ItemData.ID) : getDepartDynamicNameById(ItemData.ID),
                                className: (realDynamic ? "Parts" : "Dynamic")
                            });
                        }
                    }
                    SetVal();
                }

                obj.OnLostSelected = function (ItemData) {
                    if (dynamicDiv.IsSetVal) {
                        return;
                    }
                    if (realDynamic) {
                        if (Parts.indexOf(ItemData.ID) >= 0) {
                            Parts.splice(Parts.indexOf(ItemData.ID), 1);
                        }
                    } else {
                        if (Dynamic.indexOf(ItemData.ID) >= 0) {
                            Dynamic.splice(Dynamic.indexOf(ItemData.ID), 1);
                        }
                    }
                    var index = listRangeIds.indexOf((realDynamic ? "Parts" : "Dynamic") + ItemData.ID)
                    if (index >= 0) {
                        listRangeIds.splice(index, 1);
                        listRange.splice(index, 1);
                    }
                    SetVal();
                }

                divBtn.Call = function () {
                    if (View != null) {
                        View.style.display = "none";
                    }
                    View = dynamicDiv;
                    View.style.display = "block";
                }
                if (isMult && !realDynamic) {
                    obj.Selects(Val.Dynamic);
                } else if (!realDynamic) {
                    obj.Select(Val.Dynamic);
                }
            }
        }

        var Btns = [];
        if (!hasRange || (Range.Parts != null && Range.Parts.length != 0)) {
            Btns.push({
                Name: "组织架构",
                IsSel: false,
                Width: "100%",
                OnBtnCreated: OnBtnCreated
            });
        }
        if (!hasRange || (Range.Dynamic != null && Range.Dynamic.length != 0)) {
            Btns.push({
                Name: "动态参数",
                IsSel: false,
                Width: "100%",
                OnBtnCreated: OnBtnCreated
            });
        }
        var _CLBtnGroup = new CLBtnGroup(tableBar, Btns);
        _CLBtnGroup.OnSelected = function (divBtn) {
            divBtn.Call();
        }
        tableBar.lastChild.className = "CLTab";
        tableBar.lastChild.style.display = "inline-block";
        tableBar.lastChild.style.margin = "2px 0";
        tableBar.lastChild.style.width = "100%";
        for (var i = 0; i < MainDiv.childNodes.length; i++) {
            MainDiv.childNodes[i].style.display = "none";
        }
        _CLBtnGroup.Select(tableBar.firstChild.firstChild, true);
        sInput.oninput = function () {
            for (var i = 0; i < MainDiv.childNodes.length; i++) {
                var obj = MainDiv.childNodes[i].Object;
                if (obj != null) {
                    obj.Search(sInput.value);
                }
            }
        }

        if (!IsMobile()) {
            tableBar.style.position = "relative";
            sInput.style.verticalAlign = "top";
            sInput.style.marginTop = "3px";
            sInput.style.position = "absolute";
            sInput.style.right = "3px";
            tableBar.appendChild(sInput);
        }
        if (load) {
            load.Stop();
        }
    }

    var RolesSelector = function (Roles, event, End) {
        var Menu = {
            "style": {
                "max-height": "250px",
            },
            "Items": []
        };
        var _CLMenu = new CLMenu(Menu);
        var Div = _CLMenu.Div;
        var treeData = CLApp.getRoleTree()[0];
        var roleTree = new CLTree(treeData);
        roleTree.MultiSel = true;
        roleTree.Editable = false;
        roleTree.Render(Div);
        var Vals = [];

        roleTree.OnSelected = function (ItemData) {
            if (Vals.indexOf(ItemData.ID) < 0) {
                Vals.push(ItemData.ID);
            }
        }

        roleTree.OnLostSelected = function (ItemData) {
            if (Vals.indexOf(ItemData.ID) >= 0) {
                Vals.splice(Vals.indexOf(ItemData.ID), 1);
            }
        }
        roleTree.Selects(Roles);
        var close = _CLMenu.Close;
        _CLMenu.Close = function () {
            End(Vals);
            close.apply(_CLMenu, arguments);
        }
        Div.style.height = "";
        _CLMenu.Reset(event);
    }

    var notNull = function (Label) {
        var span = document.createElement("span");
        span.style.cssText = "color:#d84636;padding:0 5px";
        span.innerHTML = "*";
        Label.appendChild(span);
    }

    var ScanImg = (function () {
        return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAANRSURBVHjanJS9i11VFMV/a+9zP96MEU1MNAFNVBAsFAUjKmppIfb5DwQLsbARsZ3CziLa2JtCG61sbAQVA45gkxgx0UJIQiaaGWfmvXvvOdvi3vcyVgY3bO7hcs46e6+z1tbLP37N+WtXn65ynCXKC5ixjFIKa03zceX++l4plCG/G8OwgYkDmwjYrNrmTYxv09Z88ZS6fjMQZjoffb+LqAERcX9f0oVUGVgQwZXo8iWVchOUgR73Rjme7/bn37Rrs1fSr1s33kkR+Hr7nkrZyPMCGiuQwFxI41rJzoWnc+QBJCKCOiXa9fqNrT9vfRTd8HaqojyCGXnRf6+IFdgqYkoEEWNOayEGGbtD/q72RJeHUwYaRi6iDiCWgBFQAh3AgwkwythBW0PllIgWAokurfZreSQIQJ4QkDH2shF5rEyexm+TIPm/L4VIRNSS2OkWjQQzr/B2BqmCCHIwtQeEUNPc5qLkZUfVRE1rUdvlIYIXH3z4t2dPnMTbNbI5lDIBTWDLtpc8BoCRKFQqf4SBu19JStWZyvxMJ+f60FPcsVhy9l8hAkPKl611SSJp0OlIduqHG1fbJFnjHhETmZCAaoLvgTz965ZXFlDGwohFLvmnFGX4kL356dn0uoX/F7kUrGm+SFbZq3nQSZVyGHCkJWYBWphcM1bVTxXPVxVGCJC5X5d0MZl8J3v+xZp2O7qeyPnOy5qc0jQN+7kckiJb6frPKOVWiXgukt/pa4wqcMdnDdn0eOm77TIMX6bc9w/IjJjPj8NoWsUBqY4yp88ZSVRmRCmoqqCp2SdgyPdZzgR+PMmsGxUwfUf9Ihkg3I2+67hntkZVV2zN57g0ugTwAKQ+JBALG4V00HMgTeafxoyZ8+iRY9w9W6MT4E6UGNseDywfUgnhhJDRHZgCS1sQEbgZJYJ+GEbRR6zmB6VAiWFip7Li/nPJA1ZVLyml1Wa4PcoigmRGMmcUiVYphBGvRQmycVHHvvr8sflifzOGvI7Z70Tcuq09nVDyDZV4/6HDR9hezN+6urP9QeN+LUad9sB69MMRT77X3jV7xu5t6ktNO3tykD4FDmM6henolIciWCsEV/b+4ma/39XBfuT8N2Nmct7Nrk/qtn3iaJpd+GcAzaW1vJtw1AkAAAAASUVORK5CYII=";
    })();

    function LinkageBox(Box) {
        var Data = Box.dataCtrl.Data;
        if (Data.Linkage == null || (Data.DefType != "数据联动" && Data.SourceType != "数据联动" && Data.DefType != "数据源联动" && Data.SourceType != "数据源联动")) {
            return null;
        }
        var ID = Data.Linkage.CurFieldID;
        var retBox = FrmDesigner.getElementById(ID, Box);
        return retBox;
    }

    function GetWheres(Box, FormID) {
        if (Box == null) {
            return null;
        }
        var Data = Box.dataCtrl.Data;
        var Linkage = Data.Linkage;
        if (Linkage == null) {
            return null;
        }
        if (FormID == null) {
            FormID = Linkage.FormID;
        }
        if (FormID != Linkage.FormID) {
            return null;
        }
        var linkageBox = LinkageBox(Box);
        if (linkageBox == null) {
            return null;
        }
        var Wheres = [
        ]
        if (Data.ParentID == null) {
            var Value = linkageBox.Value;
            Wheres.push({
                UnionFieldID: Linkage.UnionFieldID1,
                Value: Value
            });

        } else {
            var Value = linkageBox.Value;
            Wheres.push({
                UnionFieldID: Linkage.UnionFieldID1,
                Value: Value
            });
        }
        var preWheres = GetWheres(LinkageBox(Box), FormID);
        if (preWheres != null) {
            Wheres = Wheres.concat(preWheres);
        }
        return Wheres;
    }

    function GetIconByUrl(Url) {
        if (!Url) {
            return null;
        }
        var Ext = Url.substr(Url.lastIndexOf(".") + 1);
        return CLPreView.GetIcon(Ext);
    }

    function FindRelevantTable(Controls) {
        var TableIDs = [];
        for (var i = 0; i < Controls.length ; i++) {
            if (FrmCtrls[Controls[i].Name].FindRelevantTable != null) {
                var IDs = FrmCtrls[Controls[i].Name].FindRelevantTable(Controls[i].Data);
                for (var j = 0; j < IDs.length; j++) {
                    if (TableIDs.indexOf(IDs[j]) < 0) {
                        TableIDs.push(IDs[j]);
                    }
                }
            }
        }
        return TableIDs;
    }

    function CalcRulesIDs(Rules) {
        var IDs = [];
        for (var i = 0; i < Rules.length; i++) {
            if (Rules[i].Val != null && Rules[i].Val.IDs != null) {
                for (var j = 0; j < Rules[i].Val.IDs.length; j++) {
                    if (IDs.indexOf(Rules[i].Val.IDs[j]) < 0) {
                        IDs.push(Rules[i].Val.IDs[j]);
                    }
                }
            }
            if (Rules[i].Val != null && Rules[i].Val.SerialField != null) {
                if (IDs.indexOf(Rules[i].Val.SerialField) < 0) {
                    IDs.push(Rules[i].Val.SerialField);
                }
            }
            if (Rules[i].Val != null && Rules[i].Val.ID != null) {
                if (IDs.indexOf(Rules[i].Val.ID) < 0) {
                    IDs.push(Rules[i].Val.ID);
                }
            }
        }
        return IDs;
    }

    function Mapped(ControlBox) {
        var Designer = FrmDesigner.GetInstance(ControlBox);
        var dataForm = Designer.dataForm;
        var MappingInfo = dataForm.MappingInfo;
        if (!MappingInfo) {
            return null;
        }
        var formId;
        if (!ControlBox.dataCtrl.Data.ParentID) {
            formId = MappingInfo.FormID;
            mappedId = MappingInfo[ControlBox.dataCtrl.Data.ID];
        } else {
            var Info = MappingInfo[ControlBox.dataCtrl.Data.ParentID];
            formId = Info == null ? null : Info.FormID;
            mappedId = Info == null ? null : Info[ControlBox.dataCtrl.Data.ID];
        }
        if (!mappedId) {
            return null;
        }
        var MappedInfo = CLClone(CLApp.getFieldInfo(mappedId));
        MappedInfo.FormID = formId;
        if (MappedInfo.className == "流水号") {
            var UnMapped = Designer.UnMapped;
            if (!UnMapped) {
                Designer.UnMapped = UnMapped = {};
                Designer.MappedInfo = {};
                for (var key in MappingInfo) {
                    if (key == "FormID") {
                        continue;
                    }
                    if (typeof MappingInfo[key] == "string") {
                        UnMapped[MappingInfo[key]] = key;
                        Designer.MappedInfo[key] = MappingInfo[key];
                    } else {
                        var subInfo = MappingInfo[key];
                        for (var subkey in subInfo) {
                            if (subkey == "FormID") {
                                continue;
                            }
                            UnMapped[subInfo[subkey]] = subkey;
                            Designer.MappedInfo[subkey] = subInfo[subkey];
                        }
                    }
                }
            }
            var IDs = CalcRulesIDs(MappedInfo.Rules);
            MappedInfo.RulesIDs = IDs;
            var UnMappedIDs = [];
            for (var i = 0; i < IDs.length; i++) {
                if (UnMapped[IDs[i]]) {
                    UnMappedIDs.push(UnMapped[IDs[i]]);
                }
            }
            MappedInfo.UnMappedRulesIDs = UnMappedIDs;
        }
        return MappedInfo;
    }

    function CalcRules(ControlBox) {
        var Designer = FrmDesigner.GetInstance(ControlBox);
        var dataCtrl = ControlBox.dataCtrl;
        var Data = dataCtrl.Data;
        var Info = Mapped(ControlBox);
        var enableUpdate = Data.enableUpdate;
        var IDs = [];
        if (!!Info) {
            IDs = Info.UnMappedRulesIDs;
            enableUpdate = Info.enableUpdate;
        } else {
            if (dataCtrl.Name != "流水号") {
                return;
            }
            IDs = CalcRulesIDs(Data.Rules);
        }
        for (var i = 0; i < IDs.length; i++) {
            onEvent(IDs[i]);
        }
        var timer = null;
        function remoteCalcVal() {
            if (timer) {
                clearTimeout(timer);
                timer = null;
            }
            timer = setTimeout(function () {
                clearTimeout(timer);
                timer = null;
                func();
            });
            function func() {
                var PageData = Designer.GetBeforeChange();
                if (!enableUpdate && ControlBox.Initialized) {
                    return;
                }
                var formData = {};
                if (PageData != null) {
                    formData.ID = dataCtrl.Data.ParentID == null ? PageData.ID : ControlBox.Parent.ID == null ? CLMakeId() : ControlBox.Parent.ID;
                } else {
                    formData.ID = CLMakeId();
                }
                formData.FormID = !!Info ? Info.FormID : Designer.getData().ID;
                for (var i = 0; i < IDs.length; i++) {
                    var Ele = FrmDesigner.getElementById(IDs[i], ControlBox);
                    formData["DataField_" + (!!Info ? Designer.MappedInfo[IDs[i]] : IDs[i])] = Ele.Value;
                }
                var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpCalcSerialNumber&Data=" + JSON.stringify(formData);
                HttpPost(url, function (Json) {
                    ControlBox.Value = Json.data;
                }, {}, false);
            }
        }

        function onEvent(ID) {
            var Ele = FrmDesigner.getElementById(ID, ControlBox);
            if (Ele != null) {
                var fChanged = function (Box) {
                    if (!ControlBox.isConnected) {
                        return;
                    }
                    if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                        remoteCalcVal();
                    }
                }
                Ele.Changed.push(fChanged);
            } else {
                var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                CLShowMsg(msg);
            }
        }
        remoteCalcVal();
    }

    window.FrmCoderEditor = function (dataCtrl, Val, divContext, End, sHeader) {
        var self = this;
        self.divContext = divContext;
        self.dataCtrl = dataCtrl;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.width = "850px";
        dlgDiv.style.height = "585px";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("公式编辑器", function (Val) {
            End(self.CodeEditor.getValue());
        });
        var Header = dlg.Header;
        var Body = dlg.Body;
        dlg.EnableMove(Header);
        Body.className = "FrmCoderEditor";
        Header.ondblclick = function () {
            dlg.MaximizeOrReset();
            self.CodeEditor.editor.setSize('auto', '100%');
        }
        var Box = document.createElement("div");
        Box.style.height = "calc(100% - 260px)";
        Box.style.padding = "0 10px";
        Box.style.border = "solid 1px #e0e0e0";
        Body.appendChild(Box);
        if (dataCtrl.Name != "子表单" && dataCtrl.Name != "分割线" && dataCtrl.Name != "选项卡" && dataCtrl.Name != "表格控件") {
            var Box_Header = document.createElement("div");
            if (typeof (sHeader) != "undefined") {
                Box_Header.innerHTML = sHeader;
            } else {
                Box_Header.innerHTML = dataCtrl.Data.Name + " = ";
            }
            Box_Header.style.lineHeight = "36px";
            Box_Header.style.height = "36px";
            Box.style.position = "relative";
            Box.appendChild(Box_Header);
        }
        var editorBox = document.createElement("div");
        editorBox.style.height = "calc(100% - 36px)";
        Box.appendChild(editorBox);
        var codeEditor = self.CodeEditor = new CLCodeEditor(editorBox, "javascript");
        var globalScope = self.CodeEditor.getGlobalScope();

        FrmCoderEditor.Scope(dataCtrl, globalScope);

        codeEditor.testMark = function (Mark) {
            var ID = Mark.FieldData.ID;
            var FormID = Mark.FieldData.FormID;
            if (ID == "提交按钮" || ID == "摄像头") {
                return true;
            }
            if (Mark.FieldData.className == "角色") {
                for (var i = 0; i < g_RoleList.length; i++) {
                    if (g_RoleList[i].ID == Mark.FieldData.ID) {
                        return true;
                    }
                }
            } else if (FormID != null) {
                var Form = CLApp.getFormById(FormID);
                var Fields = Form.Fields;
                for (var i = 0; i < Fields.length ; i++) {
                    if (Fields[i].ID == ID) {
                        Mark.FieldData.Name = Form.Name + "●" + Fields[i].Name;
                        Mark.FieldData.FormName = Form.Name;
                        Mark.FieldData.FieldName = Fields[i].Name;
                        return true;
                    }
                }
            } else {
                var Fields = FrmDesigner.getData(divContext).Controls;
                for (var i = 0; i < Fields.length ; i++) {
                    if (Fields[i].Data.ID == ID) {
                        Mark.FieldData.Name = Fields[i].Data.Name;
                        return true;
                    }
                    if (Fields[i].Name == "子表单") {
                        for (var j = 0; j < Fields[i].Data.Field.length; j++) {
                            if (Fields[i].Data.Field[j].Data.ID == ID) {
                                Mark.FieldData.Name = Fields[i].Data.Name + "●" + Fields[i].Data.Field[j].Data.Name;
                                return true;
                            }
                        }
                    }
                }

            }
        }

        codeEditor.replacedWith = function (className, FieldData) {
            if (FieldData.className == "摄像头") {
                return "FrmCtrls.ControlCamera()";
            }
            else if (FieldData.className == "角色") {
                return "(\"" + FieldData.ID + "\")";
            } else {
                return "__Ctrl__(\"" + FieldData.ID + "\")";
            }
        }

        codeEditor.MarkerProps = function (mark) {
            return self.MarkerProps(mark);
        }

        codeEditor.setValue(Val);

        dlg.onsizeChanged = function () {
            codeEditor.editor.setSize('auto', '100%');
        }

        var Row = document.createElement("div");
        Row.style.marginTop = "10px";
        var TableInfo = document.createElement("div");
        TableInfo.style.display = "inline-block";
        TableInfo.style.verticalAlign = "top";
        TableInfo.style.width = "270px";
        var label = document.createElement("div");
        label.innerHTML = "变量";
        label.style.color = "#91A1B7";
        label.style.height = "18px";
        label.style.lineHeight = "18px";
        label.style.marginBottom = "5px";
        TableInfo.appendChild(label);
        Row.appendChild(TableInfo);
        Body.appendChild(Row);
        (function () {
            var InfoHeader = document.createElement("div");
            InfoHeader.style.lineHeight = "36px";
            InfoHeader.style.height = "36px";
            InfoHeader.style.border = "1px solid #e0e0e0";
            TableInfo.appendChild(InfoHeader);
            function OnBtnCreated(divBtn) {
                divBtn.style.width = "50%";
                divBtn.style.fontSize = "10px";
            }
            var Btns = [];
            Btns.push({
                Name: "当前表单字段",
                IsSel: false,
                Width: "100%",
                OnBtnCreated: OnBtnCreated
            });
            Btns.push({
                Name: "角色信息",
                IsSel: false,
                Width: "100%",
                OnBtnCreated: OnBtnCreated
            });
            var InfoBody = null;
            InfoBody = document.createElement("div");
            InfoBody.style.height = "190px";
            InfoBody.style.border = "1px solid #e0e0e0";
            InfoBody.style.borderTop = "none";
            TableInfo.appendChild(InfoBody);
            var _CLBtnGroup = new CLBtnGroup(InfoHeader, Btns);
            _CLBtnGroup.OnSelected = function (divBtn) {
                if (divBtn.Btn.Name == "当前表单字段") {
                    self.CurrentTableInfo(InfoBody);
                }
                if (divBtn.Btn.Name == "角色信息") {
                    self.RolesInfo(InfoBody);
                }
            }
            InfoHeader.lastChild.className = "CLTab";
            InfoHeader.lastChild.style.display = "inline-block";
            InfoHeader.lastChild.style.margin = "2px 0";
            InfoHeader.lastChild.style.width = "100%";
            _CLBtnGroup.Select(InfoHeader.firstChild.firstChild, true);

            var FunctionHelper = document.createElement("div");
            FunctionHelper.style.height = "250px";
            FunctionHelper.style.display = "inline-block";
            FunctionHelper.style.verticalAlign = "top";
            FunctionHelper.style.marginLeft = "10px";
            FunctionHelper.style.width = "calc(100% - 280px)";
            label = label.cloneNode();
            label.innerHTML = "函数";
            label.style.width = "530px";
            FunctionHelper.appendChild(label);
            Row.appendChild(FunctionHelper);

            var FunBox = document.createElement("div");
            FunBox.style.border = "1px solid #e0e0e0";
            FunBox.style.width = "150px";
            FunBox.style.height = "227px";
            FunBox.style.display = "inline-block";
            FunBox.style.position = "relative";
            FunctionHelper.appendChild(FunBox);

            var Search = document.createElement("div");
            Search.style.position = "relative";
            Search.style.borderBottom = "1px solid #e0e0e0";
            var input = document.createElement("input");
            input.className = "ControlSearch";
            input.setAttribute("placeholder", "搜索函数");
            input.style.outline = "none";
            input.style.border = "none";
            input.style.width = "100%";
            input.style.height = "36px";
            input.style.padding = "0 30px 0 10px";
            Search.appendChild(input);
            var icon = document.createElement("span");
            icon.style.position = "absolute";
            icon.style.right = "10px";
            icon.style.lineHeight = "36px";
            icon.style.fontWeight = "900";
            icon.style.color = "#757575";
            icon.style.fontFamily = "CLFont";
            icon.innerHTML = "&#xe65c;";
            Search.appendChild(icon);
            FunBox.appendChild(Search);

            var listFun = document.createElement("div");
            listFun.style.height = "188px";
            listFun.style.overflow = "auto";
            FunBox.appendChild(listFun);
            var Helper = null;

            var dataTree = {
                ID: "所有",
                Name: "所有",
                SubNode: []
            };

            for (var i = 0; i < FrmCoderEditor.AllFunc.length ; i++) {
                var Ele = {
                    ID: i,
                    Name: FrmCoderEditor.AllFunc[i].Type,
                    SubNode: FrmCoderEditor.AllFunc[i].Functions
                };
                dataTree.SubNode.push(Ele);
            }
            var tree = new CLTree(dataTree);
            tree.Editable = false;
            tree.OnItemCreated = function (Item, ItemData) {
                if (ItemData.ID == "所有") {
                    Item.firstChild.style.display = "none";
                } else {
                    Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                }
                if (ItemData.SubNode == null) {
                    Item.onmouseenter = function () {
                        Helper.innerHTML = "";
                        var FunName = document.createElement("div");
                        FunName.style.borderBottom = "1px solid #e0e0e0";
                        FunName.style.lineHeight = "36px";
                        FunName.style.padding = "0 10px";
                        FunName.style.height = "36px";
                        FunName.innerHTML = ItemData.Name;
                        Helper.appendChild(FunName);
                        var Info = document.createElement("div");
                        Info.style.lineHeight = "20px";
                        Info.style.padding = "2px 10px";
                        Info.style.color = "#5E6D82";
                        Info.innerHTML = FrmCoderEditor.GetNoteByName(ItemData.Name);
                        Helper.appendChild(Info);
                        var A = document.createElement("div");
                        A.style.margin = "15px 0 0 10px";
                        A.style.cursor = "pointer";
                        A.style.display = "inline-block";
                        A.style.color = "#248AF9";
                        A.style.textDecoration = "underline";
                        A.innerHTML = "了解详情";
                        A.onclick = function () {

                        }
                        Helper.appendChild(A);
                    }
                    Item.firstChild.onclick = function (e) {
                        self.CodeEditor.pushText(ItemData.Name);
                        e.stopPropagation();
                    }
                } else {
                    //Item.firstChild.onmousedown = function (e) {
                    //    if (Item.IsOpen()) {
                    //        Item.Close();
                    //    } else {
                    //        Item.Open();
                    //    }
                    //    e.stopPropagation();
                    //}
                }
            }
            tree.Render(listFun);
            Helper = document.createElement("div");
            Helper.style.width = "calc(100% - 160px)";
            Helper.style.height = "227px";
            Helper.style.display = "inline-block";
            Helper.style.cssFloat = "right";
            Helper.style.color = "#5E6D82";
            Helper.style.overflow = "hidden";
            Helper.style.border = "1px solid #e0e0e0";
            var ul = document.createElement("ul");
            var li = document.createElement("li");
            li.style.lineHeight = "30px";
            li.style.marginLeft = "25px";
            li.style.listStyleType = "disc";
            li.innerHTML = "请从左侧面板选择字段名和函数，或输入函数";
            ul.appendChild(li);
            Helper.appendChild(ul);
            li = li.cloneNode();
            li.innerHTML = "公式编辑举例：<code class='CodeKeyWords'>SUM</code>(<code class='CodeField'>基本工资</code>,<code class='CodeField'>加班工资</code>)";
            ul.appendChild(li);
            Helper.appendChild(ul);

            var defLink = document.createElement("div");
            defLink.style.paddingTop = "5px";
            defLink.style.lineHeight = "30px";
            defLink.style.padding = "0 25px";
            var A = document.createElement("div");
            A.style.textDecoration = "underline";
            A.style.cursor = "pointer";
            A.style.color = "#248AF9";
            A.innerHTML = "观看公式入门视频&gt;";
            A.onclick = function () {

            }
            defLink.appendChild(A);
            A = A.cloneNode();
            A.innerHTML = "观看公式进阶视频&gt;";
            A.onclick = function () {

            }
            defLink.appendChild(A);
            A = A.cloneNode();
            A.innerHTML = "查看所有公式的帮助文档&gt;";
            A.onclick = function () {

            }
            defLink.appendChild(A);

            Helper.appendChild(defLink);

            FunctionHelper.appendChild(Helper);
        }())
    }

    var fn = FrmCoderEditor.prototype;

    fn.CodeEditor = null;

    fn.dataCtrl = null;

    fn.divContext = null;

    fn.CurrentTableInfo = function (Div) {
        var self = this;
        var Fields = FrmDesigner.getData(self.divContext).Controls;
        var Data = self.dataCtrl.Data;
        if (Data == null) {
            Data = {};
        }
        var jList = [];
        var editor = self.CodeEditor.editor;
        var BaseControl = [
            "单行文本",
            "多行文本",
            "数字",
            "时间日期",
            "单选按钮组",
            "复选框组",
            "下拉框",
            "下拉复选框",
            "子表单",
            "附件上传",
            "关联数据",
            "手写签名",
            "流水号",
            "成员单选",
            "成员多选",
            "部门单选",
            "部门多选",
        ]
        var className = self.dataCtrl.Name;
        var Prop = FrmCtrls.CtrlsProps;
        var helpSelf = document.createElement("div");
        for (var i = 0; i < Fields.length; i++) {
            if (Fields[i].Data.ID != Data.ID) {
                if (BaseControl.indexOf(Fields[i].Name) >= 0) {
                    jList.push({
                        ID: Fields[i].Data.ID,
                        Name: Fields[i].Data.Name,
                        className: Fields[i].Name
                    });
                    var className = Fields[i].Name;
                    if (className == "数字") {
                        helpSelf.Value = 0;
                    } else if (className == "复选框组"
                        || className == "下拉复选框"
                        || className == "子表单"
                        || className == "附件上传"
                        || className == "成员多选"
                        || className == "部门多选"
                        ) {
                        helpSelf.Value = [];
                    } else if (className == "单行文本"
                        || className == "多行文本"
                        || className == "时间日期"
                        || className == "单选按钮组"
                        || className == "下拉框"
                        || className == "流水号"
                        || className == "成员单选"
                        || className == "部门多选"
                        ) {
                        helpSelf.Value = "";
                    } else {
                        helpSelf.Value = {};
                    }
                    helpSelf.OnInitializeds = [];
                    if (Fields[i].Name == "下拉框" || Fields[i].Name == "下拉复选框") {
                        helpSelf.Items = [];
                        helpSelf.Select = new CLSelect();
                    }
                    if (Fields[i].Name == "关联数据") {
                        helpSelf.dataItem = {};
                    }
                    if (Fields[i].Name == "手写签名") {
                        helpSelf.ToUrl = function () { }
                    }
                    if (Fields[i].Name == "选项卡") {
                        helpSelf.Show = function () { }
                        helpSelf.Hide = function () { }
                        helpSelf.Select = function () { }
                    }
                    helpSelf.Disabled = false;
                    helpSelf.DivNote = helpSelf;
                }
            }
            if (Fields[i].Name == "子表单") {
                for (var j = 0; j < Fields[i].Data.Field.length; j++) {
                    if (BaseControl.indexOf(Fields[i].Data.Field[j].Name) >= 0 && Fields[i].Data.Field[j].Data.ID != Data.ID) {
                        jList.push({
                            ID: Fields[i].Data.Field[j].Data.ID,
                            Name: (Fields[i].Data.ID != Data.ID ? Fields[i].Data.Name : "Self") + "●" + Fields[i].Data.Field[j].Data.Name,
                            className: Fields[i].Data.Field[j].Name,
                            ParentID: Fields[i].Data.ID
                        });
                    }
                }
            }
        }
        if (className == "单行文本" && Data.ScanAble == true) {
            jList.push({
                ID: "摄像头",
                Name: "摄像头",
                className: "摄像头",
            });
        }
        jList.push({
            ID: "提交按钮",
            Name: "提交时间",
            className: "提交按钮",
        });

        Div.innerHTML = "";
        var List = new CLList(jList, Div, null, function (Item, ItemData) {
            Item.style.fontSize = "12px";
            Item.style.paddingLeft = "15px";
            Item.title = ItemData.Name;
            Item.firstChild.style.maxWidth = "calc(100% - 45px)";
            Item.firstChild.style.display = "inline-block";
            Item.style.position = "relative";
            Item.firstChild.classList.add("ellipsis");
            Item.style.height = "26px";
            var span = document.createElement("span");
            span.style.position = "absolute";
            span.style.right = "0";
            span.style.padding = "0 8px";
            if (ItemData.ParentID != null && ItemData.ParentID != Data.ParentID) {
                span.innerHTML = "数组";
                span.style.color = " #8C5FFB";
            } else {
                span.innerHTML = Prop[ItemData.className].Name;
                span.style.color = Prop[ItemData.className].Color;
            }
            Item.appendChild(span);
            Item.onclick = function () {
                var Mark = {
                    className: "FormDataField",
                    FieldData: ItemData,
                    Color: Prop[ItemData.className].Color
                };
                self.CodeEditor.pushMark(Mark);
            }
        })
    }

    fn.RolesInfo = function (Div) {
        var self = this;
        Div.innerHTML = "";
        var editor = self.CodeEditor.editor;
        var dataRole = CLApp.getRoleTree()[0];
        var Tree = new CLTree(dataRole);
        Tree.OnItemCreated = function (Item, ItemData) {
            var itemData = {
                ID: ItemData.ID,
                Name: ItemData.Name,
                ParentID: ItemData.ParentID,
                className: "角色"
            }
            Item.firstChild.firstChild.onclick = function (e) {
                e.stopPropagation();
            }
            Item.firstChild.onclick = function () {
                var Mark = {
                    className: "RoleData",
                    FieldData: ItemData,
                    Color: "#68217a"
                };
                self.CodeEditor.pushMark(Mark);
            }
        }
        Tree.Editable = false;
        Tree.Render(Div);
        Div.lastChild.style.overflow = "auto";
        Div.lastChild.style.height = "100%";
    }

    fn.MarkerProps = function (mark) {
        var self = this;
        if (JsParser.HasReturn(mark)) {
            return JsParser.GetReturn(mark)
        }
        function SubBox(dataCtrl) {
            var Box = document.createElement("div");
            Box.Visible = false;
            Box.Disabled = false;
            Box.DivNote = document.createElement("div");
            var Val = [];
            var line = {};
            dataCtrl.Data.Field.forEach(function (ele) {
                if (/^[0-9]*$/.test(ele.Data.ID)) {
                    line["DataField_" + ele.Data.ID] = FrmCtrls.GetValueProps(ele.Name, false, false);
                }
            });
            var Val = [line];
            Box.Value = Val;
            Box.AddLine = function () { };
            JsParser.SetReturn(Box.AddLine, document.createElement("div"));
            Box.RemoveLine = function () { };
            Box.HideLine = function () { };
            Box.ShowLine = function () { };
            return Box;
        }
        var className = mark.className;
        if (className == "RoleData") {
            return "";
        }
        if (className == "FormDataField") {
            var FieldData = mark.FieldData;
            var ID = FieldData.ID;
            className = FieldData.className;
            if (className == "摄像头") {
                return "";
            }
            var R = Object.create(null);
            R.Self = document.createElement("div");
            R.toString = function () { };
            R.valueOf = function () { };
            R.IsNull = true;
            if (className == "下拉框" || className == "下拉复选框") {
                R.Self.Items = [];
                R.Self.Select = Object.create(CLSelect.prototype);
            }
            if (className == "关联数据") {
                R.Self.dataItem = {};
            }
            if (className == "手写签名") {
                R.Self.ToUrl = function () { };
                JsParser.SetReturn(R.Self.ToUrl, "");
            }
            if (className == "选项卡") {
                R.Self.Show = function () { }
                R.Self.Hide = function () { }
                R.Self.Select = function () { }
            }
            R.Self.Visible = false;
            R.Self.Disabled = false;
            R.Self.DivNote = document.createElement("div");
            var divContext = self.divContext;
            if (className == "子表单") {
                FrmDesigner.getData(divContext).Controls.forEach(function (dataCtrl) {
                    if (dataCtrl.Data.ID == FieldData.ID) {
                        R.Self = SubBox(dataCtrl);
                    }
                });
            }
            else if (FieldData.ParentID && FieldData.ParentID != self.dataCtrl.ParentID) {
                R = [];
                FrmDesigner.getData(divContext).Controls.forEach(function (dataCtrl) {
                    if (dataCtrl.Data.ID == FieldData.ParentID) {
                        dataCtrl.Data.Field.forEach(function (dataCtrl) {
                            if (dataCtrl.Data.ID == FieldData.ID) {
                                R.push(FrmCtrls.GetValueProps(dataCtrl.Name, false, false));
                            }
                        });
                    }
                });
                R.Self = Object.create(NodeList.prototype);
                var ele = document.createElement("div");
                JsParser.SetElement(R.Self, ele);
                ele.Value = R[0];
                R.Self.Value = FrmCtrls.GetValueProps(className, true, false);
            } else if (FieldData.ParentID) {
                R.Self.OffsetY = function () { };
                JsParser.SetReturn(R.Self.OffsetY, 0);
                R.Self.Parent = document.createElement("div");
                R.Self.Parent.dataLine;
                var table = R.Self.Parent.Parent = document.createElement("div");
                FrmDesigner.getData(divContext).Controls.forEach(function (dataCtrl) {
                    if (dataCtrl.Data.ID == FieldData.ParentID) {
                        R.Self.Parent.Parent = SubBox(dataCtrl);
                    }
                });

            } else {
                R.Self.Value = FrmCtrls.GetValueProps(className, false, false);
            }
            JsParser.SetReturn(R.toString, "");
            JsParser.SetReturn(R.valueOf, R.Self.Value);
            return R;
        }
    }

    FrmCoderEditor.AllFunc =

    (function 所有函数() {
        return [
            (function 数学函数() {
                return {
                    Type: "数学函数",
                    Functions: [
                        {
                            ID: "ABS",
                            Name: "ABS" + (function () {
                                window.ABS = function (Num) {
                                    return Math.abs(Num * 1);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>ABS</code>函数可以获取一个数的绝对值<br />\
用法：<code class='CodeKeyWords'>ABS</code>(数字)<br />\
示例：<code class='CodeKeyWords'>ABS</code>(-8)可以返回8，也就是-8的绝对值",
                        },
                        {
                            ID: "AVERAGE",
                            Name: "AVERAGE" + (function () {
                                window.AVERAGE = function () {
                                    if (arguments.length == 0) {
                                        return 0;
                                    }
                                    var average = 0;
                                    var List = Array.isArray(arguments[0]) ? arguments[0] : arguments;
                                    for (var i = 0; i < List.length; i++) {
                                        List += List[i] * 1;
                                    }
                                    return average / List.length;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>AVERAGE</code>函数可以获取一组数值的算术平均值<br />\
用法：<code class='CodeKeyWords'>AVERAGE</code>(数字1,数字2,...)<br />\
示例：<code class='CodeKeyWords'>AVERAGE</code>(<code class='CodeField'>语文成绩</code>,<code class='CodeField'>数学成绩</code>, <code class='CodeField'>英语成绩</code>)返回三门课程的平均分"
                        },
                        {
                            ID: "CEILING",
                            Name: "CEILING" + (function () {
                                window.CEILING = function (Num, Factors) {
                                    Num *= 1;
                                    Factors *= 1;
                                    var result = Num + Math.abs(Factors);
                                    result -= result % Math.abs(Factors);
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>CEILING</code>函数可以将数字增大到最接近原值的指定因数的倍数<br />\
用法：<code class='CodeKeyWords'>CEILING</code>(数字,因数)<br />\
示例：<code class='CodeKeyWords'>CEILING</code>(7,6)返回12，因为12比7大的同时，也是6的倍数中最接近7的数字"
                        },
                        {
                            ID: "COUNTIF",
                            Name: "COUNTIF" + (function () {
                                window.COUNTIF = function (array, Condition) {
                                    var iRasult = 0;
                                    if (Condition == null) {
                                        return array.length;
                                    }
                                    for (var i = 0; i < array.length ; i++) {
                                        iRasult = (eval("(function(){return " + array[i] + Condition + "})()") ? iRasult + 1 : iRasult);
                                    }
                                    return iRasult;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>COUNTIF</code>函数可以获取数组中满足条件的参数个数<br />\
用法：<code class='CodeKeyWords'>COUNTIF</code>(数组,\"条件\")<br />\
示例：<code class='CodeKeyWords'>COUNTIF</code>(子表单.性别, \"女\")，可得到子表单中性别填的是\"女\"的数据条数；COUNTIF([1,2,3,4],\">2\")，可得到1,2,3,4中大于2的数字数量，结果为2。"
                        },
                        {
                            ID: "FIXED",
                            Name: "FIXED" + (function () {
                                window.FIXED = function (Num, fractionDigits) {
                                    return (Num * 1).toFixed(fractionDigits)
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>FIXED</code>函数可将数字舍入到指定的小数位数并输出为文本<br />\
用法：<code class='CodeKeyWords'>FIXED</code>(数字,小数位数)<br />\
示例：<code class='CodeKeyWords'>FIXED</code>(3.1415,2)返回\"3.14\""
                        },
                        {
                            ID: "FLOOR",
                            Name: "FLOOR" + (function () {
                                window.FLOOR = function (Num, Factors) {
                                    Num *= 1;
                                    Factors *= 1;
                                    var result = Num - (Num % Math.abs(Factors));
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>FLOOR</code>函数可将数字减小到最接近原值的指定因数的倍数<br />\
用法：<code class='CodeKeyWords'>FLOOR</code>(数字,因数)<br />\
示例：<code class='CodeKeyWords'>FLOOR</code>(7,6)返回6，因为6比7小的同时，也是6的倍数中最接近7的数字"
                        },
                        {
                            ID: "INT",
                            Name: "INT" + (function () {
                                window.INT = function (Num) {
                                    Num *= 1;
                                    return Num.toFixed(0);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>INT</code>函数可以获取一个数的整数部分<br />\
用法：<code class='CodeKeyWords'>INT</code>(数字)<br />\
示例：<code class='CodeKeyWords'>INT</code>(3.1415)返回3，也就是3.1415的整数部分"
                        },
                        {
                            ID: "LARGE",
                            Name: "LARGE" + (function () {
                                window.LARGE = function (array, k) {
                                    array.sort(function (val1, val2) {
                                        return val1 - val2;
                                    });
                                    if (array.length >= k) {
                                        return array[array.length - k];
                                    } else {
                                        return null;
                                    }
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>LARGE</code>函数可以获取数据集中第k个最大值<br />\
用法：<code class='CodeKeyWords'>LARGE</code>(数组,k)<br />\
示例：<code class='CodeKeyWords'>LARGE</code>(学生成绩.数学成绩,1)返回子表单\"学生成绩\"中排名第1的\"数学成绩\""
                        },
                        {
                            ID: "LOG",
                            Name: "LOG" + (function () {
                                window.LOG = function (Num, Base) {
                                    return Math.log(Num) / Math.log(Base);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>LOG</code>函数可以根据指定底数返回数字的对数<br />\
用法：<code class='CodeKeyWords'>LOG</code>(数字,底数)<br />\
示例：<code class='CodeKeyWords'>LOG</code>(100,10)返回2，也就是以10为底数100的对数"
                        },
                        {
                            ID: "MAX",
                            Name: "MAX" + (function () {
                                window.MAX = function () {
                                    var result = null;
                                    var List = Array.isArray(arguments[0]) ? arguments[0] : arguments;
                                    for (var i = 0; i < List.length; i++) {
                                        result = result == null ? List[i] : (result < List[i] ? List[i] : result);
                                    }
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MAX</code>函数可以获取一组数值的最大值<br />\
用法：<code class='CodeKeyWords'>MAX</code>([数字1,数字2,...])<br />\
示例：<code class='CodeKeyWords'>MAX</code>([<code class='CodeField'>语文成绩</code>,<code class='CodeField'>数学成绩</code>,<code class='CodeField'>英语成绩</code>])返回三门课程中的最高分"
                        },
                        {
                            ID: "MIN",
                            Name: "MIN" + (function () {
                                window.MIN = function () {
                                    var result = null;
                                    var List = Array.isArray(arguments[0]) ? arguments[0] : arguments;
                                    for (var i = 0; i < List.length; i++) {
                                        result = result == null ? List[i] : (result > List[i] ? List[i] : result);
                                    }
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MIN</code>函数可以获取一组数值的最大值<br />\
用法：<code class='CodeKeyWords'>MIN</code>([数字1,数字2,...])<br />\
示例：<code class='CodeKeyWords'>MIN</code>([<code class='CodeField'>语文成绩</code>,<code class='CodeField'>数学成绩</code>,<code class='CodeField'>英语成绩</code>])返回三门课程中的最高分"
                        },
                        {
                            ID: "MOD",
                            Name: "MOD" + (function () {
                                window.MOD = function (Dividend, Divisor) {
                                    return Dividend % Divisor;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MOD</code>函数可以获取两数相除的余数<br />\
用法：<code class='CodeKeyWords'>MOD</code>(被除数,除数)<br />\
示例：<code class='CodeKeyWords'>MOD</code>(4,3)返回1，也就是4/3的余数"
                        },
                        {
                            ID: "POWER",
                            Name: "POWER" + (function () {
                                window.POWER = function (Num, Power) {
                                    return Math.pow(Num, Power);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>POWER</code>函数可以获取数字乘幂的结果<br />\
用法：<code class='CodeKeyWords'>POWER</code>(数字,指数)<br />\
示例：<code class='CodeKeyWords'>POWER</code>(3，2)返回9，也就是3的2次方"
                        },
                        {
                            ID: "PRODUCT",
                            Name: "PRODUCT" + (function () {
                                window.PRODUCT = function () {
                                    var result = 1;
                                    for (var i = 0; i < arguments.length; i++) {
                                        result *= arguments[i];
                                    }

                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>PRODUCT</code>函数可以获取一组数值的乘积<br />\
用法：<code class='CodeKeyWords'>PRODUCT</code>(数字1,数字2,...)<br />\
示例：<code class='CodeKeyWords'>PRODUCT</code>(<code class='CodeField'>单价</code>, <code class='CodeField'>数量</code>)获取总价，也就是单价和数量的乘积"
                        },
                        {
                            ID: "ROUND",
                            Name: "ROUND" + (function () {
                                window.ROUND = function (Num, length) {
                                    return (Num * 1).toFixed(length) * 1;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>ROUND</code>函数可以将数字四舍五入到指定的位数<br />\
用法：<code class='CodeKeyWords'>ROUND</code>(数字,数字位数)<br />\
示例：<code class='CodeKeyWords'>ROUND</code>(3.1485,2)返回3.15"
                        },
                        {
                            ID: "SMALL",
                            Name: "SMALL" + (function () {
                                window.SMALL = function (array, k) {
                                    array.sotr(function (val1, val2) {
                                        return val2 - val1;
                                    });
                                    if (array.length > k) {
                                        return array[k - 1];
                                    } else {
                                        return null;
                                    }
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SMALL</code>函数可以返回数据集中第k个最小值<br />\
用法：<code class='CodeKeyWords'>SMALL</code>(数组,k)<br />\
示例：<code class='CodeKeyWords'>SMALL</code>(<code class='CodeField'>学生成绩</code>.<code class='CodeField'>数学成绩</code>, 1)返回子表单\"学生成绩\"中排名倒数第一的\"数学成绩\""
                        },
                        {
                            ID: "SQRT",
                            Name: "SQRT" + (function () {
                                window.SQRT = function (Num) {
                                    return Math.sqrt(Num);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SQRT</code>函数可以获取一个数字的正平方根<br />\
用法：<code class='CodeKeyWords'>SQRT</code>(数字)<br />\
示例：<code class='CodeKeyWords'>SQRT</code>(9)返回3，也就是9的正平方根"
                        },
                        {
                            ID: "SUM",
                            Name: "SUM" + (function () {
                                window.SUM = function () {
                                    var result = 0;
                                    var List = Array.isArray(arguments[0]) ? arguments[0] : arguments;
                                    for (var i = 0; i < List.length ; i++) {
                                        result += List[i] * 1;
                                    }
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SUM</code>函数可以获取所有参数的和<br />\
用法：<code class='CodeKeyWords'>SUM</code>([数字1,数字2,...])<br />\
示例：<code class='CodeKeyWords'>SUM</code>([<code class='CodeField'>语文成绩</code>,<code class='CodeField'>数学成绩</code>, <code class='CodeField'>英语成绩</code>])返回三门课程的总分"
                        },
                        {
                            ID: "SUMPRODUCT",
                            Name: "SUMPRODUCT" + (function () {
                                window.SUMPRODUCT = function () {
                                    var result = 0;
                                    var Temp = [];
                                    for (var i = 0; i < arguments.length ; i++) {
                                        for (var j = 0; j < arguments[i].length; j++) {
                                            if (Temp[j] == null) {
                                                Temp[j] = 1;
                                            }
                                            Temp[j] *= arguments[i][j];
                                        }
                                    }
                                    for (var i = 0; i < Temp.length ; i++) {
                                        result += Temp[i];
                                    }
                                    return result;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SUMPRODUCT</code>函数可以将数组间对应的元素相乘，并返回乘积之和，适用于加权求和<br />\
用法：<code class='CodeKeyWords'>SUMPRODUCT</code>(数组,数组...)<br />\
示例：<code class='CodeKeyWords'>SUMPRODUCT</code>([1,2,3],[0.1,0.2,0.3])返回1.4，也就是 1×0.1 + 2×0.2 + 3×0.3的值"
                        },
                        {
                            ID: "RAND",
                            Name: "RAND" + (function () {
                                window.RAND = function () {
                                    return Math.random();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>RAND</code>函数可返回大于等于0且小于1的均匀分布随机实数<br />\
用法：<code class='CodeKeyWords'>RAND</code>()<br />\
示例：<code class='CodeKeyWords'>RAND</code>()返回0.424656"
                        }
                    ]
                }
            })(),
            (function 文本函数() {
                return {
                    Type: "文本函数",
                    Functions: [
                        {
                            ID: "CONCATENATE",
                            Name: "CONCATENATE" + (function () {
                                window.CONCATENATE = function () {
                                    var str = "";
                                    for (var i = 0; i < arguments.length ; i++) {
                                        str += arguments[i];
                                    }
                                    return str;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>CONCATENATE</code>函数可以将多个文本合并成一个文本<br />\
用法：<code class='CodeKeyWords'>CONCATENATE</code>(文本1,文本2,...)<br />\
示例：<code class='CodeKeyWords'>CONCATENATE</code>(\"三年二班\",\"周杰伦\")会返回\"三年二班周杰伦\""
                        },
                        {
                            ID: "CHAR",
                            Name: "CHAR" + (function () {
                                window.CHAR = function (Code) {
                                    Code = Code.toString();
                                    return String.fromCharCode(Code);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>CHAR</code>函数可以将计算机字符集的数字代码转换为对应字符<br />\
用法：<code class='CodeKeyWords'>CHAR</code>(数字)<br />\
示例：<code class='CodeKeyWords'>CHAR</code>(10)会返回换行字符"
                        },
                        {
                            ID: "EXACT",
                            Name: "EXACT" + (function () {
                                window.EXACT = function (str1, str2) {
                                    return str1 + "" == str2 + "";
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>EXACT</code>函数可以比较两个文本是否完全相同，完全相同则返回true，否则返回false<br />\
用法：<code class='CodeKeyWords'>EXACT</code>(文本1, 文本2)<br />\
示例：<code class='CodeKeyWords'>EXACT</code>(<code class='CodeField'>手机号</code>,<code class='CodeField'>中奖手机号</code>)，如果两者相同，返回true，如果不相同，返回false"
                        },
                        {
                            ID: "GETUSERNAME",
                            Name: "GETUSERNAME" + (function () {
                                window.GETUSERNAME = function () {
                                    return CLApp.getMemberNameById(CLApp.getCurrentUserId());
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>GETUSERNAME</code>函数可以获取当前用户的昵称<br />\
用法：<code class='CodeKeyWords'>GETUSERNAME</code>()<br />\
示例：略"
                        },
                        {
                            ID: "ISEMPTY",
                            Name: "ISEMPTY" + (function () {
                                window.ISEMPTY = function (obj) {
                                    if (Object.prototype.toString.call(obj) == "[object Array]" || typeof (obj) == "string") {
                                        return obj.length != 0;
                                    }
                                    return obj != null;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>ISEMPTY</code>函数可以用来判断值是否为空文本、空对象或者空数组<br />\
用法：<code class='CodeKeyWords'>ISEMPTY</code>(文本)<br />\
示例：略"
                        },
                        {
                            ID: "LEFT",
                            Name: "LEFT" + (function () {
                                window.LEFT = function (str, length) {
                                    str = str.toString();
                                    return str.substr(0, length > str.length ? str.length : length);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>LEFT</code>函数可以从一个文本的第一个字符开始返回指定个数的字符<br />\
用法：<code class='CodeKeyWords'>LEFT</code>(文本,文本长度)<br />\
示例：<code class='CodeKeyWords'>LEFT</code>(\"三年二班周杰伦\",2)返回\"三年\"，也就是\"三年二班周杰伦\"的从左往右的前2个字符"
                        },
                        {
                            ID: "LEN",
                            Name: "LEN" + (function () {
                                window.LEN = function (str) {
                                    str = str.toString();
                                    return str.length;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>LEN</code>函数可以获取文本中的字符个数<br />\
用法：<code class='CodeKeyWords'>LEN</code>(文本)<br />\
示例：<code class='CodeKeyWords'>LEN</code>(\"朝辞白帝彩云间\")返回7，因为这句诗中有7个字符"
                        },
                        {
                            ID: "LOWER",
                            Name: "LOWER" + (function () {
                                window.LOWER = function (str) {
                                    str = str.toString();
                                    return str.toLocaleLowerCase();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>LOWER</code>函数可以将一个文本中的所有大写字母转换为小写字母<br />\
用法：<code class='CodeKeyWords'>LOWER</code>(文本)<br />\
示例：<code class='CodeKeyWords'>LOWER</code>(\"JAYZ\")返回\"jayz\""
                        },
                        {
                            ID: "MID",
                            Name: "MID" + (function () {
                                window.MID = function (str, Pos, Length) {
                                    str = str.toString();
                                    return str.substr(Pos, Length);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MID</code>返回文本中从指定位置开始的指定数目的字符<br />\
用法：<code class='CodeKeyWords'>MID</code>(文本,开始位置_数字,指定数目)<br />\
示例：<code class='CodeKeyWords'>MID</code>(\"百度云应用定制工具\",4,6)返回\"应用定制工具\""
                        },
                        {
                            ID: "REPLACE",
                            Name: "REPLACE" + (function () {
                                window.REPLACE = function (str, Pos, Length, newStr) {
                                    str = str.toString();
                                    return str.substr(0, Pos) + newStr + str.substr(Pos + Length);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>REPLACE</code>函数可以根据指定的字符数，将部分文本替换为不同的文本<br />\
用法：<code class='CodeKeyWords'>REPLACE</code>(文本,开始位置,替换长度,新文本)<br />\
示例：<code class='CodeKeyWords'>REPLACE</code>(\"百度云应用定制工具\",4,6,\"企业数据管理平台\")返回\"百度云企业数据管理平台\""
                        },
                        {
                            ID: "REPT",
                            Name: "REPT" + (function () {
                                window.REPT = function (str, Num) {
                                    str = str.toString();
                                    for (var i = 0; i < Num - 1 ; i++) {
                                        str += str;
                                    }
                                    return str;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>REPT</code>函数可以将文本重复一定次数<br />\
用法：<code class='CodeKeyWords'>REPT</code>(文本,重复次数)<br />\
示例：<code class='CodeKeyWords'>REPT</code>(\"周杰伦\",3)返回\"周杰伦周杰伦周杰伦\""
                        },
                        {
                            ID: "RIGHT",
                            Name: "RIGHT" + (function () {
                                window.RIGHT = function (str, Num) {
                                    str = str.toString();
                                    return str.substr(str.length - Num, Num);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>RIGHT</code>函数可以获取由给定文本右端指定数量的字符构成的文本值<br />\
用法：<code class='CodeKeyWords'>RIGHT</code>(文本,文本长度)<br />\
示例：<code class='CodeKeyWords'>RIGHT</code>(\"三年二班周杰伦\",3)返回\"周杰伦\"，也就是\"三年二班周杰伦\"从右往左的前3个字符"
                        },
                        {
                            ID: "SEARCH",
                            Name: "SEARCH" + (function () {
                                window.SEARCH = function (str1, str2) {
                                    str1 = str1.toString();
                                    str2 = str2.toString();
                                    return str2.indexOf(str1);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SEARCH</code>函数可以获取文本1在文本2中的开始位置<br />\
用法：<code class='CodeKeyWords'>SEARCH</code>(文本1,文本2)<br />\
示例：<code class='CodeKeyWords'>SEARCH</code>(\"2016\",\"百度云2016\")返回4"
                        },
                        {
                            ID: "SPLIT",
                            Name: "SPLIT" + (function () {
                                window.SPLIT = function (str1, sSplit) {
                                    str1 = str1.toString();
                                    return str1.split(sSplit);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SPLIT</code>函数可以将文本按指定分割符分割成数组<br />\
用法：<code class='CodeKeyWords'>SPLIT</code>(文本,分隔符_文本)<br />\
示例：<code class='CodeKeyWords'>SPLIT</code>(\"百度云-应用定制工具\",\"-\")返回\"百度云，应用定制工具\""
                        },
                        {
                            ID: "TEXT",
                            Name: "TEXT" + (function () {
                                window.TEXT = function (Num, sFormat) {
                                    return (Num * 1).toString(sFormat);
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TEXT</code>函数可以将数字转化成文本<br />\
用法：<code class='CodeKeyWords'>TEXT</code>(数字)<br />\
示例：<code class='CodeKeyWords'>TEXT</code>(3.1415)返回\"3.1415\""
                        },
                        {
                            ID: "TRIM",
                            Name: "TRIM" + (function () {
                                window.TRIM = function (str) {
                                    str = str.toString();
                                    return str.replace(/(^\s*)|(\s*$)/g, "");
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TRIM</code>函数可以删除文本首尾的空格<br />\
用法：<code class='CodeKeyWords'>TRIM</code>(文本)<br />\
示例：<code class='CodeKeyWords'>TRIM</code>(\" 百度云 \")返回\"百度云\""
                        },
                        {
                            ID: "UPPER",
                            Name: "UPPER" + (function () {
                                window.UPPER = function (str) {
                                    str = str.toString();
                                    return str.toLocaleUpperCase();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>UPPER</code>函数可以将一个文本中的所有小写字母转换为大写字母<br />\
用法：<code class='CodeKeyWords'>UPPER</code>(文本)<br />\
示例：<code class='CodeKeyWords'>UPPER</code>(\"jayz\")返回\"JAYZ\""
                        },
                        {
                            ID: "VALUE",
                            Name: "VALUE" + (function () {
                                window.VALUE = function (str) {
                                    str = str.toString();
                                    return str * 1;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>VALUE</code>函数可以将文本转化为数字\
用法：<code class='CodeKeyWords'>VALUE</code>(文本)\
示例：<code class='CodeKeyWords'>VALUE</code>(\"3.1415\")返回3.1415"
                        }
                    ]
                }
            })(),
            (function 日期函数() {
                return {
                    Type: "日期函数",
                    Functions: [
                        {
                            ID: "DATE",
                            Name: "DATE" + (function () {
                                window.DATE = function (Val) {
                                    if (Val == null) {
                                        return new Date();
                                    } else {
                                        return Date.Parse(Val);
                                    }
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>DATE</code>函数可以将时间戳转换为日期对象<br />\
用法：<code class='CodeKeyWords'>DATE</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "DATEDELTA",
                            Name: "DATEDELTA" + (function () {
                                window.DATEDELTA = function (Val, iDay) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    Val.setDate(Val.getDate() + iDay);
                                    return Val;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>DATEDELTA</code>函数可以将指定日期加/减指定天数<br />\
用法：<code class='CodeKeyWords'>DATEDELTA</code>(指定日期,需要加减的天数)<br />\
示例：略"
                        },
                        {
                            ID: "DAY",
                            Name: "DAY" + (function () {
                                window.DAY = function (Val, iDay) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getDate();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>DAY</code>函数可以获取某日期是当月的第几日<br />\
用法：<code class='CodeKeyWords'>DAY</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "DAYS",
                            Name: "DAYS" + (function () {
                                window.DAYS = function (dtStart, dtEnd) {
                                    if (typeof dtStart == "string") {
                                        dtStart = Date.Parse(dtStart);
                                    }
                                    if (typeof dtEnd == "string") {
                                        dtEnd = Date.Parse(dtEnd);
                                    }
                                    return (dtStart - dtEnd) / 3600000 / 24;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>DAYS</code>函数可以返回两个日期之间相差的天数。<br />\
用法：<code class='CodeKeyWords'>DAYS</code>(结束日期,开始日期)<br />\
示例：略"
                        },
                        {
                            ID: "HOUR",
                            Name: "HOUR" + (function () {
                                window.HOUR = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getHours();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>HOUR</code>函数可以返回某日期的小时数<br />\
用法：<code class='CodeKeyWords'>HOUR</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "ISOWEEKNUM",
                            Name: "ISOWEEKNUM" + (function () {
                                window.ISOWEEKNUM = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    var totalDays = 0;
                                    years = Val.getYear()
                                    if (years < 1000)
                                        years += 1900
                                    var days = new Array(12);
                                    days[0] = 31;
                                    days[2] = 31;
                                    days[3] = 30;
                                    days[4] = 31;
                                    days[5] = 30;
                                    days[6] = 31;
                                    days[7] = 31;
                                    days[8] = 30;
                                    days[9] = 31;
                                    days[10] = 30;
                                    days[11] = 31;

                                    //判断是否为闰年，针对2月的天数进行计算
                                    if ((Val.getYear() % 4 == 0 && Val.getYear() % 100 != 0) || (Val.getYear() % 400)) {
                                        days[1] = 29
                                    } else {
                                        days[1] = 28
                                    }
                                    if (Val.getMonth() == 0) {
                                        totalDays = totalDays + Val.getDate();
                                    } else {
                                        var curMonth = Val.getMonth();
                                        for (var count = 1; count <= curMonth; count++) {
                                            totalDays = totalDays + days[count - 1];
                                        }
                                        totalDays = totalDays + Val.getDate();
                                    }
                                    //得到第几周
                                    var Temp = Date.Parse(Val.getFullYear() + "-01-01");
                                    var iDay = Temp.getDay();
                                    var week = 0;
                                    if (iDay < 4) {
                                        totalDays -= (4 - iDay);
                                    } else {
                                        totalDays -= (11 - iDay);
                                    }
                                    if (totalDays < 0) {
                                        return ISOWEEKNUM(Date.Parse(Val.getFullYear() - 1 + "-12-31"));
                                    }
                                    week = Math.round((totalDays - totalDays % 7) / 7);
                                    if (totalDays % 7 != 0) {
                                        week++;
                                    }
                                    return week + 1;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>ISOWEEKNUM</code>函数可以返回指定日期在全年中的ISO周数<br />\
用法：<code class='CodeKeyWords'>ISOWEEKNUM</code>(指定日期)<br />\
示例：略"
                        },
                        {
                            ID: "MINUTE",
                            Name: "MINUTE" + (function () {
                                window.MINUTE = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getMinutes();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MINUTE</code>函数可以返回某日期的分钟数<br />\
用法：<code class='CodeKeyWords'>MINUTE</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "MONTH",
                            Name: "MONTH" + (function () {
                                window.MONTH = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getMonth() + 1;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>MONTH</code>返回某日期的月份<br />\
用法：<code class='CodeKeyWords'>MONTH</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "NOW",
                            Name: "NOW" + (function () {
                                window.NOW = function () {
                                    return new Date();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>NOW</code>函数可以获取当前时间<br />\
用法：<code class='CodeKeyWords'>NOW</code>()<br />\
示例：略"
                        },
                        {
                            ID: "SECOND",
                            Name: "SECOND" + (function () {
                                window.SECOND = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getSeconds();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>SECOND</code>函数可以返回某日期的秒数<br />\
用法：<code class='CodeKeyWords'>SECOND</code>(时间戳)<br />\
示例：略"
                        },
                        {
                            ID: "TIME",
                            Name: "TIME" + (function () {
                                window.TIME = function (h, m, s) {
                                    var fResult = 0;
                                    fResult += h / 24;
                                    fResult += m / (60 * 24);
                                    fResult += s / (60 * 60 * 24);
                                    return fResult;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TIME</code>函数可以返回特定时间的十进制数字<br />\
用法：<code class='CodeKeyWords'>TIME</code>(时_数字,分_数字,秒_数字)<br />\
示例：略"
                        },
                        {
                            ID: "TIMESTAMP",
                            Name: "TIMESTAMP" + (function () {
                                window.TIMESTAMP = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.valueOf();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TIMESTAMP</code>函数可以将日期对象转换成时间戳。<br />\
用法：<code class='CodeKeyWords'>TIMESTAMP</code>(日期)<br />\
示例：略"
                        },
                        {
                            ID: "TODAY",
                            Name: "TODAY" + (function () {
                                window.TODAY = function () {
                                    return Date.Parse(new Date().toString("yyyy-MM-dd"));
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TODAY</code>函数可以返回今天<br />\
用法：<code class='CodeKeyWords'>TODAY</code>()<br />\
示例：略"
                        },
                        {
                            ID: "WEEKNUM",
                            Name: "WEEKNUM" + (function () {
                                window.WEEKNUM = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    var totalDays = 0;
                                    var years = Val.getFullYear()
                                    if (years < 1000)
                                        years += 1900
                                    var days = new Array(12);
                                    days[0] = 31;
                                    days[2] = 31;
                                    days[3] = 30;
                                    days[4] = 31;
                                    days[5] = 30;
                                    days[6] = 31;
                                    days[7] = 31;
                                    days[8] = 30;
                                    days[9] = 31;
                                    days[10] = 30;
                                    days[11] = 31;

                                    //判断是否为闰年，针对2月的天数进行计算
                                    if ((Val.getFullYear() % 4 == 0 && Val.getFullYear() % 100 != 0) || (Val.getFullYear() % 400 == 0)) {
                                        days[1] = 29
                                    } else {
                                        days[1] = 28
                                    }
                                    var curMonth = Val.getMonth();
                                    for (var count = 0; count < curMonth; count++) {
                                        totalDays = totalDays + days[count];
                                    }
                                    totalDays = totalDays + Val.getDate();
                                    //得到第几周
                                    var Temp = Date.Parse(Val.getFullYear() + "-01-01");
                                    var iDay = Temp.getDay();
                                    var week = 0;
                                    if (iDay != 0) {
                                        totalDays -= (7 - iDay);
                                        week++;
                                    }
                                    if (totalDays < 0) {
                                        return week;
                                    }

                                    if (totalDays % 7 != 0) {
                                        week++;
                                    }
                                    week += parseInt(totalDays / 7);
                                    return week;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>WEEKNUM</code>函数可以返回指定日期在当年是第几周<br />\
用法：<code class='CodeKeyWords'>WEEKNUM</code>(指定日期)<br />\
示例：略"
                        },
                        {
                            ID: "YEAR",
                            Name: "YEAR" + (function () {
                                window.YEAR = function (Val) {
                                    if (typeof Val == "string") {
                                        Val = Date.Parse(Val);
                                    }
                                    return Val.getFullYear();
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>YEAR</code>函数可以返回某日期的年份<br />\
用法：<code class='CodeKeyWords'>YEAR</code>(时间戳)<br />\
示例：略"
                        }
                    ]
                }
            })(),
            (function 逻辑函数() {
                return {
                    Type: "逻辑函数",
                    Functions: [
                        {
                            ID: "AND",
                            Name: "AND" + (function () {
                                window.AND = function () {
                                    for (var i = 0; i < arguments.length ; i++) {
                                        if (!arguments[i]) {
                                            return false;
                                        }
                                    }
                                    return true;
                                }
                                return "";
                            })(),
                            Note: "如果所有参数都为真，<code class='CodeKeyWords'>AND</code>函数返回布尔值true，否则返回布尔值 false<br />\
用法：<code class='CodeKeyWords'>AND</code>(逻辑表达式1,逻辑表达式2,...)<br />\
示例：<code class='CodeKeyWords'>AND</code>(<code class='CodeField'>语文成绩</code>>90,<code class='CodeField'>数学成绩</code>>90,<code class='CodeField'>英语成绩</code>>90)，如果三门课成绩都> 90，返回true，否则返回false"
                        },
                        {
                            ID: "FALSE",
                            Name: "FALSE" + (function () {
                                window.FALSE = function () {
                                    return false;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>FALSE</code>函数返回布尔值false<br />\
用法：<code class='CodeKeyWords'>FALSE</code>()<br />\
示例：略"
                        },
                        {
                            ID: "IF",
                            Name: "IF" + (function () {
                                window.IF = function (Condition, Yes, No) {
                                    if (Condition) {
                                        return Yes;
                                    } else {
                                        return No;
                                    }
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>IF</code>函数判断一个条件能否满足；如果满足返回一个值，如果不满足则返回另外一个值<br />\
用法：<code class='CodeKeyWords'>IF</code>(逻辑表达式,为true时返回的值,为false时返回的值)<br />\
示例：<code class='CodeKeyWords'>IF</code>(<code class='CodeField'>语文成绩</code>>60,\"及格\",\"不及格\")，当语文成绩>60时返回及格，否则返回不及格。"
                        },
                        {
                            ID: "NOT",
                            Name: "NOT" + (function () {
                                window.NOT = function (Condition) {
                                    return !Condition;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>NOT</code>函数返回与指定表达式相反的布尔值。<br />\
用法：<code class='CodeKeyWords'>NOT</code>(逻辑表达式)<br />\
示例：<code class='CodeKeyWords'>NOT</code>(<code class='CodeField'>语文成绩</code>>60)，如果语文成绩大于60返回false，否则返回true"
                        },
                        {
                            ID: "OR",
                            Name: "OR" + (function () {
                                window.OR = function () {
                                    for (var i = 0; i < arguments.length ; i++) {
                                        if (arguments[i]) {
                                            return true;
                                        }
                                    }
                                    return false;
                                }
                                return "";
                            })(),
                            Note: "如果任意参数为真，<code class='CodeKeyWords'>OR</code> 函数返回布尔值true；如果所有参数为假，返回布尔值false。<br />\
用法：<code class='CodeKeyWords'>OR</code>(逻辑表达式1,逻辑表达式2,...)<br />\
示例：<code class='CodeKeyWords'>OR</code>(<code class='CodeField'>语文成绩</code>>90,<code class='CodeField'>数学成绩</code>>90,<code class='CodeField'>英语成绩</code>>90)，任何一门课成绩> 90，返回true，否则返回false"
                        },
                        {
                            ID: "TRUE",
                            Name: "TRUE" + (function () {
                                window.TRUE = function () {
                                    return true;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>TRUE</code>函数返回布尔值true<br />\
用法：<code class='CodeKeyWords'>TRUE</code>()<br />\
示例：略"
                        },
                        {
                            ID: "XOR",
                            Name: "XOR" + (function () {
                                window.XOR = function () {
                                    return arguments[0] != arguments[1];
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>XOR</code>函数可以返回所有参数的异或值<br />\
用法：<code class='CodeKeyWords'>XOR</code>(逻辑表达式1, 逻辑表达式2)<br />\
示例：<code class='CodeKeyWords'>XOR</code>(<code class='CodeField'>语文成绩</code>>90,<code class='CodeField'>数学成绩</code>>90)，如果两门成绩都>90,返回false；如果两门成绩都<90，返回false；如果其中一门>90，另外一门<90，返回true"
                        }
                    ]
                }
            })(),
            (function 高级函数() {
                return {
                    Type: "高级函数",
                    Functions: [
                        {
                            ID: "UUID",
                            Name: "UUID" + (function () {
                                window.UUID = function () {
                                    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
                                    var uuid = [], i;
                                    var len, radix;
                                    radix = radix || chars.length;

                                    if (len) {
                                        // Compact form
                                        for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
                                    } else {
                                        // rfc4122, version 4 form
                                        var r;

                                        // rfc4122 requires these characters
                                        uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
                                        uuid[14] = '4';

                                        // Fill in random data. At i==19 set the high bits of clock sequence as
                                        // per rfc4122, sec. 4.1.5
                                        for (i = 0; i < 36; i++) {
                                            if (!uuid[i]) {
                                                r = 0 | Math.random() * 16;
                                                uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
                                            }
                                        }
                                    }
                                    return uuid.join('');
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>UUID</code>函数随机码生成器。可适用于随机流水号的使用场景等<br />\
用法：<code class='CodeKeyWords'>UUID</code>()<br />\
示例：略"
                        },
                        {
                            ID: "FORMPARAM",
                            Name: "FORMPARAM" + (function () {
                                window.FORMPARAM = function (Name) {
                                    var sVal = CLQueryString[Name];
                                    return sVal == null ? "" : sVal;
                                }
                                return "";
                            })(),
                            Note: "<code class='CodeKeyWords'>FORMPARAMS</code>获取url参数<br />\
用法：<code class='CodeKeyWords'>FORMPARAMS</code>(参数名)<br />\
示例：略"
                        },
                        {
                            ID: "HTTPGET",
                            Name: "HTTPGET" + (function () {
                                window.HTTPGET = function (Url) {
                                    return HttpGet(Url, null, false, false);
                                }
                                return "";
                            })(),
                            Note: "<code class='HTTPGET'>FORMPARAMS</code>调用HTTP接口<br />\
用法：<code class='CodeKeyWords'>HTTPGET</code>(Url)<br />\
示例：略"
                        },
                        {
                            ID: "FINDIN",
                            Name: "FINDIN" + (function (Val, Vals) {
                                window.FINDIN = function (Val, Vals) {
                                    return Vals.valueOf().indexOf(Val.valueOf()) >= 0;
                                }
                                return "";
                            })(),
                            Note: "如果找到<code class='CodeKeyWords'>FINDIN</code>函数返回布尔值true，否则返回布尔值 false<br />\
用法：<code class='CodeKeyWords'>FINDIN</code>(元素,数组)<br />\
示例：<code class='CodeKeyWords'>AND</code>(<code class='CodeField'>成员单选</code>90,<code class='CodeField'>成员多选</code>),如果成员单选的值被成员多选包含则返回true，否则返回false"
                        }
                    ]
                }
            })()
        ]
    })();

    var setGlobalScope = CLCodeEditor.prototype.setGlobalScope;

    CLCodeEditor.prototype.setGlobalScope = function (globalScope) {
        setGlobalScope.call(this, globalScope);
        if ((globalScope.constructor + "").substr(9, 6) == "Window") {
            FrmCoderEditor.AllFunc.forEach(function (ele) {
                ele.Functions.forEach(function (ele) {
                    if (!globalScope.hasOwnProperty(ele.Name)) {
                        globalScope[ele.Name] = window[ele.Name];
                    }
                });
            });
        }

    }

    FrmCoderEditor.GetNoteByName = function (Name) {
        for (var i = 0; i < FrmCoderEditor.AllFunc.length ; i++) {
            for (var j = 0; j < FrmCoderEditor.AllFunc[i].Functions.length; j++) {
                if (FrmCoderEditor.AllFunc[i].Functions[j] != null && FrmCoderEditor.AllFunc[i].Functions[j].Name == Name) {
                    return FrmCoderEditor.AllFunc[i].Functions[j].Note;
                }
            }
        }
    }

    FrmCoderEditor.Scope = function (dataCtrl, Scope) {
        Scope.Self = document.createElement("div");
        Scope.EventTarger = document.createElement("div");
        Scope.FrmDesignerInst = Object.create(FrmDesigner.prototype);
        Scope.Designer = Object.create(FrmDesigner.prototype);
        Scope.FrmDesignerEx = FrmDesignerEx;
        Scope.EventTarger.Name = "";
        var className = dataCtrl.Name;
        if (className == "子表单") {
            var Val = [];
            var line = {};
            dataCtrl.Data.Field.forEach(function (ele) {
                if (/^[0-9]*$/.test(ele.Data.ID)) {
                    line["DataField_" + ele.Data.ID] = FrmCtrls.GetValueProps(ele.Name, false, false);
                }
            });
            JsParser.SetElement(Val,line);
            Scope.Self.Value = Val;
        } else {
            Scope.Self.Value = FrmCtrls.GetValueProps(className, false, false);
        }
        return Scope;
    }

    FrmCoderEditor.MarksLength = function (Marks) {
        var iRet = 0;
        for (var i = 0; i < Marks.length; i++) {
            if (Marks[i].FieldData.FormID == null && Marks[i].FieldData.className != "角色") {
                iRet++;
            }
        }
        return iRet;
    }

    FrmCoderEditor.RunCode = function (sCode, Data, Box) {
        var out = "";
        var Self = this;//当前控件
        FrmCtrls.At(this, Box, function () {
            function GetRole(data) {
                return data.ID;
            }
            try {
                function __Ctrl__(ID) {
                    if (ID == "提交按钮") {
                        return FrmCtrls.ControlFormField({ ID: "提交按钮", Name: "提交按钮" });
                    } else {
                        return FrmCtrls.ControlFormField(CLApp.getFieldInfo(ID));
                    }
                }
                var ControlCamera = FrmCtrls.ControlCamera;
                var ControlFormField = FrmCtrls.ControlFormField;
                var FrmDesignerInst = FrmDesigner.GetInstance(Self);
                var Designer = FrmDesignerInst;
                Self.Data = Self.dataCtrl.Data;
                var EventTarger = Box == null ? {} : Box;
                var Event = null;
                if (Box != null) {
                    Event = Box.Event;
                }
                var OriginValue = FrmDesigner.GetOriginValue(Self, Self.dataCtrl.Data.ID);
                if (EventTarger != null && EventTarger.dataCtrl != null) {
                    EventTarger.Name = EventTarger.dataCtrl.Data.Name;
                }
                var CurrentStep = Designer.CurrentStep == null ? {} : Designer.CurrentStep;
                var ret = eval(sCode);
                out = ret == null ? "" : ret;
            } catch (e) {
                if (e.name == "SyntaxError") {
                    if (e.message == "Unexpected end of JSON input") {
                        CLShowMsg("Unexpected end of JSON input:\n【" + Self.dataCtrl.Data.Name + "】");
                    } else {
                        CLShowMsg("语法错误:\n【" + Self.dataCtrl.Data.Name + "】");
                    }
                } else if (e.message != null) {
                    CLShowMsg("" + e.message + "【" + Self.dataCtrl.Data.Name + "】");
                } else {
                    CLShowMsg("" + e + "【" + Self.dataCtrl.Data.Name + "】");
                }
                if (typeof e != "string") {
                    throw e;
                }
            }
        });
        return out;
    }

    var g_Dynamic = [
        {
            ID: "Dynamic_10000",
            Name: "当前用户",
        }
    ]

    var g_departDynamic = [
        {
            ID: "departDynamic_10000",
            Name: "当前用户所处部门",
        }
    ]

    function getDynamicNameById(Id) {
        for (var i = 0; i < g_Dynamic.length; i++) {
            if (g_Dynamic[i].ID == Id) {
                return g_Dynamic[i].Name;
            }
        }
        return "??????";
    }

    function getDynamicIdByName(Name) {
        for (var i = 0; i < g_Dynamic.length; i++) {
            if (g_Dynamic[i].Name == Name) {
                return g_Dynamic[i].ID;
            }
        }
        return null;
    }

    function getDepartDynamicNameById(Id) {
        for (var i = 0; i < g_departDynamic.length; i++) {
            if (g_departDynamic[i].ID == Id) {
                return g_departDynamic[i].Name;
            }
        }
        return "??????";
    }

    var DynamicFunctor = {};
    //回调接口
    DynamicFunctor["当前用户"] = function () {
        var user = CLApp.getMemberById(CLApp.getCurrentUserId());
        return {
            ID: user.userid,
            Name: user.name
        }
    }

    //回调接口
    DynamicFunctor["当前用户所处部门"] = function () {
        var user = CLApp.getMemberById(CLApp.getCurrentUserId());
        if (!user) {
            H5.ShowMsg("【"+CLApp.getCurrentUserId()+"】员工信息已丢失",false);
        }
        var depart = CLApp.getDepartmentById(user && user.department[0]);
        if (depart == null) {
            return {
                ID: "",
                Name: "??????"
            }
        }
        return {
            ID: depart.id,
            Name: depart.name
        }
    }

    var RealDynamic = function (List) {
        var realDynamic = [];
        for (var i = 0 ; i < List.length; i++) {
            realDynamic.push(DynamicFunctor[List[i].Name]());
        }
        return realDynamic;
    }

    var RealDepartDynamic = function (List) {
        var realDepartDynamic = [];
        for (var i = 0 ; i < List.length; i++) {
            realDepartDynamic.push(DynamicFunctor[List[i].Name]());
        }
        return realDepartDynamic;
    }

    function SourceLinkage(ControlBox, Call) {
        var ValueBox = LinkageBox(ControlBox);
        var Data = ControlBox.dataCtrl.Data;
        var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
        var CurBox = Data.ParentID == null ? ControlBox : FrmDesigner.getElementById(Data.ParentID, _FrmDesigner.designerDiv);
        var TempIDs = [];
        var Wheres = GetWheres(ControlBox);
        if (Wheres == null) {
            Wheres = [];
        }
        function func(sourceIds) {
            if (sourceIds.indexOf(Data.Linkage.FormID) >= 0) {
                changde();
            }
        }
        func.Name = Data.Name
        function changde() {
            if (!ControlBox.isConnected) {
                _FrmDesigner.UnSourceDataChanged(func);
                return;
            }
            var Wheres = GetWheres(ControlBox);
            if (Wheres == null) {
                Wheres = [];
            }
            if (_FrmDesigner.Initializing) {
                return;
            }
            getFormDataByIdAndWheresFromSource.call({ Initialized: !!ControlBox.Initialized, datetime: new Date() }, _FrmDesigner, Data.Linkage.FormID, Wheres, function (data) {
                if (!this.Initialized && ControlBox.Initialized) {
                    return;
                }
                if (ControlBox.datetimeLinkage > this.datetime) {
                    return;
                }
                ControlBox.datetimeLinkage = this.datetime;
                Call(data);
            }, true);
        }
        if (ValueBox != null) {
            if (Data.ParentID != null && ValueBox.LinkageData != null && ValueBox.LinkageData[Data.ID] != null && ValueBox.LinkageData[Data.ID][0] != null) {
                Call(ValueBox.LinkageData[Data.ID]);
            }
            var fChanged = function (Box) {
                if (_FrmDesigner.HasSourceChanged(Data.Linkage.FormID)) {
                    return;
                }
                if (!ControlBox.isConnected) {
                    if (ValueBox != null && ValueBox.LinkageData != null && ValueBox.LinkageData[Data.ID]) {
                        _FrmDesigner.UnSourceDataChanged(func);
                        return;
                    }
                } else {
                    Wheres = GetWheres(ControlBox);
                    if (Wheres == null) {
                        Wheres = [];
                    }
                }
                if (Box != null && Box.dataCtrl.Data.ID != Data.Linkage.CurFieldID) {
                    return;
                }
                if (ValueBox.Value == null) {
                    ControlBox.Value = null;
                    return;
                }
                getFormDataByIdAndWheresFromSource.call({ Initialized: !!Box.Initialized, datetime: new Date() }, _FrmDesigner, Data.Linkage.FormID, Wheres, function (data) {
                    if (!this.Initialized && ControlBox.Initialized) {
                        return;
                    }
                    if (ValueBox.LinkageData == null) {
                        ValueBox.LinkageData = {};
                    }
                    if (data.length != 0) {
                        ValueBox.LinkageData[Data.ID] = data;
                    } else {
                        delete ValueBox.LinkageData[Data.ID];
                    }
                    if (ControlBox.isConnected) {
                        if (ControlBox.datetimeLinkage > this.datetime) {
                            return;
                        }
                        ControlBox.datetimeLinkage = this.datetime;
                        Call(data);
                    }
                }, false);
            }
            ValueBox.Changed.push(fChanged);
        } else {
            _FrmDesigner.UseSource(Data.Linkage.FormID, changde);
        }
        _FrmDesigner.OnSourceDataChanged(func, true);
    }

    function LinkageItem(ControlBox) {
        var Data = ControlBox.dataCtrl.Data;
        var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
        var CurBox = Data.ParentID == null ? ControlBox : FrmDesigner.getElementById(Data.ParentID, _FrmDesigner.designerDiv);
        var Sel = ControlBox.Select;
        var ValueBox = LinkageBox(ControlBox);
        var prefix = Data.SourceType == "数据联动" ? "DataField_" : "";
        var TempIDs = [];
        var UnionField2 = CLApp.getFieldInfo(Data.Linkage.UnionFieldID2);
        var className = ControlBox.dataCtrl.Name;
        var className2 = UnionField2 == null ? "" : UnionField2.className;
        var Wheres = GetWheres(ControlBox);
        if (Wheres == null) {
            Wheres = [];
        }
        var firsrSet = false;
        function LinkageFun(Box, bSet, IsMark, End) {
            if (_FrmDesigner.HasSourceChanged(Data.Linkage.FormID)) {
                return;
            }
            if (Box != null && Box.dataCtrl.Data.ID != Data.Linkage.CurFieldID && !IsMark) {
                return;
            }
            if (!ControlBox.isConnected) {
                if (ValueBox != null) {
                }
                if (ValueBox != null && ValueBox.LinkageData != null && ValueBox.LinkageData[Data.ID]) {
                    if (End) {
                        End();
                    }
                    return;
                }
            } else {
                Wheres = GetWheres(ControlBox);
                if (Wheres == null) {
                    Wheres = [];
                }
            }
            var fun = Data.SourceType == "数据联动" ? getFormDataByIdAndWheres : getFormDataByIdAndWheresFromSource;
            fun.call({ datetime: new Date(), Initialized: ControlBox.Initialized, Initializing: _FrmDesigner.Initializing }, _FrmDesigner, Data.Linkage.FormID, Wheres, function (data) {
                if (this.datetime < Sel.Items.datetime) {
                    if (End) {
                        End();
                    }
                    return;
                }
                Sel.Items.datetime = this.datetime;
                if (ValueBox != null) {
                    if (ValueBox.LinkageData == null) {
                        ValueBox.LinkageData = {};
                    }
                    ValueBox.LinkageData[Data.ID] = data;
                }
                if (!ControlBox.isConnected) {
                    return;
                }
                Sel.Items.splice(0);
                if (bSet != true && this.Initialized == ControlBox.Initialized && !this.Initializing) {
                    Sel.selectedIndex = -1;
                }
                var index = -1;
                for (var i = 0; i < data.length ; i++) {
                    var Val = data[i][prefix + Data.Linkage.UnionFieldID2];
                    if (Val == null) {
                        continue;
                    }
                    if (className2 == "下拉复选框" || className2 == "复选框组") {
                        var Val = JSON.parse(Val);
                        for (var j = 0; Val != null && j < Val.length ; j++) {
                            if (Sel.Items.indexOf(Val[j]) < 0) {
                                Sel.AddItems([
                                    Val[j].toString()
                                ]);
                            }
                        }
                    } else {
                        if (Sel.Items.indexOf(Val) < 0) {
                            Sel.AddItems([
                                 Val.toString()
                            ]);
                            if (data[i].Selected) {
                                index = Sel.Items.length - 1;
                            }
                        }
                    }
                }
                if (className == "下拉框" && index != -1 && !Sel.GetValue() && !firsrSet) {
                    Sel.selectedIndex = index;
                }
                firsrSet = true;
                if (ControlBox.OnItemChanged) {
                    ControlBox.OnItemChanged();
                }
                if (End) {
                    End();
                }
            }, IsMark);
        }
        if (ValueBox != null) {
            ValueBox.Changed.push(LinkageFun);
            if (Data.SourceType == "数据联动") {
                ValueBox.OnInitializeds.push(function () {
                    LinkageFun(ValueBox, true);
                });
            } else {
                _FrmDesigner.UseSource(Data.Linkage.FormID, function () { LinkageFun(null, firsrSet, true) });
            }
        }
        if (ValueBox != null) {
            if (ControlBox.dataCtrl.Data.ParentID != null && ValueBox.LinkageData != null && ValueBox.LinkageData[Data.ID] != null && ValueBox.LinkageData[Data.ID][0] != null) {
                var LinkageData = ValueBox.LinkageData[Data.ID];
                Sel.Items.splice(0);
                Sel.selectedIndex = -1;
                for (var i = 0; i < LinkageData.length ; i++) {
                    var Val = LinkageData[i][prefix + Data.Linkage.UnionFieldID2];
                    if (className2 == "下拉复选框" || className2 == "复选框组") {
                        Val = JSON.parse(Val);
                        for (var j = 0; Val != null && j < Val.length ; j++) {
                            if (Sel.Items.indexOf(Val[j]) < 0) {
                                Sel.AddItems([
                                    Val[j].toString()
                                ]);
                            }
                        }
                    } else {
                        if (Sel.Items.indexOf(LinkageData[i][prefix + Data.Linkage.UnionFieldID2]) < 0) {
                            Sel.AddItems([
                                 LinkageData[i][prefix + Data.Linkage.UnionFieldID2].toString()
                            ]);
                        }
                    }

                }
            } else {
                ControlBox.Select.getItems = function (Success) {
                    LinkageFun(null, true, true, function () {
                        Success(ControlBox.Select.Items);
                    });
                }
            }
        } else {
            if (Data.Linkage.CurFieldID != null) {
                var msg = "不好了,被引用的控件找不到了,当前控件:【" + Data.Name + "】";
                CLShowMsg(msg);
                return;
            } else {
                if (Data.SourceType == "数据联动") {
                    LinkageFun(null, true);
                } else {
                    ControlBox.Select.getItems = function (Success) {
                        LinkageFun(null, true, true, function () {
                            Success(ControlBox.Select.Items);
                        });
                    }
                }
            }
        }
        //数据源触发
        _FrmDesigner.OnSourceDataChanged(function (sourceIds) {
            if (sourceIds.indexOf(Data.Linkage.FormID) >= 0) {
                LinkageFun(null, firsrSet, true);
            }
        });
    }

    function Linkage(ControlBox, Call) {
        var Data = ControlBox.dataCtrl.Data;
        var Form = CLApp.getFormById(Data.Linkage.FormID);
        if (Form == null) {
            return;
        }
        var ValueBox = LinkageBox(ControlBox);
        if (ValueBox != null) {
            if (ControlBox.dataCtrl.Data.ParentID != null && ValueBox.LinkageData != null && ValueBox.LinkageData[Data.ID] != null) {
                ControlBox.Value = ValueBox.LinkageData[Data.ID][0]["DataField_" + Data.Linkage.UnionFieldID2];
            }
            var fChanged = function (Box) {
                if (!ControlBox.isConnected) {
                    return;
                }
                if (ValueBox.Value == null) {
                    ControlBox.Value = null;
                    return;
                }
                if (Box != null && Box.dataCtrl.Data.ID != Data.Linkage.CurFieldID) {
                    return;
                }
                var Wheres = GetWheres(ControlBox);
                if (Wheres == null) {
                    Wheres = [];
                }
                getFormDataByIdAndWheres.call({ Initialized: !!Box.Initialized }, FrmDesigner.GetInstance(ControlBox), Data.Linkage.FormID, Wheres, function (data) {
                    if (!this.Initialized && ControlBox.Initialized) {
                        return;
                    }
                    if (Box.LinkageData == null) {
                        Box.LinkageData = {};
                    }
                    if (data.length != 0) {
                        Box.LinkageData[Data.ID] = data;
                    } else {
                        delete Box.LinkageData[Data.ID];
                    }
                    Call(data);
                });
            }
            ValueBox.Changed.push(fChanged);
            if (ValueBox.Value != null) {
                fChanged(ValueBox);
            }
        } else {
            if (Data.Linkage.CurFieldID == null) {
                var Wheres = GetWheres(ControlBox);
                if (Wheres == null) {
                    Wheres = [];
                }
                getFormDataByIdAndWheres.call({ Initialized: false }, FrmDesigner.GetInstance(ControlBox), Data.Linkage.FormID, Wheres, function (data) {
                    if (!this.Initialized && ControlBox.Initialized) {
                        return;
                    }
                    Call(data);
                });
            } else {
                var msg = "不好了,被引用的控件找不到了,当前控件:【" + Data.Name + "】";
                CLShowMsg(msg);
            }
        }
    }

    window.FrmCtrls = {};

    FrmCtrls.CtrlDefCode = function (ControlBox) {
        var Data = ControlBox.dataCtrl.Data;
        var Marks = Data.DefVal.Marks;
        if (Marks != null && FrmCoderEditor.MarksLength(Marks) != 0) {
            FieldDatas = [];
            var bHasNull = false;
            function doMark(Mark) {
                var ID = null;
                if (Mark.FieldData.className == "角色") {
                    return;
                }
                if (Mark.FieldData.className == "摄像头") {
                    if (!ControlBox.isConnected) {
                        return;
                    }
                    ControlBox.CameraChange = function () {
                        ControlBox.Value = FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data, { Name: "摄像头" });
                    }
                    return;
                }
                if (FieldDatas.indexOf(Mark.FieldData.ID) >= 0) {
                    return;
                }
                FieldDatas.push(Mark.FieldData.ID);
                ID = Mark.FieldData.ID;
                if (ID == "提交按钮") {
                    var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                    if (_FrmDesigner == null) {
                        return;
                    }
                    var BeforeSubmit = _FrmDesigner.BeforeSubmit;
                    if (BeforeSubmit == null) {
                        return;
                    }
                    var fSubmit = function (Box) {
                        if (!ControlBox.isConnected) {
                            return;
                        }
                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                            ControlBox.Value = FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data, Box);
                        }
                    }
                    BeforeSubmit.push(fSubmit);
                    return;
                }
                var ParentID = Mark.FieldData.ParentID;
                var Ele;
                if (ParentID != null && ParentID != Data.ParentID) {
                    Ele = FrmDesigner.getElementById(ParentID, ControlBox);
                } else {
                    Ele = FrmDesigner.getElementById(ID, ControlBox);
                }
                if (Ele != null) {
                    var fChanged = function (Box) {
                        if (!ControlBox.isConnected) {
                            return;
                        }
                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                            ControlBox.Value = FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data, Box);
                        }
                    }
                    if (Ele.Changed) {
                        Ele.Changed.push(fChanged);
                    }
                } else {
                    var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                    CLShowMsg(msg);
                    return;
                }
                if (Ele.Value == null) {
                    bHasNull = true;
                }
            }
            for (var i = 0; i < Marks.length; i++) {
                if (Marks[i].FieldData.FormID == null) { doMark(Marks[i]); }
            }
            if (ControlBox.dataCtrl.Name == "分割线") {
                FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data);
            } else {
                if (!bHasNull) {
                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        var Value = FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data);
                        ControlBox.Value = Value;
                    });
                }
            }
        } else {
            if (ControlBox.dataCtrl.Name == "分割线") {
                FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data);
            } else {
                FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                    var Value = FrmCoderEditor.RunCode.call(ControlBox, Data.DefVal.runCode, Data);
                    ControlBox.Value = Value;
                });
            }
        }
    }

    FrmCtrls.PicBox = function (value) {
        for (var i = 0; i < value.length; i++) {
            value[i].Ext = value[i].Name.substr(value[i].Name.lastIndexOf(".") + 1);
        }
        var _CLPreView = new CLPreView(value, 0);
    }

    FrmCtrls.g_Dynamic = g_Dynamic;

    FrmCtrls.g_departDynamic = g_departDynamic;

    FrmCtrls.PropLabel = PropLabel;

    FrmCtrls.PropValue = PropValue;

    FrmCtrls.PropBtn = PropBtn;

    FrmCtrls.PropSplit = PropSplit;

    FrmCtrls.ScanImg = ScanImg;

    FrmCtrls["基础字段"] = [];

    FrmCtrls["增强字段"] = [];

    FrmCtrls["高级字段"] = [];

    FrmCtrls.Categorys = ["基础字段", "增强字段", "高级字段"];
    //基础字段
    (function (单行文本) {
        FrmCtrls["单行文本"] = {
            Icon: "&#xe649;"
            , Name: "单行文本"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "单行文本"
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.ScanAble == null) {
                    Data.ScanAble = false;
                }
                if (Data.ChangeAble == null) {
                    Data.ChangeAble = true;
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = true;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                html += "<input style='background:#fff;padding:5px;max-width:100%;width:330px;height:30px;line-height:30px;margin:5px 0;border:1px #e0e0e0 solid;' disabled='disabled' value='" + val + "'/>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:150px'>";
                html += "<input style='padding:5px;width:100%;height:32px;line-height:28px;border:1px #e0e0e0 solid;outline-color:#0db3a6' value='" + val + "'/>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div style='width:150px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "格式");
                var Format = new CLSelect(PropBody);
                Format.AddItems([
                    "无",
                    "手机号码",
                    "电话号码",
                    "邮政编码",
                    "身份证号",
                    "邮箱",
                    "自定义"
                ]);
                Format.onchanged = function (This) {
                    Data.Format = This.Items[This.selectedIndex];
                    if (Data.Format == "自定义") {
                        formatBtn.style.display = "inline-block";
                    } else {
                        formatBtn.style.display = "none";
                    }
                }
                if (Format.selectedIndex == -1) {
                    Format.selectedIndex = 0;
                }
                var formatBtn = PropBtn(PropBody, "设置");
                formatBtn.style.marginTop = "10px";
                formatBtn.onclick = function () {
                    var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.RegExp, PropBody, function (Val) {
                        Data.RegExp = Val;
                        ResetCtrl(ControlBox, PropBody);
                    },"输入正则表达式或JavaScript代码");
                }
                Format.selectedIndex = Format.Items.indexOf(Data.Format);
                PropSplit(PropBody);
                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                if (!!Data.ParentID) {
                    DefType.AddItems([
                        "流水字段"
                    ]);
                }
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        //自定义
                        DefVal = document.createElement("input");
                        DefVal.className = "Value";
                        DefVal.style.marginTop = "10px";
                        if (Data.DefType == This.Items[This.selectedIndex]) {
                            DefVal.value = Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal;
                        }
                        DefVal.onchange = function (e) {
                            Data.DefVal = DefVal.value;
                            ResetCtrl(ControlBox, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 3) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);

                PropSplit(PropBody);
                PropLabel(PropBody, "查询加速");
                var indexBox = new CLCheckBox("启用加速", PropBody);
                indexBox.checked = Data.UseIndex == true;
                indexBox.onchanged = function () {
                    Data.UseIndex = indexBox.checked;
                }

                PropSplit(PropBody);
                PropLabel(PropBody, "形态");
                var ShowType = new CLSelect(PropBody);
                var ShowSel = PropBody.lastChild;
                ShowType.AddItems(["搜索"]);
                ShowType.EnableClear(true);
                ShowType.onchanged = function (This) {
                    if (This.selectedIndex == 0) {
                        Data.CusShow = This.GetValue();
                        var callBtn = document.createElement("div");
                        callBtn.className = "Value Btn";
                        callBtn.style.marginTop = "10px";
                        callBtn.innerHTML = "设置回调";
                        callBtn.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.CusSearch, PropBody, function (Val) {
                                Data.CusSearch = Val
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                        ShowType.callBtn = callBtn;
                        PropBody.insertBefore(callBtn, ShowSel.nextSibling);
                    } else {
                        if (ShowType.callBtn) {
                            Data.CusShow = null;
                            ShowType.callBtn.remove();
                        }
                    }
                }
                ShowType.selectedIndex = ShowType.Items.indexOf(Data.CusShow);
                PropSplit(PropBody);
                PropLabel(PropBody, "扫码");
                var Box = new CLCheckBox("扫码输入", PropBody);
                Box.checked = Data.ScanAble;
                Box.onchanged = function (Box) {
                    Data.ScanAble = Box.checked;
                    if (Box.checked) {
                        BoxResult.enable = true;
                    } else {
                        BoxResult.enable = false;
                    }
                }

                var BoxResult = new CLCheckBox("可修改扫码结果", PropBody);
                BoxResult.checked = Data.ChangeAble == null ? true : Data.ChangeAble;
                BoxResult.enable = Box.checked;
                BoxResult.onchanged = function (Box) {
                    Data.ChangeAble = Box.checked;
                }

                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box = new CLCheckBox("不允许重复值", PropBody);
                Box.checked = !Data.RepeatAble;
                Box.onchanged = function (Box) {
                    Data.RepeatAble = !Box.checked;
                }
                PropSplit(PropBody);
                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);

            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                ControlBox.Focus = function () {
                    input.focus();
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                    ControlBox.Cell.addEventListener("click", function () {
                        input.focus();
                    });
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var input = document.createElement("input");
                if (isCell) {
                    input.style.height = "initial";
                    input.style["line-height"] = "inherit";
                    input.style["width"] = "100%";
                    input.style.border = "none";
                    input.style.fontSize = "inherit";
                    input.style["text-overflow"] = "ellipsis";
                } else {
                    input.className = 'ValBorder'
                    input.style.cssText = "padding:0 8px;max-width:100%;width:330px;height:30px;line-height:28px;margin:5px 0;";
                }
                input.setAttribute("placeholder", Data.Placeholder || "");

                ControlBox.CameraChange = function() {
                    ControlBox.Value = FrmCtrls.CameraValue;
                }
                var inputOnclick = function (e) {
                    if (ControlBox.Disabled) {
                        return;
                    }
                    if (e.offsetX > input.offsetWidth - 36) {
                        if (!IsMobile()) {
                            CLApp.PcScan(e, function (sRet) {
                                FrmCtrls.CameraValue = sRet;
                                ControlBox.CameraChange();
                                FrmCtrls.CameraValue = null;
                            });
                            return;
                        } else {
                            CLScan(function (sRet) {
                                FrmCtrls.CameraValue = sRet;
                                ControlBox.CameraChange();
                                FrmCtrls.CameraValue = null;
                            });
                        }
                    }
                }
                if (Data.ScanAble == true) {
                    input.style.paddingRight = "36px";
                    (function () {
                        input.style.background = "url(" + FrmCtrls.ScanImg + ")  no-repeat no-repeat right 7px center";
                    })();
                    if (Data.ChangeAble == false) {
                        input.readOnly = true;
                    }
                    input.onclick = inputOnclick;
                    input.onmousemove = function (e) {
                        if (e.offsetX > input.offsetWidth - 36) {
                            input.style.cursor = "pointer";
                        } else {
                            input.style.cursor = "initial";
                        }
                    }
                }
                if (Data.CusShow == "搜索") {
                    input.style.paddingRight = "36px";
                    (function () {
                        input.style.background = "url(/CLUI/Icon/Search.png)  no-repeat no-repeat right 7px center";
                        input.style.backgroundSize = "12px 12px";
                    })();
                    input.onclick = function (e) {
                        if (ControlBox.Disabled) {
                            return;
                        }
                        if (e.offsetX > input.offsetWidth - 36) {
                            if (!!Data.CusSearch && !!Data.CusSearch.runCode) {
                                FrmCoderEditor.RunCode.call(ControlBox, Data.CusSearch.runCode, Data);
                            }
                        }
                    };
                    input.onmousemove = function (e) {
                        if (e.offsetX > input.offsetWidth - 36) {
                            input.style.cursor = "pointer";
                        } else {
                            input.style.cursor = "initial";
                        }
                    }
                    input.readOnly = true;
                }
                ControlBox.appendChild(input);
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                var tempVal = null;
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return input.value == null ? null : (input.value.length == 0 ? null : input.value);
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        input.value = Val == null ? "" : Val;
                        tempVal = Val;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        if (Data.ScanAble == true || Data.CusShow == "搜索") {
                            return input.onclick == null;
                        } else {
                            return input.readOnly;
                        }
                    },
                    set: function (val) {
                        val = (val == true);
                        input.style.border = (val == true ? "none" : "");
                        input.readOnly = val;
                        if (val) {
                            input.setAttribute("placeholder", "暂无内容");
                        } else {
                            input.removeAttribute("placeholder");
                        }
                        if (Data.ScanAble == true) {
                            input.onclick = val == false ? inputOnclick : null;
                        }
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                input.addEventListener("change", function (e) {
                    if (Data.Format == "手机号码") {
                        if (!CLCheckPhone(input)) {
                            input.value = tempVal;
                            CLShowMsg("手机号码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "电话号码") {
                        if (!CLCheckTel(input)) {
                            input.value = tempVal;
                            CLShowMsg("固定电话有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "邮政编码") {
                        if (!CLCheckPostalCode(input)) {
                            input.value = tempVal;
                            CLShowMsg("邮政编码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "身份证号") {
                        if (!CLCheckIDCard(input)) {
                            input.value = tempVal;
                            CLShowMsg("身份证号有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "邮箱") {
                        if (!CLCheckMailAddress(input)) {
                            input.value = tempVal;
                            CLShowMsg("邮政编码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "自定义") {
                        var IfReg = FrmCoderEditor.RunCode.call(ControlBox, Data.RegExp.runCode, Data, ControlBox);
                        if (IfReg && IfReg.constructor == RegExp) {
                            if (!IfReg.test(input.value)) {
                                input.value = tempVal;
                                CLShowMsg("输入数据格式有误,请重填");
                                return;
                            }
                        } else if (!IfReg) {
                            input.value = tempVal;
                        }
                    }
                    input.value = input.value.trim();
                    tempVal = input.value;
                    OnChanged();
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    var info = Mapped(ControlBox);
                    if (!!info && info.className == "流水号") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            CalcRules(ControlBox);
                        });
                    } else {
                        if (Data.DefType == "自定义") {
                            FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                ControlBox.Value = Data.DefVal == null || Data.DefVal.toLocaleLowerCase == null ? "" : Data.DefVal;
                            });
                        }
                        if (Data.DefType == "数据联动" && Data.Linkage != null) {
                            Linkage(ControlBox, function (data) {
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                data = data[0];
                                ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                            });
                        }
                        if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                            FrmCtrls.CtrlDefCode(ControlBox);
                        }
                        if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                            SourceLinkage(ControlBox, function (data) {
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                data = data[0];
                                ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                            });
                        }
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var val = "";
                if (Data.DefType == "自定义") {
                    val = Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal;
                }
                var html = "<input class='ValBorder' style='padding:0 5px;max-width:100%;width:150px;height:28px;line-height:28px;outline-color:#0db3a6' value='" + val + "'/>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);
                var input = ControlBox.firstChild;
                var inputOnclick = function (e) {
                    if (e.offsetX > input.offsetWidth - 36) {
                        if (!IsMobile()) {
                            CLApp.PcScan(e,function (sRet) {
                                FrmCtrls.CameraValue = sRet;
                                ControlBox.CameraChange();
                            });
                            return;
                        } else {
                            FrmCtrls.Scan(function (sRet) {
                                FrmCtrls.CameraValue = sRet;
                                ControlBox.CameraChange();
                            });
                        }
                    }
                }
                if (Data.ScanAble == true) {
                    input.style.paddingRight = "36px";
                    (function () {
                        input.style.background = "url(" + FrmCtrls.ScanImg + ")  no-repeat no-repeat right 7px center";
                    })();
                    if (Data.ChangeAble == false) {
                        input.readOnly = true;
                    }
                    input.onclick = inputOnclick;
                    input.onmousemove = function (e) {
                        if (e.offsetX > input.offsetWidth - 36) {
                            input.style.cursor = "default";
                        } else {
                            input.style.cursor = "";
                        }
                    }
                }
                if (Data.CusShow == "搜索") {
                    input.style.paddingRight = "36px";
                    (function () {
                        input.style.background = "url(/CLUI/Icon/Search.png)  no-repeat no-repeat right 7px center";
                        input.style.backgroundSize = "12px 12px";
                    })();
                    input.onclick = function (e) {
                        if (ControlBox.Disabled) {
                            return;
                        }
                        if (e.offsetX > input.offsetWidth - 36) {
                            if (!!Data.CusSearch && !!Data.CusSearch.runCode) {
                                FrmCoderEditor.RunCode.call(ControlBox, Data.CusSearch.runCode, Data);
                            }
                        }
                    };
                    input.onmousemove = function (e) {
                        if (e.offsetX > input.offsetWidth - 36) {
                            input.style.cursor = "pointer";
                        } else {
                            input.style.cursor = "initial";
                        }
                    }
                    input.readOnly = true;
                }
                input.setAttribute("placeholder", Data.Placeholder || "");
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox)
                    }
                }

                ControlBox.CameraChange = function () {
                    ControlBox.Value = FrmCtrls.CameraValue;
                }
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return input.value == null ? null : (input.value.length == 0 ? null : input.value);
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        input.value = Val;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        if (Data.ScanAble == true || Data.CusShow == "搜索") {
                            return input.onclick == null;
                        } else {
                            return input.readOnly;
                        }
                    },
                    set: function (val) {
                        val = (val == true);
                        input.readOnly = val;
                        if (val) {
                            input.setAttribute("placeholder", "暂无内容");
                        } else {
                            input.removeAttribute("placeholder");
                        }
                        if (Data.ScanAble == true) {
                            input.onclick = val == true ? inputOnclick : null;
                        }
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                input.addEventListener("change", function (e) {
                    if (Data.Format == "手机号码") {
                        if (!CLCheckPhone(input)) {
                            input.value = tempVal;
                            CLShowMsg("手机号码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "电话号码") {
                        if (!CLCheckTel(input)) {
                            input.value = tempVal;
                            CLShowMsg("固定电话有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "邮政编码") {
                        if (!CLCheckPostalCode(input)) {
                            input.value = tempVal;
                            CLShowMsg("邮政编码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "身份证号") {
                        if (!CLCheckIDCard(input)) {
                            input.value = tempVal;
                            CLShowMsg("身份证号有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "邮箱") {
                        if (!CLCheckMailAddress(input)) {
                            input.value = tempVal;
                            CLShowMsg("邮政编码有误,请重填");
                            return;
                        }
                    }
                    if (Data.Format == "自定义") {
                        var IfReg = FrmCoderEditor.RunCode.call(ControlBox, Data.RegExp.runCode, Data, ControlBox);
                        if (IfReg && IfReg.constructor == RegExp) {
                            if (!IfReg.test(input.value)) {
                                input.value = tempVal;
                                CLShowMsg("输入数据格式有误,请重填");
                                return;
                            }
                        } else if (!IfReg) {
                            input.value = tempVal;
                        }
                    }
                    input.value = input.value.trim();
                    tempVal = input.value;
                    OnChanged();
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.ScanAble && !Data.ChangeAble) {
                        ControlBox.Disabled = true;
                    }
                    var info = Mapped(ControlBox);
                    if (!!info && info.className == "流水号") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            CalcRules(ControlBox);
                        });
                    } else {
                        if (Data.DefType == "自定义") {
                            FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                ControlBox.Value = Data.DefVal == null ? "" : Data.DefVal;
                            });
                        }
                        if (Data.DefType == "数据联动" && Data.Linkage != null) {
                            Linkage(ControlBox, function (data) {
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                data = data[0];
                                ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                            });
                        }
                        if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                            FrmCtrls.CtrlDefCode(ControlBox);
                        }
                        if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                            SourceLinkage(ControlBox, function (data) {
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                data = data[0];
                                ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                            });
                        }
                        if (Data.DefType == "流水字段") {
                            var SerialBox = FrmDesigner.GetInstance(ControlBox).GetSerialBox();
                            if (SerialBox && SerialBox.Changed) {
                                SerialBox.Changed.push(function (Box) {
                                    ControlBox.Value = SerialBox.Value;
                                });
                                if (SerialBox.Value != null) {
                                    ControlBox.Value = SerialBox.Value;
                                }
                            }
                        }
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (input.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["单行文本"]);
    }());

    (function (多行文本) {
        FrmCtrls["多行文本"] = {
            Icon: "&#xe7e9;"
            , Name: "多行文本"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "多行文本"
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                html += "<textarea style='background:#fff; padding:0 8px;max-width:100%;width:720px;line-height:28px;height:140px;resize:none; border:1px #e0e0e0 solid;outline-color:#0db3a6' disabled='disabled'>" + val + "</textarea>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:250px'>";
                html += "<textarea style='padding:0 5px;width:100%;line-height:28px;height:30px;vertical-align:top;resize:none; border:1px #e0e0e0 solid;outline-color:#0db3a6'>" + val + "</textarea>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div style='width:250px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;

                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        if (!Data.Rich) {
                            //自定义
                            DefVal = document.createElement("textarea");
                            DefVal.className = "Value";
                            DefVal.style.marginTop = "10px";
                            DefVal.style.height = "120px";
                            if (Data.DefType == This.Items[This.selectedIndex]) {
                                DefVal.value = Data.DefVal == null ? "" : Data.DefVal;
                            }
                            DefVal.onchange = function (e) {
                                Data.DefVal = DefVal.value;
                                ResetCtrl(ControlBox, PropBody);
                            }
                            PropBody.insertBefore(DefVal, DefSel.nextSibling);
                        } else {
                            DefVal = document.createElement("div");
                            DefVal.className = "Value Btn";
                            DefVal.style.marginTop = "10px";
                            DefVal.innerHTML = "设置";
                            DefVal.onclick = function () {
                                var div = document.createElement("div");
                                div.style.cssText = "width:650px;height:400px;min-width:650px;min-height:300px";
                                var dlg = new CLDialog(div);
                                dlg.CreateAll(Data.Name, function () {
                                    Data.DefVal = sHtml;
                                });
                                var Body = dlg.Body;
                                var sHtml;
                                CLApp.RichEdit(Data.DefVal, function (html) {
                                    sHtml = html;
                                }, Body, 1);
                                dlg.resize = function () {
                                    Body.KingEditor.resize(div.offsetWidth-1, div.offsetHeight - 105, false);
                                }
                            }
                            PropBody.insertBefore(DefVal, DefSel.nextSibling);
                        }
                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        DefVal.innerHTML = "数据联动设置";
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 3) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                if (!dataCtrl.ParentID) {
                    PropSplit(PropBody);
                    PropLabel(PropBody, "模式");
                    var RichBox = new CLCheckBox("富文本", PropBody);
                    RichBox.checked = Data.Rich;
                    RichBox.onchanged = function (Box) {
                        Data.Rich = RichBox.checked;
                        DefType.onchanged(DefType);
                        ResetCtrl(ControlBox, PropBody);
                    }
                }

                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }

                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                ControlBox.Focus = function () {
                    textarea.focus();
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                    ControlBox.Cell.addEventListener("click", function (e) {
                        ControlBox.style.height = "";
                        ControlBox.style.width = "100%";
                        textarea.span.style.display = "none";
                        textarea.style.display = "";
                        textarea.focus();
                        if (document.AcArea) {
                            document.AcArea.lost();
                        }
                        function func(e) {
                            ControlBox.style.height = 0;
                            ControlBox.style.width = 0;
                            textarea.style.display = "none";
                            textarea.span.style.display = "inline-block";
                            textarea.span.innerHTML = textarea.value;
                            if (document.AcArea == textarea) {
                                delete document.AcArea;
                            }
                            document.removeEventListener("click", func);
                        }
                        textarea.lost = func;
                        document.AcArea = textarea;
                        document.addEventListener("click", func);
                        e.stopImmediatePropagation();
                    });
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var designer = FrmDesigner.GetInstance(ControlBox);
                var textarea = document.createElement("textarea");
                if (isCell) {
                    textarea.style.height = "100%";
                    textarea.style.width = "100%";
                    textarea.style["line-height"] = "inherit";
                    textarea.style["text-overflow"] = "ellipsis";
                    textarea.style.border = "none";
                    textarea.style.fontSize = "inherit";
                    textarea.style.padding = "5px";
                    textarea.style.display = "none";
                    textarea.onkeydown = function (e) {
                        if (e.keyCode == 13) {
                            e.stopPropagation();
                        }
                    }
                    var span = document.createElement("span");
                    span.className = "text";
                    span.innerHTML = "<span style='display:inline-block;padding:5px'></span>";
                    ControlBox.parentNode.appendChild(span);
                    textarea.span = span.firstChild;
                    ControlBox.style.height = 0;
                    ControlBox.style.width = 0;
                    textarea.addEventListener("click", function (e) {
                        e.stopImmediatePropagation();
                    });
                } else {
                    textarea.className = 'ValBorder'
                    textarea.style.cssText = "padding:0 8px;max-width:100%;width:720px;line-height:28px;height:140px;resize:none;outline-color:#0db3a6";
                }
                textarea.setAttribute("placeholder", Data.Placeholder || "");
                ControlBox.appendChild(textarea);
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                textarea.onchange = function () {
                    OnChanged();
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                var Value = "";
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        if (Data.Rich) {
                            return Value == null ? null : (Value.length == 0 ? null : Value);
                        } else {
                            return textarea.value == null ? null : (textarea.value.length == 0 ? null : textarea.value);
                        }
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        if (Data.Rich) {
                            Value = Val && Val.toString() || null;
                            if (textarea.KingEditor) {
                                if (textarea.KingEditor.html() != Value) {
                                    textarea.KingEditor.html(Value);
                                }
                            } else {
                                textarea.iframe.html(Value);
                            }
                        } else {
                            textarea.value = Val;
                        }
                        if (isCell) {
                            textarea.span.innerHTML = textarea.value;

                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return textarea.readOnly;
                    },
                    set: function (val) {
                        val = (val == true);
                        textarea.style.border = (val == true ? "none" : "");
                        if (val) {
                            textarea.setAttribute("placeholder", "暂无内容");
                        } else {
                            textarea.removeAttribute("placeholder");
                        }
                        textarea.readOnly = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = Data.DefVal == null ? "" : Data.DefVal;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                    var sHtml;
                    if (Data.Rich) {
                        if (Data.Editable) {
                            CLApp.RichEdit(Value, function (sHtml) {
                                ControlBox.Value = sHtml;
                            }, textarea, 2);
                            ControlBox.Resize = function (h) {
                                textarea.KingEditor.resize(ControlBox.offsetWidth - 40, h);
                                var ele = ControlBox.getElementsByClassName("ke-container")[0];
                                if (h > 162 && ele.offsetHeight != h + 2) {
                                    var t = window.setTimeout(function () {
                                        clearTimeout(h);
                                        ControlBox.Resize(h);
                                    }, 100);
                                }
                            }
                            var w = 0;
                            var h = 0;
                            var t = setInterval(function () {
                                if (!ControlBox.isConnected) {
                                    clearInterval(t);
                                    return;
                                }
                                if (w != ControlBox.offsetWidth || h != ControlBox.offsetHeight) {
                                    textarea.KingEditor.resize(ControlBox.offsetWidth - 40, ControlBox.offsetHeight - divNote.offsetHeight - 5 - 30);
                                    w = ControlBox.offsetWidth;
                                    h = ControlBox.offsetHeight;
                                }
                            }, 100);
                        } else {
                            var iframe = document.createElement("iframe");
                            iframe.style.border = "none";
                            iframe.style.width = "100%";
                            iframe.style.height = "100%";
                            ControlBox.appendChild(iframe);
                            textarea.iframe = iframe;
                            textarea.style.display = "none";
                            iframe.html = function (sHtml) {
                                var url = "data:text/html;base64," + new CLBase64().encode(sHtml);
                                url = CLGetObjectURL(new CLBase64().blobUrl(url));
                                iframe.url = url;
                                iframe.setAttribute("src", url);
                            }
                            iframe.onload = function () {
                                iframe.style.width = iframe.contentWindow.document.body.scrollWidth + "px";
                                iframe.style.height = iframe.contentWindow.document.body.scrollHeight + "px";
                            }
                            ControlBox.Resize = function () { }
                        }
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var val = "";
                if (Data.DefType == "自定义") {
                    val = Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal;
                }
                var html = "<textarea class='ValBorder' style='background:rgba(0,0,0,0);padding:0 5px;max-width:100%;width:250px;line-height:28px;height:30px;vertical-align:top;resize:none;outline-color:#0db3a6'>" + val + "</textarea>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);
                var textarea = ControlBox.firstChild;
                textarea.setAttribute("placeholder", Data.Placeholder || "");
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                textarea.onchange = function () {
                    OnChanged();
                }
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return textarea.value == null ? null : (textarea.value.length == 0 ? null : textarea.value);
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        textarea.value = Val;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return textarea.readOnly;
                    },
                    set: function (val) {
                        val = (val == true);
                        if (val) {
                            textarea.setAttribute("placeholder", "暂无内容");
                        } else {
                            textarea.removeAttribute("placeholder");
                        }
                        textarea.readOnly = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = Data.DefVal == null ? "" : Data.DefVal;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["多行文本"]);
    }());

    (function (数字) {
        FrmCtrls["数字"] = {
            Icon: "&#xe649;"
            , Name: "数字"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "数字"
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
                if (Data.Range == null) {
                    Data.Range = {
                    };
                }
                if (Data.iPoint == null) {
                    Data.iPoint = 2
                }
                if (Data.OnlyInt == null) {
                    Data.OnlyInt = false
                }

            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                html += "<input style='background:#fff;padding:0 8px;max-width:100%;width:330px;height:30px;line-height:28px;margin:5px 0;border:1px #e0e0e0 solid;outline-color:#0db3a6' disabled='disabled' value='" + val + "'/>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:150px'>";
                html += "<input style='padding:5px;width:100%;height:30px;line-height:28px;border:1px #e0e0e0 solid;outline-color:#0db3a6' value='" + val + "'/>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div style='width:150px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        //自定义
                        DefVal = document.createElement("input");
                        DefVal.className = "Value";
                        DefVal.style.marginTop = "10px";
                        if (Data.DefType == This.Items[This.selectedIndex]) {
                            DefVal.value = Data.DefVal == null ? "" : Data.DefVal;
                        }
                        DefVal.oninput = function () {
                            CLCheckFloat(DefVal, 20);
                        }
                        DefVal.onchange = function (e) {
                            Data.DefVal = DefVal.value;
                            ResetCtrl(ControlBox, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 3) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "数据格式");
                var Format = new CLCheckBox("显示为百分比", PropBody);
                Format.checked = Data.usePercent;
                Format.onchanged = function (Box) {
                    Data.usePercent = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box = new CLCheckBox("仅允许填写整数", PropBody);
                Box.checked = Data.OnlyInt;
                Box.onchanged = function (Box) {
                    if (Box.checked) {
                        labelPoint.style.display = "none";
                        vPoint.style.display = "none";
                    } else {
                        labelPoint.style.display = "block";
                        vPoint.style.display = "block";
                    }
                    Data.OnlyInt = Box.checked;
                }
                Box = new CLCheckBox("限定数值范围", PropBody);
                var RangeBox = PropBody.lastChild;
                var divRange = null;
                Box.onchanged = function (Box) {
                    if (Box.checked) {
                        if (Data.Range == null) {
                            Data.Range = {
                                Min: null,
                                Max: null
                            }
                        }
                        divRange = document.createElement("div");
                        divRange.style.width = "100%";
                        divRange.style.paddingLeft = "25px";
                        var Min = document.createElement("input");
                        Min.className = "Value";
                        Min.style.width = "80px";
                        Min.value = Data.Range.Min == null ? "" : Data.Range.Min;
                        Min.oninput = function () {
                            CLCheckFloat(Min, 20);
                        }
                        Min.onchange = function () {
                            var val = parseFloat(Min.value);
                            if (Data.Range.Max != null && val > Data.Range.Max) {
                                Data.Range.Min = Data.Range.Max;
                                Data.Range.Max = val;
                            } else {
                                Data.Range.Min = val;
                            }
                        }
                        divRange.appendChild(Min);
                        var To = document.createElement("span");
                        To.style.padding = "0 5px";
                        To.innerHTML = "~";
                        divRange.appendChild(To);
                        var Max = Min.cloneNode(true);
                        Max.value = Data.Range.Max == null ? "" : Data.Range.Max;
                        Max.oninput = function () {
                            CLCheckFloat(Min, 20);
                        }
                        Max.onchange = function () {
                            var val = parseFloat(Max.value);
                            if (Data.Range.Min != null && val < Data.Range.Min) {
                                Data.Range.Max = Data.Range.Min;
                                Data.Range.Min = val;
                            } else {
                                Data.Range.Max = val;
                            }
                        }
                        divRange.appendChild(Max);

                        PropBody.insertBefore(divRange, RangeBox.nextSibling);
                    } else {
                        if (divRange != null) {
                            divRange.parentNode.removeChild(divRange);
                        }
                    }
                    Data.RangeAble = Box.checked;
                }
                Box.checked = Data.RangeAble;
                Box = new PropSplit(PropBody);

                PropLabel(PropBody, "小数位数");
                var labelPoint = PropBody.lastChild;

                var vPoint = document.createElement("input");
                vPoint.className = "Value";
                vPoint.value = Data.iPoint == null ? "" : Data.iPoint;
                vPoint.onchange = function () {
                    Data.iPoint = vPoint.value;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropBody.appendChild(vPoint);
                PropSplit(PropBody);

                if (Data.OnlyInt) {
                    labelPoint.style.display = "none";
                    vPoint.style.display = "none";
                }

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                ControlBox.Focus = function () {
                    input.focus();
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                    ControlBox.Cell.addEventListener("click", function () {
                        input.focus();
                    });
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var input = document.createElement("input");
                if (isCell) {
                    input.style.height = "initial";
                    input.style["line-height"] = "inherit";
                    input.style["width"] = "100%";
                    input.style.border = "none";
                    input.style.fontSize = "inherit";
                    input.style["text-overflow"] = "ellipsis";
                } else {
                    input.className = 'ValBorder'
                    input.style.cssText = "padding:0 8px;max-width:100%;width:330px;height:30px;line-height:28px;margin:5px 0;";
                }
                input.setAttribute("placeholder", Data.Placeholder || "");
                ControlBox.appendChild(input);
                input.oninput = function () {
                    if (Data.OnlyInt == true) {
                        CLCheckInt(input);
                    } else {
                        CLCheckFloat(input, Data.iPoint);
                    }
                    Value = input.value.length == 0 ? null : input.value * 1;
                    if (isNaN(Value)) {
                        Value = null;
                    }
                    if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 < Data.Range.Min) {
                        Value = Data.Range.Min;
                    }
                    if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 > Data.Range.Max) {
                        Value = Data.Range.Max;
                    }
                    if (Data.usePercent) {
                        Value /= 100;
                    }
                    if (Value == '+' || Value == "-") {
                        Value = 0;
                    }
                }
                input.onchange = function () {
                    if (Value == null) {
                        input.value = "";
                    } else {
                        if (Data.usePercent) {
                            input.value = (Value * 100).toFixed(Data.OnlyInt ? 0 : Data.iPoint) + "%";
                        } else {
                            input.value = Value.toFixed(Data.OnlyInt ? 0 : Data.iPoint);
                        }
                    }
                    OnChanged();
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                var Value = null;
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Value;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        if (Val == null) {
                            Value = null;
                            input.value = "";
                            OnChanged();
                            return;
                        }
                        Value = Val == null || Val.length == 0 || isNaN(Val) ? null : Val * 1;
                        if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 < Data.Range.Min) {
                            Value = Data.Range.Min;
                        }
                        if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 > Data.Range.Max) {
                            Value = Data.Range.Max;
                        }
                        if (Value == null) {
                            input.value = "";
                        } else {
                            if (Data.OnlyInt == true && Value.length != 0) {
                                if (Data.usePercent) {
                                    input.value = (Value * 100).toFixed(0) + "%";
                                } else {
                                    input.value = Value.toFixed(0);
                                }
                            } else if (Value.length != 0) {
                                if (Data.usePercent) {
                                    input.value = (Value * 100).toFixed(Data.iPoint) + "%";
                                } else {
                                    input.value = Value.toFixed(Data.iPoint);
                                }
                            }
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return input.readOnly;
                    },
                    set: function (val) {
                        val = (val == true);
                        input.style.border = (val == true ? "none" : "");
                        if (val) {
                            input.setAttribute("placeholder", "暂无内容");
                        } else {
                            input.removeAttribute("placeholder");
                        }
                        input.readOnly = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = Data.DefVal == null ? "" : Data.DefVal;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
         
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var val = "";
                if (Data.DefType == "自定义") {
                    val = Data.DefVal == null ? "" : Data.DefVal;
                }
                var html = "<input class='ValBorder' style='padding:5px;max-width:100%;width:150px;height:28px;line-height:28px;outline-color:#0db3a6' value='" + val + "'/>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);

                var input = ControlBox.firstChild;
                input.oninput = function () {
                    if (Data.OnlyInt == true) {
                        CLCheckInt(input);
                    } else {
                        CLCheckFloat(input,Data.iPoint);
                    }
                    Value = input.value.length == 0 ? null : input.value * 1;
                    if (isNaN(Value)) {
                        Value = null;
                    }
                    if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 < Data.Range.Min) {
                        Value = Data.Range.Min;
                    }
                    if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 > Data.Range.Max) {
                        Value = Data.Range.Max;
                    }
                    if (Data.usePercent) {
                        Value /= 100;
                    }
                }

                input.setAttribute("placeholder", Data.Placeholder || "");
                input.onchange = function () {
                    if (Value == null) {
                        input.value = "";
                    } else {
                        if (Data.usePercent) {
                            input.value = (Value * 100).toFixed(Data.OnlyInt ? 0 : Data.iPoint) + "%";
                        } else {
                            input.value = Value.toFixed(Data.OnlyInt ? 0 : Data.iPoint);
                        }
                    }
                    OnChanged();
                }
                function OnChanged() {
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                var Value = null;
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Value;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        Value = Val == null || Val.length == 0 || isNaN(Val) ? null : Val * 1;
                        if (Val == null) {
                            Value = null;
                            input.value = "";
                            OnChanged();
                            return;
                        }
                        if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 < Data.Range.Min) {
                            Value = Data.Range.Min;
                        }
                        if (Data.Range.Min != null && Value != null && Value.length != 0 && Value * 1 > Data.Range.Max) {
                            Value = Data.Range.Max;
                        }
                        if (Value == null) {
                            input.value = "";
                        } else {
                            if (Data.OnlyInt == true && Value.length != 0) {
                                if (Data.usePercent) {
                                    input.value = (Value * 100).toFixed(0) + "%";
                                } else {
                                    input.value = Value.toFixed(0);
                                }
                            } else if (Value.length != 0) {
                                if (Data.usePercent) {
                                    input.value = (Value * 100).toFixed(Data.iPoint) + "%";
                                } else {
                                    input.value = Value.toFixed(Data.iPoint);
                                }
                            }
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return input.readOnly;
                    },
                    set: function (val) {
                        val = (val == true);
                        if (val) {
                            input.setAttribute("placeholder", "暂无内容");
                        } else {
                            input.removeAttribute("placeholder");
                        }
                        input.readOnly = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.ScanAble && !Data.ChangeAble) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = Data.DefVal == null ? "" : Data.DefVal;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["数字"]);
    }());

    (function (时间日期) {
        FrmCtrls["时间日期"] = {
            Icon: "&#xeb1e;"
            , Name: "时间日期"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "时间日期"
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                var DefVal = "";
                var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm:ss";
                if (Data.DefType == "填写当天") {
                    DefVal = new Date().Format(sFormat);
                } else if (Data.DefType == "自定义" && Data.DefVal != null && Data.DefVal.length != 0) {
                    DefVal = Date.Parse(Data.DefVal).Format(sFormat);
                }
                html += "<div style='border:1px #e0e0e0 solid;width:330px;margin:5px 0;height:30px'><div class='DtValue' style='padding:0 8px;line-height:28px; width:300px;line-heigh=30px;height:30px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + DefVal + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:30px;margin:0;color:#0db3a6;'>" + this.Icon + "</div></div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var DefVal = "";
                var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm:ss";
                if (Data.DefType == "填写当天") {
                    DefVal = new Date().Format(sFormat);
                } else if (Data.DefType == "自定义" && Data.DefVal != null && Data.DefVal.length != 0) {
                    DefVal = Date.Parse(Data.DefVal).Format(sFormat);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:#fff'><div class='DtValue' style='text-align:left;padding:0 5px;line-height:28px; width:calc(100% - 30px);line-heigh=28px;height:30px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + DefVal + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:30px;margin:0;color:#0db3a6;'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = ControlBox.dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "类型");
                var Type = new CLSelect(PropBody);
                Type.AddItems([
                    "日期",
                    "日期时间"
                ]);
                Type.onchanged = function (Type) {
                    Data.iType = Type.selectedIndex;
                    ResetCtrl(ControlBox, PropBody);
                    if (DefVal) {
                        var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm:ss";
                        if (DefVal.value != null && DefVal.value.length != 0) {
                            DefVal.value = Date.Parse(Data.DefVal == null ? "" : Data.DefVal).Format(sFormat);
                        }
                    }
                };
                Type.selectedIndex = Data.iType == null ? 0 : Data.iType;
                PropSplit(PropBody);

                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "填写当天",
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 1) {
                        //自定义
                        DefVal = document.createElement("input");
                        DefVal.className = "Value";
                        DefVal.style.marginTop = "10px";
                        DefVal.id = "DefDt";
                        if (Data.DefType == This.Items[This.selectedIndex]) {
                            var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd HH:mm:ss";
                            DefVal.value = Data.DefVal == null || Data.DefVal.length == 0 ? "" : Date.Parse(Data.DefVal).Format(sFormat);
                            Data.DefVal = DefVal.value;
                        }
                        DefVal.onclick = function () {
                            var sFormat = "";
                            if (Data.iType == 0) {
                                sFormat = "yyyy-MM-dd";
                            } else {
                                sFormat = "yyyy-MM-dd HH:mm:ss";
                            }
                            var dt = CLDate(new Date().Format(sFormat), sFormat, DefVal);
                            dt.onchanged = function () {
                                DefVal.value = dt.Value;
                                Data.DefVal = dt.Value.toString();
                                ResetCtrl(ControlBox, PropBody);
                            }
                        };
                        DefVal.onchange = function () {
                            if (DefVal.value == null || DefVal.value.trim().length == 0) {
                                Data.DefVal = null;
                                ResetCtrl(ControlBox, PropBody);
                            }
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 3) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 4) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                    ResetCtrl(ControlBox, PropBody);
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 1;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "查询加速");
                var indexBox = new CLCheckBox("启用加速", PropBody);
                indexBox.checked = Data.UseIndex == true;
                indexBox.onchanged = function () {
                    Data.UseIndex = indexBox.checked;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    var label = ControlBox.firstChild;
                    if (Data.Editable) {
                        var span = document.createElement("span");
                        span.innerHTML = "清除";
                        span.style.color = "rgb(35, 35, 220)";
                        span.style.fontSize = "12px";
                        span.style.textDecoration = "underline";
                        span.style.marginLeft = "10px";
                        span.style.cursor = "pointer";
                        label.appendChild(span);
                        span.onclick = function () {
                            ControlBox.Value = "";
                        }
                    }
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }

                ControlBox.Changed = [];
                var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd hh:mm:ss";
                var DtBg = document.createElement("div");
                if (isCell) {
                    DtBg.style.cssText = "width:100%;cursor:pointer;";
                } else {
                    DtBg.style.cssText = "border:1px #e0e0e0 solid;width:330px;margin:5px 0;height:30px;cursor:pointer;max-width:100%";
                }
                ControlBox.appendChild(DtBg);
                var DtValue = document.createElement("input");
                DtValue.className = "DtValue";
                DtValue.id = CLMakeId();
                DtBg.appendChild(DtValue);
                var FontIcon = document.createElement("div");
                FontIcon.className = "FontIcon";
                FontIcon.innerHTML = this.Icon;
                DtBg.appendChild(FontIcon);
                if (isCell) {
                    FontIcon.style.display = "none";
                } else {
                    FontIcon.style.cssText = "padding:0 5px;border-left:1px #e0e0e0 solid;height:30px;margin:0;color:#0db3a6;";
                }
                if (isCell) {
                    DtValue.style.cssText = "width:100%;display:inline-block;border:none";
                } else {
                    DtValue.style.cssText = "padding:0 8px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 30px);border:none";
                }
                if (IsMobile()) {
                    DtValue.readOnly = true;
                }
                var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd hh:mm:ss";
                var _dt;
                var ooVal;
                function onclick() {
                    ooVal = ControlBox.Value;
                    _dt = CLDate(ControlBox.Value, sFormat, DtValue);
                    _dt.onchanged = function () {
                        DtValue.value = _dt.Value.toString();
                    }
                    _dt.End = function () {
                        DtValue.value = _dt.Value.toString();
                        if (ooVal != DtValue.value) {
                            OnChanged();
                            ooVal = DtValue.value;
                        }
                    }
                }
                DtValue.oninput = function () {
                    CLCheckDateTime(this,sFormat);
                    if (_dt) {
                        _dt.Value = DtValue.value;
                    }
                }
                DtValue.onchange = function () {
                    if (ooVal != DtValue.value) {
                        OnChanged();
                        ooVal = DtValue.value;
                    }
                }
                if (isCell) {
                    ControlBox.Cell.style.cursor = "pointer";
                    ControlBox.Cell.addEventListener("click", onclick);
                } else {
                    DtBg.onclick = onclick;
                }
                var DtBgOnclick = DtBg.onclick;
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return DtValue.value ? DtValue.value : null;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        DtValue.value = Val == null || (Val + "").trim() == "" ? "" : Date.Parse(Val.toString()).Format(sFormat);
                        DtValue.oninput();
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return DtBg.onclick != DtBgOnclick;
                    },
                    set: function (val) {
                        val = (val == true);
                        if ((val == true)) {
                            DtBg.style.border = "none";
                            DtBg.style.cursor = "default";
                            FontIcon.style.display = "none";
                            DtValue.readOnly = true;
                            DtValue.setAttribute("placeholder", "暂无内容");
                        } else {
                            if (!IsMobile()) {
                                DtValue.readOnly = false;
                            }
                            DtBg.style.border = "1px #e0e0e0 solid";
                            DtBg.style.cursor = "pointer";
                            FontIcon.style.display = "inline-block;";
                            DtValue.removeAttribute("placeholder");
                        }
                        DtBg.onclick = val ? null : DtBgOnclick;
                    }
                });

                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "填写当天") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = new Date().Format(sFormat);
                        });
                    }
                    if (Data.DefType == "自定义" && Data.DefVal != null && Data.DefVal.length != 0) {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = DefVal = Date.Parse(Data.DefVal).Format(sFormat);
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                };
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var DefVal = "";
                var sFormat = Data.iType == 0 ? "yyyy-MM-dd" : "yyyy-MM-dd hh:mm:ss";
                var html = "<div id='" + CLMakeId() + "' class='ValBorder' style='width:180px;height:30px;background:rgba(0,0,0,0)'><input class='DtValue' style='text-align:left;padding:0 5px;line-height:28px; width:150px;height:28px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none' /><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:30px;margin:0;color:#0db3a6;'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);
                var DtBg = ControlBox.firstChild;
                var DtValue = ControlBox.firstChild.firstChild;
                var _dt;
                var ooVal;
                DtBg.onclick = function () {
                    ooVal = ControlBox.Value;
                    _dt = CLDate(ControlBox.Value, sFormat, DtValue);
                    _dt.onchanged = function () {
                        DtValue.value = _dt.Value.toString();
                    }
                    _dt.End = function () {
                        DtValue.value = _dt.Value.toString();
                        if (ooVal != DtValue.value) {
                            OnChanged();
                            ooVal = DtValue.value;
                        }
                    }
                }

                DtValue.oninput = function () {
                    CLCheckDateTime(this, sFormat);
                    if (_dt) {
                        _dt.Value = DtValue.value;
                    }
                }

                DtValue.onchange = function () {
                    if (ooVal != DtValue.value) {
                        OnChanged();
                        ooVal = DtValue.value;
                    }
                }

                if (IsMobile()) {
                    DtValue.readOnly = true;
                }

                var DtBgOnclick = DtBg.onclick;
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return DtValue.value ? DtValue.value : null;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        DtValue.value = Val == null || (Val + "").trim() == "" ? "" : Date.Parse(Val.toString()).Format(sFormat);
                        DtValue.oninput();
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return DtBg.onclick == DtBgOnclick;
                    },
                    set: function (val) {
                        val = (val == true);
                        var FontIcon = ControlBox.getElementsByClassName("FontIcon")[0];
                        if ((val == true)) {
                            DtBg.style.border = "none";
                            DtBg.style.cursor = "default";
                            FontIcon.style.display = "none";
                            DtValue.setAttribute("placeholder", "暂无内容");
                            DtValue.readOnly = true;
                        } else {
                            if (!IsMobile()) {
                                DtValue.readOnly = false;
                            }
                            DtBg.style.border = "1px #e0e0e0 solid";
                            DtBg.style.cursor = "pointer";
                            FontIcon.style.display = "inline-block";
                            DtValue.removeAttribute("placeholder");
                        }
                        DtBg.onclick = val ? null : DtBgOnclick;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "填写当天") {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = new Date().Format(sFormat);
                        });
                    } else if (Data.DefType == "自定义" && Data.DefVal != null && Data.DefVal.length != 0) {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = DefVal = Date.Parse(Data.DefVal).Format(sFormat);
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                } else if (Date.Parse(FormData1[key]) - Date.Parse(FormData2[key]) == 0) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["时间日期"]);
    }());

    (function (单选按钮组) {
        FrmCtrls["单选按钮组"] = {
            Icon: "&#xe75b;"
            , Name: "单选按钮组"
            , Init: function (Data) {
                if (Data.Items == null) {
                    Data.Items = (function () {
                        return [
                            {
                                Name: "选项1",
                                Checked: false,
                                UnionCtrlIds: []
                            },
                            {
                                Name: "选项2",
                                Checked: false,
                                UnionCtrlIds: []
                            },
                            {
                                Name: "选项3",
                                Checked: false,
                                UnionCtrlIds: []
                            }
                        ]
                    })();
                }
                if (Data.Name == null) {
                    Data.Name = "单选按钮组"
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                if (Data.IsOnOff) {
                    updataColor(Data);
                }
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                if (!Data.IsOnOff) {
                    for (var i = 0; i < Data.Items.length ; i++) {
                        if (Data.Items[i].Checked) {
                            html += "<div class='CLRadioBox CLRadioBoxChecked" + (Data.InlineBlock ? " InlineBlock" : "") + "' style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'><div class='Icon'></div><div class='Name'>" + CLHTMLEncode(Data.Items[i].Name) + "</div></div>";
                        } else {
                            html += "<div class='CLRadioBox" + (Data.InlineBlock ? " InlineBlock" : "") + "' style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'><div class='Icon'></div><div class='Name'>" + CLHTMLEncode(Data.Items[i].Name) + "</div></div>";
                        }
                    }
                } else {
                    html += "<div class='Color" + Data.ID + "' style='padding:3px 0;height:30px'><div class = 'CLOnOff" + (Data.Items[0].Checked ? " CLOnOff-On" : " CLOnOff-Off") + "'></div></div>";
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                updataColor(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName = Data.Items[i].Name;
                    }
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='height:30px;overflow:hidden;width:180px' class='Color" + Data.ID + "'>";
                if (!Data.IsOnOff) {
                    html += "<div style='border:1px #e0e0e0 solid;width:100%;height:30px;background:#fff'><div class='Value' style='border:0px;text-align:left;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + CLHTMLEncode(sName) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:30px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                } else {
                    html += "<div class = 'CLOnOff" + (Data.Items[0].Checked ? " CLOnOff-On" : " CLOnOff-Off") + "' style='margin:3px 0'></div>";
                }
                html += "</div>";

                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                if (Data.ParentID) {
                    PropSplit(PropBody);
                    PropPlaceholder(PropBody, ControlBox);
                }
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "显示方式");
                var OnOffBox = new CLCheckBox("显示为开关", PropBody);
                OnOffBox.checked = Data.IsOnOff;
                OnOffBox.onchanged = function () {
                    Data.IsOnOff = OnOffBox.checked;
                    if (Data.IsOnOff && Data.Items.length != 2) {
                        Data.Items = [
                            {
                                Name: "是",
                                Checked: true,
                                UnionCtrlIds: []
                            },
                            {
                                Name: "否",
                                Checked: false,
                                UnionCtrlIds: []
                            }
                        ];
                    }
                    ResetCtrl(ControlBox, PropBody);
                    FrmDesigner.CtrlProp(PropBody, ControlBox);
                }
                if (!Data.IsOnOff) {
                    PropSplit(PropBody);
                    PropLabel(PropBody, "选项");
                }

                PropRadioItems(PropBody, ControlBox);

                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "选项横排");
                var InlineBlockBox = new CLCheckBox("选项横排", PropBody);
                InlineBlockBox.onchanged = function (Box) {
                    Data.InlineBlock = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                InlineBlockBox.checked = Data.InlineBlock;

                PropSplit(PropBody);

                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var dataList = [];
                var selectedIndex = null;
                for (var i = 0; i < Data.Items.length ; i++) {
                    dataList.push({
                        ID: i,
                        Name: Data.Items[i].Name,
                        UnionCtrlIds: Data.Items[i].UnionCtrlIds
                    });
                    if (Data.Items[i].Checked) {
                        selectedIndex = i;
                    }
                }
                var itemObject = null;
                if (!Data.IsOnOff) {
                    var itemObject = new CLList(dataList, ControlBox, false, function (Item) {
                        Item.lastChild.style.cssFloat = "left";
                        Item.lastChild.style.marginRight = "5px";
                        if (isCell) {
                            Item.style.fontSize = "inherit";
                        }
                    });
                    var Ele = ControlBox.lastChild;
                    if (Data.InlineBlock || isCell) {
                        Ele.classList.add("CLListInlineBlock");
                        if (isCell) {
                            Ele.style["white-space"] = "normal";
                        }
                    }
                    if (isCell) {
                        Ele.style, height = "initial";
                    }
                    itemObject.canLost = true;

                    itemObject.OnLostSelected = function (ItemData) {
                        if (itemObject.currentTarget.ItemData.ID != ItemData.ID) {
                            return;
                        }
                        OnChanged();
                    }

                    itemObject.OnSelected = function (ItemData) {
                        OnChanged();
                    }
                    
                    Object.defineProperty(itemObject, "selectedIndex", {
                        get: function () {
                            var Id = itemObject.getSelIds()[0]
                            return Id == null ? -1 : Id;
                        }
                    });

                } else {
                    itemObject = new CLOnOff("", ControlBox);
                    itemObject.onchanged = function () {
                        OnChanged();
                    }
                    updataColor(Data);
                    ControlBox.classList.add("Color" + Data.ID);
                    if (isCell) {
                        ControlBox.style.lineHeight = "0.5";
                    }
                    Object.defineProperty(itemObject, "Disabled", {
                        get: function () {
                            return itemObject.enable;
                        },
                        set: function (val) {
                            itemObject.enable = !(val == true);
                        }
                    });

                    Object.defineProperty(itemObject, "selectedIndex", {
                        get: function () {
                            return  (itemObject.checked ? 0 : 1);
                        }
                    });
                    itemObject.Select = function (index) {
                        itemObject.checked = index == 0;
                    }
                    itemObject.UnSelect = function () {
                        itemObject.checked = false;
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return (itemObject.selectedIndex == -1 ? null : (Data.Items[itemObject.selectedIndex].Name));
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        var index = -1;
                        for (var i = 0; i < Data.Items.length ; i++) {
                            if (Data.Items[i].Name == Val) {
                                index = i;
                            }
                        }
                        index < 0 ? index = -1 : index;

                        if (index == -1) {
                            itemObject.UnSelect(itemObject.selectedIndex);
                        } else {
                            itemObject.Select(index);
                        }
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return itemObject.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        itemObject.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    //处理关联选项
                    var dataForm = FrmDesigner.getData(ControlBox); 
                    function getCtrlData(Id) {
                        for (var i = 0; i < dataForm.Controls.length; i++) {
                            if (dataForm.Controls[i].Data.ID == Id) {
                                return dataForm.Controls[i];
                            }
                            if (dataForm.Controls[i].Name == "子表单") {
                                for (var j = 0; j < dataForm.Controls[i].Data.Field.length; j++) {
                                    if (dataForm.Controls[i].Data.Field[j].Data.ID == Id) {
                                        return dataForm.Controls[i].Data.Field[j];
                                    }
                                }
                            }
                        }
                    }
                    ControlBox.HideAll = function () {
                        var ControlBox = this;
                        var Data = ControlBox.dataCtrl.Data;
                        for (var i = 0; i < Data.Items.length ; i++) {
                            var UnionCtrlIds = Data.Items[i].UnionCtrlIds;
                            for (var j = 0; UnionCtrlIds != null && j < UnionCtrlIds.length; j++) {
                                var ctrl = getCtrlData(UnionCtrlIds[j]);
                                if (ctrl == null) {
                                    continue;
                                }
                                if (ctrl.Data.ParentID == null) {
                                    var CtrlLine = FrmDesigner.getElementById(UnionCtrlIds[j], ControlBox);
                                    if (CtrlLine != null) {
                                        CtrlLine.style.display = "none";
                                        if (CtrlLine.UnionItem != null) {
                                            CtrlLine.UnionItem();
                                        }
                                    }
                                } else {
                                    if (Data.ParentID == ctrl.Data.ParentID) {
                                        var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ID, ControlBox);
                                        if (CtrlLine != null) {
                                            CtrlLine.style.display = "none";
                                            if (CtrlLine.UnionItem != null) {
                                                CtrlLine.UnionItem();
                                            }
                                        }
                                    } else {
                                        var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ParentID, ControlBox);
                                        if (CtrlLine != null) {
                                            CtrlLine.columnDisplay(UnionCtrlIds[j], "none");
                                        }
                                    }
                                }
                            }
                        }
                    }
                    ControlBox.HideAll();
                    ControlBox.UnionItem = function UnionItem() {
                        var ControlBox = this;
                        ControlBox.HideAll();
                        if (itemObject.selectedIndex == null || Data.Items[itemObject.selectedIndex] == null) {
                            return;
                        }
                        var UnionCtrlIds = Data.Items[itemObject.selectedIndex].UnionCtrlIds;
                        for (var i = 0; UnionCtrlIds != null && i < UnionCtrlIds.length ; i++) {
                            var ctrl = getCtrlData(UnionCtrlIds[i]);
                            if (ctrl == null) {
                                continue;
                            }
                            if (ctrl.Data.ParentID == null) {
                                var CtrlLine = FrmDesigner.getElementById(UnionCtrlIds[i], ControlBox);
                                if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                    if (CtrlLine.dataCtrl.Data.useMobileLayout && CtrlLine.dataCtrl.Name == "子表单") {
                                        CtrlLine.Display = ControlBox.style.display;
                                    } else {
                                        if (CtrlLine.hasOwnProperty("Display")) {
                                            CtrlLine.Display = ControlBox.style.display;
                                        } else {
                                            CtrlLine.style.display = ControlBox.style.display;
                                        }
                                    }
                                    if (CtrlLine.UnionItem != null) {
                                        CtrlLine.UnionItem();
                                    }
                                }
                            } else {
                                if (Data.ParentID == ctrl.Data.ParentID) {
                                    var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ID, ControlBox);
                                    if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                        if (CtrlLine.hasOwnProperty("Display")) {
                                            CtrlLine.Display = ControlBox.style.display;
                                        } else {
                                            CtrlLine.style.display = ControlBox.style.display;
                                        }
                                        if (CtrlLine.UnionItem != null) {
                                            CtrlLine.UnionItem();
                                        }
                                    }
                                } else {
                                    var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ParentID, ControlBox);
                                    if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                        CtrlLine.columnDisplay(UnionCtrlIds[i], ControlBox.style.display);
                                    }
                                }
                            }
                        }
                    }

                    function UnionItem() {
                        ControlBox.UnionItem();
                    }

                    ControlBox.Changed.Insert(0, UnionItem);
                    ControlBox.OnInitializeds.Insert(0, UnionItem);
                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        itemObject.Select(selectedIndex);
                    });

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var index = -1;
                var tempIndex;
                var SelObject = null;

                if (!Data.IsOnOff) {
                    SelObject = new CLTop.CLSelect(ControlBox);
                    ControlBox.lastChild.classList.add("ValBorder");
                    SelObject.setIcon(this.Icon);
                    SelObject.EnableClear(true);
                    SelObject.EnableSearch(true);
                    SelObject.setWidth("180px");
                    SelObject.setPlaceholder(Data.Placeholder || "");
                    for (var i = 0; i < Data.Items.length; i++) {
                        if (Data.Items[i].Checked == true) {
                            tempIndex = i;
                        }
                        SelObject.AddItems([Data.Items[i].Name]);
                    }
                    SelObject.onchanged = function () {
                        index = SelObject.selectedIndex;
                        OnChanged();
                    }
                } else {
                    var div = document.createElement("div");
                    div.style.cssText = "height:30px;overflow:hidden;width:180px";
                    ControlBox.appendChild(div);
                    SelObject = new CLOnOff("", div);
                    tempIndex = Data.Items[0].Checked ? 0 : 1;
                    SelObject.onchanged = function () {
                        index = SelObject.checked ? 0 : 1;
                        OnChanged();
                    }
                    Object.defineProperty(SelObject, "selectedIndex", {
                        get: function () {
                            return index;
                        },
                        set: function (Val) {
                            SelObject.checked = Val == 0;
                        }
                    });
                    Object.defineProperty(SelObject, "Disabled", {
                        get: function () {
                            return !SelObject.enable;
                        },
                        set: function (val) {
                            SelObject.enable = !(val == true);
                        }
                    });
                    SelObject.GetValue = function () {
                        return Data.Items[index] == null ? null : Data.Items[index].Name;
                    }
                    SelObject.SetValue = function (Val) {
                        SelObject.checked = Val == Data.Items[0].Name;
                    }
                    updataColor(Data);
                    ControlBox.classList.add("Color" + Data.ID);
                }

                DivLine.appendChild(ControlBox);
                var Value = ControlBox.firstChild.firstChild;
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelObject.GetValue();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val != null && Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (!Data.IsOnOff) {
                            index = SelObject.Items.indexOf(Val);
                        } else {
                            index = Val == "是" ? 0 : 1;
                        }
                        if (SelObject.GetValue() == Val) {
                            var onchanged = OnChanged;
                            OnChanged = function () { }
                            SelObject.SetValue(Val);
                            OnChanged = onchanged;
                        } else {
                            SelObject.SetValue(Val);
                            if (!Data.IsOnOff) {
                                OnChanged();
                            }
                        }
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return SelObject.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        SelObject.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    //处理关联选项
                    ControlBox.HideAll = function () {
                        var ControlBox = this;
                        var Data = ControlBox.dataCtrl.Data;
                        for (var i = 0; i < Data.Items.length ; i++) {
                            var UnionCtrlIds = Data.Items[i].UnionCtrlIds;
                            for (var j = 0; UnionCtrlIds != null && j < UnionCtrlIds.length; j++) {
                                var Boxes = ControlBox.parentNode.getElementsByClassName("ControlBox");
                                for (var k = 0; k < Boxes.length; k++) {
                                    if (Boxes[k].className.indexOf(UnionCtrlIds[j]) >= 0) {
                                        Boxes[k].firstChild.style.display = "none";
                                        if (Boxes[k].UnionItem != null) {
                                            Boxes[k].UnionItem();
                                        }
                                    }
                                }
                            }
                        }
                    }
                    ControlBox.HideAll();
                    ControlBox.UnionItem = function UnionItem() {
                        var ControlBox = this;
                        ControlBox.HideAll();
                        if (index == null || Data.Items[index] == null) {
                            return;
                        }
                        var UnionCtrlIds = Data.Items[index].UnionCtrlIds;
                        for (var i = 0; UnionCtrlIds != null && i < UnionCtrlIds.length ; i++) {
                            var Boxes = ControlBox.parentNode.getElementsByClassName("ControlBox");
                            for (var j = 0; j < Boxes.length ; j++) {
                                if (Boxes[j].className.indexOf(UnionCtrlIds[i]) >= 0) {
                                    Boxes[j].firstChild.style.display = ControlBox.style.display;
                                    if (Boxes[j].UnionItem) {
                                        Boxes[j].UnionItem();
                                    }
                                }
                            }
                        }
                    }

                    function UnionItem() {
                        ControlBox.UnionItem();
                    }

                    ControlBox.Changed.Insert(0, UnionItem);
                    ControlBox.OnInitializeds.Insert(0, UnionItem);

                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        if (tempIndex != null) {
                            SelObject.selectedIndex = tempIndex;
                        }
                    });

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["单选按钮组"]);
    }());

    (function (复选框组) {
        FrmCtrls["复选框组"] = {
            Icon: "&#xe637;"
            , Name: "复选框组"
            , Init: function (Data) {
                if (Data.Items == null) {
                    Data.Items = (function () {
                        return [
                            {
                                Name: "选项1",
                                Checked: false
                            },
                            {
                                Name: "选项2",
                                Checked: false
                            },
                            {
                                Name: "选项3",
                                Checked: false
                            }
                        ]
                    })();
                }
                if (Data.Name == null) {
                    Data.Name = "复选框组"
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                for (var i = 0; i < Data.Items.length ; i++) {
                    if (Data.Items[i].Checked) {
                        html += "<div class='CLCheckBox CLCheckBoxChecked " + (Data.InlineBlock ? " InlineBlock" : "") + "' style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'><div class='Icon' style='color:#0db3a6'></div><div class='Name'>" + CLHTMLEncode(Data.Items[i].Name) + "</div></div>";
                    } else {
                        html += "<div class='CLCheckBox" + (Data.InlineBlock ? " InlineBlock" : "") + "'  style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'><div class='Icon'></div><div class='Name'>" + CLHTMLEncode(Data.Items[i].Name) + "</div></div>";
                    }
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName += "【" + Data.Items[i].Name + "】,";
                    }
                }
                if (sName[sName.length - 1] == ',') {
                    sName = sName.substring(0, sName.length - 1);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:30px;background:#fff'><div class='Value' style='text-align:left;width:calc(100% - 30px);line-height:28px;height:28px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + CLHTMLEncode(sName) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                if (Data.ParentID) {
                    PropSplit(PropBody);
                    PropPlaceholder(PropBody, ControlBox);
                }
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "选项");
                PropCheckBoxItems(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "选项横排");
                var InlineBlockBox = new CLCheckBox("选项横排", PropBody);
                InlineBlockBox.onchanged = function (Box) {
                    Data.InlineBlock = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                InlineBlockBox.checked = Data.InlineBlock;
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];

                var dataList = [];
                var indexes = [];
                for (var i = 0; i < Data.Items.length ; i++) {
                    dataList.push({
                        ID: i,
                        Name: Data.Items[i].Name,
                        UnionCtrlIds: Data.Items[i].UnionCtrlIds
                    });
                    if (Data.Items[i].Checked) {
                        indexes.push(i);
                    }
                }
                var list = new CLList(dataList, ControlBox, true, function (Item) {
                    Item.lastChild.style.cssFloat = "left";
                    Item.lastChild.style.marginRight = "5px";
                    if (isCell) {
                        Item.style.fontSize = "inherit";
                    }
                });

                var Ele = ControlBox.lastChild;
                if (Data.InlineBlock || isCell) {
                    Ele.classList.add("CLListInlineBlock");
                    if (isCell) {
                        Ele.style["white-space"] = "normal";
                    }
                }

                list.canLost = true;

                list.OnLostSelected = function (ItemData) {
                    indexes.splice(indexes.indexOf(ItemData.ID), 1);
                    OnChanged();
                }

                list.OnSelected = function (ItemData) {
                    indexes.push(ItemData.ID);
                    OnChanged();
                }

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var retVal = [];
                        for (var i = 0; i < indexes.length ; i++) {
                            retVal.push(Data.Items[indexes[i]].Name);
                        }
                        return retVal.length == 0 ? null : retVal;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            Val = [];
                        }
                        if (Val.constructor != [].constructor) {
                            Val = JSON.parse(Val);
                        }
                        if (Object.Equals(Val, this.Value)) {
                            return;
                        }
                        var indexes = [];
                        for (var i = 0; i < Data.Items.length; i++) {
                            if (Val.indexOf(Data.Items[i].Name) >= 0) {
                                indexes.push(i);
                            }
                        }
                        var disabled = ControlBox.Disabled;
                        ControlBox.Disabled = false;
                        var Changed = ControlBox.Changed;
                        list.Selects(null);
                        list.Selects(indexes);
                        ControlBox.Changed = Changed;
                        OnChanged();
                        ControlBox.Disabled = disabled;
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return list.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        list.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        var disabled = ControlBox.Disabled;
                        ControlBox.Disabled = false;
                        list.Selects(indexes);
                        ControlBox.Disabled = disabled;
                    });

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var Sel = new CLTop.CLSelect(ControlBox);
                ControlBox.lastChild.classList.add("ValBorder");
                Sel.setIcon(this.Icon);
                Sel.setWidth("180px");
                Sel.EnableClear(true);
                Sel.EnableSearch(true);
                Sel.EnableMultiSel(true);
                Sel.setPlaceholder(Data.Placeholder || "");
                var SelVal = [];
                for (var i = 0; i < Data.Items.length; i++) {
                    Sel.AddItems([Data.Items[i].Name]);
                    if (Data.Items[i].Checked && SelVal.indexOf(Data.Items[i].Name) < 0) {
                        SelVal.push(Data.Items[i].Name);
                    }
                }

                Sel.onchanged = function () {
                    OnChanged();
                }
                DivLine.appendChild(ControlBox);
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Sel.GetValues();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            Val = [];
                        }
                        if (!Array.isArray(Val)) {
                            Val = JSON.parse(Val);
                        }
                        if (Object.Equals(Val, this.Value)) {
                            return;
                        }
                        Sel.SetValues(Val);
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Sel.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        Sel.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        Sel.SetValues(SelVal);
                    });

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    return "<code style='font-weight:900;color:rgb(36, 138, 249)'>NULL</code>";
                }
                return jData;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                var oVal = FormData1[key];
                if (typeof oVal == "string") {
                    oVal = JSON.parse(oVal);
                }
                var Val = FormData2[key];
                if (typeof Val == "string") {
                    Val = JSON.parse(Val);
                }
                if (Object.Equals(oVal, Val)) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["复选框组"]);
    }());

    (function (下拉框) {
        FrmCtrls["下拉框"] = {
            Icon: "&#xe80e;"
            , Name: "下拉框"
            , Init: function (Data) {
                if (Data.Items == null) {
                    Data.Items = (function () {
                        return [
                            {
                                Name: "选项1",
                                Checked: false,
                                UnionCtrlIds: []
                            },
                            {
                                Name: "选项2",
                                Checked: false,
                                UnionCtrlIds: []
                            },
                            {
                                Name: "选项3",
                                Checked: false,
                                UnionCtrlIds: []
                            }
                        ]
                    })();
                }
                if (Data.Name == null) {
                    Data.Name = "下拉框"
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = true;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName = Data.Items[i].Name;
                    }
                }
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div class='CLSelect' style='width:330px'><div class='CLSelectVal'>" + CLHTMLEncode(sName) + "</div><div class='CLSelectIcon' Icon='&#xe79b;'></div></div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName = Data.Items[i].Name;
                    }
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div class='CLSelect' style='width:100%;'><div class='CLSelectVal'>" + CLHTMLEncode(sName) + "</div><div class='CLSelectIcon' Icon='&#xe79b;'></div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "选项");
                PropDropDwonItems(PropBody, ControlBox);
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                Box = new CLCheckBox("不允许重复值", PropBody);
                Box.onchanged = function (Box) {
                    Data.RepeatAble = !Box.checked;
                }
                Box.checked = !Data.RepeatAble;
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var Sel = new CLTop.CLSelect(ControlBox);
                var SelBg = ControlBox.lastChild;
                var style = SelBg.style;
                if (isCell) {
                    style.cssText = "padding:0;width:100%;height:initial;line-height:1;font-size:inherit;border:none;text-align:inherit";
                    var vDiv = SelBg.firstChild;
                    vDiv.style.cssText = "height:100%;line-height:1;padding:0;width:100%;height:100%";
                    var iDiv = SelBg.lastChild;
                    iDiv.style.display = "none";
                } else {
                    style.cssText = "border:1px #e0e0e0 solid;padding:0; width:330px;max-width:100%;height:30px";
                }

                Sel.EnableSearch(true);
                Sel.EnableClear(true);
                Sel.setPlaceholder(Data.Placeholder || "");
                Sel.onchanged = function () {
                    OnChanged();
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Items", {
                    get: function () {
                        return Sel.Items;
                    }
                });
                Object.defineProperty(ControlBox, "Select", {
                    get: function () {
                        return Sel;
                    }
                });
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Sel.GetValue();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (Val == this.Value) {
                            return;
                        }
                        Sel.SetValue(Val);
                        Sel.selIndex = this.Items.indexOf(Val + "");
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Sel.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        Sel.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.SourceType == "自定义") {
                        //处理关联选项
                        var dataForm = FrmDesigner.getData(ControlBox);
                        function getCtrlData(Id) {
                            for (var i = 0; i < dataForm.Controls.length; i++) {
                                if (dataForm.Controls[i].Data.ID == Id) {
                                    return dataForm.Controls[i];
                                }
                                if (dataForm.Controls[i].Name == "子表单") {
                                    for (var j = 0; j < dataForm.Controls[i].Data.Field.length; j++) {
                                        if (dataForm.Controls[i].Data.Field[j].Data.ID == Id) {
                                            return dataForm.Controls[i].Data.Field[j];
                                        }
                                    }
                                }
                            }
                        }
                        ControlBox.HideAll = function () {
                            var Data = ControlBox.dataCtrl.Data;
                            for (var i = 0; i < Data.Items.length ; i++) {
                                var UnionCtrlIds = Data.Items[i].UnionCtrlIds;
                                for (var j = 0; UnionCtrlIds != null && j < UnionCtrlIds.length; j++) {
                                    var ctrl = getCtrlData(UnionCtrlIds[j]);
                                    if (ctrl == null) {
                                        continue;
                                    }
                                    if (ctrl.Data.ParentID == null) {
                                        var CtrlLine = FrmDesigner.getElementById(UnionCtrlIds[j], ControlBox);
                                        if (CtrlLine != null) {
                                            CtrlLine.style.display = "none";
                                            if (CtrlLine.UnionItem != null) {
                                                CtrlLine.UnionItem();
                                            }
                                        }
                                    } else {
                                        if (Data.ParentID == ctrl.Data.ParentID) {
                                            var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ID, ControlBox);
                                            if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                                CtrlLine.style.display = "none";
                                                if (CtrlLine.UnionItem != null) {
                                                    CtrlLine.UnionItem();
                                                }
                                            }
                                        } else {
                                            var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ParentID, ControlBox);
                                            if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                                CtrlLine.columnDisplay(UnionCtrlIds[j], "none");
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        ControlBox.HideAll();
                        //处理关联选项
                        ControlBox.UnionItem = function UnionItem() {
                            var ControlBox = this;
                            ControlBox.HideAll();
                            if (Sel.selectedIndex == null || Data.Items[Sel.selectedIndex] == null) {
                                return;
                            }
                            var UnionCtrlIds = Data.Items[Sel.selectedIndex].UnionCtrlIds;
                            for (var i = 0; UnionCtrlIds != null && i < UnionCtrlIds.length ; i++) {
                                var ctrl = getCtrlData(UnionCtrlIds[i]);
                                if (ctrl == null) {
                                    continue;
                                }
                                if (ctrl.Data.ParentID == null) {
                                    var CtrlLine = FrmDesigner.getElementById(UnionCtrlIds[i], ControlBox);
                                    if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                        if (IsMobile() && CtrlLine.dataCtrl.Name == "子表单") {
                                            CtrlLine.Display = ControlBox.style.display;
                                        } else {
                                            if (CtrlLine.hasOwnProperty("Display")) {
                                                CtrlLine.Display = ControlBox.style.display;
                                            } else {
                                                CtrlLine.style.display = ControlBox.style.display;
                                            }
                                        }
                                        if (CtrlLine.UnionItem != null) {
                                            CtrlLine.UnionItem();
                                        }
                                    }
                                } else {
                                    if (Data.ParentID == ctrl.Data.ParentID) {
                                        var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ID, ControlBox);
                                        if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                            if (CtrlLine.hasOwnProperty("Display")) {
                                                CtrlLine.Display = ControlBox.style.display;
                                            } else {
                                                CtrlLine.style.display = ControlBox.style.display;
                                            }
                                            if (CtrlLine.UnionItem != null) {
                                                CtrlLine.UnionItem();
                                            }
                                        }
                                    } else {
                                        var CtrlLine = FrmDesigner.getElementById(ctrl.Data.ParentID, ControlBox);
                                        if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                            CtrlLine.columnDisplay(UnionCtrlIds[i], ControlBox.style.display);
                                        }
                                    }
                                }
                            }
                        }

                        function UnionItem() {
                            ControlBox.UnionItem();
                        }
                        ControlBox.Changed.Insert(0, UnionItem);
                        ControlBox.OnInitializeds.Insert(0, UnionItem);
                    }
                    (function () {
                        var SelIndex = -1;
                        if (Data.SourceType == "自定义") {
                            for (var i = 0; i < Data.Items.length ; i++) {
                                Sel.AddItems([
                                    Data.Items[i].Name
                                ]);
                                if (Data.Items[i].Checked) {
                                    SelIndex = i;
                                }
                            }
                        } else if (Data.SourceType == "关联其他表单数据") {
                            getFormDataByIdAndWheres.call({ datetime: new Date() },FrmDesigner.GetInstance(ControlBox),Data.Items.FormID, [], function (data) {
                                if (this.datetime < Sel.Items.datetime) {
                                    return;
                                }
                                Sel.Items.datetime = this.datetime;
                                var Items = [];
                                for (var i = 0; i < data.length ; i++) {
                                    if (data[i]["DataField_" + Data.Items.FieldID] == null) {
                                        continue;
                                    }
                                    if (Items.indexOf(data[i]["DataField_" + Data.Items.FieldID]) < 0) {
                                        Items.push(data[i]["DataField_" + Data.Items.FieldID]);
                                    }
                                }
                                Sel.AddItems(Items);
                            });
                            Sel.selectedIndex = SelIndex;
                        } else if ((Data.SourceType == "数据联动" || Data.SourceType == "数据源联动") && Data.Linkage != null) {
                            LinkageItem(ControlBox);
                        } else if (Data.SourceType == "公式编辑") {
                            var Marks = Data.Items.Marks;
                            if (Marks != null && FrmCoderEditor.MarksLength(Marks) != 0) {
                                var FieldDatas = [];
                                var bHasNull = false;
                                function doMark(Mark) {
                                    var ID = null;
                                    if (Mark.FieldData.className == "角色") {
                                        return;
                                    }
                                    ID = Mark.FieldData.ID;
                                    var ParentID =Mark.FieldData.ParentID;
                                    if (FieldDatas.indexOf(ID) >= 0) {
                                        return;
                                    }
                                    FieldDatas.push(ID);
                                    if (ID == "提交按钮") {
                                        var BeforeSubmit = FrmDesigner.GetInstance(ControlBox).BeforeSubmit;
                                        var fSubmit = function (Box) {
                                            if (!ControlBox.isConnected) {
                                                return;
                                            }
                                            if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                                Sel.Items.splice(0, Items == null ? [] : Items);
                                            }
                                        }
                                        BeforeSubmit.push(fSubmit);
                                        return;
                                    }
                                    var Ele;
                                    if (ParentID != null && ParentID != Data.ParentID) {
                                        Ele = FrmDesigner.getElementById(ParentID, ControlBox);
                                    } else {
                                        Ele = FrmDesigner.getElementById(ID, ControlBox);
                                    }
                                    if (Ele != null) {
                                        var fChanged = function (Box) {
                                            if (!ControlBox.isConnected) {
                                                return;
                                            }
                                            if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                                Sel.Items.splice(0);
                                                Items = Items == null ? [] : Items;
                                                for (var i = 0; i < Items.length; i++) {
                                                    Sel.Items.push(Items[i]);
                                                }
                                            }
                                        }
                                        Ele.Changed.push(fChanged);
                                        if (Ele.Value == null) {
                                            bHasNull = true;
                                        }
                                    } else {
                                        var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                                        console.trace();
                                        CLShowMsg(msg);
                                    }
                                }
                                for (var i = 0; i < Marks.length; i++) {
                                    if (Marks[i].FieldData.FormID == null) { doMark(Marks[i]); }
                                }
                            }
                            if (!bHasNull)
                            {
                                var Items = [];
                                Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                                Sel.Items.splice(0);
                                for (var i = 0; i < Items.length; i++) {
                                    Sel.Items.push(Items[i]);
                                }
                            }
                        }
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            Sel.selectedIndex = SelIndex;
                        });
                    })();

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var Sel = new CLTop.CLSelect(ControlBox);
                ControlBox.lastChild.classList.add("ValBorder");
                var SelBg = ControlBox.lastChild;

                Sel.EnableClear(true);
                Sel.EnableSearch(true);
                Sel.EnableClear(true);
                Sel.setWidth("180px");
                Sel.setPlaceholder(Data.Placeholder || "");
                Sel.onchanged = function () {
                    OnChanged();
                }
                DivLine.appendChild(ControlBox);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Items", {
                    get: function () {
                        return Sel.Items;
                    }
                });

                Object.defineProperty(ControlBox, "Select", {
                    get: function () {
                        return Sel;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Sel.GetValue();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val != null && Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (Val == this.Value) {
                            return;
                        }
                        Sel.SetValue(Val);
                        Sel.selIndex = this.Items.indexOf(Val + "");
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Sel.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        Sel.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                ControlBox.OnInitializeds.push(function () {
                    ControlBox.Initialized = true;
                });

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    ;(function () {
                        var SelIndex = -1;
                        if (Data.SourceType == "自定义") {
                            for (var i = 0; i < Data.Items.length ; i++) {
                                Sel.AddItems([Data.Items[i].Name]);
                                if (Data.Items[i].Checked) {
                                    SelIndex = i;
                                }
                            }
                            //处理关联选项
                            ControlBox.HideAll = function () {
                                var ControlBox = this;
                                var Data = ControlBox.dataCtrl.Data;
                                for (var i = 0; i < Data.Items.length ; i++) {
                                    var UnionCtrlIds = Data.Items[i].UnionCtrlIds;
                                    var Boxes = ControlBox.parentNode.getElementsByClassName("ControlBox");
                                    for (var j = 0; UnionCtrlIds != null && j < UnionCtrlIds.length ; j++) {
                                        for (var k = 0; k < Boxes.length; k++) {
                                            if (Boxes[k].className.indexOf(UnionCtrlIds[j]) >= 0) {
                                                Boxes[k].firstChild.style.display = "none";
                                                if (Boxes[k].UnionItem != null) {
                                                    Boxes[k].UnionItem();
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            ControlBox.HideAll();
                            ControlBox.UnionItem = function UnionItem() {
                                var ControlBox = this;
                                ControlBox.HideAll();
                                if (Sel.selectedIndex == null || Data.Items[Sel.selectedIndex] == null) {
                                    return;
                                }
                                var UnionCtrlIds = Data.Items[Sel.selectedIndex].UnionCtrlIds;
                                for (var i = 0; UnionCtrlIds != null && i < UnionCtrlIds.length ; i++) {
                                    var Boxes = ControlBox.parentNode.getElementsByClassName("ControlBox");
                                    for (var j = 0; j < Boxes.length ; j++) {
                                        if (Boxes[j].className.indexOf(UnionCtrlIds[i]) >= 0) {
                                            Boxes[j].firstChild.style.display = ControlBox.style.display;
                                            if (Boxes[j].UnionItem) {
                                                Boxes[j].UnionItem();
                                            }
                                        }
                                    }
                                }
                            }

                            function UnionItem() {
                                ControlBox.UnionItem();
                            }

                            ControlBox.Changed.Insert(0, UnionItem);
                            ControlBox.OnInitializeds.Insert(0, UnionItem);
                            FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                Sel.selectedIndex = SelIndex;
                            });
                        } else if (Data.SourceType == "关联其他表单数据") {
                            getFormDataByIdAndWheres.call({ datetime: new Date() }, FrmDesigner.GetInstance(ControlBox), Data.Items.FormID, [], function (data) {
                                if (this.datetime < Sel.Items.datetime) {
                                    return;
                                }
                                Sel.Items.datetime = this.datetime;
                                var Items = [];
                                for (var i = 0; i < data.length ; i++) {
                                    if (data[i]["DataField_" + Data.Items.FieldID] == null) {
                                        continue;
                                    }
                                    if (Items.indexOf(data[i]["DataField_" + Data.Items.FieldID]) < 0) {
                                        Items.push(data[i]["DataField_" + Data.Items.FieldID]);
                                    }
                                }
                                Sel.AddItems(Items);
                            });
                            Sel.selectedIndex = SelIndex;
                        } else if (Data.SourceType == "数据联动" || Data.SourceType == "数据源联动" && Data.Linkage != null) {
                            LinkageItem(ControlBox);
                        } else if (Data.SourceType == "公式编辑") {
                            var Marks = Data.Items.Marks;
                            if (Marks != null && FrmCoderEditor.MarksLength(Marks) != 0) {
                                FieldDatas = [];
                                var bHasNull = false;
                                function doMark(Mark) {
                                    if (FrmDesigner.GetInstance(ControlBox) == null) {
                                        return;
                                    }
                                    var ID = null;
                                    if (Mark.FieldData.className == "角色") {
                                        return;
                                    }
                                    if (FieldDatas.indexOf(Mark.FieldData.ID) >= 0) {
                                        return;
                                    }
                                    FieldDatas.push(Mark.FieldData.ID);
                                    ID = Mark.FieldData.ID;
                                    if (ID == "提交按钮") {
                                        var BeforeSubmit = FrmDesigner.GetInstance(ControlBox).BeforeSubmit;
                                        var fSubmit = function (Box) {
                                            if (!ControlBox.isConnected) {
                                                return;
                                            }
                                            if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                                Sel.Items.splice(0, Items == null ? [] : Items);
                                            }
                                        }
                                        BeforeSubmit.push(fSubmit);
                                        return;
                                    }
                                    var Ele;
                                    var ParentID = Mark.FieldData.ParentID;
                                    if (ParentID != null && ParentID != Data.ParentID) {
                                        Ele = FrmDesigner.getElementById(ParentID, ControlBox);
                                    } else {
                                        Ele = FrmDesigner.getElementById(ID, ControlBox);
                                    }
                                    if (Ele != null) {
                                        var fChanged = function (Box) {
                                            if (!ControlBox.isConnected) {
                                                return;
                                            }
                                            if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                                Sel.Items.splice(0, Items == null ? [] : Items);
                                            }
                                        }
                                        Ele.Changed.push(fChanged);
                                        if (Ele.Value == null) {
                                            bHasNull = true;
                                        }
                                    } else {
                                        var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                                        CLShowMsg(msg);
                                    }
                                }
                                for (var i = 0; i < Marks.length; i++) {
                                    if (Marks[i].FieldData.FormID == null) { doMark(Marks[i]); }
                                }
                                if (!bHasNull) {
                                    var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                                    Sel.Items.splice(0);
                                    for (var i = 0; i < Items.length; i++) {
                                        Sel.Items.push(Items[i]);
                                    }
                                }
                            } else {
                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                                Sel.Items.splice(0);
                                for (var i = 0; i < Items.length; i++) {
                                    Sel.Items.push(Items[i]);
                                }
                            }
                        }
                    }());

                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.SourceType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                if (Data.SourceType == "关联其他表单数据" && Data.Items.FormID != null) {
                    IDs.push(Data.Items.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["下拉框"]);
    }());

    (function (下拉复选框) {
        FrmCtrls["下拉复选框"] = {
            Icon: "&#xe804;"
            , Name: "下拉复选框"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "下拉复选框"
                }
                if (Data.Items == null) {
                    Data.Items = (function () {
                        return [
                            {
                                Name: "选项1",
                                Checked: false
                            },
                            {
                                Name: "选项2",
                                Checked: false
                            },
                            {
                                Name: "选项3",
                                Checked: false
                            }
                        ]
                    })();
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = true;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName += Data.Items[i].Name + ",";
                    }
                }
                if (sName[sName.length - 1] == ',') {
                    sName = sName.substring(0, sName.length - 1);
                }
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div class='CLSelect' style='width:330px;'><div class='CLSelectVal'>" + CLHTMLEncode(sName) + "</div><div class='CLSelectIcon' Icon='&#xe79b;'></div></div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var sName = "";
                for (var i = 0; i < Data.Items.length; i++) {
                    if (Data.Items[i].Checked) {
                        sName += Data.Items[i].Name + ",";
                    }
                }
                if (sName[sName.length - 1] == ',') {
                    sName = sName.substring(0, sName.length - 1);
                }
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div class='CLSelect' style='width:100%;'><div class='CLSelectVal'>" + CLHTMLEncode(sName) + "</div><div class='CLSelectIcon'></div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "选项");
                PropDropBoxItems(PropBody, ControlBox);
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);
                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);

                ControlBox.Changed = [];
                var Sel = new CLTop.CLSelect(ControlBox);
                var SelBg = ControlBox.lastChild;
                var style = SelBg.style;
                if (isCell) {
                    style.cssText = "padding:0;width:100%;height:initial;line-height:1;font-size:inherit;border:none;text-align:inherit";
                    var vDiv = SelBg.firstChild;
                    vDiv.style.cssText = "height:100%;line-height:1;padding:0;width:100%;height:initial;white-space:normal";
                    var iDiv = SelBg.lastChild;
                    iDiv.style.display = "none";
                } else {
                    style.cssText = "border:1px #e0e0e0 solid;padding:0; width:330px;max-width:100%;height:30px";
                }
                Sel.EnableSearch(true);
                Sel.EnableMultiSel(true);
                Sel.EnableClear(true);
                Sel.setPlaceholder(Data.Placeholder || "");
                Sel.onchanged = function () {
                    OnChanged();
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Items", {
                    get: function () {
                        return Sel.Items;
                    },
                    Set: function (val) {
                        val = val == null ? [] : val;
                        Sel.Items = val;
                    }
                });

                Object.defineProperty(ControlBox, "Select", {
                    get: function () {
                        return Sel;
                    }
                });
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Sel.GetValues();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            Val = [];
                        }
                        if (Val.constructor != [].constructor) {
                            Val = JSON.parse(Val);
                        }
                        if (Object.Equals(Val, this.Value)) {
                            return;
                        }
                        Sel.SetValues(Val);
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Sel.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        Sel.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    var SelVal = [];
                    if (Data.SourceType == "自定义") {
                        for (var i = 0; i < Data.Items.length ; i++) {
                            Sel.AddItems([Data.Items[i].Name]);
                            if (Data.Items[i].Checked && SelVal.indexOf(Data.Items[i].Name) < 0) {
                                SelVal.push(Data.Items[i].Name);
                            }
                        }
                        function HideAll() {
                            for (var i = 0; i < Data.Items.length ; i++) {
                                for (var j = 0; Data.Items[i].UnionCtrlIds != null && j < Data.Items[i].UnionCtrlIds.length; j++) {
                                    var CtrlLine = FrmDesigner.getElementById(Data.Items[i].UnionCtrlIds[j], ControlBox);
                                    if (CtrlLine != null) {
                                        CtrlLine.style.display = "none";
                                    }
                                }
                            }
                        }
                        HideAll();
                        //处理关联选项
                        function UnionItem() {
                            HideAll();
                            if (Data.Items[Sel.selectedIndex] == null) {
                                return;
                            }
                            var UnionCtrlIds = Data.Items[Sel.selectedIndex].UnionCtrlIds;
                            for (var i = 0; UnionCtrlIds != null && i < UnionCtrlIds.length ; i++) {
                                var CtrlLine = FrmDesigner.getElementById(UnionCtrlIds[i], ControlBox);
                                if (CtrlLine != null && CtrlLine.dataCtrl.Data.Visible == true) {
                                    if (IsMobile() && CtrlLine.dataCtrl.Name == "子表单") {
                                        CtrlLine.Display = ControlBox.style.display;
                                    } else {
                                        CtrlLine.style.display = ControlBox.style.display;
                                    }
                                }
                            }
                        }
                        ControlBox.Changed.push(UnionItem);
                        ControlBox.OnInitializeds.push(UnionItem);
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            Sel.SetValues(SelVal);
                        });
                    } else if (Data.SourceType == "关联其他表单数据") {
                        getFormDataByIdAndWheres.call({ datetime: new Date() }, FrmDesigner.GetInstance(ControlBox),Data.Items.FormID, [], function (data) {
                            if (this.datetime < Sel.Items.datetime) {
                                return;
                            }
                            Sel.Items.datetime = this.datetime;
                            var Items = [];
                            for (var i = 0; i < data.length ; i++) {
                                if (data[i]["DataField_" + Data.Items.FieldID] == null) {
                                    continue;
                                }
                                if (Items.indexOf(data[i]["DataField_" + Data.Items.FieldID])<0) {
                                    Items.push(data[i]["DataField_" + Data.Items.FieldID]);
                                }
                            }
                            Sel.AddItems(Items);
                        });
                    } else if ((Data.SourceType == "数据联动" || Data.SourceType == "数据源联动") && Data.Linkage != null) {
                        LinkageItem(ControlBox);
                    } else if (Data.SourceType == "公式编辑") {
                        var Marks = Data.Items.Marks;
                        if (Marks != null && FrmCoderEditor.MarksLength(Marks) != 0) {
                            var FieldDatas = [];
                            var bHasNull = false;
                            function doMark(Mark) {
                                var ID = null;
                                if (Mark.FieldData.className == "角色") {
                                    return;
                                }
                                ID = Mark.FieldData.ID;
                                var ParentID = Mark.FieldData.ParentID;
                                if (FieldDatas.indexOf(ID) >= 0) {
                                    return;
                                }
                                FieldDatas.push(ID);
                                if (ID == "提交按钮") {
                                    var BeforeSubmit = FrmDesigner.GetInstance(ControlBox).BeforeSubmit;
                                    var fSubmit = function (Box) {
                                        if (!ControlBox.isConnected) {
                                            return;
                                        }
                                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                            Sel.Items.splice(0, Items == null ? [] : Items);
                                        }
                                    }
                                    BeforeSubmit.push(fSubmit);
                                    return;
                                }
                                var Ele;
                                if (ParentID != null && ParentID != Data.ParentID) {
                                    Ele = FrmDesigner.getElementById(ParentID, ControlBox);
                                } else {
                                    Ele = FrmDesigner.getElementById(ID, ControlBox);
                                }
                                if (Ele != null) {
                                    var fChanged = function (Box) {
                                        if (!ControlBox.isConnected) {
                                            return;
                                        }
                                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                            Sel.Items.splice(0, Items == null ? [] : Items);
                                        }
                                    }
                                    Ele.Changed.push(fChanged);
                                    if (Ele.Value == null) {
                                        bHasNull = true;
                                    }
                                } else {
                                    var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                                    console.trace();
                                    CLShowMsg(msg);
                                }

                            }
                            for (var i = 0; i < Marks.length; i++) {
                                if (Marks[i].FieldData.FormID == null) { doMark(Marks[i]); }
                            }
                            if (!bHasNull) {
                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                                Sel.Items.splice(0);
                                for (var i = 0; i < Items.length; i++) {
                                    Sel.Items.push(Items[i]);
                                }
                            }
                        } else {
                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                            Sel.Items.splice(0);
                            for (var i = 0; i < Items.length; i++) {
                                Sel.Items.push(Items[i]);
                            }
                        }
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var Sel = new CLTop.CLSelect(ControlBox);
                ControlBox.lastChild.classList.add("ValBorder");
                var SelBg = ControlBox.lastChild;
                Sel.EnableClear(true);
                Sel.EnableSearch(true);
                Sel.EnableMultiSel(true);
                Sel.setWidth("180px");
                Sel.setPlaceholder(Data.Placeholder || "");
                DivLine.appendChild(ControlBox);
                Sel.onchanged = function () {
                    OnChanged();
                }

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Items", {
                    get: function () {
                        return Sel.Items;
                    },
                    Set: function (val) {
                        val = val == null ? [] : val;
                        Sel.Items = val;
                    }
                });
                Object.defineProperty(ControlBox, "Select", {
                    get: function () {
                        return Sel;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Sel.GetValues();
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            Val = [];
                        }
                        if (Val.constructor != [].constructor) {
                            Val = JSON.parse(Val);
                        }
                        if (Object.Equals(Val, this.Value)) {
                            return;
                        }
                        Sel.SetValues(Val);
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Sel.Disabled;
                    },
                    set: function (val) {
                        val = (val == true);
                        Sel.Disabled = val;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    var SelVal = [];
                    if (Data.SourceType == "自定义") {
                        for (var i = 0; i < Data.Items.length ; i++) {
                            Sel.AddItems([Data.Items[i].Name]);
                            if (Data.Items[i].Checked && SelVal.indexOf(Data.Items[i].Name) < 0) {
                                SelVal.push(Data.Items[i].Name);
                            }
                        }
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            Sel.SetValues(SelVal);
                        });
                    } else if (Data.SourceType == "关联其他表单数据") {
                        getFormDataByIdAndWheres.call({ datetime: new Date() }, FrmDesigner.GetInstance(ControlBox),Data.Items.FormID, [], function (data) {
                            if (this.datetime < Sel.Items.datetime) {
                                return;
                            }
                            Sel.Items.datetime = this.datetime;
                            var Items = [];
                            for (var i = 0; i < data.length ; i++) {
                                if (data[i]["DataField_" + Data.Items.FieldID] == null) {
                                    continue;
                                }
                                if (Items.indexOf(data[i]["DataField_" + Data.Items.FieldID]) < 0) {
                                    Items.push(data[i]["DataField_" + Data.Items.FieldID]);
                                }
                            }
                            Sel.AddItems(Items);
                        });
                    } else if ((Data.SourceType == "数据联动" || Data.SourceType == "数据源联动") && Data.Linkage != null) {
                        LinkageItem(ControlBox);
                    } else if (Data.SourceType == "公式编辑") {
                        var Marks = Data.Items.Marks;
                        if (Marks != null && FrmCoderEditor.MarksLength(Marks) != 0) {
                            FieldDatas = [];
                            var bHasNull = false;
                            function doMark(Mark) {
                                if (FrmDesigner.GetInstance(ControlBox) == null) {
                                    return;
                                }
                                var ID = null;
                                if (Mark.FieldData.className == "角色") {
                                    return;
                                }
                                if (FieldDatas.indexOf(Mark.FieldData.ID) >= 0) {
                                    return;
                                }
                                FieldDatas.push(Mark.FieldData.ID);
                                ID = Mark.FieldData.ID;
                                if (ID == "提交按钮") {
                                    var BeforeSubmit = FrmDesigner.GetInstance(ControlBox).BeforeSubmit;
                                    var fSubmit = function (Box) {
                                        if (!ControlBox.isConnected) {
                                            return;
                                        }
                                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                            Sel.Items.splice(0, Items == null ? [] : Items);
                                        }
                                    }
                                    BeforeSubmit.push(fSubmit);
                                    return;
                                }
                                var Ele;
                                var ParentID = Mark.FieldData.ParentID;
                                if (ParentID != null && ParentID != Data.ParentID) {
                                    Ele = FrmDesigner.getElementById(ParentID, ControlBox);
                                } else {
                                    Ele = FrmDesigner.getElementById(ID, ControlBox);
                                }
                                if (Ele != null) {
                                    var fChanged = function (Box) {
                                        if (!ControlBox.isConnected) {
                                            return;
                                        }
                                        if (Box == null || Box.dataCtrl.Data.ID == ID || Box.Deleting) {
                                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data, Box);
                                            Sel.Items.splice(0, Items == null ? [] : Items);
                                        }
                                    }
                                    Ele.Changed.push(fChanged);
                                    if (Ele.Value == null) {
                                        bHasNull = true;
                                    }
                                } else {
                                    var msg = "不好了,被引用的控件找不到了,被引用控件:" + FrmDesigner.getCtrlNameById(ControlBox, ID) + ",当前控件:【" + Data.Name + "】";
                                    console.trace();
                                    CLShowMsg(msg);
                                }
                            }
                            for (var i = 0; i < Marks.length; i++) {
                                if (Marks[i].FieldData.FormID == null) { doMark(Marks[i]); }
                            }
                            if (!bHasNull)
                            {
                                var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                                Sel.Items.splice(0);
                                for (var i = 0; i < Items.length; i++) {
                                    Sel.Items.push(Items[i]);
                                }
                            }
                        } else {
                            var Items = FrmCoderEditor.RunCode.call(ControlBox, Data.Items.runCode, Data);
                            Sel.Items.splice(0);
                            for (var i = 0; i < Items.length; i++) {
                                Sel.Items.push(Items[i]);
                            }
                        }
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    return "<code style='font-weight:900;color:rgb(36, 138, 249)'>NULL</code>";
                }
                return jData;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.SourceType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                if (Data.SourceType == "关联其他表单数据" && Data.Items.FormID != null) {
                    IDs.push(Data.Items.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                var oVal = FormData1[key];
                if (typeof oVal == "string") {
                    oVal = JSON.parse(oVal);
                }
                var Val = FormData2[key];
                if (typeof Val == "string") {
                    Val = JSON.parse(Val);
                }
                if (Object.Equals(oVal, Val)) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["下拉复选框"]);
    }());

    (function (分割线) {
        FrmCtrls["分割线"] = {
            Icon: "&#xe7f7;"
            , Name: "分割线"
            , Html: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "分割线"
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.iType === undefined) {
                    Data.iType = 0;
                }
                var box_line = document.createElement("div");
                box_line.className = "SplitLine";
                box_line.style.position = "relative";
                CreateSplitLine(Data.iType, box_line, Data.themeColor, Data.Name, Data.titleColor);
                var html = box_line.outerHTML;
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                return html;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "运行公式");

                var DefVal = document.createElement("div");
                DefVal.className = "Value Btn";
                DefVal.style.marginTop = "10px";
                DefVal.innerHTML = "fx公式编辑";
                DefVal.onclick = function () {
                    var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                        Data.DefVal = Val;
                    });
                }
                PropBody.appendChild(DefVal);

                PropSplit(PropBody);
                PropLineType(PropBody, ControlBox);

                PropSplit(PropBody);
                PropLabel(PropBody, "字段权限");
                var ShowBox = new CLCheckBox("可见", PropBody);
                ShowBox.checked = Data.Visible == null ? true : Data.Visible;
                ShowBox.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                }
            }
            , Show: function (Data, ControlBox) {
                ControlBox.innerHTML = this.Html(Data);
                ControlBox.querySelector(".Title").classList.add("ControlTitle");
                var divNote = ControlBox.lastChild;
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    set: function () {
                    },
                    get: function () {
                        return null;
                    }
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (Data.Visible == false) {
                        ControlBox.style.display = "none";
                    }
                    if (Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                }
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["分割线"]);
    }());

    (function (选项卡) {
        FrmCtrls["选项卡"] = {
            Icon: "&#xe69f;"
            , Name: "选项卡"
            , Html: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "选项卡"
                }
                if (Data.showId == null) {
                    Data.showId = "0"
                }
                if (Data.Items == null) {
                    Data.Items = [];
                }
                return "";
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "显示方式");
                var list = new CLList([{ ID: "标签", Name: "标签" }, { ID: "折叠", Name: "折叠" }], PropBody, false, function (Item) {
                    Item.style.display = "inline-block";
                    Item.style.width = "70px";
                });
                PropBody.lastChild.style.cssFloat = "";
                list.canLost = false;
                list.Select(Data.showId);
                list.OnSelected = function () {
                    Data.showId = list.getSelIds()[0];
                    if (Data.showId == "标签") {
                        block.style.display = "none";
                    } else {
                        block.style.display = "";
                    }
                }
                var block = PropValue(PropBody, "div");
                block.style.height = "initial";
                block.style.border = "none";
                block.style.paddingLeft = "12px";
                if (Data.showId == "标签") {
                    block.style.display = "none";
                }
                var closeBox = new CLCheckBox("收起", block);
                closeBox.checked = Data.closed;
                closeBox.onchanged = function () {
                    Data.closed = closeBox.checked;
                }
                closeBox.Box.style.width = "70px";
                closeBox.Box.style.display = "inline-block";
                var mutexBox = new CLCheckBox("互斥", block);
                mutexBox.checked = Data.mutex;
                mutexBox.onchanged = function () {
                    Data.mutex = mutexBox.checked;
                    if (Data.mutex) {
                        closeBox.checked = true;
                    }
                }
                mutexBox.Box.style.width = "100px";
                mutexBox.Box.style.display = "inline-block";

                PropSplit(PropBody);
                PropLabel(PropBody, "选项");
                PropRadioItems(PropBody, ControlBox);

                PropSplit(PropBody);
                PropLabel(PropBody, "运行公式");
                var DefVal = document.createElement("div");
                DefVal.className = "Value Btn";
                DefVal.style.marginTop = "10px";
                DefVal.innerHTML = "fx公式编辑";
                DefVal.onclick = function () {
                    var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                        Data.DefVal = Val;
                    });
                }
                PropBody.appendChild(DefVal);

                PropSplit(PropBody);
                PropLabel(PropBody, "字段权限");
                var ShowBox = new CLCheckBox("可见", PropBody);
                ShowBox.checked = Data.Visible == null ? true : Data.Visible;
                ShowBox.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                }
            }
            , Show: function (Data, ControlBox) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                Object.defineProperty(ControlBox, "Value", {
                    set: function () {
                    },
                    get: function () {
                        return null;
                    }
                });
                ControlBox.Prepare = function () {
                    if (Data.Visible == false) {
                        ControlBox.style.display = "none";
                    }
                    if (Data.showId != "标签" && Data.showId != "折叠") {
                        Data.showId = "标签";
                    }
                    if (Data.showId == "标签") {
                        var grp;
                        function Reset() {
                            var div = ControlBox;
                            var frm = FrmDesigner.GetInstance(div);
                            div.style.minHeight = "50px";
                            var Btns = [];
                            var dataCtrl = ControlBox.dataCtrl;
                            var Items = dataCtrl.Data.Items;
                            for (var i = 0; i < Items.length; i++) {
                                Btns.push({ Name: Items[i].Name, IsSel: Items[i].Checked });
                            }
                            grp = new CLBtnGroup(div, Btns);
                            grp.groupDiv.className = "CLTab";
                            grp.groupDiv.addEventListener("mouseup", function (e) {
                                if (e.srcElement.classList.contains("Btn")) {
                                    e.stopPropagation();
                                }
                            });
                            var Tabs = grp.groupDiv.childNodes;
                            grp.OnSelected = function (Btn) {
                                var sel = div.querySelector(".BlockSel");
                                if (sel) {
                                    sel.classList.remove("BlockSel");
                                }
                                Btn.Block.classList.add("BlockSel");
                            }
                            Tabs.forEach(function (btn, i) {
                                btn.Block = document.createElement("div");
                                btn.Block.classList.add("TabBlock");
                                if (Items[i].Checked) {
                                    btn.Block.classList.add("BlockSel");
                                }
                                btn.Block.Btn = btn;
                                div.appendChild(btn.Block);
                                var Ctrls = Items[i].Ctrls;
                                if (Ctrls && Ctrls.length > 0) {
                                    var designerDiv = frm.designerDiv;
                                    Ctrls.forEach(function (Id) {
                                        var ele = designerDiv.querySelector(".ControlLine_" + Id) || designerDiv.querySelector(".SubTable_" + Id);
                                        if (!ele) {
                                            var arr = frm.dataForm.Controls;
                                            arr.forEach(function (dataCtrl) {
                                                if (dataCtrl.Data.ID == Id) {
                                                    frm.TabFilter(dataCtrl.Data.ID, function (Box) {
                                                        var func = Box.scrollIntoView;
                                                        Box.scrollIntoView = function () {
                                                            grp.Select(Box.parentNode.Btn);
                                                            func.apply(Box, arguments);
                                                        }
                                                        btn.Block.appendChild(ele);
                                                    });
                                                }
                                            });
                                        } else {
                                            var func = ele.scrollIntoView;
                                            ele.scrollIntoView = function () {
                                                grp.Select(ele.parentNode.Btn);
                                                func.apply(ele, arguments);
                                            }
                                            btn.Block.appendChild(ele);
                                        }
                                    });
                                } else {
                                    ControlBox.Hide(i);
                                }
                            });
                        }
                        ControlBox.Hide = function (index) {
                            if (index != null) {
                                var block = ControlBox.querySelectorAll(".TabBlock")[index];
                                if (block) {
                                    block.style.display = "none";
                                    ControlBox.querySelectorAll(".CLTab > .Btn")[index].style.display = "none";
                                }
                            } else {
                                ControlBox.style.display = "none";
                            }
                        };
                        ControlBox.Show = function (index) {
                            if (index != null) {
                                var block = ControlBox.querySelectorAll(".TabBlock")[index];
                                if (block) {
                                    block.style.display = "";
                                    ControlBox.querySelectorAll(".CLTab > .Btn")[index].style.display = "";
                                }
                            } else {
                                ControlBox.style.display = "";
                            }
                        };
                        ControlBox.Select = function (index) {
                            var btn = ControlBox.querySelectorAll(".CLTab > .Btn")[index];
                            if (btn) {
                                grp.Select(ControlBox.querySelectorAll(".CLTab > .Btn")[index]);
                            }
                        }
                        Reset();
                    } else if (Data.showId == "折叠") {
                        var opened = null;
                        function createBox(item) {
                            var frm = FrmDesigner.GetInstance(ControlBox);
                            var Box = document.createElement("div");
                            ControlBox.appendChild(Box);
                            Box.className = "CollapseBox";
                            var Label = document.createElement("div");
                            Box.appendChild(Label);
                            Label.style.lineHeight = "30px";
                            Label.style.fontWeight = "900";
                            Label.style.fontSize = "15px";
                            Label.innerHTML = "<span style='vertical-align:top;margin-right:8px;font-family:CLFont;font-size:10px;cursor:pointer;display:inline-block'>&#xe79b;</span>" + item.Name;
                            var Body = document.createElement("div");
                            Body.style.overflow = "hidden";
                            Body.style.transition = "all 150ms ease-in-out";
                            Body.style.paddingLeft = "10px";
                            Box.appendChild(Body);
                            var span = Label.firstChild;
                            span.onclick = function () {
                                Box.OpenOrClose();
                            };
                            Box.Close = function () {
                                if (!span.close) {
                                    span.close = true;
                                    span.style.transform = "rotate(-90deg)";
                                    Body.style.height = Body.offsetHeight + "px";
                                    CLAsync(function () {
                                        Body.style.height = "0px";
                                    });
                                }
                            }
                            Box.Open = function () {
                                if (span.close) {
                                    span.close = false;
                                    span.style.transform = "rotate(0)";
                                    Body.style.transition = "";
                                    Body.style.height = "initial";
                                    var height = Body.offsetHeight;
                                    Body.style.height = "0px";
                                    Body.style.transition = "all 150ms ease-in-out";
                                    CLAsync(function () {
                                        Body.style.height = height + "px";
                                    });
                                    CLDelay(function () {
                                        if (!span.close) {
                                            Body.style.height = "initial";
                                        }
                                    }, 218);
                                    if (Data.mutex) {
                                        if (opened) {
                                            opened.Close();
                                        }
                                        opened = Box;
                                    }
                                }
                            }
                            Box.OpenOrClose = function () {
                                if (!span.close) {
                                    Box.Close();
                                } else {
                                    Box.Open();
                                }
                            }
                            var Ctrls = item.Ctrls;
                            if (Ctrls && Ctrls.length > 0) {
                                var designerDiv = frm.designerDiv;
                                Ctrls.forEach(function (Id) {
                                    var ele = designerDiv.querySelector(".ControlLine_" + Id) || designerDiv.querySelector(".SubTable_" + Id);
                                    if (!ele) {
                                        var arr = frm.dataForm.Controls;
                                        arr.forEach(function (dataCtrl) {
                                            if (dataCtrl.Data.ID == Id) {
                                                frm.TabFilter(dataCtrl.Data.ID, function (Box) {
                                                    var func = Box.scrollIntoView;
                                                    Box.scrollIntoView = function () {
                                                        Box.Open();
                                                        func.apply(Box, arguments);
                                                    }
                                                    Body.appendChild(ele);
                                                });
                                            }
                                        });
                                    } else {
                                        var func = ele.scrollIntoView;
                                        ele.scrollIntoView = function () {
                                            Box.Open();
                                            func.apply(ele, arguments);
                                        }
                                        Body.appendChild(ele);
                                    }
                                });
                            } else {
                                Box.style.display = "none";
                            }
                            if (Data.closed || Data.mutex) {
                                span.close = true;
                                span.style.transform = "rotate(-90deg)";
                                Body.style.height = "0px";
                            }
                        }
                        function Reset() {
                            var Items = dataCtrl.Data.Items;
                            for (var i = 0; i < Items.length; i++) {
                                createBox(Items[i]);
                            }
                        }
                        ControlBox.Open = function (index) {

                        };
                        ControlBox.Close = function (index) {

                        };
                        Reset();
                    }
                    if (Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                }
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["选项卡"]);
    }());

    (function (表格控件) {
        FrmCtrls["表格控件"] = {
            Icon: "&#xe613;"
            , Name: "表格控件"
            , Html: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "表格控件"
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                var html = "<div class='Excel'></div>";
                return html;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "表格设置");

                var DefVal = document.createElement("div");
                DefVal.className = "Value Btn";
                DefVal.style.marginTop = "10px";
                DefVal.innerHTML = "编辑";
                var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                DefVal.onclick = function () {
                    FrmCtrls["表格控件"].EditExcel(_FrmDesigner, Data.Name, Data.Excel, function (Excel) {
                        Data.Excel = Excel;
                    });
                }
                PropBody.appendChild(DefVal);

                PropSplit(PropBody);
                PropLabel(PropBody, "对齐方式");
                var AlignType = new CLSelect(PropBody);
                AlignType.AddItems([
                    "靠左对齐",
                    "居中对齐",
                    "靠右对齐"
                ]);
                AlignType.selectedIndex = Data.Align == null ? 0 : Data.Align;
                AlignType.onchanged = function () {
                    Data.Align = AlignType.selectedIndex;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "字段权限");
                var ShowBox = new CLCheckBox("可见", PropBody);
                ShowBox.checked = Data.Visible == null ? true : Data.Visible;
                ShowBox.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                }
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                ControlBox.innerHTML = "<div></div>";
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return null;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    set: function () {
                    },
                    get: function () {
                        return null;
                    }
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (Data.Visible == false) {
                        ControlBox.style.display = "none";
                    } else {
                        ControlBox.style.padding = " 0";
                        ControlBox.style.position = "relative";
                        if (Data.iLayout == 1) {
                            ControlBox.style.width = "50%";
                        } else if (Data.iLayout == 2) {
                            ControlBox.style.width = "33.33%";
                        } else if (Data.iLayout == 3) {
                            ControlBox.style.width = "25%";
                        }
                        var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                        var SourceIDs;
                        var Div = ControlBox.firstChild;
                        var _ExcelCalculator;
                        if (Data.Excel == null) {
                            return;
                        } else {
                            _ExcelCalculator = new ExcelCalculator(Data.Excel, IsMobile() ? Div.offsetWidth - 8 : Div.offsetWidth);
                            _ExcelCalculator.Init(_FrmDesigner.GetFieldBySourceIdAndFieldId);
                            _ExcelCalculator.GetVarValue = function (Id) {
                                return _FrmDesigner.GetVarValue(Id);
                            }
                            SourceIDs = _ExcelCalculator.getSourceIDs();
                            for (var i = 0; i < SourceIDs.length; i++) {
                                _FrmDesigner.UseSource(SourceIDs[i], true);
                            }
                            if (SourceIDs.length == 0) {
                                show(Data.Excel);
                            }
                        }
                        function draw(_ExcelCalculator, End) {
                            function render() {
                                var w = Div.offsetWidth;
                                var t = setInterval(function () {
                                    if (Div.isConnected && w != Div.offsetWidth) {
                                        w = Div.offsetWidth;
                                        ControlBox._CLExcel.resize(w,true);
                                    }
                                },100);
                                _ExcelCalculator.Reset();
                                _ExcelCalculator.Calc(_FrmDesigner.SourceData);
                                ControlBox._CLExcel = new CLExcel(Div, false);
                                Div.classList.add("Scope_" + Data.ID);
                                var Render = _ExcelCalculator.Render;
                                _ExcelCalculator.Render = function (CLExcel_, Ctrls) {
                                    var resize = this.VirtualExcel.resize;
                                    this.VirtualExcel.resize = function (size, bFirst, force, hFull) {
                                        if (!hFull && !bFirst && !force) {
                                            return;
                                        }
                                        ControlBox._CLExcel.TableBox.style.overflow = "auto";
                                        resize.call(this, size, bFirst, force, hFull);
                                        var Table = ControlBox._CLExcel.Table;
                                        var topTable = ControlBox._CLExcel.topTable;
                                        var Body = ControlBox._CLExcel.Body;
                                        if (!hFull) {
                                            var margin = parseInt(Table.style.marginLeft) + parseInt(Table.style.marginRight);
                                            var tw = Table.offsetWidth + margin;
                                            Body.style.width = tw + "px";
                                            Body.style.height = Table.offsetHeight + topTable.offsetHeight + "px";
                                            Body.style.margin = "auto";
                                        } else {
                                            Body.style.width = "100%";
                                            Body.style.height = Table.offsetHeight + topTable.offsetHeight + "px";
                                        }
                                        ControlBox._CLExcel.Scroll();
                                    }
                                    Render.apply(this, arguments);
                                }
                                _ExcelCalculator.Render(ControlBox._CLExcel);
                                var body = ControlBox._CLExcel.Body;
                                if (Data.Align == null || Data.Align == 0) {
                                    body.style.margin = "0";
                                    body.style.cssFloat = "left";
                                } else if (Data.Align == 2) {
                                    body.style.margin = "0";
                                    body.style.cssFloat = "right";
                                }
                                End();
                            }
                            if (SourceIDs.length == 0) {
                                render();
                            } else {
                                var load = _FrmDesigner.QueryData(SourceIDs, false, function () {
                                    render();
                                });
                                load == null ? null : load.SetContainer(ControlBox);
                            }
                        }
                        function show(Excel) {
                            if (Excel == null) {
                                return;
                            }
                            Div.style.background = Excel.bgColor;
                            draw(_ExcelCalculator, function () {
                            });
                        }
                        
                        _FrmDesigner.OnSourceDataChanged(function (sourceIds) {
                            if (!ControlBox.isConnected) {
                                return;
                            }
                            var Has = false;
                            for (var i = 0; i < SourceIDs.length; i++) {
                                if (sourceIds.indexOf(SourceIDs[i]) >= 0) {
                                    Has = true;
                                }
                            }

                            if (Has) {
                                show(Data.Excel);
                            }
                        }, true);
                    }
                    if (SourceIDs && SourceIDs.length == 0) {
                        show(Data.Excel);
                    }
                }
            }
            , EditExcel: function (_FrmDesigner, Name, dataExcel, End) {
                var FrmExcelDlg = document.createElement("div");
                FrmExcelDlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
                FrmExcelDlg.style.zIndex = CLMaxZIndex();
                FrmExcelDlg.className = "FrmExcelDlg";
                document.body.appendChild(FrmExcelDlg);
                var TopBar = document.createElement("div");
                TopBar.className = "TopBar";
                FrmExcelDlg.appendChild(TopBar);
                TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + Name + "</div></div>";
                var Back = TopBar.getElementsByClassName("Back")[0];
                Back.onclick = function () {
                    var data = _ExcelDesigner.getData();
                    FrmExcelDlg.remove();
                    End(data);
                }
                var Container = document.createElement("div");
                Container.style.cssText = "position: absolute;margin-top: 45px;top:0;bottom:0;left:0;right:0;overflow: hidden;";
                FrmExcelDlg.appendChild(Container);
                var _ExcelDesigner = new ExcelDesigner(Container);
                _ExcelDesigner.CLExcel.SelectImage = function (Success) {
                    _FrmDesigner.SelectImage(Success);
                }
                _ExcelDesigner.AppId = _FrmDesigner.AppId;
                var ShowSource = _ExcelDesigner.ShowSource;
                _ExcelDesigner.GetVars = function () {
                    return _FrmDesigner.dataForm.Vars
                }
                _ExcelDesigner.Save = function () {

                }
                _ExcelDesigner.ShowSource = function (End, dataForms) {
                    if (_FrmDesigner.dataForm.dataSources && _FrmDesigner.dataForms.length == _FrmDesigner.dataForm.dataSources.length) {
                        ShowSource.call(_ExcelDesigner, End, _FrmDesigner.dataForms);
                    } else {
                        _FrmDesigner.ShowSource(_FrmDesigner.sourceView, function () {
                            ShowSource.call(_ExcelDesigner, End, _FrmDesigner.dataForms);
                        });
                    }
                }
                _ExcelDesigner.getDataSourceById = function (ID) {
                    return _FrmDesigner.getDataSourceById(ID);
                };
                _ExcelDesigner.addDataSource = function (Source) {
                    if (!_FrmDesigner.dataForm.dataSources) {
                        _FrmDesigner.dataForm.dataSources = [];
                    }
                    _FrmDesigner.dataForm.dataSources.push(Source);
                }
                _ExcelDesigner.GetDataSources = function () {
                    return _FrmDesigner.dataForm.dataSources;
                }
                var load = new Loading();
                var t = setTimeout(function () {
                    clearTimeout(t);
                    _ExcelDesigner.setData(dataExcel);
                    load.Stop();
                });
                var Block = document.createElement("div");
                Block.className = "Block";
                Block.style.margin = "0 auto";
                Block.style.width = "100px";
                Block.style.height = "30px";
                TopBar.appendChild(Block);
                var Box = new CLCheckBox("预览效果", Block, true);
                Box.checked = false;
                var div = document.createElement("div");
                Box.onchanged = function () {
                    if (Box.checked) {
                        var preview = Container.cloneNode();
                        div.appendChild(preview);
                        document.body.appendChild(div);
                        var data = _ExcelDesigner.getData();
                        var excelDesigner = new ExcelDesigner(preview, false);
                        var ShowSource = excelDesigner.ShowSource;
                        excelDesigner.ShowSource = function (End) {
                            ShowSource.call(excelDesigner, End, _FrmDesigner.dataForms);
                        }
                        excelDesigner.QueryData = function (SourceIDs, Success) {
                            _FrmDesigner.QueryData(SourceIDs, true, function () {
                                excelDesigner.SourceData = _FrmDesigner.SourceData;
                                Success();
                            });
                        }
                        excelDesigner.setData(data);
                        preview.style.zIndex = CLMaxZIndex();
                    } else {
                        div.innerHTML = "";
                        div.remove();
                    }
                }
            }
        };
        FrmCtrls["基础字段"].push(FrmCtrls["表格控件"]);
    }());
    //增强字段
    (function (附件上传) {    
        FrmCtrls["附件上传"] = {
            Icon: "&#xe72c;"
            , Name: "附件上传"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "附件上传"
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='text-align:center; width:120px;height:30px;line-height:28px;border:1px #e0e0e0 solid;outline-color:#0db3a6'><div class='FontIcon' style='font-size:initial;color:#0db3a6;'>&#xe643;</div><div class='Name' style='color:#999;display:inline'>附件上传</div></div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:#fff'><div class='Value' style='border:0px;text-align:left;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'></div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "数据联动",
                    "数据源联动",
                    "公式编辑"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据联动设置";
                        Data.DefType = "数据联动";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        Data.DefType = "数据源联动";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        Data.DefType = "公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    ResetCtrl(ControlBox, PropBody);
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 1;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "水印");
                var btn = PropBtn(PropBody, "设置");
                btn.onclick = function () {
                    CLApp.WaterInfoDlg(Data.WaterInfo, function (WaterInfo) {
                        if (WaterInfo) {
                            Data.WaterInfo = WaterInfo;
                        } else {
                            delete Data.WaterInfo;
                        }

                    }, function (Code, Success) {
                        var _CoderEditor = new FrmCoderEditor(dataCtrl, Code, PropBody, function (Val) {
                            Success(Val);
                        }, "水印=");
                    });
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "形态");
                var Box = new CLCheckBox("显示为图片", PropBody);
                Box.onchanged = function (Box) {
                    Data.IsImg = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.IsImg;
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                Box = new CLCheckBox("仅允许上传单个文件", PropBody);
                Box.checked = Data.SingleFile;
                Box.onchanged = function (Box) {
                    Data.SingleFile = Box.checked;
                }
                Box = new CLCheckBox("禁止重复上传同一个文件", PropBody);
                Box.checked = Data.OnlyOnce;
                Box.onchanged = function (Box) {
                    Data.OnlyOnce = Box.checked;
                }

                Box = new CLCheckBox("自动压缩", PropBody);
                Box.onchanged = function (Box) {
                    Data.AutoCompress = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.AutoCompress != false;
                PropSplit(PropBody);
                PropLabel(PropBody, "过滤");
                var Fiter = document.createElement("input");
                Fiter.setAttribute("placeholder", "例子: .jpg,.jpeg,.png,.gif");
                Fiter.className = "Value";
                Fiter.value = Data.Fiter == null ? "" : Data.Fiter;
                Fiter.onchange = function () {
                    Data.Fiter = Fiter.value;
                }
                PropBody.appendChild(Fiter);
                PropSplit(PropBody);

                if (Data.ExtInfo == null) {
                    Data.ExtInfo = {};
                }

                var lable = PropLabel(PropBody, "保存路径");
                var box = new CLCheckBox("网盘", lable);
                box.Box.style.display = "inline-block";
                box.Box.style.cssFloat = "right";
                box.checked = dataCtrl.Data.useLor;
                box.onchanged = function () {
                    dataCtrl.Data.useLor = box.checked;
                }
                var inputPath = document.createElement("input");
                inputPath.className = "Value";
                PropBody.appendChild(inputPath);
                inputPath.value = Data.ExtInfo.Path == null ? "" : Data.ExtInfo.Path;
                inputPath.onchange = function () {
                    Data.ExtInfo.Path = inputPath.value;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "文件名");
                var fileName = document.createElement("div");
                fileName.className = "Value Btn";
                fileName.style.marginTop = "10px";
                fileName.innerHTML = "fx公式编辑";
                if (Data.ExtInfo.fileName == null) {
                    Data.ExtInfo.fileName = null;
                }
                fileName.onclick = function () {
                    var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.ExtInfo.fileName, PropBody, function (Val) {
                        Data.ExtInfo.fileName = Val;
                    });
                }
                PropBody.appendChild(fileName);
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                var Excel = FrmDesigner.GetInstance(ControlBox).Excel;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }
                var divAdd = document.createElement("div");
                if (!isCell && !Data.IsImg) {
                    divAdd.style.cssText = "text-align:center; width:120px;height:30px;line-height:28px;border:1px #e0e0e0 solid;outline-color:#0db3a6;cursor:pointer";
                    divAdd.innerHTML = "<div class='FontIcon' style='font-size:initial;color:#0db3a6;'>&#xe643;</div><div class='Name' style='color:#999;display:inline'>附件上传</div></div>";
                } else {
                    divAdd.style.cssText = "width:80px;height:80px;margin:10px;display:inline-block;font-family:CLFont;font-size:80px;color:#ccc;cursor:pointer;vertical-align:top;border-radius:4px;border:1px #e0e0e0 solid";
                    divAdd.innerHTML = "&#xe7e5;"
                }

                var Preview = document.createElement("div");
                Preview.style.cssText = "margin:5px 0;width:100%;position:relative;";
                ControlBox.appendChild(Preview);
                divAdd.onclick = function () {
                    if (Data.SingleFile && Preview.childNodes.length > 1) {
                        return;
                    }
                    var Compress = Data.AutoCompress != false ? CLCompressImg : function (File, Success) {
                        Success(File);
                    }
                    CLOpenFile(function (File, Path) {
                        if (File.length !== undefined) {
                            for (var i = 0 ; i < File.length ; i++) {
                                Compress(File[i], function (File) {
                                    if (File.size > 1024 * 1024 * 100) {
                                        CLShowMsg("上传失败,单个文件的上传上限是100M")
                                        return;
                                    }
                                    AddFile(File, Path);
                                });
                            }
                        } else {
                            Compress(File, function (File) {
                                if (File.size > 1024 * 1024 * 100) {
                                    CLShowMsg("上传失败,单个文件的上传上限是100M")
                                    return;
                                }
                                AddFile(File, Path);
                            });
                        }
                    }, (Data.Fiter == null || Data.Fiter.length == 0) ? null : Data.Fiter, Data.SingleFile != true);
                }
                if (isCell || Data.IsImg) {
                    Preview.appendChild(divAdd);
                } else {
                    ControlBox.appendChild(divAdd);
                }
                var divClick = divAdd.onclick;

                function FileItem(Url, Name, Size, shortBrief) {
                    var Box = document.createElement("div");
                    Box.FileInfo = this;
                    Box.File = {
                        Name: Name,
                        Size: Size,
                        shortBrief: shortBrief
                    }
                    Box.className = "FileBox";
                    Box.style.cssText = "width:330px;max-width:100%;height:80px;border:solid 1px #e0e0e0;position:relative;margin-bottom: 10px;";
                    var IconBg = document.createElement("div");
                    IconBg.style.cssText = "position: absolute;top:0;left:0;padding:8px;height:78px;width:78px";
                    Box.appendChild(IconBg);
                    var Icon = document.createElement("div");
                    Icon.style.cssText = "height:100%;width:100%;background-size:100% 100%;";
                    Icon.style.backgroundImage = "url(" + Url + ")";
                    IconBg.appendChild(Icon);
                    var FileInfo = document.createElement("div");
                    FileInfo.style.cssText = "position: absolute;top: 0;left: 78px;right: 34px;bottom: 0;line-height: 20px;padding: 20px 10px;";
                    Box.appendChild(FileInfo);
                    var span = document.createElement("span");
                    span.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block";
                    span.innerHTML = Name.substr(0, Name.lastIndexOf("."));
                    FileInfo.appendChild(span);
                    var spanExt = span.cloneNode();
                    spanExt.innerHTML = Name.substr(Name.lastIndexOf("."));
                    FileInfo.appendChild(spanExt);
                    if (isCell || Data.IsImg) {
                        Preview.style["white-space"] = "normal";
                        Preview.insertBefore(Box, divAdd);
                    } else {
                        Preview.appendChild(Box);
                    }
                    span.style.maxWidth = "calc(100% - " + (spanExt.offsetWidth + 3) + "px)";
                    var subText = document.createElement("span");
                    subText.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;width:100%";
                    if (Size / 1024 >= 1024) {
                        subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
                    } else {
                        subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
                    }
                    FileInfo.appendChild(subText);
                    var Del = document.createElement("div");
                    Del.className = "ItemDel";
                    Del.style.cssText = "width:34px;font-family:CLFont;font-size:20px;position:absolute;right:0px;top:28px;cursor:pointer;";
                    Del.innerHTML = "&#xe80b;";
                    var This = this;
                    Del.onclick = function (e) {
                        This.Close();
                        OnChanged();
                        e.stopPropagation();
                    }
                    Box.Index = function () {
                        var Boxes = Box.parentNode.querySelectorAll(".FileBox");
                        for (var i = 0; i < Boxes.length ; i++) {
                            if (Box == Boxes[i]) {
                                return i;
                            }
                        }
                    }
                    Box.onclick = function () {
                        var Val = CLClone(ControlBox.Value);
                        for (var i = 0; i < Val.length; i++) {
                            Val[i].Ext = Val[i].Name.substr(Val[i].Name.lastIndexOf(".") + 1);
                        }
                        var _CLPreView = new CLPreView(Val, Box.Index());
                    }
                    this.SetSrc = function (Src) {
                        Box.File.Src = Src;
                    }
                    this.SetSize = function (size) {
                        Size = Box.File.Size = size;
                        if (Size / 1024 >= 1024) {
                            subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
                        } else {
                            subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
                        }
                    }
                    Box.appendChild(Del);
                    if (ControlBox.Disabled) {
                        Del.style.display = "none";
                    }
                    this.Close = function () {
                        Preview.removeChild(Box);
                        divAdd.style.display = "inline-block";
                    }
                    this.Box = Box;
                    this.Size = Size;
                    if (isCell || Data.IsImg) {
                        Del.innerHTML = "&#xe7e4";
                        Del.style.borderRadius = "10px";
                        Del.style.right = "-10px";
                        Del.style.top = "-10px";
                        Del.style.width = "20px";
                        Del.style.background = "#c00";
                        Del.style.color = "#fff";
                        Del.style.fontSize = "14px";
                        Del.style.textAlign = "center";
                        Del.style.lineHeight = "20px";
                        Del.style.fontWeight = "900";
                        if (IsMobile()) {
                            Del.style.display = "inline-block";
                        }
                        IconBg.style.padding = "0";
                        Box.style.border = "";
                        Icon.style.borderRadius = "4px";
                        Box.style.width = "80px";
                        Box.style.margin = "10px";
                        Box.style.display = "inline-block";
                        FileInfo.style.display = "none";
                        subText.style.display = "none";
                    }
                    if (Data.SingleFile && Preview.childNodes.length == 2) {
                        divAdd.style.display = "none";
                    }
                }

                function AddFile(File, Path) {
                    if (Data.OnlyOnce) {
                        var shortBrief = File.shortBrief;
                        var Designer = FrmDesigner.GetInstance(ControlBox);
                        if (!Designer.FileIsFirst(Data.ID, shortBrief)) {
                            CLShowMsg("【" + File.name + "】:不可重复提交");
                            return;
                        }
                        var Val = ControlBox.Value;
                        for (var i = 0; Val != null && i < Val.length; i++) {
                            if (Val[i].shortBrief == shortBrief) {
                                CLShowMsg("【" + File.name + "】:不可重复提交");
                                return;
                            }
                        }
                    }
                    var shortBrief = File.shortBrief;

                    var Url = GetIconByUrl(Path);
                    var bDel = false;
                    if (Url == null) {
                        Url = CLGetObjectURL(File);
                        //Url = "/img/Miao.png";
                        bDel = true;
                    }
                    var fileItem = new FileItem(Url, File.name, File.size, File.shortBrief);
                    var divProgressBg = document.createElement("div");
                    divProgressBg.style.cssText = "height:4px;width:100%;position:absolute;bottom:0;left:0;background:#ccc;border-radius:4px";
                    fileItem.Box.appendChild(divProgressBg);
                    var divProgress = document.createElement("div");
                    divProgress.style.cssText = "height:4px;border-radius:4px;background:#1ac4b7;width:0px";
                    divProgressBg.appendChild(divProgress);
                    var ExtInfo = null;
                    if (Data.ExtInfo != null) {
                        ExtInfo = CLClone(Data.ExtInfo);
                        ExtInfo.useLor = Data.useLor;
                        if (ExtInfo.fileName) {
                            if (ExtInfo.fileName.runCode.trim().length == 0) {
                                ExtInfo.fileName = null;
                            } else {
                                ControlBox.currentFile = File;
                                ExtInfo.fileName = FrmCoderEditor.RunCode.call(ControlBox, ExtInfo.fileName.runCode, Data, ControlBox);
                            }
                            var ext = File.name;
                            ext = ext.substr(ext.lastIndexOf("."));
                            if (!!ExtInfo.fileName && ExtInfo.fileName.lastIndexOf(ext) != ExtInfo.fileName.length - ext.length) {
                                ExtInfo.fileName += ext;
                            }
                        }
                    }

                    var WaterId;
                    var WaterInfo;
                    var Src = !Data.WaterInfo ? null : Data.WaterInfo.Src;
                    if (Src) {
                        var Designer = FrmDesigner.GetInstance(ControlBox);
                        if (Designer && Designer.dataForm) {
                            WaterId = Designer.dataForm.ID + "-" + Data.ID + "-" + Designer.dataForm.Ver;
                            WaterInfo = Data.WaterInfo;
                            if (!!Src.Code) {
                                WaterInfo.Src = FrmCoderEditor.RunCode.call(ControlBox, Src.Code.runCode, Data, ControlBox);
                            } else {
                                delete WaterInfo.Src;
                            }
                        }
                    }
                    UpLoadFile(File, ExtInfo, function (Json) {
                        if (Json.code == 0) {
                            if (bDel) {
                                CLDeleteObjectByUrl(Url);
                            }
                            fileItem.Box.removeChild(divProgressBg);
                            fileItem.SetSrc(Json.data[0]);
                            fileItem.SetSize(Json.size);
                            OnChanged();
                        } else {
                            fileItem.Close();
                            CLShowMsg(Json.msg);
                        }
                    }, function (e) {
                        var fProgress = e.loaded / fileItem.Size;
                        if (fProgress > 1) {
                            fProgress = 1;
                        }
                        divProgress.style.width = divProgressBg.offsetWidth * fProgress + "px";
                    }, WaterId, WaterInfo);
                    if (Data.WaterInfo) {
                        Data.WaterInfo.Src = Src;
                    }
                }

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var Boxes = Preview.childNodes;
                        var jRet = [];
                        for (var i = 0; i < Boxes.length ; i++) {
                            if (Boxes[i].File != null && Boxes[i].File.Src != null) {
                                jRet.push(Boxes[i].File);
                            }
                        }
                        return jRet.length == 0 ? null : jRet;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        var curValue = this.Value;
                        if (Val == null) {
                            Val = [];
                        }
                        if (Val.constructor != [].constructor) {
                            Val = JSON.parse(Val);
                        }
                        if (Val == null) {
                            Val = [];
                        }
                        if (Object.Equals(curValue, Val)) {
                            return;
                        }
                        Preview.innerHTML = "";
                        if (isCell || true) {
                            Preview.appendChild(divAdd);
                        }
                        for (var i = 0; i < Val.length ; i++) {
                            var Src = Val[i].Src;
                            var Url = GetIconByUrl(Val[i].Name);
                            if (Url == null) {
                                Url = Src;
                            }
                            var fileItem = new FileItem(Url, Val[i].Name, Val[i].Size, Val[i].shortBrief);
                            fileItem.SetSrc(Val[i].Src);
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return divAdd.onclick != divClick;
                    },
                    set: function (val) {
                        val = (val == true);
                        divAdd.style.display = val == true ? "none" : "inline-block";
                        divAdd.onclick = ((val == true) ? null : divClick);
                        Preview.className = ((val == true) ? "CLEmpty2" : "");
                        Preview.style.minHeight = ((val == true) ? "70px" : "");
                        Preview.setAttribute("Empty", val == true ? "当前没有文件上传" : "");
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }

                function EnableDragFiles() {

                    var EleDiv = FrmDesigner.GetInstance(ControlBox).designerDiv;

                    function dragover(e) {
                        e.stopPropagation();
                        if (ControlBox.Disabled) {
                            return;
                        }
                        e.preventDefault();
                        var rect = EleDiv.getBoundingClientRect();
                        if (e.clientX > rect.left && e.clientX < rect.right && e.clientY > rect.top && e.clientY < rect.bottom) {
                            ControlBox.classList.add("ControlLineHover");
                        } else {
                            ControlBox.classList.remove("ControlLineHover");
                        }
                        rect = ControlBox.getBoundingClientRect();
                        if (e.clientX > rect.left && e.clientX < rect.right && e.clientY > rect.top && e.clientY < rect.bottom) {
                            ControlBox.style.background = "rgba(13,179,166,0.3)";
                        } else {
                            ControlBox.style.background = "";
                        }
                        e.stopPropagation();
                    }

                    window.addEventListener("dragenter", dragover, false);

                    window.addEventListener("dragover", dragover, false);

                    window.addEventListener("dragleave", dragover, false);

                    window.addEventListener("drop", function (e) {
                        if (ControlBox.Disabled) {
                            return;
                        }
                        ControlBox.classList.remove("ControlLineHover");
                        e.stopPropagation();
                    }, false);

                    ControlBox.addEventListener("drop", function (e) {
                        if (ControlBox.Disabled) {
                            return;
                        }
                        e.preventDefault();
                        ControlBox.classList.remove("ControlLineHover");
                        ControlBox.style.background = "";
                        var df = e.dataTransfer;
                        var dropFiles = []; // 存放拖拽的文件对象
                        if (df.items !== undefined) {
                            // Chrome有items属性，对Chrome的单独处理
                            for (var i = 0; i < df.items.length; i++) {
                                var item = df.items[i];
                                // 用webkitGetAsEntry禁止上传目录
                                if (item.kind === "file" && item.webkitGetAsEntry().isFile) {
                                    var file = item.getAsFile();
                                    dropFiles.push(file);
                                }
                            }
                            for (var i = 0 ; i < dropFiles.length ; i++) {
                                CLCompressImg(dropFiles[i], function (File) {
                                    if (File.size > 1024 * 1024 * 100) {
                                        CLShowMsg("上传失败,单个文件的上传上限是100M")
                                        return;
                                    }
                                    AddFile(File, File.name);
                                });
                            }
                        }
                        e.stopPropagation();
                    }, false);
                }
                EnableDragFiles();
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                var html = "<div class='ValBorder' style='width:180px;height:30px;'><div class='Value' style='text-align:left;width:150px;height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none'></div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);
                var FileVal = [];
                ControlBox.Changed = [];
                ControlBox.OnInitializeds = [];
                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }
                var AddFile = null;
                var m_Menu = null;
                function AddMenu() {
                    var dataMenu = {
                        "style": {
                            "max-height": "350px",
                            "max-width": "340px",
                            "overflow-x": "hidden",
                            "overflow-y": "auto",
                            "padding": "20px 15px",
                            "border": "none"
                        },
                        "Items": []
                    };
                    var Menu = m_Menu = new CLMenu(dataMenu, ControlBox);
                    var close = m_Menu.Close;
                    m_Menu.Close = function () {
                        close.apply(m_Menu, arguments);
                        m_Menu = null;
                        AddFile = null;
                    }
                    var divBox = Menu.Div;
                    divBox.classList.add("FrmFileMenu");
                    divBox.style.background = "#fff";
                    divBox.style.cssText = "max-width: 340px; max-height: 350px; overflow-x: hidden; overflow-y: auto; padding: 20px 15px;border:none";

                    var div = document.createElement("div");
                    div.style.cssText = "text-align:center; width:120px;height:30px;line-height:26px;border:1px #e0e0e0 solid;outline-color:#0db3a6;cursor:pointer";
                    div.innerHTML = "<div class='FontIcon' style='font-size:initial;color:#0db3a6;'>&#xe643;</div><div class='Name' style='color:#999;display:inline'>附件上传</div></div>";
                    divBox.appendChild(div);
                    var Preview = document.createElement("div");
                    Preview.className = "ControlPreViewEmpty";
                    Preview.setAttribute("Empty", "当前没有文件上传");
                    Preview.style.cssText = "margin-top:15px;width:310px;max-width:100%;min-height:70px;position:relative;";
                    if (ControlBox.Disabled == true) {
                        div.style.display = "none";
                    }
                    divBox.appendChild(Preview);
                    function show() {
                        var Boxes = Preview.childNodes;
                        FileVal = [];
                        for (var i = 0; i < Boxes.length ; i++) {
                            if (Boxes[i].File != null && Boxes[i].File.Src != null) {
                                FileVal.push(Boxes[i].File);
                            }
                        }
                        ShowList();
                    }

                    var Compress = Data.AutoCompress != false ? CLCompressImg : function (File,Success) {
                        Success(File);
                    }
                    div.onclick = function () {
                        if (Data.SingleFile && Preview.childNodes.length != 0) {
                            return;
                        }
                        CLOpenFile(function (File, Path) {
                            if (File.length !== undefined) {
                                for (var i = 0 ; i < File.length ; i++) {
                                    Compress(File[i], function (File) {
                                        if (File.size > 1024 * 1024 * 100) {
                                            CLShowMsg("上传失败,单个文件的上传上限是100M")
                                            return;
                                        }
                                        AddFile(File, Path);
                                    });
                                }
                            } else {
                                Compress(File, function (File) {
                                    if (File.size > 1024 * 1024 * 100) {
                                        CLShowMsg("上传失败,单个文件的上传上限是100M")
                                        return;
                                    }
                                    AddFile(File, Path);
                                });
                            }
                        }, (Data.Fiter == null || Data.Fiter.length == 0) ? null : Data.Fiter, Data.SingleFile != true);
                    }

                    function FileItem(Url, Name, Size) {
                        var Box = document.createElement("div");
                        Box.File = {
                            Name: Name,
                            Size: Size
                        }
                        Box.style.cssText = "width:310px;height:80px;border:solid 1px #e0e0e0;position:relative;margin-bottom: 10px;";
                        var IconBg = document.createElement("div");
                        IconBg.style.cssText = "position: absolute;top:0;left:0;padding:8px;height:78px;width:78px";
                        Box.appendChild(IconBg);
                        var Icon = document.createElement("div");
                        Icon.style.cssText = "height:100%;width:100%;background-size:100% 100%;";

                        Icon.style.backgroundImage = "url(" + Url + ")";
                        IconBg.appendChild(Icon);
                        var FileInfo = document.createElement("div");
                        FileInfo.style.cssText = "position: absolute;top: 0;left: 78px;right: 34px;bottom: 0;line-height: 20px;padding: 20px 10px;";
                        Box.appendChild(FileInfo);
                        var span = document.createElement("span");
                        span.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block";
                        span.innerHTML = Name.substr(0, Name.lastIndexOf("."));
                        FileInfo.appendChild(span);
                        var spanExt = span.cloneNode();
                        spanExt.innerHTML = Name.substr(Name.lastIndexOf("."));
                        FileInfo.appendChild(spanExt);
                        Preview.appendChild(Box);
                        span.style.maxWidth = "calc(100% - " + (spanExt.offsetWidth + 3) + "px)";
                        var subText = document.createElement("span");
                        subText.style.cssText = "overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;width:100%";
                        if (Size / 1024 >= 1024) {
                            subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
                        } else {
                            subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
                        }
                        FileInfo.appendChild(subText);

                        var Del = document.createElement("div");
                        Del.style.cssText = "width:34px;font-family:CLFont;font-size:20px;position:absolute;right:0;top:28px;cursor:pointer;";
                        Del.innerHTML = "&#xe80b;";
                        Del.onmouseenter = function () {
                            Del.style.color = "#e00";
                        }
                        Del.onmouseleave = function () {
                            Del.style.color = "";
                        }
                        var This = this;
                        Del.onclick = function (e) {
                            This.Close();
                            e.stopPropagation();
                        }
                        Box.Index = function () {
                            var Boxes = Box.parentNode.childNodes;
                            for (var i = 0; i < Boxes.length ; i++) {
                                if (Box == Boxes[i]) {
                                    return i;
                                }
                            }
                        }
                        Box.onclick = function () {
                            var Val = CLClone(ControlBox.Value);
                            for (var i = 0; i < Val.length; i++) {
                                Val[i].Ext = Val[i].Name.substr(Val[i].Name.lastIndexOf(".") + 1);
                            }
                            var _CLPreView = new CLPreView(Val, Box.Index());
                        }
                        this.SetSrc = function (Src) {
                            Box.File.Src = Src;
                        }
                        this.SetSize = function (size) {
                            Size = Box.File.Size = size;
                            if (Size / 1024 >= 1024) {
                                subText.innerHTML = (Size / 1024 / 1024).toFixed(2) + "MB";
                            } else {
                                subText.innerHTML = (Size / 1024).toFixed(2) + "KB";
                            }
                        }
                        Box.appendChild(Del);
                        if (ControlBox.Disabled == true) {
                            Del.style.display = "none";
                        }
                        this.Close = function () {
                            Preview.removeChild(Box);
                            show();
                        }
                        this.Box = Box;
                        this.Size = Size;
                    }

                    AddFile = function (File, Path) {
                        if (Data.OnlyOnce) {
                            var shortBrief = File.shortBrief;
                            var Designer = FrmDesigner.GetInstance(ControlBox);
                            if (!Designer.FileIsFirst(Data.ID, shortBrief)) {
                                CLShowMsg("【" + File.name + "】:不可重复提交");
                                return;
                            }
                            var Val = ControlBox.Value;
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                if (Val[i].shortBrief == shortBrief) {
                                    CLShowMsg("【" + File.name + "】:不可重复提交");
                                    return;
                                }
                            }
                        }
                        var Url = GetIconByUrl(Path);
                        var bDel = false;
                        if (Url == null) {
                            Url = CLGetObjectURL(File);
                            //Url = "/img/Miao.png";
                            bDel = true;
                        }
                        var fileItem = new FileItem(Url, File.name, File.size);
                        var Box = fileItem.Box;
                        var divProgressBg = document.createElement("div");
                        divProgressBg.style.cssText = "height:4px;width:100%;position:absolute;bottom:0;left:0;background:#ccc;border-radius:4px";
                        Box.appendChild(divProgressBg);
                        var divProgress = document.createElement("div");
                        divProgress.style.cssText = "height:4px;border-radius:4px;background:#1ac4b7;width:0px";
                        divProgressBg.appendChild(divProgress);
                        var ExtInfo = null;
                        if (Data.ExtInfo != null) {
                            ExtInfo = CLClone(Data.ExtInfo);
                            ExtInfo.useLor = Data.useLor;
                            if (ExtInfo.fileName) {
                                if (ExtInfo.fileName.runCode.trim().length == 0) {
                                    ExtInfo.fileName = null;
                                } else {
                                    ControlLine.currentFile = File;
                                    ExtInfo.fileName = CoderEditor.RunCode.call(ControlBox, ExtInfo.fileName.runCode, Data, ControlBox);
                                }
                                var ext = File.name;
                                ext = ext.substr(ext.lastIndexOf("."));
                                if (!!ExtInfo.fileName && ExtInfo.fileName.lastIndexOf(ext) != ExtInfo.fileName.length - ext.length) {
                                    ExtInfo.fileName += ext;
                                }
                            }
                        }
                        var WaterId;
                        var WaterInfo;
                        var Src = !Data.WaterInfo ? null : Data.WaterInfo.Src;
                        if (Src) {
                            var Designer = FrmDesigner.GetInstance(ControlBox);
                            if (Designer && Designer.dataForm) {
                                WaterId = Designer.dataForm.ID + "-" + Data.ID + "-" + Designer.dataForm.Ver;
                                WaterInfo = Data.WaterInfo;
                                if (!!Src.Code) {
                                    WaterInfo.Src = FrmCoderEditor.RunCode.call(ControlBox, Src.Code.runCode, Data, ControlBox);
                                } else {
                                    delete WaterInfo.Src;
                                }
                            }
                        }
                        UpLoadFile(File, ExtInfo, function (Json) {
                            if (Json.code == 0) {
                                if (bDel) {
                                    CLDeleteObjectByUrl(Url);
                                }
                                Box.removeChild(divProgressBg);
                                fileItem.SetSrc(Json.data[0]);
                                fileItem.SetSize(Json.size);
                                show();
                            } else {
                                CLShowMsg(Json.msg);
                                fileItem.Close();
                            }
                        }, function (e) {
                            var fProgress = e.loaded / fileItem.Size;
                            if (fProgress > 1) {
                                fProgress = 1;
                            }
                            divProgress.style.width = divProgressBg.offsetWidth * fProgress + "px";
                        }, WaterId, WaterInfo);
                        if (Data.WaterInfo) {
                            Data.WaterInfo.Src = Src;
                        }
                    }

                    for (var i = 0; i < FileVal.length ; i++) {
                        var Url = GetIconByUrl(FileVal[i].Name);
                        if (Url == null) {
                            Url = FileVal[i].Src;
                        }
                        var fileItem = new FileItem(Url, FileVal[i].Name, FileVal[i].Size, FileVal[i].shortBrief);
                        fileItem.SetSrc(FileVal[i].Src);
                    }
                }
                ControlBox.firstChild.onclick = AddMenu;
                var div = ControlBox;
                var divClick = ControlBox.onclick;
                function ShowList() {
                    ControlBox.firstChild.firstChild.innerHTML = "";
                    OnChanged();
                    for (var i = 0; i < FileVal.length; i++) {
                        var img = document.createElement("img");
                        img.style.cssText = "margin-left:3px;height:26px;width:26px;position:relative;top:-1px;";
                        var Src = FileVal[i].Src;
                        img.Index = i;
                        var Url = GetIconByUrl(FileVal[i].Name);
                        if (Url == null) {
                            Url = Src;
                        }
                        img.setAttribute("src", Url);
                        ControlBox.firstChild.firstChild.appendChild(img);
                        img.onclick = function () {
                            if (ControlBox.Disabled) {
                                var Val = CLClone(ControlBox.Value);
                                var _CLPreView = new CLPreView(Val, img.Index);
                            }
                        }
                    }
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var Val = [].concat(FileVal);
                        return Val.length == 0 ? null : Val;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        var curValue = this.Value;
                        if (Val == null) {
                            FileVal = [];
                        }
                        else if (!Array.isArray(Val)) {
                            FileVal = JSON.parse(Val);
                        } else {
                            FileVal = CLClone(Val);
                        }
                        if (FileVal == null) {
                            FileVal = [];
                        }
                        if (Object.Equals(curValue, Val)) {
                            return;
                        }
                        ShowList();
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return this.isDisabled;
                    },
                    set: function (val) {
                        this.isDisabled = (val == true);
                        ControlBox.firstChild.onclick = (val == true) ? null : divClick;
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                function EnableDragFiles() {
                    if (FrmDesigner.GetInstance(ControlBox) == null) {
                        return;
                    }
                    var EleDiv = FrmDesigner.GetInstance(ControlBox).designerDiv;

                    function dragover(e) {
                        e.preventDefault();
                        var rect = EleDiv.getBoundingClientRect();
                        if (e.clientX > rect.left && e.clientX < rect.right && e.clientY > rect.top && e.clientY < rect.bottom) {
                            ControlBox.classList.add("ControlBoxHover");
                        } else {
                            ControlBox.classList.remove("ControlBoxHover");
                        }
                        rect = ControlBox.getBoundingClientRect();
                        if (e.clientX > rect.left && e.clientX < rect.right && e.clientY > rect.top && e.clientY < rect.bottom) {
                            ControlBox.style.background = "rgba(13,179,166,0.3)";
                            if (m_Menu == null) {
                                AddMenu();
                            }
                        } else {
                            ControlBox.style.background = "";
                            if (m_Menu) {
                                m_Menu.Close();
                            }
                        }
                        e.stopPropagation();
                    }

                    window.addEventListener("dragenter", dragover, false);

                    window.addEventListener("dragover", dragover, false);

                    window.addEventListener("dragleave", dragover, false);

                    window.addEventListener("drop", function (e) {
                        ControlBox.classList.remove("ControlBoxHover");
                        e.stopPropagation();
                    }, false);

                    ControlBox.addEventListener("drop", function (e) {
                        e.preventDefault();
                        ControlBox.classList.remove("ControlBoxHover");
                        ControlBox.style.background = "";
                        var df = e.dataTransfer;
                        var dropFiles = []; // 存放拖拽的文件对象
                        if (df.items !== undefined) {
                            // Chrome有items属性，对Chrome的单独处理
                            for (var i = 0; i < df.items.length; i++) {
                                var item = df.items[i];
                                // 用webkitGetAsEntry禁止上传目录
                                if (item.kind === "file" && item.webkitGetAsEntry().isFile) {
                                    var file = item.getAsFile();
                                    dropFiles.push(file);
                                }
                            }
                            for (var i = 0 ; i < dropFiles.length ; i++) {
                                CLCompressImg(dropFiles[i], function (File) {
                                    if (File.size > 1024 * 1024 * 100) {
                                        CLShowMsg("上传失败,单个文件的上传上限是100M")
                                        return;
                                    }
                                    AddFile(File, File.name);
                                });
                            }
                        }
                        e.stopPropagation();
                    }, false);
                }
                EnableDragFiles();
                return ControlBox;
            }
            , ConvertData: function (sData) {
                if (sData == null) {
                    return "";
                }
                return "<code style='font-weight:900;color:#178cdf;text-decoration: underline;cursor:pointer' onclick ='window.FrmCtrls.PicBox(" + sData + ")'>查看</code>";
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (Object.Equals(JSON.parse(FormData1[key]), JSON.parse(FormData2[key]))) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["增强字段"].push(FrmCtrls["附件上传"]);
    }());

    function UseSource(designer, func) {
        var useSource = designer.UseSource;
        var Funcs = {};
        designer.UseSource = function (id, func) {
            Funcs[id] = Funcs[id] || [];
            Funcs[id].push(func);
        }
        func();
        for (var key in Funcs) {
            if (!designer.HasSourceChanged(key)) {
                Funcs[key].forEach(function (func) {
                    func();
                });
            }
        }
        designer.UseSource = useSource;
    }

    (function (子表单) {
        FrmCtrls["子表单"] = {
            Icon: "&#xe804;"
            , Name: "子表单"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "子表单"
                }
                if (Data.Field == null) {
                    Data.Field = [];
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.CanAddLine == null) {
                    Data.CanAddLine = true;
                }
                if (Data.CanEditLine == null) {
                    Data.CanEditLine = true;
                }
                if (Data.CanDelLine == null) {
                    Data.CanDelLine = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                var css = "";
                var sTable = "";
                if (Data.Field.length != 0) {
                    sTable += "<div class='Line'>";
                    for (var i = 0; i < Data.Field.length; i++) {
                        sTable += FrmCtrls[Data.Field[i].Name].SubHeader(Data.Field[i].Data);
                        var iWidth = Data.Field[i].Data.iWidth;
                        if (iWidth) {
                            css += ".ControlLine_" + Data.ID + " .SubTable.Designered .Line .Column_" + Data.Field[i].Data.ID + ">*{width:" + iWidth + "px !important;}";
                        }
                    }
                    sTable += "</div>";
                    sTable += "<div class='Line'>";
                    for (var i = 0; i < Data.Field.length; i++) {
                        sTable += FrmCtrls[Data.Field[i].Name].SubHtml(Data.Field[i].Data);
                    }
                    sTable += "</div>";
                }
                html = "<div class='ControlTitle'><span>" + Data.Name + (Data.Required ? "</span><span style='color:#d84636;padding:0 5px'>*</span>" : "</span>") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='max-width:calc(100% - 80px);overflow:auto;padding-bottom:15px'><div class='SubTable Designered'>" + sTable + "</div></div>";
                html += "<style>" + css + "</style>";
                return html;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "默认值"); var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        //自定义
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.innerHTML = "设置";
                        if (Data.DefVal == null || Data.DefVal.cusVal == null) {
                            Data.DefVal = {
                                cusVal: null
                            }
                        }
                        function cusDefVal() {
                            var dlgDiv = document.createElement("div");
                            dlgDiv.style.cssText = "position:relative;width:600px;height:500px";
                            var dlg = new CLDialog(dlgDiv);
                            dlgDiv.classList.add("FrmDesigner");
                            dlgDiv.classList.add("FrmNotEditable");
                            dlg.CreateAll("自定义", function () {
                                Data.DefVal.cusVal = dlg.Body.Value;
                            });
                            dlg.Body.className = "ControlLine 子表单";
                            dlg.Body.style.overflow = "auto";
                            dlg.Body.FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                            dlg.Body.dataCtrl = CLClone(dataCtrl);
                            FrmCtrls["子表单"].Show(dlg.Body.dataCtrl.Data, dlg.Body);
                            dlg.Body.Value = Data.DefVal.cusVal;
                        }

                        DefVal.onclick = function () {
                            cusDefVal();
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);

                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 2) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 3) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                PropTableFields(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);
                PropLabel(PropBody, "布局");
                var layoutBox = new CLCheckBox("竖排布局", PropBody);
                layoutBox.checked = Data.useMobileLayout == true;
                layoutBox.onchanged = function (Box) {
                    Data.useMobileLayout = Box.checked;
                };
                (function () {
                    var Designer = FrmDesigner.GetInstance(PropBody);
                    function getform() {
                        var appform = Designer.Short();
                        CLApp.setForm(appform);
                        var form = {
                            ID: appform.ID,
                            Name: appform.Name
                        };
                        var Fields = form.Fields = [];
                        var Names = ["关联查询", "关联数据"];
                        appform.Fields.forEach(function (field) {
                            if (field.ID == Data.ID) {
                                field.Field.forEach(function (field) {
                                    if (Names.indexOf(field.className) < 0) {
                                        Fields.push({
                                            ID: field.ID,
                                            Name: field.Name,
                                            className: field.className
                                        });
                                    }
                                });
                            }
                        });
                        return form;
                    }
                    var Tpl = Data.Tpl;
                    if (Tpl == null) {
                        Data.Tpl = Tpl = [];
                    }
                    Designer.EditTpl(Tpl, getform(), PropBody);
                }());
                PropSplit(PropBody);
                PropLabel(PropBody, "高度");
                var hInput = PropValue(PropBody);
                hInput.value = Data.Height == null ? "" : Data.Height;
                hInput.oninput = function () {
                    CLCheckInt(hInput);
                }
                hInput.onchange = function () {
                    Data.Height = hInput.value * 1;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "排序");
                var orderBox = new CLCheckBox("启用排序", PropBody);
                Data.Order === undefined ? true : Data.Order;
                orderBox.checked = Data.Order == true;
                orderBox.onchanged = function (Box) {
                    Data.Order = Box.checked;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "字段权限");
                var ShowBox = new CLCheckBox("可见", PropBody);
                ShowBox.checked = Data.Visible == null ? true : Data.Visible;
                ShowBox.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                }
                var AddBox = new CLCheckBox("可新增记录", PropBody);
                AddBox.checked = Data.CanAddLine == null ? true : Data.CanAddLine;
                AddBox.onchanged = function (Box) {
                    Data.CanAddLine = Box.checked;
                }
                var EditBox = new CLCheckBox("可编辑已有记录", PropBody);
                EditBox.checked = Data.CanEditLine == null ? true : Data.CanEditLine;
                EditBox.onchanged = function (Box) {
                    Data.CanEditLine = Box.checked;
                }
                var DelBox = new CLCheckBox("可删除已有记录", PropBody);
                DelBox.checked = Data.CanDelLine == null ? true : Data.CanDelLine;
                DelBox.onchanged = function (Box) {
                    Data.CanDelLine = Box.checked;
                }
            }
            , More: function (ControlBox, more, func) {
                var Menu = {
                    "style": {
                        "padding": "10px 10px 0 10px",
                        "overflow-y": "auto",
                        "height": ""
                    },
                    Items: []
                };
                var Items = Menu.Items;
                var Data = ControlBox.dataCtrl.Data;
                if (Data.CanAddLine != false && !ControlBox.Disabled) {
                    Items.push({
                        Text: "向上插入一行",
                        Enable: true,
                        CallBack: function (e) {
                            func(0);
                            _Menu.Close();
                        }
                    });
                    Items.push({
                        Text: "向下插入一行",
                        Enable: true,
                        CallBack: function (e) {
                            func(1);
                            _Menu.Close();
                        }
                    });
                    Items.push({
                        Text: "复制到上一行",
                        Enable: true,
                        CallBack: function (e) {
                            func(2);
                            _Menu.Close();
                        }
                    });
                    Items.push({
                        Text: "复制到下一行",
                        Enable: true,
                        CallBack: function (e) {
                            func(3);
                            _Menu.Close();
                        }
                    });
                    Items.push({
                        Text: "复制到末尾行",
                        Enable: true,
                        CallBack: function (e) {
                            func(4);
                            _Menu.Close();
                        }
                    });
                }
                if (Data.CanDelLine == true || (more.ID == null && Data.CanAddLine != false)) {
                    if (!Data.Disabled) {
                        Items.push({
                            Text: "删除",
                            Enable: true,
                            CallBack: function (e) {
                                func(5);
                                _Menu.Close();
                            }
                        });
                    }
                }
                var _Menu = new CLMenu(Menu, more);
            }
            , Deleting: function (ControlBox) {
                var deleting = ControlBox.Deleting;
                ControlBox.Deleting = true;
                try {
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        ControlBox.Changed[i](ControlBox);
                    }
                } catch (e) {
                }
                ControlBox.Deleting = deleting;
            }
            , Show: function (Data, ControlBox) {
                if (!Data.forcePc) {
                    if (Data.useMobileLayout || IsMobile()) {
                        FrmCtrls["子表单"].mobileShow(Data, ControlBox);
                        return;
                    }
                }
                var isCell = ControlBox.IsCell;
                if (isCell) {
                    FrmCtrls["子表单"].excelShow(Data, ControlBox);
                    return;
                }
                ControlBox.id = "_" + CLMakeId();
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }

                ControlBox.firstChild.ondblclick = function () {
                    CLFullScreen(ControlBox);
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var iWidth_Map = {};
                function getHeader() {
                    var sTable = "";
                    if (Data.Field.length != 0) {
                        sTable += "<div class='Line'>";
                        for (var i = 0; i < Data.Field.length; i++) {
                            iWidth_Map["Column_" + Data.Field[i].Data.ID] = Data.Field[i].Data.iWidth;
                            sTable += FrmCtrls[Data.Field[i].Name].SubHeader(Data.Field[i].Data);
                        }
                        sTable += "</div>";
                    }
                    return sTable;
                }
                var divLeft = document.createElement("div");
                divLeft.className = "Left";
                divLeft.style.cssText = "width:80px;overflow:hidden;float:left;text-align:center;max-height:" + Data.Height + "px;overflow:auto;";
                ControlBox.appendChild(divLeft);
                var divLeftTable = document.createElement("div");
                divLeftTable.style.cssText = "width:80px;border-right:none;border-top:none";
                if (IsMobile()) {
                    divLeftTable.style.width = "120px";
                    divLeft.style.width = "120px";
                }
                divLeftTable.className = "SubTable LeftTable";
                divLeft.appendChild(divLeftTable);
                var divLt = divLeftTable.cloneNode();
                divLt.style.cssText = "position:sticky;top:0;background:#fff;z-index:1;border-right:none;width:100%";
                divLt.innerHTML = "<div class='Line'><div class='ControlBox' style='border-right: 1px solid #dcdce6'></div></div>";
                var boxLt = divLt.firstChild.firstChild;
                var adjBtn, endBtn, delBtn, checkAll;
                var css = "font-family:CLFont;display:inline-block;margin:0 5px;cursor:pointer;";
                if (Data.Order) {
                    adjBtn = document.createElement("div");
                    adjBtn.style.cssText = css;
                    adjBtn.innerHTML = "&#xe66d";
                    boxLt.appendChild(adjBtn);
                    endBtn = document.createElement("div");
                    endBtn.style.display = "none";
                    endBtn.classList.add("End");
                    endBtn.innerHTML = "完成";
                    boxLt.appendChild(endBtn);
                }
                if (Data.CanDelLine) {
                    delBtn = document.createElement("div");
                    delBtn.style.cssText = css;
                    delBtn.innerHTML = "&#xe6b4;";
                    boxLt.appendChild(delBtn);
                    checkAll = new CLCheckBox("", boxLt);
                    checkAll.onchanged = function () {
                        var arr = divLeft.lastChild.childNodes;
                        var checked = checkAll.checked;
                        for (var i = 0; i < arr.length ; i++) {
                            if (arr[i].CheckBox.checked != checked) {
                                arr[i].CheckBox.checked = checked;
                            }
                        }
                    };
                }
                divLeft.insertBefore(divLt, divLeftTable);
                var div = document.createElement("div");
                div.style.cssText = "max-width:calc(100% - 80px);overflow:auto;float:left;position:relative;max-height:" + Data.Height + "px;padding-bottom:1px";
                var resizeId = "Resize_" + CLMakeId();
                div.className = "Right " + resizeId;
                if (IsMobile()) {
                    div.style.maxWidth = "calc(100% - 120px)";
                }
                ControlBox.appendChild(div);
                var top = document.createElement("div");
                top.className = "SubTable TopTable";
                top.style.cssText = "position:sticky;top:0;background:#fff;z-index:1;";
                top.innerHTML = getHeader();
                top.style.marginLeft = "-1px";
                div.appendChild(top);
                if (top.firstChild) {
                    top.firstChild.childNodes.forEach(function (ele) {
                        var flag = false;
                        var down = false;
                        ele.onmousemove = function (e) {
                            if (down) {
                                return;
                            }
                            if (e.offsetX > ele.offsetWidth - 15) {
                                ele.style.cursor = "w-resize";
                                flag = true;
                            } else {
                                ele.style.cursor = "";
                                flag = false;
                            }
                        }
                        ele.onmousedown = function (e) {
                            down = true;
                        }
                        ele.onmouseup = function (e) {
                            down = false;
                        }
                        var Reset = false;
                        ele.ondblclick = function () {
                            top.firstChild.childNodes.forEach(function (ele) {
                                var style = ControlBox.querySelector(".style_" + ele.classList[1]);
                                if (!Reset) {
                                    ele.wReset = ele.firstChild.offsetWidth;
                                    style.innerHTML = "." + resizeId + " ." + ele.classList[1] + " > *{width:" + ele.firstChild.firstChild.offsetWidth + "px !important;}";
                                } else {
                                    style.innerHTML = "." + resizeId + " ." + ele.classList[1] + " > *{width:" + ele.wReset + "px !important;}";
                                }
                            });
                            Reset = !Reset;
                        }
                        var X = 0;
                        var Lo = 0;
                        var style = document.createElement("style");
                        style.className = "style_" + ele.classList[1];
                        style.setAttribute("scoped", "scoped");
                        if (iWidth_Map[ele.classList[1]]) {
                            style.innerHTML = "." + resizeId + " ." + ele.classList[1] + " > *{width:" + iWidth_Map[ele.classList[1]] + "px !important;}";
                        }
                        ControlBox.appendChild(style);
                        var span = document.createElement("span");
                        var text = ele.firstChild.firstChild;
                        span.appendChild(text);
                        ele.firstChild.appendChild(span);
                        ele.firstChild.appendChild(ele.firstChild.firstChild);
                        CLEnableMove(ele, function (ele, e) {
                            if (!flag) {
                                return false;
                            } else {
                                X = e.clientX;
                                Lo = ele.firstChild.offsetWidth;
                                style = ControlBox.querySelector(".style_" + ele.classList[1]);
                            }
                        }, function (ele, e) {
                            var Lx = e.clientX - X;
                            var L = Lo + Lx;
                            if (L < 20) {
                                L = 20;
                            }
                            style.innerHTML = "." + resizeId + " ." + ele.classList[1] + " > *{width:" + L + "px !important;}";
                            divScroll.firstChild.style.width = top.firstChild.offsetWidth + "px";
                            if (Lx > 5) {
                                Reset = false;
                            }
                            return false;
                        }, function (ele, e) {
                            flag = false;
                            down = false;
                            return false;
                        }, ele);
                    });
                }

                var divBorder = document.createElement("div");
                divBorder.style.cssText = "position:absolute;right:0;height:100%;border-right:1px solid #dcdce6;width:1px;top:0;z-index:1;";
                div.appendChild(divBorder);
                var divBorder1 = document.createElement("div");
                divBorder1.style.cssText = "position:absolute;top:0px;width:100%;border-bottom:1px solid #dcdce6;height:1px;z-index:1;";
                div.appendChild(divBorder1);
                var inLeft = false;
                divLeft.addEventListener("mouseenter", function () {
                    inLeft = true;
                });
                divLeft.addEventListener("mouseleave", function () {
                    inLeft = false;
                });
                divLeft.addEventListener("scroll", function (e) {
                    if (inLeft) {
                        div.scrollTop = divLeft.scrollTop;
                    }
                });
                div.addEventListener("scroll", function (e) {
                    if (!inLeft) {
                        divLeft.scrollTop = div.scrollTop;
                    }
                    divBorder.style.marginTop = div.scrollTop + "px";
                });
                var SubTable = document.createElement("div");
                SubTable.className = "SubTable";
                SubTable.style.marginLeft = "-1px";
                SubTable.style.borderTop = "none";
                SubTable.style.borderBottom = "none";
                SubTable.innerHTML = getHeader();
                if (SubTable.firstChild) {
                    SubTable.firstChild.childNodes.forEach(function (ele) {
                        ele.firstChild.style.height = 0;
                    });
                }
                div.appendChild(SubTable);
                var divBorder2 = divBorder.cloneNode();
                divBorder2.style.cssText = "position:absolute;bottom:1px;width:100%;border-bottom:1px solid #dcdce6;height:1px;z-index:1;";
                div.appendChild(divBorder2);

                ControlBox.OnLineAdded = function () {

                }

                ControlBox.OnLineRemoved = function () {

                }

                Object.defineProperty(ControlBox, "EleTable", {
                    get: function () {
                        return SubTable;
                    }
                });

                Object.defineProperty(ControlBox, "Lines", {
                    get: function () {
                        return SubTable.childNodes;
                    }
                });

                ControlBox.queryBoxes = function (ID) {
                    return SubTable.querySelectorAll(".Line:not(:first-child) .Column_" + ID);
                }

                var divAdd = document.createElement("div");
                divAdd.className = "Add";
                divAdd.style.cssText = "color:#0DB3A6;line-height:30px;margin:3px 0;background:#fff;width:80px;display:inline-block;text-align:center";
                divAdd.innerHTML = "<span style='font-family:CLFont;cursor:pointer;'>&#xe6da;添加</span>";

                var divBar = document.createElement("div");
                divBar.style.cssText = "display:inline-block;width:100%";
                divBar.className = "ctrlBar";
                divBar.appendChild(divAdd);
                ControlBox.appendChild(divBar);
                var delBar = divBar.cloneNode();
                delBar.style.display = "none";
                delBar.className = "delBar";
                ControlBox.appendChild(delBar);
                delBar.innerHTML = "<div class='CLBtnCancel'>取消操作</div><div class='CLBtnDel'>删除选中</div>";
                var divScroll = document.createElement("div");
                divScroll.style.overflowX = "auto";
                divScroll.style.width = "calc(100% - 80px)";
                divScroll.style.display = "inline-block";
                divScroll.innerHTML = "<div style='height:1px;width:" + top.scrollWidth + "px'></div>";
                divBar.appendChild(divScroll);
                var inBar = false;
                divScroll.onmouseenter = function () {
                    inBar = true;
                }
                divScroll.onmouseleave = function () {
                    inBar = false;
                }
                divScroll.onscroll = function () {
                    if (inBar) {
                        div.scrollLeft = divScroll.scrollLeft;
                    }
                }

                div.onscroll = function () {
                    divBorder.style.marginRight = -div.scrollLeft + "px";
                    divBorder2.style.marginBottom = -div.scrollTop + "px";
                    divBorder2.style.marginLeft = div.scrollLeft + "px";
                    divBorder1.style.marginBottom = -div.scrollTop + "px";
                    divBorder1.style.marginLeft = div.scrollLeft + "px";
                    if (!inBar) {
                        divScroll.scrollLeft = div.scrollLeft;
                    }
                }
                H5.CatchResize(div, function () {
                    divBorder.style.margin = "0";
                    divBorder1.style.margin = "0";
                    divBorder2.style.margin = "0";
                    divScroll.firstChild.style.width = top.scrollWidth + "px";
                    div.onscroll();
                });
                var isMobile = IsMobile();
                divAdd.firstChild.onclick = function () {
                    var Line = AddLine();
                    var Boxes = Line.childNodes;
                    var Designer = FrmDesigner.GetInstance(ControlBox);
                    UseSource(Designer, function () {
                        for (var i = 0; i < Boxes.length; i++) {
                            if (Boxes[i].Prepare != null) {
                                Boxes[i].Prepare();
                            }
                        }
                    });
                    if (isMobile) {
                        AddOption(Line.leftLine);
                    }
                    Designer.RunCtrlPrepared();
                    return Line;
                }

                function resetScroll() {
                    var top = divBorder.scrollTop;
                    divBorder.style.marginTop = 0;
                    divBorder.scrollTop = top;
                }

                var AddClick = divAdd.firstChild.onclick;

                function DeleteLine(Line) {
                    var Boxes = Line.childNodes;
                    var HasVal = false;
                    var leftLine = Line.leftLine;
                    for (var iBox = 0; iBox < Boxes.length ; iBox++) {
                        if (Boxes[iBox].Value != null) {
                            HasVal = true;
                        }
                    }
                    if (HasVal) {
                        CLConfirm(function () {
                            leftLine.Line.remove();
                            leftLine.remove();
                            OnChanged(ControlBox);
                            resetScroll();
                            ControlBox.OnLineRemoved(Line);
                            FrmCtrls["子表单"].Deleting(ControlBox);
                        }, "该条记录存在数据，数据删除后将无法恢复，确定删除？");
                    } else {
                        leftLine.Line.remove();
                        leftLine.remove();
                        resetScroll();
                        ControlBox.OnLineRemoved(Line);
                    }

                }

                var helpDiv;

                function AddLine() {
                    var Line = document.createElement("div");
                    Line.onclick = function (e) {
                        var arr = [];
                        var Lines = ControlBox.parentNode.getElementsByClassName("LineSel");
                        for (var i = 0; i < Lines.length; i++) {
                            if (!e.ctrlKey) {
                                arr.push(Lines[i]);
                            } else {
                                if (Lines[i].parentNode.parentNode.parentNode != ControlBox) {
                                    arr.push(Lines[i]);
                                }
                            }
                        }
                        for (var i = 0; i < arr.length; i++) {
                            arr[i].classList.remove("LineSel");
                            if (arr[i].CheckBox) {
                                arr[i].CheckBox.checked = false;
                            }
                        }
                        Line.classList.add("LineSel");
                        Line.leftLine.classList.add("LineSel");
                        leftLine.CheckBox.checked = true;
                    }
                    Object.defineProperty(Line, "LineNumber", {
                        get: function () {
                            return $(Line).index();
                        }
                    });
                    Line.className = "Line";
                    SubTable.appendChild(Line);
                    var leftLine = document.createElement("div");
                    var Boxes = Line.Boxes = [];
                    for (var i = 0; i < Data.Field.length; i++) {
                        var Box = FrmCtrls[Data.Field[i].Name].SubShow(Data.Field[i].Data, Line);
                        Box.dataCtrl = Data.Field[i];
                        Box.Parent = Line;
                        if (Box != null && Box.Changed == null) {
                            Box.Changed = [];
                            Box.SubTable = ControlBox;
                        }
                        if (Box != null) {
                            Boxes.push(Box);
                            Box.Changed.push(function (Box) {
                                OnChanged(Box);
                            });
                        }
                        var scroll = Box.scrollIntoView;
                        Box.scrollIntoView = function () {
                            ControlBox.scrollIntoView.apply(ControlBox, arguments);
                            scroll.apply(this, arguments);
                        }
                        Box.OffsetY = function (offset) {
                            if (!offset) {
                                return this;
                            }
                            var current = this.Parent;
                            var lines = this.Parent.parentNode.childNodes;
                            var index = -1;
                            for (var i = 0; i < lines.length ; i++) {
                                if (lines[i] == current) {
                                    index = i;
                                    break;
                                }
                            }
                            index += offset;
                            if (index < 1) {
                                return null;
                            }
                            var line;
                            while (index >= lines.length) {
                                AddClick();
                            }
                            line = lines[index];
                            index = -1;
                            for (var i = 0; i < current.childNodes.length ; i++) {
                                if (current.childNodes[i] == this) {
                                    index = i;
                                    break;
                                }
                            }
                            return line.childNodes[index];
                        }
                    }
                    Line.GetBoxByID = function (ID) {
                        var Boxes = Line.Boxes;
                        for (var i = 0; i < Boxes.length; i++) {
                            if (Boxes[i].dataCtrl != null && Boxes[i].dataCtrl.Data.ID == ID) {
                                return Boxes[i];
                            }
                        }
                    }
                    leftLine.className = "Line TrIndex";
                    leftLine.innerHTML = "<div class='ControlBox' style='border-right: 1px solid #dcdce6'></div>";

                    leftLine.CheckBox = new CLCheckBox("", leftLine.firstChild);

                    leftLine.CheckBox.onchanged = function () {
                        if (this.checked) {
                            Line.classList.add("LineSel");
                            Line.leftLine.classList.add("LineSel");
                        } else {
                            Line.classList.remove("LineSel");
                            Line.leftLine.classList.remove("LineSel");
                        }
                        if (checkAll) {
                            checkAll.Checked = leftLine.parentNode.querySelectorAll(".LineSel").length == leftLine.parentNode.childNodes.length;
                        }
                    }

                    var move = document.createElement("span");
                    move.className = "Move";
                    move.innerHTML = "&#xe844;";
                    leftLine.firstChild.appendChild(move);

                    divLeftTable.appendChild(leftLine);

                    Line.leftLine = leftLine;
                    leftLine.Line = Line;
                    if (!IsMobile()) {
                        Line.onmouseenter = function (e) {
                            AddOption(leftLine);
                        }
                        Line.onmouseleave = function (e) {
                            var ToEle = e.toElement;
                            while (ToEle != null) {
                                if (ToEle == Line || ToEle == leftLine) {
                                    return;
                                }
                                ToEle = ToEle.parentNode;
                            }
                            RemoveOption(leftLine);
                        }
                        leftLine.onmouseenter = Line.onmouseenter;
                        leftLine.onmouseleave = Line.onmouseleave;
                    }
                    Line.Open = function () {
                        OpenLine(Line);
                    }
                    Line.Parent = ControlBox;
                    ControlBox.OnLineAdded(Line);
                    if (checkAll) {
                        checkAll.Checked = leftLine.parentNode.querySelectorAll(".LineSel").length == leftLine.parentNode.childNodes.length;
                    }
                    return Line;
                }

                function AddOption(leftLine) {
                    if (leftLine.firstChild.getElementsByClassName("Operator").length == 1) {
                        return;
                    }
                    if (!isMobile) {
                        leftLine.classList.add("TrIndexHide");
                    }
                    var operator = document.createElement("div");
                    operator.className = "Operator";
                    leftLine.firstChild.appendChild(operator);
                    var divOpen = document.createElement("div");
                    divOpen.style.cssText = "vertical-align:top;font-family:CLFont;display:inline-block;color: #7ca0d2;cursor:pointer;font-weight:900;height:20px;width:20px;line-height:20px;font-size:20px;padding-top:1px;overflow:hidden;margin:5px";
                    divOpen.innerHTML = "<span style='display:inline-block;transform:rotate(90deg)'>&#xe844;</span>";
                    divOpen.onclick = function () {
                        OpenLine(leftLine.Line);
                    }
                    operator.appendChild(divOpen);
                    H5.EnableSort(divOpen, leftLine, function (index) {
                        H5.SetElementIndex(leftLine.Line,index + 1);
                    });
                    var more = divOpen.cloneNode();
                    more.innerHTML = "<span style='display:inline-block;transform:rotate(90deg)'>&#xe684;</span>";
                    operator.appendChild(more);
                    more.onclick = function () {
                        function copy(oLine, line) {
                            var oBoxes = oLine.childNodes;
                            var Boxes = line.childNodes;
                            for (var i = 0; i < Boxes.length ; i++) {
                                var Box = Boxes[i];
                                if (Box.dataCtrl && Box.Value !== undefined) {
                                    Box.Value = oBoxes[i].Value;
                                }
                            }
                            OnChanged(ControlBox);
                        }
                        var funcs = [
                            function () {
                                var line = divAdd.firstChild.onclick();
                                line.parentNode.insertBefore(line, leftLine.Line);
                                line.leftLine.parentNode.insertBefore(line.leftLine, leftLine);
                                return line;
                            },
                            function () {
                                var line = divAdd.firstChild.onclick();
                                line.parentNode.insertBefore(line, leftLine.Line.nextSibling);
                                line.leftLine.parentNode.insertBefore(line.leftLine, leftLine.nextSibling);
                                return line;
                            },
                            function () {
                                var line = funcs[0]();
                                copy(leftLine.Line, line);
                                return line;
                            },
                            function () {
                                var line = funcs[1]();
                                copy(leftLine.Line, line);
                                return line;
                            },
                            function () {
                                var line = divAdd.firstChild.onclick();
                                copy(leftLine.Line, line);
                                return line;
                            },
                            function () {
                                DeleteLine(leftLine.Line);
                            },
                        ];
                        more.ID = leftLine.Line.ID;
                        FrmCtrls["子表单"].More(ControlBox, more, function (index) {
                            funcs[index]();
                        });
                    }
                }

                function RemoveOption(leftLine) {
                    leftLine.classList.remove("TrIndexHide");
                    var Operator = leftLine.firstChild.getElementsByClassName("Operator")[0];
                    if (Operator) {
                        leftLine.firstChild.removeChild(Operator);
                    }
                }

                function OnChanged(Box) {
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        ControlBox.Changed[i](Box);
                    }
                }

                function OpenLine(Line) {
                    var divBg = document.createElement("div");
                    divBg.style.height = "100%";
                    divBg.style.width = "100%";
                    divBg.style.background = "rgba(240,240,240,.8)";
                    divBg.style.position = "absolute";
                    divBg.style.top = "0";
                    divBg.style.left = "0";
                    divBg.style.zIndex = CLTop.CLMaxZIndex();
                    divBg.className = "RightBg";

                    var div = document.createElement("div");
                    div.style.width = IsMobile() ? "90%" : "80%";
                    div.style.height = "100%";
                    div.style.position = "absolute";
                    div.style.backgroundColor = "#fff";
                    div.style.borderLeft = "solid 1px #e0e0e0";
                    div.className = IsMobile() ? "mRightBox" : "RightBox";
                    div.style.top = "0";
                    div.style.right = "0";
                    div.addEventListener("animationend", function () {
                        div.style.right = "0";
                    });
                    divBg.appendChild(div);

                    var divBox = FrmDesigner.GetInstance(ControlBox).designerDiv.parentNode;
                    divBox.appendChild(divBg);
                    var divTitle = document.createElement("div");
                    divTitle.style.height = "40px";
                    divTitle.style.lineHeight = "40px";
                    divTitle.style.padding = "0 50px 0 20px";
                    divTitle.innerHTML = Data.Name;
                    divTitle.style.color = "#5e6d82";
                    divTitle.style.position = "relative";
                    divTitle.style.borderBottom = "solid 1px #e0e0e0";
                    var divClose = document.createElement("div");
                    divClose.style.display = "inline-block";
                    divClose.style.fontFamily = "CLFont";
                    divClose.innerHTML = "&#xe635;";
                    divClose.style.position = "absolute";
                    divClose.style.top = 0;
                    divClose.style.right = 0;
                    divClose.style.width = "50px";
                    divClose.style.cursor = "pointer";
                    divClose.style.transform = "rotate(90deg)";
                    divClose.style.textAlign = "center";
                    divClose.style.fontWeight = 900;
                    divClose.style.fontSize = "18px";
                    divTitle.appendChild(divClose);
                    div.appendChild(divTitle);
                    divClose.onclick = function () {
                        div.style.animationName = IsMobile() ? "mRightClose" : "RightClose";
                        divBg.style.animationName = "RightBgClose";
                        div.addEventListener("animationend", function () {
                            divBox.removeChild(divBg);
                        });
                    }
                    var divForm = document.createElement("div");
                    divForm.style.width = "100%";
                    divForm.style.height = "calc(100% - 40px)";
                    divForm.style.overflow = "auto";
                    divForm.className = "FrmDesigner";
                    div.appendChild(divForm);
                    divForm.FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                    var SubControlLine = null;
                    var FlushVar = divForm.FrmDesigner.FlushVar;
                    divForm.FrmDesigner.FlushVar = function () {
                        divForm.FrmDesigner.ClearSourceChanged();
                    }
                    for (var i = 0; i < Data.Field.length; i++) {
                        SubControlLine = document.createElement("div");
                        SubControlLine.className = "ControlLine";
                        SubControlLine.id = "DataField_" + Data.Field[i].Data.ID;
                        divForm.appendChild(SubControlLine);
                        SubControlLine.dataCtrl = Data.Field[i];
                        FrmCtrls[Data.Field[i].Name].Show(Data.Field[i].Data, SubControlLine);
                    }
                    var SubControlLines = divForm.childNodes;
                    for (var i = 0; i < SubControlLines.length ; i++) {
                        if (SubControlLines[i].Prepare != null) {
                            SubControlLines[i].Prepare();
                        }
                        if (!Data.CanEditLine && Line.ID != null) {
                            SubControlLines[i].Disabled = true;
                        }
                    }
                    divForm.FrmDesigner.RunCtrlPrepared();
                    divForm.FrmDesigner.FlushVar = FlushVar
                    for (var i = 0; i < SubControlLines.length ; i++) {
                        var Box = Line.GetBoxByID(SubControlLines[i].id.substr(10));
                        if (Box != null) {
                            SubControlLines[i].Value = Box.Value;
                        }
                    }
                    for (var i = 0; i < SubControlLines.length ; i++) {
                        var Box = Line.GetBoxByID(SubControlLines[i].id.substr(10));
                        if (Box != null) {
                            SubControlLines[i].Box = Box;
                            if (SubControlLines[i].Changed != null) {
                                SubControlLines[i].Changed.push(function (vBox) {
                                    vBox.Box.Value = vBox.Value;
                                });
                            }
                        }
                    }

                }

                ControlBox.RemoveLine = function (Line) {
                    var leftLine = Line.leftLine;
                    Line.remove();
                    leftLine.remove();
                    ControlBox.OnLineRemoved(Line);
                    FrmCtrls["子表单"].Deleting(ControlBox);
                }

                ControlBox.HideLine = function (Line) {
                    if (!Line) {
                        return;
                    }
                    Line.style.display = "none";
                    Line.leftLine.style.display = "none";
                }

                ControlBox.ShowLine = function (Line) {
                    Line.style.display = "table-row";
                    Line.leftLine.style.display = "table-row";
                }

                ControlBox.InitData = function (val, bSetEvent) {
                    if (val == null) {
                        val = [];
                    }
                    divLeftTable.innerHTML = "";
                    var first = SubTable.firstChild;
                    SubTable.innerHTML = "";
                    SubTable.appendChild(first);
                    var isMobile = IsMobile();
                    if (val[0] && val[0].Index !== undefined) {
                        CLQuickSort(val, function (v1, v2) {
                            if (v1.Index == null) {
                                v1.Index = 0;
                            }
                            if (v2.Index == null) {
                                v2.Index = 0;
                            }
                            return v1.Index - v2.Index;
                        });
                    }
                    for (var i = 0 ; i < val.length; i++) {
                        var Line = AddLine();
                        var Boxes = Line.childNodes;
                        for (var j = 0; j < Boxes.length; j++) {
                            if (Boxes[j].Prepare != null) {
                                Boxes[j].Prepare();
                            }
                        }
                        FrmDesigner.GetInstance(ControlBox).CtrlPrepared = [];
                        for (var Index = 0; Index < Line.childNodes.length; Index++) {
                            var SubCtrl = Line.childNodes[Index].dataCtrl;
                            if (SubCtrl != null) {
                                var dVal = val[i]["DataField_" + SubCtrl.Data.ID];
                                Line.ID = val[i].ID;
                                if (!Data.CanEditLine && val[i].ID != null) {
                                    Line.childNodes[Index].Disabled = true;
                                }
                                Line.childNodes[Index].WhenInitChanged = Line.childNodes[Index].Changed;
                                if (!bSetEvent) {
                                    Line.childNodes[Index].Changed = [];
                                }
                                if (dVal !== undefined) {
                                    Line.childNodes[Index].Value = dVal;
                                }
                                var OnInitialized = Line.childNodes[Index].OnInitialized;
                                if (OnInitialized != null) {
                                    OnInitialized.call(Line.childNodes[Index]);
                                }
                                var OnInitializeds = Line.childNodes[Index].OnInitializeds;
                                if (OnInitializeds != null) {
                                    OnInitializeds.call(Line.childNodes[Index]);
                                }
                                ControlBox.OnCtrlInitialized(Line.childNodes[Index]);
                                Line.childNodes[Index].Changed = Line.childNodes[Index].WhenInitChanged;
                                delete Line.childNodes[Index].WhenInitChanged;
                                if (Data.Limit != null && SubCtrl.Data.ID == Data.Limit && dVal !== undefined) {
                                    var className = SubCtrl.Name;
                                    var Range = {
                                        Parts: [],
                                        Roles: [],
                                        Members: [],
                                        Dynamic: [],
                                    }
                                    if (className == "成员单选") {
                                        Range.Members = [dVal];
                                    }
                                    if (className == "成员多选") {
                                        Range.Members = JSON.parse(dVal);
                                    }
                                    if (className == "部门单选") {
                                        Range.Parts = [dVal];
                                    }
                                    if (className == "部门多选") {
                                        Range.Parts = JSON.parse(dVal);
                                    }
                                    if (className == "成员范围") {
                                        Range = JSON.parse(dVal);
                                    }
                                    if(!CLApp.HasAuth(Range, CLApp.getCurrentUser(), false)) {
                                        ControlBox.HideLine(Line);
                                    }
                                }
                            }
                        }
                        if (isMobile) {
                            AddOption(Line.leftLine);
                        }
                    }
                    ControlBox.Initialized = true;
                }

                var columnStyle = {};
                var Timers = {};
                var cssTimer = null;
                ControlBox.columnDisplay = function (ID, Val) {
                    if (Timers[ID] != null) {
                        clearTimeout(Timers[ID]);
                    }
                    Timers[ID] = setTimeout(function () {
                        clearTimeout(Timers[ID]);
                        if (Val != "none") {
                            Val = "";
                        }
                        columnStyle[ID] = Val;
                        if (cssTimer) {
                            return;
                        }
                        cssTimer = setTimeout(function () {
                            clearTimeout(cssTimer);
                            cssTimer = null;
                            var style = ControlBox.querySelector(".ColumnCss_" + Data.ID);
                            if (!style) {
                                style = document.createElement("style");
                                style.className = "ColumnCss_" + Data.ID;
                                style.setAttribute("scoped", "scoped");
                                ControlBox.appendChild(style);
                            }

                            var css = "";
                            for (var key in columnStyle) {
                                if (!!columnStyle[key]) {
                                    css += ".Right." + resizeId + " .Line .Column_" + key + "{display:" + columnStyle[key] + "}\n";
                                }
                            }
                            style.innerHTML = css;
                            divScroll.firstChild.style.width = top.scrollWidth + "px";
                        }, 10);
                    });
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var dataTable = [];
                        var Lines = SubTable.childNodes;
                        var hasVal = false;
                        for (var iLine = 1; iLine < Lines.length ; iLine++) {
                            var Boxes = Lines[iLine].childNodes;
                            var dataLine = {};
                            for (var iBox = 0; iBox < Boxes.length; iBox++) {
                                if (Boxes[iBox].dataCtrl.Data.ID != null) {
                                    dataLine["DataField_" + Boxes[iBox].dataCtrl.Data.ID] = Boxes[iBox].Value;
                                    if (Boxes[iBox].Value != null) {
                                        hasVal = true;
                                    }
                                }
                            }
                            if (Lines[iLine].ID != null) {
                                dataLine.ID = Lines[iLine].ID;
                            }
                            if (Data.Order) {
                                dataLine.Index = iLine - 1;
                            }
                            dataTable.push(dataLine);
                        }
                        if (!hasVal && dataTable.length == 1) {
                            dataTable = [];
                        }
                        return dataTable;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (!Array.isArray(Val)) {
                            Val = [];
                        }
                        if (Object.Equals(Val, ControlBox.Value)) {
                            return;
                        }
                        var first = SubTable.firstChild;
                        SubTable.innerHTML = "";
                        SubTable.appendChild(first);
                        divLeftTable.innerHTML = "";
                        var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                        var Box;
                        var OnCtrlPrepared = _FrmDesigner.OnCtrlPrepared;
                        _FrmDesigner.OnCtrlPrepared = function (Fun) {
                            Box.Prepared = Fun;
                        }
                        Val = CLClone(Val);
                        for (var i = 0 ; i < Val.length; i++) {
                            var Line = AddLine();
                            var Boxes = Line.childNodes;
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepare != null) {
                                    Box.Prepare();
                                }
                            }
                            var IDs = [];
                            for (var Index = 0; Index < Boxes.length; Index++) {
                                Box = Boxes[Index];
                                if (Box.dataCtrl.Data.ID != null && "DataField_" + Box.dataCtrl.Data.ID in Val[i]) {
                                    var dVal = Val[i]["DataField_" + Box.dataCtrl.Data.ID];
                                    if ((Box.dataCtrl.Name == "下拉框" || Box.dataCtrl.Name == "下拉复选框") && Box.dataCtrl.Data.SourceType == "数据源联动") {
                                        if (dVal !== undefined) {
                                            Box.oVal = dVal;
                                            Box.Value = Box.oVal;
                                            Box.OnItemChanged = function () {
                                                this.Value = this.oVal;
                                                delete this.OnItemChanged;
                                                delete this.oVal;
                                            }
                                        }
                                    } else {
                                        if (dVal !== undefined) {
                                            Box.Value = dVal;
                                        }
                                    }
                                    IDs.push(Box.dataCtrl.Data.ID);
                                }
                                if (!Data.CanEditLine && Val[i].ID != null) {
                                    Boxes[Index].Disabled = true;
                                }
                            }
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepared != null) {
                                    if (IDs.indexOf(Box.dataCtrl.Data.ID) < 0) {
                                        Box.Prepared();
                                    }
                                    delete Box.Prepared;
                                }
                            }
                            Line.ID = Val[i].ID;
                            if (isMobile) {
                                AddOption(Line.leftLine);
                            }
                        }
                        _FrmDesigner.OnCtrlPrepared = OnCtrlPrepared;
                        OnChanged(ControlBox);
                    }
                });
                ControlBox.GetValueByID = function (ID) {
                    var Lines = SubTable.childNodes;
                    var jRet = [];
                    for (var i = 0; i < Lines.length; i++) {
                        for (var j = 0; j < Lines[i].childNodes.length ; j++) {
                            if (Lines[i].childNodes[j].dataCtrl != null && Lines[i].childNodes[j].dataCtrl.Data.ID == ID) {
                                var val = Lines[i].childNodes[j].Value;
                                jRet.push(val == null ? null : val);
                            }
                        }
                    }
                    return jRet;
                }
                var Disabled = false;
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Disabled;
                    },
                    set: function (val) {
                        var all = val == "all";
                        Disabled = val = (val == true || all);
                        divAdd.style.color = (val == false && Data.CanAddLine) ? "#0DB3A6" : "#d9d9d9";
                        divAdd.firstChild.style.color = (val == false && Data.CanAddLine) ? "#666" : "#d9d9d9";
                        divAdd.firstChild.onclick = ((val == false && Data.CanAddLine) ? AddClick : null);

                        if (delBtn) {
                            delBtn.onclick = ((val == false && Data.CanAddLine) ? deleting : null);
                            delBtn.style.color = "";
                        }

                        var Lines = SubTable.childNodes;
                        for (var iLine = 1; iLine < Lines.length ; iLine++) {
                            var Boxes = Lines[iLine].childNodes;
                            for (var iBox = 0; iBox < Boxes.length; iBox++) {
                                if ((!Data.CanEditLine && Lines[iLine].ID != null) || all) {
                                    Boxes[iBox].Disabled = true;
                                }
                            }
                        }
                    }
                });

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }
                ControlBox.OnCtrlInitialized = function (Box) {

                }
                ControlBox.AddLine = AddClick;
                function deleting() {
                    if (SubTable.childNodes.length == 1) {
                        return;
                    }
                    ControlBox.classList.add("LineDeleting");
                    boxLt.classList.add("Deleting");
                    delBar.style.display = "inline-block";
                    divBar.style.display = "none";
                }
                function enddeleting() {
                    ControlBox.classList.remove("LineDeleting");
                    boxLt.classList.remove("Deleting");
                    delBar.style.display = "none";
                    divBar.style.display = "inline-block";
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    var Line = AddLine(); 
                    var Boxes = Line.childNodes;
                    for (var j = 0; j < Boxes.length; j++) {
                        if (Boxes[j].Prepare != null) {
                            Boxes[j].Prepare();
                        }
                    }
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    var Lines = SubTable.childNodes;
                    if (Data.Editable == false) {
                        ControlBox.Disabled = true;
                    }
                    if (adjBtn) {
                        if (Data.Editable == false) {
                            adjBtn.style.display = "none";
                        } else {
                            function moving() {
                                ControlBox.classList.add("LineMoving");
                                boxLt.classList.add("Moving");
                            }
                            function endmoving() {
                                ControlBox.classList.remove("LineMoving");
                                boxLt.classList.remove("Moving");
                            }
                            adjBtn.onclick = moving;
                            endBtn.onclick = endmoving;
                        }
                    }
                    if (delBtn) {
                        delBtn.onclick = deleting;
                        delBar.firstChild.onclick = enddeleting;
                        delBar.lastChild.onclick = function () {
                            var Lines = SubTable.querySelectorAll(".LineSel");
                            if (Lines.length > 0) {
                                CLConfirm(function () {
                                    for (var i = 0; i < Lines.length; i++) {
                                        Lines[i].leftLine.remove();
                                        Lines[i].remove();
                                        ControlBox.OnLineRemoved(Lines[i]);
                                    }
                                    FrmCtrls["子表单"].Deleting(ControlBox);
                                    checkAll.Checked = false;
                                    enddeleting();
                                }, "该条记录存在数据，数据删除后将无法恢复，确定删除？");
                            }
                        };
                    }
                    if (!Data.CanAddLine || ControlBox.Disabled) {
                        divAdd.style.color = "#d9d9d9";
                        divAdd.firstChild.style.color = "#d9d9d9";
                        divAdd.firstChild.onclick = null;
                        if (delBtn) {
                            delBtn.style.color = "rgba(0,0,0,0)";
                            delBtn.onclick = null;
                        }
                    }
                    (function () {
                        if (Data.DefType == "自定义" && Data.DefVal != null) {
                            FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                if (Data.DefVal.cusVal != null && Data.DefVal.cusVal.length > 0) {
                                    ControlBox.Value = Data.DefVal.cusVal;
                                }
                            });
                        }
                        if (Data.DefType == "数据联动" && Data.Linkage != null) {
                            Linkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = Data.Linkage.UnionFieldID2 == -1 ? data : data[0]["SubTable_" + Data.Linkage.UnionFieldID2];
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var data = {};
                                    newData.push(data);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        data["DataField_" + SubInfo[j].ID] = Val[i]["DataField_" + SubInfo[j].UnionID];
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                        if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                            FrmCtrls.CtrlDefCode(ControlBox);
                        }
                        if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                            SourceLinkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = data;
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var data = {};
                                    newData.push(data);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        data["DataField_" + SubInfo[j].ID]
                                            = (Val[i][SubInfo[j].UnionID] == null || Val[i][SubInfo[j].UnionID].constructor != {}.constructor) ?
                                            Val[i][SubInfo[j].UnionID] :
                                            Val[i][SubInfo[j].UnionID].oVal;
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                    })();
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                    divScroll.firstChild.style.width = div.scrollWidth + "px";
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.style.display == "none") {
                        return true;
                    }
                    if (Data.Required == true && ControlBox.Value.length == 0) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                    var Lines = SubTable.childNodes;
                    var bRet = true;
                    for (var i = 0; i < Lines.length ; i++) {
                        if (Lines[i].offsetHeight == 0 || Lines[i].offsetWidth == 0) {
                            continue;
                        }
                        var Boxes = Lines[i].childNodes;
                        for (var j = 0; j < Boxes.length; j++) {
                            if (Boxes[j].CheckValue != null && Boxes[j].CheckValue() == false) {
                                bRet = false;
                            }
                        }
                    }
                    return bRet;
                }
                ControlBox.addEventListener("keydown", function (e) {
                    if (e.key == "Enter") {
                        var Box = e.srcElement;
                        while (Box && !Box.classList.contains("ControlBox")) {
                            Box = Box.parentNode;
                        }
                        if (Box != null) {
                            var line = Box.Parent;
                            if (line.nextSibling == null) {
                                if (Data.CanAddLine != false && !ControlBox.Disabled) {
                                    AddClick();
                                } else {
                                    return;
                                }
                            }
                            if (line.nextSibling != null) {
                                Box = line.nextSibling.getElementsByClassName("Column_" + Box.ID)[0];
                                if (Box) {
                                    var input = Box.getElementsByTagName("INPUT")[0];
                                    if (input) {
                                        input.focus();
                                        if (Box.dataCtrl.Name == "时间日期") {
                                            input.parentNode.onclick();
                                        }
                                    }
                                }
                            }
                        }
                    }
                });
                ControlBox.setAttribute("tabindex", "2");
                ControlBox.style.outline = "none";
                ControlBox.onkeydown = function (e) {
                    if (e.key == "Delete") {
                        var Lines = SubTable.querySelectorAll(".LineSel");
                        if (Lines.length > 0) {
                            CLConfirm(function () {
                                for (var i = 0; i < Lines.length; i++) {
                                    Lines[i].leftLine.remove();
                                    Lines[i].remove();
                                    ControlBox.OnLineRemoved(Lines[i]);
                                }
                                FrmCtrls["子表单"].Deleting(ControlBox);
                            }, "该条记录存在数据，数据删除后将无法恢复，确定删除？");
                        }
                    }
                }
            }
            , mobileShow: function (Data, ControlBox) {
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                var rBox = document.createElement("div");
                rBox.style.width = "80px";
                rBox.style.cssFloat = "right";
                ControlBox.firstChild.appendChild(rBox);
                var selector = new CLTop.CLSelect(rBox);
                ControlBox.LayoutSelector = selector; 
                selector.AddItems(["全部", "1/2", "1/3"]);
                if (!IsMobile()) {
                    selector.AddItems(["1/4", "1/5", "1/6", "1/7", "1/8", "1/9", "1/10", "1/11", "1/12", "1/13", "1/14", "1/15"]);
                }
                selector.onchanged = function () {
                    var ControlLines = ControlBox.getElementsByClassName("ControlLine");
                    for (var i = 0; i < ControlLines.length; i++) {
                        ControlLines[i].style.width = (1 / (selector.selectedIndex + 1)) * 100 + "%";
                    }
                    for (var i = 0; i < SubTable.childNodes.length; i++) {
                        if (SubTable.childNodes[i].IsOpen) {
                            SubTable.childNodes[i].style.height = SubTable.childNodes[i].Height + "px";
                        }
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                var SubTable = document.createElement("div");
                SubTable.className = "mSubTable";
                SubTable.style.width = "100%";
                ControlBox.appendChild(SubTable);
                var divAdd = document.createElement("div");
                divAdd.style.cssText = "color:#0DB3A6;cursor:pointer;line-height:30px;margin:3px 0;border:1px dashed #e5e5e5;text-align:center";
                divAdd.innerHTML = "<span style='font-family:CLFont;'>&#xe6da;</span>添加记录";
                ControlBox.appendChild(divAdd);
                ControlBox.Changed = [];
                ControlBox.OnInitializeds = [];
                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                ControlBox.OnInitializeds.push(function () {
                    ControlBox.Initialized = true;
                });
                divAdd.onclick = function () {
                    var Line = AddLine();
                    var Boxes = Line.childNodes;
                    
                    var Designer = FrmDesigner.GetInstance(ControlBox);
                    UseSource(Designer, function () {
                        for (var i = 1; i < Boxes.length; i++) {
                            Box = Boxes[i];
                            Box.style.width = (1 / (selector.selectedIndex + 1)) * 100 + "%";
                            if (Box.Prepare != null) {
                                Box.Prepare();
                            }
                            func(Box);
                        }
                    });
                    Designer.RunCtrlPrepared();
                    return Line;
                }
                var AddClick = divAdd.onclick;

                function getHeader() {
                    var sTable = "";
                    if (Data.Field.length != 0) {
                        sTable += "<div class='Line'>";
                        for (var i = 0; i < Data.Field.length; i++) {
                            sTable += FrmCtrls[Data.Field[i].Name].SubHeader(Data.Field[i].Data);
                        }
                        sTable += "</div>";
                    }
                    return sTable;
                }

                SubTable.innerHTML = getHeader();

                SubTable.firstChild.style.display = "none";

                ControlBox.queryBoxes = function (ID) {
                    return SubTable.querySelectorAll(".Line:not(:first-child) .Column_" + ID);
                }

                function AddLine() {
                    var Line = document.createElement("div");
                    Object.defineProperty(Line, "LineNumber", {
                        get: function () {
                            return $(Line).index();
                        }
                    });
                    Line.className = "Line";
                    Object.defineProperty(Line, "Height", {
                        get: function () {
                            var styleHeight = Line.style.height;
                            var height = 0;
                            Line.style.transition = "all 0s";
                            Line.style.height = "initial";
                            height = Line.offsetHeight;
                            Line.style.height = styleHeight;
                            Line.style.transition = "";
                            return height;
                        }
                    });
                    SubTable.appendChild(Line);
                    Line.style.height = "48px";
                    var Header = document.createElement("div");
                    Header.className = "Header TrIndex";
                    Line.appendChild(Header);
                    Line.IsOpen = true;
                    var more = document.createElement("div");
                    more.innerHTML = "更多";
                    more.style.color = "#0db3a6";
                    more.style.cssFloat = "right";
                    more.style.padding = "0 10px";
                    more.style.cursor = "pointer";
                    more.onclick = function (e) {
                        function copy(oLine, line) {
                            var oBoxes = oLine.childNodes;
                            var Boxes = line.childNodes;
                            for (var i = 0; i < Boxes.length ; i++) {
                                var Box = Boxes[i];
                                if (Box.dataCtrl && Box.Value !== undefined) {
                                    Box.Value = oBoxes[i].Value;
                                }
                            }
                            OnChanged(ControlBox);
                        }
                        var funcs = [
                            function () {
                                var line = divAdd.onclick();
                                line.parentNode.insertBefore(line, Line);
                                return line;
                            },
                            function () {
                                var line = divAdd.onclick();
                                line.parentNode.insertBefore(line, Line.nextSibling);
                                return line;
                            },
                            function () {
                                var line = funcs[0]();
                                copy(Line, line);
                                return line;
                            },
                            function () {
                                var line = funcs[1]();
                                copy(Line, line);
                                return line;
                            },
                            function () {
                                var line = divAdd.onclick();
                                copy(Line, line);
                                return line;
                            },
                            function () {
                                var Boxes = Line.childNodes;
                                var HasVal = false;
                                for (var iBox = 0; iBox < Boxes.length ; iBox++) {
                                    if (Boxes[iBox].Value != null) {
                                        HasVal = true;
                                    }
                                }
                                function func() {
                                    if (Line.IsOpen) {
                                        CloseLine(Line);
                                        var t = setTimeout(function () {
                                            clearTimeout(t);
                                            RemoveLine(Line);
                                        }, 200);
                                    } else {
                                        RemoveLine(Line);
                                    }
                                }
                                if (HasVal) {
                                    CLConfirm(function () {
                                        func();
                                    }, "是否确认删除这条记录?", null, "280px");
                                } else {
                                    func();
                                }
                            },
                        ];
                        more.ID = Line.ID;
                        FrmCtrls["子表单"].More(ControlBox, more, function (index) {
                            funcs[index]();
                        });
                    }
                    Header.appendChild(more);

                    var ctrlBtn = document.createElement("div");
                    ctrlBtn.innerHTML = "收起";
                    ctrlBtn.style.color = "#0db3a6";
                    ctrlBtn.style.cssFloat = "right";
                    ctrlBtn.style.padding = "0 10px";
                    ctrlBtn.style.cursor = "pointer";
                    Header.appendChild(ctrlBtn);
                    ctrlBtn.onclick = function () {
                        if (Line.IsOpen) {
                            ctrlBtn.innerHTML = "展开";
                            CloseLine(Line);
                        } else {
                            ctrlBtn.innerHTML = "收起";
                            OpenLine(Line);
                        }
                    }
                    var Boxes = Line.Boxes = [];
                    for (var i = 0; i < Data.Field.length; i++) {
                        var Box = document.createElement("div");
                        Box.className = "ControlLine Column_" + Data.Field[i].Data.ID;
                        if (selector.selectedIndex != -1) {
                            var w = (1 / (selector.selectedIndex + 1)) * 100 + "%";
                            Box.style.width = w;
                        }
                        Line.appendChild(Box);
                        FrmCtrls[Data.Field[i].Name].Show(Data.Field[i].Data, Box);
                        Object.defineProperty(Box, "Display", {
                            get: function () {
                                return this.style.display;
                            },
                            set: function (val) {
                                this.style.display = val;
                                var line = this.parentNode;
                                if (Line.IsOpen) {
                                    Line.style.height = Line.Height + "px";
                                }
                            }
                        });
                        Box.dataCtrl = Data.Field[i];
                        Box.Parent = Line;
                        if (Box != null && Box.Changed == null) {
                            Box.Changed = [];
                            Box.SubTable = ControlBox;
                        }
                        if (Box != null) {
                            Boxes.push(Box);
                            Box.Changed.push(function (Box) {
                                OnChanged(Box);
                            });
                        }
                        var scroll = Box.scrollIntoView;
                        Box.scrollIntoView = function () {
                            Line.Open();
                            ControlBox.scrollIntoView.apply(ControlBox, arguments);
                            scroll.apply(this, arguments);
                        }
                        Box.OffsetY = function (offset) {
                            if (!offset) {
                                return this;
                            }
                            var current = this.Parent;
                            var lines = this.Parent.parentNode.childNodes;
                            var index = -1;
                            for (var i = 0; i < lines.length ; i++) {
                                if (lines[i] == current) {
                                    index = i;
                                    break;
                                }
                            }
                            index += offset;
                            if (index < 1) {
                                return null;
                            }
                            var line;
                            while (index >= lines.length) {
                                AddClick();
                            }
                            line = lines[index];
                            index = -1;
                            for (var i = 0; i < current.childNodes.length ; i++) {
                                if (current.childNodes[i] == this) {
                                    index = i;
                                    break;
                                }
                            }
                            return line.childNodes[index];
                        }
                    }
                    Line.GetBoxByID = function (ID) {
                        var Boxes = Line.Boxes;
                        for (var i = 0; i < Boxes.length; i++) {
                            if (Boxes[i].dataCtrl.Data.ID == ID) {
                                return Boxes[i];
                            }
                        }
                    }

                    Line.Open = function () {
                        OpenLine(Line);
                    }
                    Line.Parent = ControlBox;
                    ControlBox.OnLineAdded(Line);
                    var t = setTimeout(function () {
                        clearTimeout(t);
                        OpenLine(Line);
                    });
                    return Line;
                }

                function OpenLine(Line) {
                    Line.IsOpen = true;
                    Line.style.height = Line.Height + "px";
                }

                function CloseLine(Line) {
                    Line.IsOpen = false;
                    Line.style.height = Line.offsetHeight + "px";
                    Line.style.height = "48px";
                }

                function RemoveLine(Line) {
                    Line.remove();
                    FrmCtrls["子表单"].Deleting(ControlBox);
                    ControlBox.OnLineRemoved(Line);
                }

                ControlBox.AddLine = AddClick;

                ControlBox.RemoveLine = RemoveLine;

                ControlBox.OnLineAdded = function (Line) {

                }

                ControlBox.OnLineRemoved = function (Line) {

                }

                ControlBox.HideLine = function (Line) {
                    if (!Line) {
                        return;
                    }
                    Line.style.display = "none";
                }

                ControlBox.ShowLine = function (Line) {
                    Line.style.display = "table-row";
                }

                function OnChanged(Box) {
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        ControlBox.Changed[i](Box);
                    }
                }

                ControlBox.OnCtrlInitialized = function (Box) {

                }

                function func(Box) {
                    var Line = Box.Parent;
                    if (!Line) {
                        return;
                    }
                    if (Line.IsOpen) {
                        Line.style.height = Line.Height + "px";
                    }
                    Box.Changed.push(function (Box) {
                        if (!Line.hTimer) {
                            Line.hTimer = setTimeout(function () {
                                clearTimeout(Line.hTimer);
                                delete Line.hTimer;
                                if (Line.IsOpen) {
                                    Line.style.height = Line.Height + "px";
                                }
                            });
                        }
                    });
                }

                ControlBox.InitData = function (val, bSetEvent) {
                    if (val == null) {
                        val = [];
                    }
                    var Header = SubTable.firstChild;
                    SubTable.innerHTML = "";
                    SubTable.appendChild(Header);
                    if (val[0] && val[0].Index !== undefined) {
                        CLQuickSort(val, function (v1, v2) {
                            if (v1.Index == null) {
                                v1.Index = 0;
                            }
                            if (v2.Index == null) {
                                v2.Index = 0;
                            }
                            return v1.Index - v2.Index;
                        });
                    }
                    for (var i = 0 ; i < val.length; i++) {
                        var Line = AddLine();
                        var Boxes = Line.childNodes;
                        for (var j = 0; j < Boxes.length; j++) {
                            Box = Boxes[j];
                            if (Box.Prepare != null) {
                                Box.Prepare();
                            }
                            func(Box);
                        }
                        FrmDesigner.GetInstance(ControlBox).CtrlPrepared = [];
                        for (var Index = 0; Index < Line.childNodes.length; Index++) {
                            var Box = Line.childNodes[Index];
                            if (Box.dataCtrl != null) {
                                var dVal = val[i]["DataField_" + Box.dataCtrl.Data.ID];
                                Line.ID = val[i].ID;
                                if (!Data.CanEditLine && val[i].ID != null) {
                                    Box.Disabled = true;
                                }
                                Box.WhenInitChanged = Box.Changed;
                                if (!bSetEvent) {
                                    Box.Changed = [];
                                }
                                if (dVal !== undefined) {
                                    Box.Value = dVal;
                                }
                                var OnInitialized = Box.OnInitialized;
                                if (OnInitialized == null) {
                                    OnInitialized = Header.childNodes[Index - 1].OnInitialized;
                                }
                                if (OnInitialized != null) {
                                    OnInitialized.call(Box);
                                }
                                var OnInitializeds = Box.OnInitializeds;
                                if (OnInitializeds == null) {
                                    OnInitializeds = Header.childNodes[Index - 1].OnInitializeds;
                                }
                                if (OnInitializeds != null) {
                                    OnInitializeds.call(Box);
                                }
                                ControlBox.OnCtrlInitialized(Box);
                                Box.Changed = Box.WhenInitChanged;
                                delete Box.WhenInitChanged;
                                var SubCtrl = Box.dataCtrl;
                                if (Data.Limit != null && SubCtrl.Data.ID == Data.Limit) {
                                    var className = SubCtrl.Name;
                                    var Range = {
                                        Parts: [],
                                        Roles: [],
                                        Members: [],
                                        Dynamic: [],
                                    }
                                    if (className == "成员单选") {
                                        Range.Members = [val[i]["DataField_" + SubCtrl.Data.ID]];
                                    }
                                    if (className == "成员多选") {
                                        Range.Members = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (className == "部门单选") {
                                        Range.Parts = [val[i]["DataField_" + SubCtrl.Data.ID]];
                                    }
                                    if (className == "部门多选") {
                                        Range.Parts = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (className == "成员范围") {
                                        Range = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (!CLApp.HasAuth(Range, CLApp.getCurrentUser(), false)) {
                                        ControlBox.HideLine(Line);
                                    }
                                }
                            }
                        }
                    }
                }

                ControlBox.GetValueByID = function (ID) {
                    var Lines = SubTable.childNodes;
                    var jRet = [];
                    for (var i = 0; i < Lines.length; i++) {
                        for (var j = 0; j < Lines[i].childNodes.length ; j++) {
                            if (Lines[i].childNodes[j].dataCtrl != null && Lines[i].childNodes[j].dataCtrl.Data.ID == ID) {
                                var val = Lines[i].childNodes[j].Value;
                                jRet.push(val == null ? null : val);
                            }
                        }
                    }
                    return jRet;
                }

                var columnStyle = {};
                var Timers = {};
                var cssTimer = null;
                ControlBox.columnDisplay = function (ID, Val) {
                    if (Timers[ID] != null) {
                        clearTimeout(Timers[ID]);
                    }
                    Timers[ID] = setTimeout(function () {
                        clearTimeout(Timers[ID]);
                        if (Val != "none") {
                            Val = "";
                        }
                        columnStyle[ID] = Val;
                        if (cssTimer) {
                            return;
                        }
                        cssTimer = setTimeout(function () {
                            clearTimeout(cssTimer);
                            cssTimer = null;
                            var style = ControlBox.querySelector(".ColumnCss_" + Data.ID);
                            if (!style) {
                                style = document.createElement("style");
                                style.className = "ColumnCss_" + Data.ID;
                                style.setAttribute("scoped", "scoped");
                                ControlBox.appendChild(style);
                            }

                            var css = "";
                            for (var key in columnStyle) {
                                if (!!columnStyle[key]) {
                                    css += ".FrmDesigner .mSubTable .Line .Column_" + key + "{display:" + columnStyle[key] + "}\n";
                                }
                            }
                            style.innerHTML = css;
                            selector.onchanged();
                        }, 10);
                    });
                }

                Object.defineProperty(ControlBox, "Display", {
                    get: function () {
                        return ControlBox.style.display;
                    },
                    set: function (val) {
                        ControlBox.style.display = val;
                        var Lines = SubTable.childNodes;
                        for (var i = 0; i < Lines.length; i++) {
                            var Line = Lines[i];
                            if (Line.IsOpen === undefined || Line.IsOpen) {
                                Line.style.height = Line.Height + "px";
                            } else {
                                Line.style.height = "48px";
                            }
                            Line.style.transition = "";
                        }
                    }
                });
                var Disabled = false;
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Disabled;
                    },
                    set: function (val) {
                        var all = val == "all";
                        Disabled = val = (val == true || all);
                        divAdd.style.color = (val == false && Data.CanAddLine) ? "#0DB3A6" : "#d9d9d9";
                        divAdd.firstChild.style.color = (val == false && Data.CanAddLine) ? "#666" : "#d9d9d9";
                        divAdd.firstChild.onclick = ((val == false && Data.CanAddLine) ? AddClick : null);

                        var Lines = SubTable.childNodes;
                        for (var iLine = 1; iLine < Lines.length ; iLine++) {
                            var Boxes = Lines[iLine].childNodes;
                            for (var iBox = 0; iBox < Boxes.length; iBox++) {
                                if ((!Data.CanEditLine && Lines[iLine].ID != null) || all) {
                                    Boxes[iBox].Disabled = true;
                                }
                            }
                        }

                    }
                });

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var dataTable = [];
                        var Lines = SubTable.childNodes;
                        var hasVal = false;
                        for (var iLine = 0; iLine < Lines.length ; iLine++) {
                            var Boxes = Lines[iLine].getElementsByClassName("ControlLine");
                            if (Boxes.length == 0) {
                                continue;
                            }
                            var dataLine = {};
                            for (var iBox = 0; iBox < Boxes.length; iBox++) {
                                if (Boxes[iBox].dataCtrl != null) {
                                    dataLine["DataField_" + Boxes[iBox].dataCtrl.Data.ID] = Boxes[iBox].Value;
                                    if (Boxes[iBox].Value != null) {
                                        hasVal = true;
                                    }
                                }
                            }
                            if (Lines[iLine].ID != null) {
                                dataLine.ID = Lines[iLine].ID;
                            }
                            if (Data.Order) {
                                dataLine.Index = iLine - 1;
                            }
                            dataTable.push(dataLine);
                        }
                        if (!hasVal && dataTable.length == 1) {
                            dataTable = [];
                        }
                        return dataTable;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (!Array.isArray(Val)) {
                            Val = [];
                        }
                        if (Object.Equals(Val, ControlBox.Value)) {
                            return;
                        }
                        var Header = SubTable.firstChild;
                        SubTable.innerHTML = "";
                        SubTable.appendChild(Header);
                        var Box;
                        var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                        var OnCtrlPrepared = _FrmDesigner.OnCtrlPrepared;
                        var Prepared = [];
                        _FrmDesigner.OnCtrlPrepared = function (Fun) {
                            Box.Prepared = Fun;
                        }
                        Val = CLClone(Val);
                        for (var i = 0 ; i < Val.length; i++) {
                            var Line = AddLine();
                            var Boxes = Line.childNodes;
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepare != null) {
                                    Box.Prepare();
                                }
                                func(Box);
                            }
                            var IDs = [];
                            for (var Index = 0; Index < Boxes.length; Index++) {
                                Box = Boxes[Index];
                                if (Box.dataCtrl != null && Box.dataCtrl.Data.ID != null && "DataField_" + Box.dataCtrl.Data.ID in Val[i]) {
                                    var dVal = Val[i]["DataField_" + Box.dataCtrl.Data.ID];
                                    if ((Box.dataCtrl.Name == "下拉框" || Box.dataCtrl.Name == "下拉复选框") && Box.dataCtrl.Data.SourceType == "数据源联动") {
                                        if (dVal !== undefined) {
                                            Box.oVal = dVal;
                                            Box.Value = dVal;
                                            Box.OnItemChanged = function () {
                                                delete this.OnItemChanged;
                                                delete this.oVal;
                                                this.Value = this.oVal;
                                            }
                                        }
                                    } else {
                                        if (dVal !== undefined) {
                                            Box.Value = dVal;
                                        }
                                    }
                                    IDs.push(Box.dataCtrl.Data.ID);
                                }
                                if (!Data.CanEditLine && Val[i].ID != null) {
                                    Box.Disabled = true;
                                }
                            }
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepared != null) {
                                    if (IDs.indexOf(Box.dataCtrl.Data.ID) < 0) {
                                        Box.Prepared();
                                    }
                                    delete Box.Prepared;
                                }
                            }
                            Prepared = [];
                            Line.ID = Val[i].ID;
                        }
                        _FrmDesigner.OnCtrlPrepared = OnCtrlPrepared;
                    }
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    var Line = AddLine();
                    var Boxes = Line.childNodes;
                    for (var j = 0; j < Boxes.length; j++) {
                        if (Boxes[j].Prepare != null) {
                            Boxes[j].Prepare();
                        }
                    }
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    var Lines = SubTable.childNodes;
                    if (Data.Editable == false) {
                        ControlBox.Disabled = true;
                    }
                    if (!Data.CanAddLine || ControlBox.Disabled) {
                        divAdd.style.color = "#d9d9d9";
                        divAdd.firstChild.style.color = "#d9d9d9";
                        divAdd.onclick = null;
                    }
                    ;(function () {
                        if (Data.DefType == "自定义" && Data.DefVal != null) {
                            FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                ControlBox.Value = Data.DefVal.cusVal;
                            });
                        }
                        if (Data.DefType == "数据联动" && Data.Linkage != null) {
                            Linkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                data = data[0];
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = Data.Linkage.UnionFieldID2 == -1 ? data : data["SubTable_" + Data.Linkage.UnionFieldID2];
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var dataLine = {};
                                    newData.push(dataLine);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        dataLine["DataField_" + SubInfo[j].ID] = Val[i]["DataField_" + SubInfo[j].UnionID];
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                        if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                            FrmCtrls.CtrlDefCode(ControlBox);
                        }
                        if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                            SourceLinkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = data;
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var data = {};
                                    newData.push(data);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        data["DataField_" + SubInfo[j].ID] = (Val[i][SubInfo[j].UnionID] == null
                                            || Val[i][SubInfo[j].UnionID].constructor != {}.constructor) ?
                                            Val[i][SubInfo[j].UnionID]
                                            : Val[i][SubInfo[j].UnionID].oVal;
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                    })();
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.style.display == "none") {
                        return true;
                    }
                    if (Data.Required == true && ControlBox.Value.length == 0) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                    var Lines = SubTable.childNodes;
                    var bRet = true;
                    for (var i = 0; i < Lines.length ; i++) {
                        if (Lines[i].offsetHeight == 0 || Lines[i].offsetWidth == 0) {
                            continue;
                        }
                        var Boxes = Lines[i].childNodes;
                        for (var j = 0; j < Boxes.length; j++) {
                            if (Boxes[j].CheckValue != null && Boxes[j].CheckValue() == false) {
                                bRet = false;
                            }
                        }
                    }
                    return bRet;
                }

                selector.selectedIndex = 1;
            }
            , excelShow: function (Data, ControlBox) {
                var designer = FrmDesigner.GetInstance(ControlBox);
                ControlBox.FrmDesigner = designer;
                var outDel = false;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                var style = ControlBox.parentNode.style;
                style.position = "absolute";
                style.display = "inline-block";
                style.overflow = "visible";
                style.top = 0;
                style.left = 0;
                style = ControlBox.parentNode.parentNode.style;
                style.overflow = "visible";
                ControlBox.style.display = "inline-block";
                ControlBox.style.width = "100%";
                ControlBox.style.height = "100%";
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                ControlBox.classList.add("CLClear");
                ControlBox.autoRowHeight = function () {
                    var Content = ControlBox.parentNode.parentNode;
                    var L = Content.offsetHeight - ControlBox.offsetHeight;
                    var h = Excel.Table.offsetHeight + L;
                    if (Data.Height && h > Data.Height) {
                        h = Data.Height;
                    }
                    designer.Excel.setRowHeight(ControlBox.Cell.Start.row, h);
                }
                divNote.style.display = "none";
                ControlBox.Changed = [];
                var Excel = ControlBox.Excel = new CLExcel(ControlBox, false);
                var fNext = Excel.EnterNext;
                Excel.EnterNext = function () {
                    var border = Excel.getCurrentBorder();
                    var cell = border.Cell;
                    if (cell == null || !Data.CanAddLine) {
                        return;
                    }
                    function func() {
                        for (var y = cell.End.row + 1 ; y < Excel.rowCount ; y++) {
                            var ele = Excel.Rows_Cells[y][cell.Start.column];
                            if (ele.Box) {
                                Excel.hitCell(ele);
                                return true;
                            }
                        }
                    }
                    if (!func()) {
                        AddClick();
                        func();
                    }


                }
                var func = Excel.getCurrentBorder;
                Excel.getCurrentBorder = function () {
                    var border = designer.designerDiv.querySelector(".currentBorder");
                    if (border) {
                        border.remove();
                    }
                    return func.call(this);
                }
                Excel.EnableEnter();
                Excel.EnableTab();
                var hitCell = Excel.hitCell;
                Excel.hitCell = function (td) {
                    hitCell.call(this, td);
                    if (td.Box && td.Box.Focus) {
                        var t = setTimeout(function () {
                            clearTimeout(t);
                            td.Box.Focus();
                        },10);
                    }
                }
                var setBoxSize = Excel.setBoxSize;
                Excel.setBoxSize = function () {
                    setBoxSize.call(this);
                    this.Body.style.margin = "0";
                }
                var codeCells = [];
                var propCells = [];
                Excel.setCellProp = function (cell, Prop) {
                    cell.Prop = Prop;
                    if (Prop.color != null) {
                        cell.style.color = Prop.color;
                    }
                    if (Prop.borderRadius != null) {
                        cell.style.borderRadius = Prop.borderRadius;
                    }
                    if (Prop.backgroundColor != null) {
                        cell.style.backgroundColor = Prop.backgroundColor;
                    }
                    if (Prop.borderColor != null) {
                        Excel.setBorderColor(cell, Prop.borderColor);
                    }
                    if (Prop.padding != null) {
                        cell.style.padding = Prop.padding;
                    }
                    if (Prop.minHeight != null) {
                        cell.style.minHeight = Prop.minHeight + "px";
                    }
                    if (Prop.DynamicStyle || Prop.onclick || Prop.ondblclick) {
                        propCells.push(cell);
                    }
                    if (cell.Prop.resizeX) {
                        var flag = false;
                        var down = false;
                        cell.onmousemove = function (e) {
                            if (down) {
                                return;
                            }
                            if (e.offsetX > cell.offsetWidth - 15) {
                                cell.style.cursor = "w-resize";
                                flag = true;
                            } else {
                                cell.style.cursor = "";
                                flag = false;
                            }
                        }
                        cell.onmousedown = function (e) {
                            down = true;
                        }
                        cell.onmouseup = function (e) {
                            down = false;
                        }
                        var X = 0;
                        var Lo = 0;
                        var style;
                        CLEnableMove(cell, function (cell, e) {
                            if (!flag) {
                                return false;
                            } else {
                                X = e.clientX;
                                Lo = cell.offsetWidth;
                            }
                        }, function (ele, e) {
                            var Lx = e.clientX - X;
                            var L = Lo + Lx;
                            if (L < 20) {
                                L = 20;
                            }
                            var left = Excel.TableBox.scrollLeft;
                            Excel.setColumnWidth(ele.Start.column, L);
                            Excel.TableBox.scrollLeft = left;
                            return false;
                        }, function (cell, e) {
                            flag = false;
                            down = false;
                            return false;
                        }, cell);
                    }
                }
                var showCellVal = Excel.showCellVal;
                Excel.showCellVal = function (cell, Val) {
                    cell.Val = Val;
                    if (Val != null) {
                        if (Val.type == "Code") {
                            codeCells.push(cell);
                        } else if (Val.type !== undefined) {
                            showCellVal.call(this, cell, Val);
                        } else {
                            showCellVal.call(this, cell, { type: "text", text: Val });
                        }
                    } else {
                        showCellVal.call(this, cell, null);
                    }
                }
                var tplId = designer.TplUse[Data.ID];
                if (Data.Tpl) {
                    Data.Tpl.forEach(function (ele) {
                        if (ele.ID == tplId) {
                            ExcelDesigner.prototype.dataUnRef(ele.Excel);
                            Excel.hFull = false;
                            ele.Excel.autoRowHeight = false;
                            outDel = ele.outDel == true;
                            Excel.Body.style.margin = "0";
                            Excel.setData(ele.Excel);
                            var lockX = ele.LockX;
                            var lockY = ele.LockY;
                            if (ele.styleSheet) {
                                var style = ControlBox.querySelector(".sheet_" + ele.styleSheet.ID);
                                if (style == null) {
                                    style = document.createElement("style");
                                    style.classList.add("sheet_" + ele.styleSheet.ID);
                                    style.setAttribute("scoped", "scoped");
                                    style.innerHTML = ele.styleSheet.Sheet;
                                    ControlBox.appendChild(style);
                                }
                            }
                            var arr = Excel.columnWidths = [];
                            ele.Excel.columnWidth.forEach(function (ele) {
                                arr.push(ele.width);
                            });
                            Excel.width = ControlBox.offsetWidth;
                            Excel.rWidth = ele.Space;
                            Excel.minHeight = ele.lMinHeight;
                            if (Excel.rWidth == null) {
                                Excel.rWidth = 1;
                            }
                            for (var y = 0; y < Excel.rowCount; y++) {
                                var row = Excel.Rows[y];
                                if (y <= lockY) {
                                    row.classList.add("CLLockT");
                                    row.style.top = row.offsetTop + "px";
                                }
                                for (var x = 0; x < Excel.columnCount; x++) {
                                    var cell = row.Cells[x];
                                    if (!cell) {
                                        continue;
                                    }
                                    if (x <= lockX) {
                                        cell.classList.add("CLLockL");
                                    }
                                }
                            }
                        }
                    });
                }
                Excel.hFull = true;
                var content = ControlBox.Cell.firstChild;
                if (ControlBox.Cell.End.column == designer.Excel.columnCount - 1) {
                    content.style.right = -designer.Excel.rWidth + "px";
                }
                ControlBox.queryBoxes = function (ID) {
                    var arr = [];
                    Lines.forEach(function (line) {
                        line.Boxes.forEach(function (Box) {
                            var dataCtrl = Box.dataCtrl
                            if (dataCtrl && dataCtrl.Data.ID == ID) {
                                arr.push(Box);
                            }
                        });
                    });
                    return arr;
                }
                var findBox = false;
                var oStart = { row: 100000, column: 0 };
                var oEnd = { row: 0, column: Excel.columnCount };
                var Lines = [];
                Data.Field.forEach(function (dataCtrl) {
                    var Box = ControlBox.querySelector(".Ctrl_" + dataCtrl.Data.ID);
                    if (Box) {
                        findBox = true;
                        if (oStart.row > Box.Start.row) {
                            oStart.row = Box.Start.row;
                        }
                        if (oEnd.row < Box.End.row) {
                            oEnd.row = Box.End.row;
                        }
                    }
                });
                var lineExcel;
                if (findBox) {
                    lineExcel = Excel.Copy({ Start: oStart, End: oEnd });
                }
                designer.InitRunCodeMethod(Excel);
                var first = true;
                var defineCells = [];
                ControlBox.Cell.defineCells = function () {
                    defineCells.forEach(function (o) {
                        Object.defineProperty(ControlBox.Cell, o.Name, {
                            get: function () {
                                if (o.ID) {
                                    return ControlBox.queryBoxes(o.ID);
                                } else {
                                    return [];
                                }
                            }
                        });
                    });
                }
                var LinesSel = [];
                ControlBox.GetValueByID = function (ID) {
                    var Boxes = ControlBox.queryBoxes(ID);
                    var jRet = [];
                    for (var i = 0; i < Boxes.length; i++) {
                        var Box = Boxes[i];
                        if (Box.dataCtrl) {
                            var val = Box.Value;
                            jRet.push(val == null ? null : val);
                        }
                    }
                    return jRet;
                }
                function AddClick(Count) {
                    var display = ControlBox.style.display;
                    ControlBox.style.display = "none";
                    var Line;
                    if (Count == null) {
                        Count = 1;
                    }
                    while (Count > 0) {
                        Line = AddLine();
                        UseSource(designer, function () {
                            var Boxes = Line.Boxes;
                            for (var i = 0; i < Boxes.length; i++) {
                                if (Boxes[i].Prepare != null) {
                                    Boxes[i].Prepare();
                                }
                            }
                        });
                        Count--;
                    }
                    designer.RunCtrlPrepared();
                    ControlBox.style.display = display;
                    Excel.setBoxSize();
                    Line.Trs[0].scrollIntoView();
                    return Line;
                }

                function Select(Line, clear) {
                    var arr = [];
                    if (LinesSel.indexOf(Line) >= 0) {
                        return;
                    }
                    if (clear) {
                        while (LinesSel.length > 0) {
                            UnSelect(LinesSel[0]);
                        }
                    }
                    LinesSel.push(Line);
                    var Trs = Line.Trs;
                    for (var i = 0; i < Trs.length; i++) {
                        Trs[i].classList.add("LineSel");
                    }
                }

                function UnSelect(Line) {
                    if (LinesSel.indexOf(Line) < 0) {
                        return;
                    }
                    Line.Trs.forEach(function (Tr) {
                        Tr.classList.remove("LineSel");
                    });
                    LinesSel.splice(LinesSel.indexOf(Line), 1);
                }

                function AddLine() {
                    var Line = {};
                    Line.Div = document.createElement("div");
                    Line.Div.style.display = "none";
                    ControlBox.appendChild(Line.Div);
                    var mapBoxes = {};
                    (function () {
                        if (findBox) {
                            var row;
                            var rowY;
                            if (Lines.length == 0) {
                                row = oEnd.row - oStart.row + 1;
                                rowY = oStart.row;
                            } else {
                                var lastLine = Lines[Lines.length - 1];
                                row = lastLine.maxY - lastLine.minY + 1;
                                rowY = lastLine.maxY + 1;
                            }
                            if (!first) {
                                for (var i = 0; i < row; i++) {
                                    Excel.insertRow(rowY);
                                }
                                Excel.Paste(lineExcel, rowY, 0);
                            }
                            var Trs = [];
                            var FromY;
                            var endY;
                            for (var y = rowY; y < rowY + row ; y++) {
                                for (var x = 0; x < Excel.columnCount ; x++) {
                                    var Cell = Excel.Rows[y].Cells[x];
                                    if (Cell == null) {
                                        continue;
                                    }
                                    if (!FromY || FromY.Start.row > Cell.Start.row) {
                                        FromY = Cell;
                                    }
                                    if (!endY || endY.Start.row < Cell.Start.row) {
                                        endY = Cell;
                                    }
                                    Cell.Parent = Line;
                                    Cell.parentNode.dataLine = Line;
                                    if (Trs.indexOf(Cell.parentNode) < 0) {
                                        Trs.push(Cell.parentNode);
                                        Cell.parentNode.onclick = function (e) {
                                            Select(Line, !e.ctrlKey);
                                            e.stopPropagation();
                                        }
                                    }
                                    var ID = null;
                                    if (Cell.Val && Cell.Val.type == "Field") {
                                        Cell.innerHTML = "<div class='Content IsCtrl'><div></div></div>";
                                        var Box = Cell.firstChild
                                        ID = Cell.Val.Field.ID;
                                        mapBoxes[ID] = Box;
                                        Box.IsCell = true;
                                        Box.Cell = Cell;
                                        Cell.Box = Box;
                                    }
                                    if (first) {
                                        if (ID) {
                                            var cellName = Excel.getColumnName(x) + (y + 1);
                                            defineCells.push({ ID: ID, Name: Excel.getColumnName(x) + (y + 1) });
                                        }
                                    }
                                }
                            }
                            Object.defineProperty(Line, "minY", {
                                get: function () {
                                    return FromY.Start.row;
                                }
                            });
                            Object.defineProperty(Line, "maxY", {
                                get: function () {
                                    return FromY.End.row;
                                }
                            });
                            Object.defineProperty(Line, "Index", {
                                get: function () {
                                    return Lines.indexOf(Line);
                                }
                            });
                            first = false;
                            Line.Trs = Trs;
                        } else {
                            Line.Trs = [];
                        }
                    }());
                    var Boxes = [];
                    Data.Field.forEach(function (dataCtrl) {
                        var Box = mapBoxes[dataCtrl.Data.ID];
                        if (!Box) {
                            Box = document.createElement("div");
                            Box.className = "ControlBox";
                            Line.Div.appendChild(Box);
                            Box.style.display = "none";
                        }
                        Boxes.push(Box);
                        Box.Parent = Line;
                        Box.dataCtrl = dataCtrl;
                        if (Box != null && Box.Changed == null) {
                            Box.Changed = [];
                            Box.SubTable = ControlBox;
                        }
                        Box.OffsetY = function (offset) {
                            if (!offset) {
                                return this;
                            }
                            var current = this.Parent;
                            var index = -1;
                            for (var i = 0; i < Lines.length ; i++) {
                                if (Lines[i] == current) {
                                    index = i;
                                    break;
                                }
                            }
                            index += offset;
                            if (index < 1) {
                                return null;
                            }
                            var line;
                            while (index >= Lines.length) {
                                AddClick();
                            }
                            line = Lines[index];
                            index = -1;
                            for (var i = 0; i < current.Boxes.length ; i++) {
                                if (current.Boxes[i] == this) {
                                    index = i;
                                    break;
                                }
                            }
                            return line.Boxes[index];
                        }
                        FrmCtrls[dataCtrl.Name].Show(dataCtrl.Data, Box);
                        Box.Changed.push(function (Box) {
                            OnChanged(Box);
                        });
                        var scroll = Box.scrollIntoView;
                        Box.scrollIntoView = function () {
                            ControlBox.scrollIntoView.apply(ControlBox, arguments);
                            scroll.apply(this, arguments);
                        }
                    });
                    Line.Boxes = Boxes;
                    Line.GetBoxByID = function (ID) {
                        var Boxes = Line.Boxes;
                        for (var i = 0; i < Boxes.length; i++) {
                            if (Boxes[i].dataCtrl != null && Boxes[i].dataCtrl.Data.ID == ID) {
                                return Boxes[i];
                            }
                        }
                    }
                    Line.Open = function () {

                    }
                    Line.Parent = ControlBox;
                    ControlBox.OnLineAdded(Line);
                    Lines.push(Line);
                    Line.Select = function () {
                        Select(Line);
                    }
                    Line.UnSelect = function () {
                        UnSelect(Line);
                    }
                    Line.Remove = function (confirm) {
                        if (confirm) {
                            DeleteLine(Line);
                        } else {
                            RemoveLine(Line);
                        }
                    }
                    ControlBox.DelayRunAll();
                    return Line;
                }

                function RemoveLine(Line) {
                    Line.Div.remove();
                    var row = Line.maxY - Line.minY + 1;
                    for (var i = 0; i < row; i++) {
                        Excel.removeRow(Line.minY);
                    }
                    Lines.splice(Lines.indexOf(Line), 1);
                    LinesSel.splice(LinesSel.indexOf(Line), 1);
                    ControlBox.OnLineRemoved(Line);
                    FrmCtrls["子表单"].Deleting(ControlBox);
                    ControlBox.autoRowHeight();
                    Excel.setBoxSize();
                }

                function DeleteLine(Line) {
                    var Boxes = Line.Boxes;
                    var HasVal = false
                    for (var iBox = 0; iBox < Boxes.length ; iBox++) {
                        if (Boxes[iBox].Value != null) {
                            HasVal = true;
                        }
                    }
                    if (HasVal) {
                        CLConfirm(function () {
                            RemoveLine(Line);
                        }, "该条记录存在数据，数据删除后将无法恢复，确定删除？");
                    } else {
                        RemoveLine(Line);
                    }
                }

                ControlBox.OnLineAdded = function (Line) {

                }

                ControlBox.OnLineRemoved = function (Line) {

                }

                ControlBox.RemoveLine = function (Line, confirm) {
                    if (confirm) {
                        DeleteLine(Line);
                    } else {
                        RemoveLine(Line);
                    }
                }

                ControlBox.HideLine = function (Line) {
                    var Trs = Line.Trs;
                    for (var i = 0; i < Trs.length; i++) {
                        Trs[i].style.display = "none";
                    }
                    ControlBox.autoRowHeight();
                    Excel.setBoxSize();
                }

                ControlBox.ShowLine = function (Line) {
                    var Trs = Line.Trs;
                    for (var i = 0; i < Trs.length; i++) {
                        Trs[i].style.display = "";
                    }
                    ControlBox.autoRowHeight();
                    Excel.setBoxSize();
                }

                function OnChanged(Box) {
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        ControlBox.Changed[i](Box);
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                ControlBox.OnCtrlInitialized = function (Box) {

                }

                var SubOnInitialized = ControlBox.SubOnInitialized = {};

                ControlBox.AddLine = AddClick;

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.style.display == "none") {
                        return true;
                    }
                    if (Data.Required == true && ControlBox.Value.length == 0) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                    var bRet = true;
                    for (var i = 0; i < Lines.length ; i++) {
                        var Boxes = Lines[i].Boxes;
                        for (var j = 0; j < Boxes.length; j++) {
                            if (Boxes[j].CheckValue != null && Boxes[j].CheckValue() == false) {
                                bRet = false;
                            }
                        }
                    }
                    return bRet;
                }

                ControlBox.InitData = function (val, bSetEvent) {
                    if (val == null) {
                        val = [];
                    }
                    var display = ControlBox.style.display;
                    ControlBox.style.display = "none";
                    var isMobile = IsMobile();
                    if (val[0] && val[0].Index !== undefined) {
                        CLQuickSort(val, function (v1, v2) {
                            if (v1.Index == null) {
                                v1.Index = 0;
                            }
                            if (v2.Index == null) {
                                v2.Index = 0;
                            }
                            return v1.Index - v2.Index;
                        });
                    }
                    while (Lines.length != 0) {
                        RemoveLine(Lines[0]);
                    }
                    for (var i = 0 ; i < val.length; i++) {
                        var Line = AddLine();
                        var Boxes = Line.Boxes;
                        for (var j = 0; j < Boxes.length; j++) {
                            if (Boxes[j].Prepare != null) {
                                Boxes[j].Prepare();
                            }
                        }
                        designer.CtrlPrepared = [];
                        for (var Index = 0; Index < Boxes.length; Index++) {
                            var SubCtrl = Boxes[Index].dataCtrl;
                            if (SubCtrl != null) {
                                var dVal = val[i]["DataField_" + SubCtrl.Data.ID];
                                Line.ID = val[i].ID;
                                if (!Data.CanEditLine && val[i].ID != null) {
                                    Boxes[Index].Disabled = true;
                                }
                                Boxes[Index].WhenInitChanged = Boxes[Index].Changed;
                                if (!bSetEvent) {
                                    Boxes[Index].Changed = [];
                                }
                                if (dVal !== undefined) {
                                    Boxes[Index].Value = dVal;
                                }
                                var OnInitialized = Boxes[Index].OnInitialized;
                                if (OnInitialized == null) {
                                    OnInitialized = SubOnInitialized[SubCtrl.Data.ID];
                                }
                                if (OnInitialized != null) {
                                    OnInitialized.call(Boxes[Index]);
                                }
                                var OnInitializeds = Boxes[Index].OnInitializeds;
                                if (OnInitializeds == null) {
                                    OnInitializeds = SubOnInitialized[SubCtrl.Data.ID];
                                }
                                if (OnInitializeds != null) {
                                    OnInitializeds.call(Boxes[Index]);
                                }
                                ControlBox.OnCtrlInitialized(Boxes[Index]);
                                Boxes[Index].Changed = Boxes[Index].WhenInitChanged;
                                delete Boxes[Index].WhenInitChanged;
                                if (Data.Limit != null && SubCtrl.Data.ID == Data.Limit) {
                                    var className = SubCtrl.Name;
                                    var Range = {
                                        Parts: [],
                                        Roles: [],
                                        Members: [],
                                        Dynamic: [],
                                    }
                                    if (className == "成员单选") {
                                        Range.Members = [val[i]["DataField_" + SubCtrl.Data.ID]];
                                    }
                                    if (className == "成员多选") {
                                        Range.Members = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (className == "部门单选") {
                                        Range.Parts = [val[i]["DataField_" + SubCtrl.Data.ID]];
                                    }
                                    if (className == "部门多选") {
                                        Range.Parts = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (className == "成员范围") {
                                        Range = JSON.parse(val[i]["DataField_" + SubCtrl.Data.ID]);
                                    }
                                    if (!CLApp.HasAuth(Range, CLApp.getCurrentUser(), false)) {
                                        ControlBox.HideLine(Line);
                                    }
                                }
                            }
                        }
                    }
                    ControlBox.RunAll();
                    ControlBox.style.display = display;
                    ControlBox.Initialized = true;
                    ControlBox.autoRowHeight();
                    Excel.setBoxSize();
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                var Disabled = false;
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Disabled;
                    },
                    set: function (val) {
                        Disabled = val == true;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        var dataTable = [];
                        var hasVal = false;
                        for (var iLine = 0; iLine < Lines.length ; iLine++) {
                            var Boxes = Lines[iLine].Boxes;
                            var dataLine = {};
                            for (var iBox = 0; iBox < Boxes.length; iBox++) {
                                if (Boxes[iBox].dataCtrl.Data.ID != null) {
                                    dataLine["DataField_" + Boxes[iBox].dataCtrl.Data.ID] = Boxes[iBox].Value;
                                    if (Boxes[iBox].Value != null) {
                                        hasVal = true;
                                    }
                                }
                            }
                            if (Lines[iLine].ID != null) {
                                dataLine.ID = Lines[iLine].ID;
                            }
                            if (Data.Order) {
                                dataLine.Index = iLine - 1;
                            }
                            dataTable.push(dataLine);
                        }
                        if (!hasVal && dataTable.length == 1) {
                            dataTable = [];
                        }
                        return dataTable;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        var display = ControlBox.style.display;
                        ControlBox.style.display = "none";
                        if (!Array.isArray(Val)) {
                            Val = [];
                        }
                        if (Object.Equals(Val, ControlBox.Value)) {
                            return;
                        }
                        var Frm = designer;
                        var Box;
                        var OnCtrlPrepared = Frm.OnCtrlPrepared;
                        Frm.OnCtrlPrepared = function (Fun) {
                            Box.Prepared = Fun;
                        }
                        Val = CLClone(Val);
                        while (Lines.length != 0) {
                            RemoveLine(Lines[0]);
                        }
                        for (var i = 0 ; i < Val.length; i++) {
                            var Line = AddLine();
                            var Boxes = Line.Boxes;
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepare != null) {
                                    Box.Prepare();
                                }
                            }
                            var IDs = [];
                            for (var Index = 0; Index < Boxes.length; Index++) {
                                Box = Boxes[Index];
                                if (Box.dataCtrl.Data.ID != null && "DataField_" + Box.dataCtrl.Data.ID in Val[i]) {
                                    var dVal = Val[i]["DataField_" + Box.dataCtrl.Data.ID];
                                    if ((Box.dataCtrl.Name == "下拉框" || Box.dataCtrl.Name == "下拉复选框") && Box.dataCtrl.Data.SourceType == "数据源联动") {
                                        if (dVal != undefined) {
                                            Box.oVal = dVal;
                                            Box.Value = Box.oVal;
                                            Box.OnItemChanged = function () {
                                                this.Value = this.oVal;
                                                delete this.OnItemChanged;
                                                delete this.oVal;
                                            }
                                        }
                                    } else {
                                        if (dVal != undefined) {
                                            Box.Value = dVal;
                                        }
                                    }
                                    IDs.push(Box.dataCtrl.Data.ID);
                                }
                                if (!Data.CanEditLine && Val[i].ID != null) {
                                    Boxes[Index].Disabled = true;
                                }
                            }
                            for (var j = 0; j < Boxes.length; j++) {
                                Box = Boxes[j];
                                if (Box.Prepared != null) {
                                    if (IDs.indexOf(Box.dataCtrl.Data.ID) < 0) {
                                        Box.Prepared();
                                    }
                                    delete Box.Prepared;
                                }
                            }
                            Line.ID = Val[i].ID;
                        }
                        Boxes.OnCtrlPrepared = OnCtrlPrepared;
                        ControlBox.RunAll();
                        ControlBox.style.display = display;
                        ControlBox.autoRowHeight();
                        Excel.setBoxSize();
                    }
                });
                ControlBox.setAttribute("tabindex", "2");
                ControlBox.style.outline = "none";
                ControlBox.onkeydown = function (e) {
                    if (e.key == "Delete") {
                        CLConfirm(function () {
                            while (LinesSel.length > 0) {
                                RemoveLine(LinesSel[0]);
                            }
                        }, "该条记录存在数据，数据删除后将无法恢复，确定删除？");
                    }
                }
                ControlBox.Prepare = function () {
                    var Line = AddLine();
                    var Boxes = Line.Boxes;
                    for (var j = 0; j < Boxes.length; j++) {
                        if (Boxes[j].Prepare != null) {
                            Boxes[j].Prepare();
                        }
                    }
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }

                    (function () {
                        if (Data.DefType == "自定义" && Data.DefVal != null) {
                            designer.OnCtrlPrepared(function () {
                                if (Data.DefVal.cusVal != null && Data.DefVal.cusVal.length > 0) {
                                    ControlBox.Value = Data.DefVal.cusVal;
                                }
                            });
                        }
                        if (Data.DefType == "数据联动" && Data.Linkage != null) {
                            Linkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = Data.Linkage.UnionFieldID2 == -1 ? data : data[0]["SubTable_" + Data.Linkage.UnionFieldID2];
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var data = {};
                                    newData.push(data);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        data["DataField_" + SubInfo[j].ID] = Val[i]["DataField_" + SubInfo[j].UnionID];
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                        if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                            FrmCtrls.CtrlDefCode(ControlBox);
                        }
                        if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                            SourceLinkage(ControlBox, function (data) {
                                var designer = FrmDesigner.GetInstance(ControlBox);
                                if (designer.__RunDef__ == false && ControlBox.Initialized != true) {
                                    return;
                                }
                                if (data.length == 0) {
                                    ControlBox.Value = "";
                                    return;
                                }
                                var SubInfo = Data.Linkage.SubInfo;
                                var newData = [];
                                var Val = data;
                                for (var i = 0; Val != null && i < Val.length ; i++) {
                                    var data = {};
                                    newData.push(data);
                                    for (var j = 0; j < SubInfo.length; j++) {
                                        if (SubInfo[j].UnionID == null) {
                                            continue;
                                        }
                                        data["DataField_" + SubInfo[j].ID]
                                            = (Val[i][SubInfo[j].UnionID] == null || Val[i][SubInfo[j].UnionID].constructor != {}.constructor) ?
                                            Val[i][SubInfo[j].UnionID] :
                                            Val[i][SubInfo[j].UnionID].oVal;
                                    }
                                }
                                ControlBox.Value = newData;
                            });
                        }
                    })();
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                    if (outDel) {
                        ControlBox.classList.add("OutDel");
                    }
                }

                designer.designerDiv.onclick = function (e) {
                    while (LinesSel.length > 0) {
                        UnSelect(LinesSel[0]);
                    }
                }

                ControlBox.RunAll = function () {
                    designer.CellsCode(Excel, codeCells);
                    designer.CellsProp(Excel, propCells);
                    ControlBox.autoRowHeight();
                    Excel.setBoxSize();
                    Excel.Ele.focus();
                }
                var timer = null;
                ControlBox.DelayRunAll = function () {
                    if (timer) {
                        return;
                    }
                    timer = setInterval(function () {
                        if (designer.IsFreedom()) {
                            clearInterval(timer);
                            timer = null;
                            ControlBox.RunAll();
                        }
                    });
                }
            }
            , FindRelevantTable: function (Data) {
                var TableIDs = [];
                for (var i = 0; i < Data.Field.length; i++) {
                    if (FrmCtrls[Data.Field[i].Name].FindRelevantTable != null) {
                        var IDs = FrmCtrls[Data.Field[i].Name].FindRelevantTable(Data.Field[i].Data);
                        for (var j = 0; j < IDs.length; j++) {
                            if (TableIDs.indexOf(IDs[j]) < 0) {
                                TableIDs.push(IDs[j]);
                            }
                        }
                    }
                }
                return TableIDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, Key) {
                var SubFormData1 = FormData1[Key], SubFormData2 = FormData2[Key];
                if (SubFormData1 == null) {
                    if (SubFormData2 != null && SubFormData2.length == 0) {
                        delete FormData2[Key];
                    } else if (SubFormData2==null) {
                        delete FormData2[Key];
                    }
                    return;
                }
                var bDel = true;
                var classNames = {};
                var Form = CLApp.getFormById(FormData1.FormID);
                var subId = Key.replace("SubTable_", "")
                for (var i = 0 ; i < Form.Fields.length; i++) {
                    if (Form.Fields[i].ID == subId) {
                        var Fields = Form.Fields[i].Field;
                        for (var j = 0; j < Fields.length; j++) {
                            classNames["DataField_" + Fields[j].ID] = Fields[j].className;
                        }
                    }
                }
                function getClassNameByDataFieldId(key) {
                    return classNames[key];
                }
                var Data1, Data2;
                for (var i = 0; i < SubFormData2.length ; i++) {
                    Data1 = null;
                    Data2 = SubFormData2[i];
                    for (var j = 0; j < SubFormData1.length; j++) {
                        if (SubFormData1[j].ID == Data2.ID) {
                            Data1 = SubFormData1[j];
                            break;
                        }
                    }
                    if (Data2.ID == null || Data1 == null) {
                        bDel = false;
                        continue;
                    }
                    for (var key in Data2) {
                        if (key.indexOf("DataField_") == 0) {
                            var Name = getClassNameByDataFieldId(key);
                            FrmCtrls[Name].RemoveIfEquals(Data1, Data2, key);
                        }
                        if (key == "Index") {
                            if (Data2[key] == Data1[key] || Data1[key] === undefined) {
                                delete Data2[key];
                            }
                        }
                    }
                    for (var key in Data2) {
                        if (key != "ID") {
                            bDel = false;
                        }
                    }
                }
                if (bDel) {
                    delete FormData2[Key];
                }
            }
        };
        FrmCtrls["增强字段"].push(FrmCtrls["子表单"]);
    }());

    (function (关联查询) {
        FrmCtrls["关联查询"] = {
            Icon: "&#xe813;"
            , Name: "关联查询"
            , Init: function (Data) {
                if (Data.UnionForm == null) {
                    Data.UnionForm = {};
                }
                if (Data.UnionField == null) {
                    Data.UnionField = [];
                }
                if (Data.Name == null) {
                    Data.Name = "关联查询";
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Wheres == null) {
                    Data.Wheres = [];
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div>";
                var Fields = getFieldsByFormID(Data.UnionForm.ID);
                function GetField(ID) {
                    for (var i = 0; i < Fields.length; i++) {
                        if (Fields[i].ID == ID) {
                            return Fields[i];
                        }
                    }
                }
                for (var i = 0; i < Data.UnionField.length; i++) {
                    html += "<div class='ControlTitle'>" + Data.UnionField[i].Name + "</div>";
                    if (Data.UnionField[i].className == "子表单") {
                        var Field = GetField(Data.UnionField[i].ID).Field;
                        var sTable = "<div class='Line'>";
                        for (var j = 0; j < Field.length; j++) {
                            sTable += FrmCtrls[Field[j].className].SubHeader(Field[j]);
                        }
                        sTable += "</div>";
                        html += "<div style='overflow:auto;padding-bottom:15px'><div class='SubTable' style='border-left:1px solid #dcdce6'>" + sTable + "</div></div>";
                    } else {
                        html += "<input style='width:725px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:10px' readonly='readonly' placeholder='暂无内容'/>";
                    }
                }
                html += "</div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        if (Data.Visible == false) {
                            html += "<div class='ControlBox " + (i == 0 ? " Column_" + Data.ID : "") + "' style='display:none'>";
                        } else {
                            html += "<div class='ControlBox" + (i == 0 ? " Column_" + Data.ID : "") + "'>";
                        }
                        html += "<input style='width:180px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:5px' readonly='readonly' placeholder='暂无内容'/>";
                        html += "</div>";
                    }
                } else {
                    if (Data.Visible == false) {
                        html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                    } else {
                        html += "<div class='ControlBox Column_" + Data.ID + "'>";
                    }
                    html += "<div style='width:180px'><br/></div></div>";
                }
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        if (Data.Visible == false) {
                            str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                        } else {
                            str += "<div class='ControlBox Column_" + Data.ID + "'>";
                        }
                        str += "<div  style='width:180px'>";
                        str += CLHTMLEncode(Data.UnionField[i].Name);
                        str += "</div>";
                        str += "</div>";
                    }
                } else {
                    if (Data.Visible == false) {
                        str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                    } else {
                        str += "<div class='ControlBox Column_" + Data.ID + "'>";
                    }
                    str += "<div  style='width:180px'>";
                    str += CLHTMLEncode(Data.Name);
                    str += "</div>";
                    str += "</div>";
                }
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                if (Data.UnionForm == null) {
                    Data.UnionForm = {};
                }

                PropLabel(PropBody, "显示方式");
                var typeValue = document.createElement("div");
                typeValue.className = "PropValuy";
                PropBody.appendChild(typeValue);
                var typeSel = new CLSelect(typeValue);
                typeSel.AddItems(["默认", "日志"]);
                typeSel.onchanged = function () {
                    Data.ShowType = typeSel.GetValue();
                }
                if (Data.ShowType != null) {
                    typeSel.selectedIndex = typeSel.Items.indexOf(Data.ShowType);
                } else {
                    typeSel.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "关联表");
                var Sel = new CLSelect(PropBody);
                var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                var Forms = [].concat(CLApp.getForms(_FrmDesigner.getData().ID));
                var dataForm = FrmDesigner.getData(PropBody);
                for (var i = 0; i < Forms.length; i++) {
                    if (Forms[i].ID == dataForm.ID) {
                        Forms.splice(i, 1);
                        i--;
                        continue;
                    }
                    Sel.AddItems([
                        Forms[i].Name
                    ]);
                    if (Forms[i].ID == Data.UnionForm.ID) {
                        Sel.selectedIndex = i;
                    }
                }
                Sel.onchanged = function (Sel) {
                    Data.UnionForm.ID = Forms[Sel.selectedIndex].ID;
                    Data.UnionForm.Name = Forms[Sel.selectedIndex].Name;
                    Data.UnionField = [];
                    ResetCtrl(ControlBox, PropBody);
                    FrmDesigner.CtrlProp(PropBody, ControlBox);

                }

                PropSplit(PropBody);

                PropUnionFiled(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "字段权限");
                var Box = new CLCheckBox("可见", PropBody);
                Box.checked = Data.Visible == null ? true : Data.Visible;
                Box.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                }

                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
                PropSplit(PropBody);

            }
            , Show: function (Data, ControlBox) {
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.iLayout == 1) {
                    ControlBox.style.width = "50%";
                } else if (Data.iLayout == 2) {
                    ControlBox.style.width = "33.33%";
                } else if (Data.iLayout == 3) {
                    ControlBox.style.width = "25%";
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);

                var Fields = getFieldsByFormID(Data.UnionForm.ID);
                function GetField(ID) {
                    for (var i = 0; i < Fields.length; i++) {
                        if (Fields[i].ID == ID) {
                            return Fields[i];
                        }
                    }
                }
                var bRefurbish = true;
                var dataItems = null;
                function DefShow() {
                    var html = "<div class='ControlTitle'>" + Data.Name + "</div>";
                    for (var line = 0; line < dataItems.length; line++) {
                        html += "<div style='padding-left:15px'>";
                        for (var i = 0; i < Data.UnionField.length; i++) {
                            html += "<div class='ControlTitle' style='color:#989'>" + Data.UnionField[i].Name + "</div>";
                            if (Data.UnionField[i].className == "子表单") {
                                var Field = GetField(Data.UnionField[i].ID).Field;
                                var dataTable = dataItems[line]["SubTable_" + Data.UnionField[i].ID];
                                var tableHeader = "<div class='Line'>";
                                for (var j = 0; j < Field.length; j++) {
                                    tableHeader += FrmCtrls[Field[j].className].SubHeader(Field[j]);
                                }
                                tableHeader += "</div>";
                                var tableBody = "";
                                for (var j = 0; j < dataTable.length; j++) {
                                    tableBody += "<div class='Line'>";
                                    for (var iField = 0; iField < Field.length ; iField++) {
                                        var className = Field[iField].className;
                                        var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                                        var value = FrmCtrls.ConvertData(Field[iField].className, dataTable[j][prefix + Field[iField].ID]);
                                        tableBody += "<div class='ControlBox' style='width:" + Field[iField].offsetWidth + "px'><div style='text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + (value == null ? "" : value) + "</div></div>";
                                    }
                                    tableBody += "</div>";
                                }
                                html += "<div style='overflow:auto;padding-bottom:15px'><div class='SubTable SubTable_" + Data.ID + "_" + Data.UnionField[i].ID + "' style='border-left:1px solid #dcdce6'>" + tableHeader + tableBody + "</div></div>";
                            } else {
                                var className = Data.UnionField[i].className;
                                var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                                var value = FrmCtrls.ConvertData(className, dataItems[line][prefix + Data.UnionField[i].ID]);
                                html += "<div class='DataField CLEmpty2 DataField_" + Data.ID + "_" + Data.UnionField[i].ID + "'' Empty='暂无内容' style='width:725px;max-width:100%;border:none;background:#fff;line-height:28px;padding-left:10px'>" + (value == null ? "" : value) + "</div>";
                            }
                        }
                        html += "</div>";
                    }
                    ControlBox.innerHTML = html;
                }

                function LogShow() {
                    var html = "<div class='ControlTitle'>" + Data.Name + "</div><div style='color:#91A1B7;line-height:25px'>";
                    for (var line = 0; line < dataItems.length; line++) {
                        for (var i = 0; i < Data.UnionField.length; i++) {
                            if (Data.UnionField[i].className == "子表单") {
                                html += Data.UnionField[i].Name + "<br />";
                                var Field = GetField(Data.UnionField[i].ID).Field;
                                var dataTable = dataItems[line]["SubTable_" + Data.UnionField[i].ID];
                                for (var j = 0; j < Field.length; j++) {
                                    var className = Field[j].className;
                                    if (className == "手写签名") {
                                        var value = FrmCtrls.ConvertData(className, dataTable[j][prefix + Field[j].ID]);
                                        html += "&nbsp;&nbsp;&nbsp;&nbsp;<div style='line-height:60px'>" + Field[j].Name + ": " + value + "</div><br />";
                                    } else {
                                        var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                                        var value = FrmCtrls.ConvertData(className, dataTable[j][prefix + Field[j].ID])
                                        html += "&nbsp;&nbsp;&nbsp;&nbsp;" + Field[j].Name + ": " + value + "<br />";
                                    }
                                }
                            } else {
                                if (Data.UnionField[i].className == "手写签名") {
                                    var value = FrmCtrls.ConvertData(Data.UnionField[i].className, dataItems[line]["DataField_" + Data.UnionField[i].ID]);
                                    html += "<div style='line-height:60px'>" + Data.UnionField[i].Name + ": " + value + "</div>";
                                } else {
                                    var className = Data.UnionField[i].className;
                                    var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                                    var value = FrmCtrls.ConvertData(className, dataItems[line][prefix + Data.UnionField[i].ID]);
                                    html += Data.UnionField[i].Name + ": " + value + "<br />";
                                }
                            }
                        }
                        html += "<br />";
                    }
                    html += "</div>";
                    ControlBox.innerHTML = html;
                }

                var mapShow = {
                    "默认": DefShow,
                    "日志": LogShow
                }
                if (Data.ShowType == null) {
                    Data.ShowType = "日志";
                }

                function GetData() {
                    if (bRefurbish == true) {
                        var Wheres = CLClone(Data.Wheres);
                        for (var i = 0; i < Wheres.length ; i++) {
                            Wheres[i].Value = FrmDesigner.getElementById(Wheres[i].FieldID, ControlBox).Value;
                        }
                        getFormDataByIdAndWheres.call({ datetime: new Date() }, FrmDesigner.GetInstance(ControlBox),Data.UnionForm.ID, Wheres, function (data) {
                            if (dataItems != null && this.datetime < dataItems.datetime) {
                                return;
                            }
                            bRefurbish = false;
                            dataItems = data;
                            dataItems.datetime = this.datetime;
                            mapShow[Data.ShowType]();
                        });
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    for (var i = 0; i < Data.Wheres.length; i++) {
                        function doMark(ID) {
                            Ele = FrmDesigner.getElementById(ID, ControlBox);
                            var fChanged = function () {
                                if (!ControlBox.isConnected) {
                                    return;
                                }
                                bRefurbish = true;
                                GetData();
                            }
                            Ele.Changed.push(fChanged);
                            var fInit = function () {
                                if (!ControlBox.isConnected) {
                                    return;
                                }
                                bRefurbish = true;
                                GetData();
                            }
                            Ele.OnInitializeds.push(fInit);
                        }
                        doMark(Data.Wheres[i].FieldID);
                    }
                    bRefurbish = true;
                    GetData();
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = null;
                var ControlBoxs = [];
                var firstChild = null;
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        ControlBox = document.createElement("div");
                        ControlBox.className = "ControlBox DataField_" + Data.ID + "_" + Data.UnionField[i].ID;
                        if (i == 0) {
                            ControlBox.classList.add("Column_" + Data.ID);
                            ControlBox.ControlBoxs = ControlBoxs;
                            firstChild = ControlBox;
                        }
                        ControlBox.innerHTML = "<div class='DataField ValBorder CLEmpty2 ' Empty='暂无内容' style='width:180px;max-width:100%;border:none;background:#fff;height:28px;line-height:28px;padding-left:10px;text-align:left'></div>";
                        DivLine.appendChild(ControlBox);
                        ControlBoxs.push(ControlBox);
                    }
                } else {
                    ControlBox = document.createElement("div");
                    firstChild = ControlBox;
                    ControlBox.className = "ControlBox Column_" + Data.ID + "";
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    ControlBox.innerHTML = "<div style='width:180px;line-height:28px;'><br/></div>";
                    DivLine.appendChild(ControlBox);
                }
                var bRefurbish = true;
                var dataItems = null;
                function Sel() {
                    for (var i = 0; i < Data.UnionField.length ; i++) {
                        var className = Data.UnionField[i].className;
                        var Box = null;
                        for (var j = 0; j < ControlBoxs.length; j++) {
                            if (ControlBoxs[j].classList.contains("DataField_" + Data.ID + "_" + Data.UnionField[i].ID)) {
                                Box = ControlBoxs[j].firstChild;
                            }
                        }
                        if (dataItems == null || dataItems.length == 0) {
                            Box.innerHTML = "";
                        } else {
                            Box.innerHTML = FrmCtrls.ConvertData(className, dataItems[0]["DataField_" + Data.UnionField[i].ID]);
                        }
                    }
                }
                function GetData() {
                    if (bRefurbish == true) {
                        var Wheres = CLClone(Data.Wheres);
                        var Boxes = DivLine.childNodes;
                        for (var i = 0; i < Wheres.length ; i++) {
                            divVal = FrmDesigner.getElementById(Wheres[i].FieldID, ControlBox);
                            Wheres[i].Value = divVal.Value;
                        }
                        getFormDataByIdAndWheres.call({ datetime: new Date() },  FrmDesigner.GetInstance(ControlBox),Data.UnionForm.ID, Wheres, function (data) {     
                            if (dataItems != null && this.datetime < dataItems.datetime) {
                                return;
                            }
                            bRefurbish = false;
                            dataItems = data;
                            dataItems.datetime = this.datetime;
                            Sel();
                        });
                    }
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        for (var i = 0; i < ControlBoxs.length; i++) {
                            ControlBoxs[i].style.display = "none";
                        }
                    }
                    for (var i = 0; i < Data.Wheres.length; i++) {
                        function doMark(ID) {
                            if (FrmDesigner.GetInstance(ControlBox) == null) {
                                return;
                            }
                            var ValueBox = FrmDesigner.getElementById(Data.Wheres[i].FieldID, ControlBox);
                            var fChanged = function (Box) {
                                if (!ControlBox.isConnected) {
                                    return;
                                }
                                bRefurbish = true;
                                GetData();
                            }
                            ValueBox.Changed.push(fChanged);
                            var fInit = function () {
                                if (!ControlBox.isConnected) {
                                    return;
                                }
                                bRefurbish = true;
                                GetData();
                            }
                            ValueBox.OnInitializeds.push(fInit);
                        }
                        doMark(Data.Wheres[i].FieldID);
                    }
                    bRefurbish = true;
                    GetData();
                }
                return firstChild;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.UnionForm.ID != null) {
                    IDs.push(Data.UnionForm.ID);
                }
                return IDs;
            }
        };
        //FrmCtrls["增强字段"].push(FrmCtrls["关联查询"]);
    }());

    (function (关联数据) {
        FrmCtrls["关联数据"] = {
            Icon: "&#xe66f;"
            , Name: "关联数据"
            , Init: function (Data) {
                if (Data.UnionForm == null) {
                    Data.UnionForm = {};
                }
                if (Data.UnionField == null) {
                    Data.UnionField = [];
                }
                if (Data.Name == null) {
                    Data.Name = "关联数据";
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
                if (Data.Wheres == null) {
                    Data.Wheres = [];
                }

            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='text-align:center;max-width:100%; width:330px;height:30px;line-height:28px;color:#999;border:1px #e0e0e0 solid;outline-color:#0db3a6'>选择数据</div>";
                html += "<div>";
                var Fields = getFieldsByFormID(Data.UnionForm.ID);
                function GetField(ID) {
                    for (var i = 0; i < Fields.length; i++) {
                        if (Fields[i].ID == ID) {
                            return Fields[i];
                        }
                    }
                }
                for (var i = 0; i < Data.UnionField.length; i++) {
                    html += "<div class='ControlTitle'>" + Data.UnionField[i].Name + "</div>";
                    if (Data.UnionField[i].className == "子表单") {
                        var Field = GetField(Data.UnionField[i].ID).Field;
                        var sTable = "<div class='Line'>";
                        for (var j = 0; j < Field.length; j++) {
                            sTable += FrmCtrls[Field[j].className].SubHeader(Field[j]);
                        }
                        sTable += "</div>";
                        html += "<div style='overflow:auto;padding-bottom:15px'><div class='SubTable' style='border-left:1px solid #dcdce6'>" + sTable + "</div></div>";
                    } else {
                        html += "<input style='width:725px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:10px' readonly='readonly' placeholder='暂无内容'/>";
                    }
                }
                html += "</div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        html += "<div class='ControlBox' style='white-space: nowrap'>";
                        if (Data.Visible == false) {
                            html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none;white-space: nowrap'>";
                        } else {
                            html += "<div class='ControlBox Column_" + Data.ID + "'>";
                        }
                        if (i == 0) {
                            html += "<div class='FontIcon' style='color:#0db3a6;cursor:pointer'>" + this.Icon + "</div>";
                        }
                        html += "<input style='width:180px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:10px' readonly='readonly' placeholder='暂无内容'/>";
                        html += "</div></div>";
                    }
                } else {
                    if (Data.Visible == false) {
                        html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                    } else {
                        html += "<div class='ControlBox Column_" + Data.ID + "'>";
                    }
                    html += "<div  style='width:180px;text-align:left;'><div class='FontIcon' style='color:#0db3a6;cursor:pointer'>" + this.Icon + "</div></div></div>";
                }
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        if (Data.Visible == false) {
                            str += "<div class='ControlBox " + (i == 0 ? " Column_" + Data.ID : "") + "' style='display:none'>";
                        } else {
                            str += "<div class='ControlBox" + (i == 0 ? " Column_" + Data.ID : "") + "'>";
                        }
                        str += "<div  style='width:180px'>";
                        str += CLHTMLEncode(Data.UnionField[i].Name);
                        str += "</div>";
                        str += "</div>";
                    }
                } else {
                    if (Data.Visible == false) {
                        str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                    } else {
                        str += "<div class='ControlBox Column_" + Data.ID + "'>";
                    }
                    str += "<div style='width:180px'>";
                    str += CLHTMLEncode(Data.Name);
                    str += "</div>";
                    str += "</div>";
                }
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "关联表");
                var Sel = new CLSelect(PropBody);
                var UnionForm = Data.UnionForm;
                var dataForm = FrmDesigner.getData(PropBody);
                var _FrmDesigner = FrmDesigner.GetInstance(ControlBox);
                var Forms = [].concat(CLApp.getForms(_FrmDesigner.getData().ID));
                for (var i = 0; i < Forms.length; i++) {
                    if (Forms[i].ID == dataForm.ID) {
                        Forms.splice(i, 1);
                        i--;
                        continue;
                    }
                    Sel.AddItems([
                        Forms[i].Name
                    ]);
                    if (Forms[i].ID == UnionForm.ID) {
                        Sel.selectedIndex = i;
                    }
                }
                Sel.onchanged = function (Sel) {
                    UnionForm.ID = Forms[Sel.selectedIndex].ID;
                    UnionForm.Name = Forms[Sel.selectedIndex].Name;
                    Data.UnionField = [];
                    ResetCtrl(ControlBox, PropBody);
                    FrmDesigner.CtrlProp(PropBody, ControlBox);
                }
                PropSplit(PropBody);

                PropUnionFiled(PropBody, ControlBox);

                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);

                if (Data.iLayout == 1) {
                    ControlBox.style.width = "50%";
                } else if (Data.iLayout == 2) {
                    ControlBox.style.width = "33.33%";
                } else if (Data.iLayout == 3) {
                    ControlBox.style.width = "25%";
                }
                var html = "<div style='text-align:center;max-width:100%;cursor:pointer; width:330px;height:30px;line-height:28px;color:#999;border:1px #e0e0e0 solid;outline-color:#0db3a6;margin-bottom:15px'>选择数据</div>";
                html += "<div style='padding-left:15px'>";
                var Fields = getFieldsByFormID(Data.UnionForm.ID);
                function GetField(ID) {
                    for (var i = 0; i < Fields.length; i++) {
                        if (Fields[i].ID == ID) {
                            return Fields[i];
                        }
                    }
                }
                for (var i = 0; i < Data.UnionField.length; i++) {
                    html += "<div class='ControlTitle' style='color:#989'>" + Data.UnionField[i].Name + "</div>";
                    if (Data.UnionField[i].className == "子表单") {
                        var Field = GetField(Data.UnionField[i].ID).Field;
                        var sTable = "<div class='Line'>";
                        for (var j = 0; j < Field.length; j++) {
                            + "_"
                            sTable += FrmCtrls[Field[j].className].SubHeader(Field[j]);
                        }
                        sTable += "</div>";
                        html += "<div style='overflow:auto;padding-bottom:15px'><div class='SubTable SubTable_" + Data.ID + "_" + Data.UnionField[i].ID + "' style='border-left:1px solid #dcdce6'>" + sTable + "</div></div>";
                    } else {
                        html += "<div class='DataField CLEmpty2 DataField_" + Data.ID + "_" + Data.UnionField[i].ID + "' Empty='暂无内容' style='width:725px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:10px'></div>";
                    }
                }
                html += "</div>";
                ControlBox.innerHTML += html;
                var SelDiv = ControlBox.firstChild.nextSibling.nextSibling;

                var dataItems = null;

                var ValId = null;

                ControlBox.Changed = [];

                var dataItem = null;

                function show() {
                    var index = Selector.selectedIndex;
                    for (var i = 0; i < Data.UnionField.length ; i++) {
                        if (Data.UnionField[i].className == '子表单') {
                            var SubTable = ControlBox.getElementsByClassName("SubTable_" + Data.ID + "_" + Data.UnionField[i].ID)[0];
                            SubTable.innerHTML = SubTable.firstChild.outerHTML;
                            if (dataItems == null || dataItems.length == 0) {
                                dataItem = null;
                                OnChanged();
                                return;
                            }
                            var Headers = SubTable.firstChild.childNodes;
                            var sTable = "";
                            if (index != -1) {
                                var dataTable = dataItem = dataItems[index]["SubTable_" + Data.UnionField[i].ID];
                                var Field = GetField(Data.UnionField[i].ID).Field;
                                for (var iLine = 0; dataTable != null && iLine < dataTable.length; iLine++) {
                                    sTable += "<div class='Line'>";
                                    for (var iField = 0; iField < Field.length ; iField++) {
                                        var className = Field[iField].className;
                                        var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                                        sTable += "<div class='ControlBox' style='width:" + Headers[iField].offsetWidth + "px'><div style='text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + (index == -1 ? "" : FrmCtrls.ConvertData(className, dataTable[iLine][prefix + Field[iField].ID])) + "</div></div>";
                                    }
                                    sTable += "</div>";
                                }
                                SubTable.innerHTML += sTable;
                            }

                        } else {
                            var className = Data.UnionField[i].className;
                            var prefix = ["提交人", "提交时间", "更新时间"].indexOf(className) < 0 ? "DataField_" : "";
                            if (dataItems == null || dataItems.length == 0) {
                                dataItem = null;
                                ControlBox.getElementsByClassName("DataField_" + Data.ID + "_" + Data.UnionField[i].ID)[0].innerHTML = "";
                            } else {
                                dataItem = dataItems[index];
                                ControlBox.getElementsByClassName("DataField_" + Data.ID + "_" + Data.UnionField[i].ID)[0].innerHTML =
                                    (index == -1 ? "" : FrmCtrls.ConvertData(className, dataItems[index][prefix + Data.UnionField[i].ID]));
                            }
                        }
                    }
                }

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                var Selector = new CLTop.CLSelect(null, SelDiv);

                Selector.AddItems([]);

                Selector.onchanged = function () {
                    ValId = dataItem == null || dataItem[Selector.selectedIndex] == null ? null : dataItem[Selector.selectedIndex].ID;
                    show();
                    OnChanged();
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "dataItem", {
                    get: function () {
                        return dataItem;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return ValId;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == ValId) {
                            return;
                        }
                        ValId = null;
                        var index = -1;
                        for (var i = 0; i < dataItem.length; i++) {
                            if (Val == dataItem[i].ID) {
                                ValId = Val;
                                index = i;
                            }
                        }
                        if (index != -1) {
                            Selector.selectedIndex = index;
                        }
                        show();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Selector.Disabled;
                    },
                    set: function (val) {
                        var val = (val == true);
                        SelDiv.style.display = ((val == true) ? "none" : "");
                        Selector.Disabled = (val == true);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                function Brush() {
                    var Wheres = CLClone(Data.Wheres);
                    for (var i = 0; i < Wheres.length ; i++) {
                        Wheres[i].Value = FrmDesigner.getElementById(Wheres[i].FieldID, ControlBox).Value;
                    }
                    getFormDataByIdAndWheres.call({ datetime: new Date() },  FrmDesigner.GetInstance(ControlBox),Data.UnionForm.ID, Wheres, function (data) { 
                        if (this.datetime < Selector.Items.datetime) {
                            return;
                        }
                        Selector.Items.datetime = this.datetime;
                        Selector.Items.splice(0);
                        dataItems = data;
                        var sLine = "";
                        for (var i = 0; i < data.length ; i++) {
                            sLine = "";
                            for (var j = 0; j < Data.UnionField.length; j++) {
                                var className = Data.UnionField[j].className;
                                if (className != "子表单") {
                                    sLine += "【" + FrmCtrls.ConvertData(className, data[i]["DataField_" + Data.UnionField[j].ID]) + "】";
                                } else {
                                    sLine += "【子表单】";
                                }
                            }
                            Selector.Items.push(sLine);
                        }
                    });
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    for (var i = 0; i < Data.Wheres.length; i++) {
                        function doMark(ID) {
                            var ValueBox = FrmDesigner.getElementById(ID, ControlBox);
                            var fChanged = function (Box) {
                                if (!ControlBox.isConnected) {
                                    return;
                                }
                                Brush();
                            }
                            ValueBox.Changed.push(fChanged);
                        }
                        doMark(Data.Wheres[i].FieldID);
                    }
                    Brush();
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = null;
                var html = "";
                var firstControlBox = null;
                var ControlBoxs = [];
                if (Data.UnionField != null && Data.UnionField.length != 0) {
                    for (var i = 0; i < Data.UnionField.length; i++) {
                        ControlBox = document.createElement("div");
                        ControlBox.className = "ControlBox DataField_" + Data.ID + "_" + Data.UnionField[i].ID;
                        ControlBox.style.cssText = "white-space: nowrap;cursor:pointer";
                        if (i == 0) {
                            ControlBox.ID = Data.ID;
                            ControlBox.Changed = [];
                            firstControlBox = ControlBox;
                            ControlBox.classList.add("Column_" + Data.ID);
                            ControlBox.ControlBoxs = ControlBoxs;
                        }
                        html = "";
                        if (i == 0) {
                            html += "<div class='FontIcon' style='color:#0db3a6;cursor:pointer;'>" + this.Icon + "</div>";
                        }
                        html += "<div class='DataField CLEmpty2 DataField_" + Data.ID + "_" + Data.UnionField[i].ID + "' Empty='暂无内容' style='width:180px;max-width:100%;border:none;background:#fff;height:30px;line-height:28px;padding-left:10px;display:inline-block;text-align:left;vertical-align:top'></div>";
                        ControlBox.innerHTML = html;
                        ControlBoxs.push(ControlBox);
                        DivLine.appendChild(ControlBox);
                    }
                } else {
                    ControlBox = document.createElement("div");
                    ControlBox.Changed = [];
                    firstControlBox = ControlBox;
                    ControlBox.className = "ControlBox Column_" + Data.ID + "";
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    ControlBox.innerHTML = "<div style='width:180px;text-align:left;line-height:28px;'><div class='FontIcon' style='color:#0db3a6;cursor:pointer;'>" + this.Icon + "</div></div>";
                    DivLine.appendChild(ControlBox);
                }
                var dataItem = null;
                var Selector = new CLTop.CLSelect(null, firstControlBox);
                if (firstControlBox != null) {
                    var dataItems = null;
                    var ValId = null;
                    Selector.onchanged = function () {
                        ValId = Selector.selectedIndex < 0 ? null : dataItems[Selector.selectedIndex].ID;
                        show();
                        OnChanged();
                    }
                    function show() {
                        var index = -1;
                        for (var i = 0; i < dataItems.length; i++) {
                            if (dataItems[i].ID == ValId) {
                                index = i;
                            }
                        }
                        ValId = index == -1 ? null : dataItems[index].ID;
                        for (var i = 0; i < Data.UnionField.length ; i++) {
                            var className = Data.UnionField[i].className;
                            var Box = null;
                            for (var j = 0; j < ControlBoxs.length; j++) {
                                if (ControlBoxs[j].classList.contains("DataField_" + Data.ID + "_" + Data.UnionField[i].ID)) {
                                    Box = ControlBoxs[j].firstChild;
                                }
                            }
                            if (Box.nextSibling != null) {
                                Box = Box.nextSibling;
                            }
                            dataItem = dataItems[index];
                            Box.innerHTML =
                                (index == -1 ? "" : FrmCtrls.ConvertData(className, dataItems[index]["DataField_" + Data.UnionField[i].ID]));
                        }
                    }

                    function Brush() {
                        Selector.Items.splice(0);
                        var Wheres = CLClone(Data.Wheres);
                        var Boxes = DivLine.childNodes;
                        for (var i = 0; i < Wheres.length ; i++) {
                            var divVal = FrmDesigner.getElementById(Wheres[i].FieldID, ControlBox);
                            if (divVal == null) {
                                for (var j = 0; j < Boxes.length; j++) {
                                    if (Boxes[j].ID == Wheres[i].FieldID) {
                                        Wheres[i].Value = Boxes[j].Value;
                                    }
                                }
                            } else {
                                Wheres[i].Value = divVal.Value;
                            }
                        }
                        getFormDataByIdAndWheres.call({ datetime: new Date() },  FrmDesigner.GetInstance(ControlBox),Data.UnionForm.ID, Wheres, function (data) {   
                            if (dataItems != null && this.datetime > dataItems.datetime) {
                                return;
                            }
                            dataItems = data;
                            dataItems.datetime = this.datetime;
                            var sLine = "";
                            for (var i = 0; i < data.length ; i++) {
                                sLine = "";
                                for (var j = 0; j < Data.UnionField.length; j++) {
                                    var className = Data.UnionField[j].className;
                                    sLine += "【" + FrmCtrls.ConvertData(className, data[i]["DataField_" + Data.UnionField[j].ID]) + "】";
                                }
                                Selector.Items.push(sLine);
                            }
                            show();
                        });
                    }

                }
                function OnChanged() {
                    firstControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; firstControlBox != null && i < firstControlBox.Changed.length; i++) {
                        if (firstControlBox.Event.stopPropagation) {
                            break;
                        }
                        firstControlBox.Changed[i](firstControlBox);
                    }
                }
                if (firstControlBox != null) {
                    Object.defineProperty(firstControlBox, "Value", {
                        get: function () {
                            return ValId;
                        },
                        set: function (val) {
                            if (ValId == val) {
                                return
                            }
                            ValId = val;
                            OnChanged();
                            show();
                        }
                    });
                    Object.defineProperty(firstControlBox, "Disabled", {
                        get: function () {
                            return Selector.Disabled;
                        },
                        set: function (val) {
                            var val = (val == true);
                            Selector.Disabled = (val == true);
                        }
                    });
                    Object.defineProperty(firstControlBox, "dataItem", {
                        get: function () {
                            return dataItem;
                        }
                    });

                    firstControlBox.InitData = function (val) {
                        ControlLine.Value = val;
                        ControlBox.Initialized = true;
                    }

                    firstControlBox.OnInitializeds = [];

                    firstControlBox.OnInitializeds.call = function (Box) {
                        for (var i = 0; i < this.length; i++) {
                            this[i](ControlBox);
                        }
                    }

                    //执行前预处理
                    firstControlBox.Prepare = function () {
                        if (!Data.Visible) {
                            for (var i = 0; i < ControlBoxs.length ; i++) {
                                ControlBoxs[i].style.display = "none";
                            }
                        }
                        if (!Data.Editable) {
                            firstControlBox.Disabled = true;
                        }
                        for (var i = 0; i < Data.Wheres.length; i++) {
                            function doMark(ID) {
                                if (FrmDesigner.GetInstance(ControlBox) == null) {
                                    return;
                                }
                                var ValueBox = FrmDesigner.getElementById(Wheres[i].FieldID, ControlBox);
                                var fChanged = function (Box) {
                                    if (!ControlBox.isConnected) {
                                        return;
                                    }
                                    Brush();
                                }
                                ValueBox.Changed.push(fChanged);
                            }
                            doMark(Data.Wheres[i].FieldID);
                        }
                        Brush();
                    }
                    firstControlBox.Changed.push(function () {
                        if (firstControlBox.classList.contains("ControlBoxRequired")) {
                            firstControlBox.classList.remove("ControlBoxRequired");
                        }
                    });
                    firstControlBox.CheckValue = function () {
                        if (firstControlBox != null && firstControlBox.offsetHeight.display != 0 && Data.Editable == true && Data.Required == true && firstControlBox.Value == null) {
                            firstControlBox.classList.add("ControlBoxRequired");
                            firstControlBox.scrollIntoView();
                            return false;
                        }
                    }
                }
                return firstControlBox;
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    return "<code style='font-weight:900;color:color:#178cdf;'>NULL</code>";
                }
                return "<code style='font-weight:900;color:color:#178cdf;'>关联数据</code>";;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.UnionForm.ID != null) {
                    IDs.push(Data.UnionForm.ID);
                }
                return IDs;
            }
        };
        //FrmCtrls["增强字段"].push(FrmCtrls["关联数据"]);
    }());

    (function (手写签名) {
        FrmCtrls["手写签名"] = {
            Icon: "&#xe6dd;"
            , Name: "手写签名"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "手写签名";
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='text-align:center;max-width:100%; width:125px;height:60px;color:#999;border:1px #e0e0e0 solid;line-height:58px'><span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span></div>";
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='text-align:center;max-width:100%; width:100%;height:28px;color:#999;border:1px #e0e0e0 solid;line-height:28px'><span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span></div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div style='width:132px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);

                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "默认值");
                var DefVal = null;
                var DefType = new CLSelect(PropBody);
                var DefSel = PropBody.lastChild;
                DefType.AddItems([
                    "公式编辑",
                    "数据源联动"
                ]);
                DefType.onchanged = function (This) {
                    if (DefVal != null) {
                        DefVal.parentNode.removeChild(DefVal);
                        DefVal = null;
                    }
                    if (This.selectedIndex == 0) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "fx公式编辑";
                        DefVal.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    } else if (This.selectedIndex == 1) {
                        DefVal = document.createElement("div");
                        DefVal.className = "Value Btn";
                        DefVal.style.marginTop = "10px";
                        DefVal.innerHTML = "数据源联动设置";
                        DefVal.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                        PropBody.insertBefore(DefVal, DefSel.nextSibling);
                    }
                    Data.DefType = This.Items[This.selectedIndex];
                }
                DefType.selectedIndex = DefType.Items.indexOf(Data.DefType);
                if (DefType.selectedIndex == -1) {
                    DefType.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box.checked = Data.Required;
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                var Box = document.createElement("div");
                Box.className = "SignBox";
                Box.style.cssText = "overflow:hidden;position:relative;text-align:center;max-width:100%; width:125px;height:60px;color:#999;border:1px #e0e0e0 solid;line-height:58px;cursor:pointer";
                Box.innerHTML = "<span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span>";
                ControlBox.appendChild(Box);
                if (isCell) {
                    Box.style.display = "inline-block";
                    Box.style.border = "";
                }
                var timeout = null;
                var Signature = Box.onclick = function () {
                    if (timeout) {
                        clearTimeout(timeout);
                    }
                    if (ControlBox.Val != null) {
                        return;
                    }
                    if (!IsMobile()) {
                        FrmCtrls["手写签名"].SignaturePC(Box, function (Val) {
                            ControlBox.Value = Val;
                        });
                    } else {
                        FrmCtrls["手写签名"].Signature(null, false, function (Val) {
                            ControlBox.Value = Val;
                        });
                    }
                }

                ControlBox.Changed = [];
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        if (ControlBox.Val && ControlBox.Val.Self) {
                            delete ControlBox.Val.Self;
                        }
                        return ControlBox.Val;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null) {
                            if (ControlBox.Disabled) {
                                Box.innerHTML = "";
                            } else {
                                Box.innerHTML = "<span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span>";
                            }
                            ControlBox.Val = null;
                        } else {
                            if (typeof Val == "string") {
                                Val = JSON.parse(Val);
                            }
                            if (Object.Equals(ControlBox.Val, Val)) {
                                return;
                            }
                            Box.innerHTML = "";
                            Box.style.width = Val.Height * Box.offsetHeight / Val.Width + "px";
                            var svg = document.createElement("svg");
                            svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
                            svg.setAttribute("version", "1.1");
                            svg.style.position = "relative";
                            svg.style.top = (Box.offsetHeight - Val.Height) / 2 + "px";
                            svg.style.left = (Box.offsetWidth - Val.Width) / 2 + "px";

                            svg.style.transform = "scale(" + Box.offsetWidth / Val.Height + "," + Box.offsetHeight / Val.Width + ") rotate(-90deg)";
                            svg.setAttribute("width", Val.Width);
                            svg.setAttribute("height", Val.Height);
                            var Lines = Val.Lines;
                            var sLines = "";
                            for (var i = 0; Lines && i < Lines.length; i++) {
                                var Pointers = Lines[i];
                                for (var j = 0; j < Pointers.length - 1; j++) {
                                    sLines += "<line x1='" + Pointers[j].X  + "' y1='" + Pointers[j].Y  + "' x2='" + Pointers[j + 1].X  + "' y2='" + Pointers[j + 1].Y + "' style='stroke:rgb(0,0,0);stroke-width:10'></line>";
                                }
                            }
                            svg.innerHTML = sLines;
                            Box.innerHTML = svg.outerHTML;
                            ToUrl(svg, function () {
                                ControlBox.Val = Val;
                                OnChanged();
                            });
                            if (this.Disabled) {
                                return;
                            }
                            var Del = document.createElement("span");
                            Del.style.cssText = "font-size:20px;font-family:CLFont;position:absolute;top:0;right:3px";
                            Del.innerHTML = "&#xe80b;";
                            Del.className = "Del";
                            Box.appendChild(Del);
                            if (!isCell) {
                                Del.style.display = "inline-block";
                            }
                            Box.style.width = parseInt(Box.style.width) + 26 + "px";
                            Del.onclick = function (e) {
                                ControlBox.Value = null;
                                e.stopPropagation();
                            }
                        }
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Box.onclick == null;
                    },
                    set: function (val) {
                        val = (val == true);
                        if (val) {
                            Box.onclick = null;
                            Box.style.border = "none";
                        } else {
                            Box.onclick = Signature;
                        }
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            var v = data[Data.Linkage.UnionFieldID2];
                            v = v == null ? null : v.oVal ? v.oVal : v;
                            ControlBox.Value = v;
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }

                var pngUrl = "";
                function ToUrl(svg, End) {
                    var image = new Image();
                    image.style.marginTop = "100px";
                    image.style.marginLeft = "100px";
                    image.style.background = "rgba(0,0,0,0)";
                    image.style.zIndex = CLMaxZIndex();
                    image.onload = function () {
                        var canvas = document.createElement('canvas');
                        canvas.style.background = "rgba(0,0,0,0)";
                        canvas.width = 110;
                        canvas.height = 60;
                        var context = canvas.getContext('2d');
                        context.drawImage(image, 0, 0, 110, 60, 0, 0, 110, 60);
                        pngUrl = canvas.toDataURL('image/png');
                        End();

                    }
                    image.setAttribute("src", 'data:image/svg+xml;base64,' + new CLBase64().encode(svg.outerHTML));
                }
                ControlBox.ToUrl = function () {
                    return pngUrl;
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var Box = document.createElement("div");
                Box.style.cssText = "overflow:hidden;position:relative;text-align:center;width:100%;height:28px;color:#999;border:1px #e0e0e0 solid;line-height:28px;cursor:pointer";
                Box.innerHTML = "<span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span>";
                ControlBox.appendChild(Box);
                DivLine.appendChild(ControlBox);
                var timeout = null;
                var Signature = Box.onclick = function () {
                    if (timeout) {
                        clearTimeout(timeout);
                    }
                    if (ControlBox.Val != null) {
                        return;
                    }
                    if (!IsMobile()) {
                        FrmCtrls["手写签名"].SignaturePC(Box, function (Val) {
                            ControlBox.Value = Val;
                        });
                    } else {
                        FrmCtrls["手写签名"].Signature(null,false, function (Val) {
                            ControlBox.Value = Val;
                        });
                    }
                }

                ControlBox.Changed = [];
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        if (ControlBox.Val && ControlBox.Val.Self) {
                            delete ControlBox.Val.Self;
                        }
                        return ControlBox.Val;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null) {
                            if (ControlBox.Disabled) {
                                Box.innerHTML = "";
                            } else {
                                Box.innerHTML = "<span><span style='font-family:CLFont;padding-right:5px;color:#0db3a6'>&#xe6dd;</span><span>手写签名</span>";
                            }
                            ControlBox.Val = null;
                        } else {
                            if (typeof Val == "string") {
                                Val = JSON.parse(Val);
                            }
                            if (Object.Equals(ControlBox.Val, Val)) {
                                return;
                            }
                            Box.innerHTML = "";
                            //Box.style.width = ControlBox.Val.Height * Box.offsetHeight / ControlBox.Val.Width + "px";
                            var svg = document.createElement("svg");
                            svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
                            svg.setAttribute("version", "1.1");
                            svg.style.position = "relative";
                            svg.style.top = (Box.offsetHeight - Val.Height) / 2 + "px";
                            svg.style.left = (Box.offsetWidth - Val.Width) / 2 + "px";
                            svg.style.transform = "scale(" + (Val.Height * Box.offsetHeight / Val.Width) / Val.Height + "," + Box.offsetHeight / Val.Width + ") rotate(-90deg)";
                            svg.setAttribute("width", Val.Width);
                            svg.setAttribute("height", Val.Height);
                            var Lines = Val.Lines;
                            var sLines = "";
                            for (var i = 0; Lines && i < Lines.length; i++) {
                                var Pointers = Lines[i];
                                for (var j = 0; j < Pointers.length - 1; j++) {
                                    sLines += "<line x1='" + Pointers[j].X + "' y1='" + Pointers[j].Y + "' x2='" + Pointers[j + 1].X + "' y2='" + Pointers[j + 1].Y + "' style='stroke:rgb(0,0,0);stroke-width:10'></line>";
                                }
                            }
                            svg.innerHTML = sLines;
                            Box.innerHTML = svg.outerHTML;
                            ToUrl(svg, function () {
                                ControlBox.Val = Val;
                                OnChanged();
                            });
                            if (this.Disabled) {
                                return;
                            }
                            var Del = document.createElement("span");
                            Del.style.cssText = "font-size:20px;font-family:CLFont;position:absolute;display:inline-block;top:0;right:3px";
                            Del.innerHTML = "&#xe80b;";
                            Box.appendChild(Del);
                            Box.style.width = parseInt(Box.style.width) + 26 + "px";
                            Del.onclick = function (e) {
                                ControlBox.Value = null;
                                e.stopPropagation();
                            }
                        }
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return Box.onclick == null;
                    },
                    set: function (val) {
                        val = (val == true);
                        if (val) {
                            Box.onclick = null;
                            Box.style.border = "none";
                        } else {
                            Box.onclick = Signature;
                        }
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            var v = data[Data.Linkage.UnionFieldID2];
                            v = v == null ? null : v.oVal ? v.oVal : v;
                            ControlBox.Value = v;
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2];
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                var pngUrl = "";
                function ToUrl(svg, End) {
                    var image = new Image();
                    image.style.marginTop = "100px";
                    image.style.marginLeft = "100px";
                    image.style.background = "rgba(0,0,0,0)";
                    image.style.zIndex = CLMaxZIndex();
                    image.onload = function () {
                        var canvas = document.createElement('canvas');
                        canvas.style.background = "rgba(0,0,0,0)";
                        canvas.width = 110;
                        canvas.height = 60;
                        var context = canvas.getContext('2d');
                        context.drawImage(image, 0, 0, 110, 60, 0, 0, 110, 60);
                        pngUrl = canvas.toDataURL('image/png');
                        End();

                    }
                    image.setAttribute("src", 'data:image/svg+xml;base64,' + new CLBase64().encode(svg.outerHTML));
                }
                ControlBox.ToUrl = function () {
                    return pngUrl;
                }
                return ControlBox;
            }
            , Signature: function (ID,isFromServer, End) {
                var divBg = document.createElement("div");
                divBg.style.cssText = "top:0;left:0;width:100%;height:100%;position:fixed;";
                divBg.style.overflow = "hidden";
                divBg.style.zIndex = CLMaxZIndex();
                document.body.appendChild(divBg);
                var canvas = document.createElement("canvas");
                canvas.style.cssText = "width:100%;height:100%;background:#358";
                canvas.width = window.innerWidth;
                canvas.height = window.innerHeight;
                divBg.appendChild(canvas);
                var Btn = document.createElement("div");
                Btn.style.cssText = "border-radius:3px;width:80px;height:30px;line-height:30px;position:absolute;bottom:40px;left:0;background:#0db3a6;";
                Btn.style.transform = "rotate(90deg)";
                Btn.style.textAlign = "center";
                Btn.style.color = "#fff";
                Btn.innerHTML = "确定";
                divBg.appendChild(Btn);
                Btn.onclick = function () {
                    if (isFromServer) {
                        var Url = CLHost + "/api/Frm.chx?Function=HttpUpLoadSignature";
                        var jData = {
                            ID: ID,
                            Width: window.innerWidth,
                            Height: window.innerHeight,
                            Lines: Lines
                        };
                        HttpPost(Url, function (Json) {
                            if (Json.code == 0) {
                                divBg.innerHTML = "<div style='font-size:50px;font-family:CLFont;margin-top:10%;padding:15px;'>&#xe605;</div>操作成功";
                                divBg.style.textAlign = "center";
                                divBg.style.color = "#41d278";
                            } else {
                                CLShowMsg("操作失败");
                            }
                        }, jData);
                    } else {
                        End({
                            Width: window.innerWidth,
                            Height: window.innerHeight,
                            Lines: Lines
                        });
                        divBg.remove();
                    }
                }

                var resetBtn = Btn.cloneNode();
                resetBtn.style.background = "#f7f7f7";
                resetBtn.style.color = "#666";
                resetBtn.style.bottom = "130px";
                resetBtn.innerHTML = "重写";
                divBg.appendChild(resetBtn);
                resetBtn.onclick = function () {
                    Lines = [];
                    Draw(canvas, Lines);
                }

                function Draw(canvas, Lines) {
                    var context = canvas.getContext('2d');
                    context.clearRect(0, 0, canvas.width, canvas.height);
                    context.strokeStyle = '#000';
                    context.lineWidth = 5;
                    context.beginPath();
                    for (var i = 0; i < Lines.length; i++) {
                        var Pointers = Lines[i];
                        for (var j = 1; j < Pointers.length - 1; j++) {
                            context.moveTo(Pointers[j].X, Pointers[j].Y);
                            context.lineTo(Pointers[j + 1].X, Pointers[j + 1].Y);
                        }
                    }
                    context.closePath();
                    context.stroke();
                }

                var Lines = [];
                Draw(canvas, Lines);
                canvas.addEventListener("touchstart", function (e) {
                    if (e.targetTouches.length != 1) {
                        return;
                    }
                    var Touch = e.changedTouches[0];
                    var Line = [
                        {
                            X: Touch.pageX,
                            Y: Touch.pageY
                        }
                    ]
                    Lines.push(Line);
                    function touchend(e) {
                        if (e.targetTouches.length != 0) {
                            return;
                        }
                        var Touch = e.changedTouches[0];
                        window.removeEventListener("touchend", touchend, true);
                        window.removeEventListener("touchmove", touchmove, true);
                    }
                    function touchmove(e) {
                        if (e.targetTouches.length != 1) {
                            return;
                        }
                        var Touch = e.changedTouches[0];
                        Line.push(
                        {
                            X: Touch.pageX,
                            Y: Touch.pageY
                        });
                        Draw(canvas, Lines);
                        e.preventDefault();
                        e.stopPropagation();
                    }
                    window.addEventListener("touchend", touchend, true);
                    window.addEventListener("touchmove", touchmove, true);
                    e.preventDefault();
                    e.stopPropagation();
                });
            }
            , SignaturePC: function (Box, End) {
                if (Box.STimer) {
                    clearTimeout(Box.STimer);
                    delete Box.STimer;
                }
                var Menu = {
                    "style": {
                        "padding": "10px 10px 0 10px",
                        "overflow-y": "auto",
                        "height": "195px"
                    },
                    Items: []
                };

                var _CLMenu = new CLMenu(Menu, Box);
                _CLMenu.Div.style.textAlign = "center";
                var qrcode = new QRCode(_CLMenu.Div, {
                    width: 148,//设置宽高
                    height: 148
                });
                var ID = CLMakeId();
                _CLMenu.Reset();
                var url = CLHost + "/api/Frm.chx?Function=HttpStartSignature&ID=" + ID;
                qrcode.makeCode(url);
                var span = document.createElement("span");
                span.style.color = "#777";
                span.style.fontSize = "12px";
                span.innerHTML = "扫描二维码，添加签名";
                _CLMenu.Div.appendChild(span);
                var time = new Date();
                var close = _CLMenu.Close;
                _CLMenu.Close = function () {
                    if (close) {
                        close.call(this);
                        close = null;
                    }
                }
                function GetSignature() {
                    var Url = CLHost + "/api/Frm.chx?Function=HttpGetSignature";
                    var Load = HttpPost(Url, function (Json) {
                        if (new Date() - time > 600000) {
                            H5.Delay(null, 1000, GetSignature);
                            _CLMenu.Close();
                            return;
                        }
                        if (Json.data != null) {
                            End(Json.data);
                            _CLMenu.Close();
                        } else {
                            H5.Delay(GetSignature, 1000, GetSignature);
                        }
                    }, {
                        ID: ID
                    });
                    Load ? Load.Stop() : null;
                }
                GetSignature();
            }
            , ConvertData: function (sData) {
                if (sData == null) {
                    return "";
                }
                var Val = JSON.parse(sData);
                if (!Val.Lines) {
                    return "";
                }
                var svg = document.createElement("svg");
                svg.setAttribute("xmlns", "http://www.w3.org/2000/svg");
                svg.setAttribute("version", "1.1");
                svg.style.position = "relative";
                var height = 60;
                var width = 120;
                svg.style.top = (height - Val.Height) / 2 + "px";
                svg.style.left = (width - Val.Width) / 2 + "px";
                svg.style.transform = "scale(" + width / Val.Height + "," + height / Val.Width + ") rotate(-90deg)";
                svg.setAttribute("width", Val.Width);
                svg.setAttribute("height", Val.Height);
                var Lines = Val.Lines;
                var sLines = "";
                for (var i = 0; i < Lines.length; i++) {
                    var Pointers = Lines[i];
                    for (var j = 0; j < Pointers.length - 1; j++) {
                        sLines += "<line x1='" + Pointers[j].X + "' y1='" + Pointers[j].Y + "' x2='" + Pointers[j + 1].X + "' y2='" + Pointers[j + 1].Y + "' style='stroke:rgb(0,0,0);stroke-width:10'></line>";
                    }
                }
                svg.innerHTML = sLines;
                return "<div style='display:inline-block;overflow:hidden;width:120px;height:60px;vertical-align:top'>" + svg.outerHTML + "</div>";
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (JSON.stringify(FormData1[key]) == JSON.stringify(FormData2[key])) {
                    delete FormData2[key];
                }
            }
        };
        FrmCtrls["增强字段"].push(FrmCtrls["手写签名"]);
    }());

    (function (流水号) {
        FrmCtrls["流水号"] = {
            Icon: "&#xe649;"
            , Name: "流水号"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "流水号"
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Rules == null) {
                    Data.Rules = [{ type: 3, Val: { Len: 12, Reset: 0, oVal: 0, Fixed: true } }];
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = false;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                var val = "";
                if (Data.DefType == "自定义") {
                    val = CLHTMLEncode(Data.DefVal == null || typeof (Data.DefVal) != "string" ? "" : Data.DefVal);
                }
                html += "<input style='background:#fff;padding:5px;max-width:100%;width:330px;height:30px;line-height:30px;margin:5px 0;border:none' placeholder='自动生成无需填写' disabled='disabled' value='" + val + "'/>";
                return html;
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                var input = document.createElement("input");
                if (isCell) {
                    input.style.height = "initial";
                    input.style["line-height"] = "inherit";
                    input.style["width"] = "100%";
                    input.style.border = "none";
                    input.style.fontSize = "inherit";
                    input.style["text-overflow"] = "ellipsis";
                } else {
                    input.style.cssText = "background:rgba(0,0,0,0);padding:0 8px;max-width:100%;width:330px;height:30px;line-height:28px;margin:5px 0;border:none;";
                }
                input.setAttribute("placeholder", Data.Placeholder || "自动生成无需填写");
                input.readOnly = true;
                ControlBox.appendChild(input);

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return input.value == null ? null : (input.value.length == 0 ? null : input.value);
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val != null && Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        input.value = Val;
                        OnChanged();
                    }
                });

                ControlBox.Changed = [];

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                var PageData;
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    PageData = FrmDesigner.GetInstance(ControlBox).GetBeforeChange();
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                        CalcRules(ControlBox);
                    });
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                (function () {
                    PropLabel(PropBody, "流水号规则");
                    var divBlock = document.createElement("div");
                    divBlock.className = "Block";
                    divBlock.style.width = "100%";
                    PropBody.appendChild(divBlock);
                    var types = ["固定字符", "表单字段", "提交日期", "自动计数"];

                    function showRules(Rules) {
                        divBlock.innerHTML = "";
                        for (var i = 0; i < Rules.length; i++) {
                            var Item = document.createElement("div");
                            Item.className = "PropItem";
                            Item.Rule = Rules[i];
                            var Val = document.createElement("div");
                            Val.className = "Value";
                            Val.style.width = "calc(100% - 50px)";
                            Val.style.verticalAlign = "top";
                            Item.appendChild(Val);
                            var type = document.createElement("span");
                            type.style.color = "#3F80AE";
                            type.innerHTML = types[Rules[i].type];
                            Val.appendChild(type);
                            var text = document.createElement("span");
                            text.className = "text";
                            text.style.cssText = "";
                            if (Rules[i].type == 0 && Rules[i].Val != null) {
                                text.innerHTML = Rules[i].Val;
                            }
                            if (Rules[i].type == 1 && Rules[i].Val != null) {
                                if (Rules[i].Val.ID != null) {
                                    text.innerHTML = FrmDesigner.getCtrlNameById(ControlBox, Rules[i].Val.ID);
                                }
                            }
                            if (Rules[i].type == 2 && Rules[i].Val != null) {
                                text.innerHTML = "格式:" + new Date().Format(Rules[i].Val.format);
                            }
                            if (Rules[i].type == 3 && Rules[i].Val != null) {
                                if (Rules[i].Val.Len != null) {
                                    if (Rules[i].Val.Reset == 0) {
                                        text.innerHTML = Rules[i].Val.Len + "位数字,不自动重置";
                                    }
                                    if (Rules[i].Val.Reset == 1) {
                                        text.innerHTML = Rules[i].Val.Len + "位数字,每日重置";
                                    }
                                    if (Rules[i].Val.Reset == 3) {
                                        text.innerHTML = Rules[i].Val.Len + "位数字,每周重置";
                                    }
                                    if (Rules[i].Val.Reset == 4) {
                                        text.innerHTML = Rules[i].Val.Len + "位数字,每月重置";
                                    }
                                    if (Rules[i].Val.Reset == 4) {
                                        text.innerHTML = Rules[i].Val.Len + "位数字,每年重置";
                                    }
                                    if (Rules[i].Val.Reset == 5) {
                                        var s = Rules[i].Val.Len + "位数字,根据【";
                                        for (var j = 0; Rules[i].Val.IDs != null && j < Rules[i].Val.IDs.length; j++) {
                                            s += FrmDesigner.getCtrlNameById(ControlBox, Rules[i].Val.IDs[j]);
                                            if (i != Rules[i].Val.IDs.length - 1) {
                                                s += ",";
                                            }
                                        }
                                        s += "】重置";
                                        text.innerHTML = s;
                                    }
                                }
                            }
                            Val.appendChild(text);

                            var Edit = document.createElement("div");
                            Edit.className = "Edit";
                            Val.appendChild(Edit);
                            Edit.Rule = Rules[i];
                            Edit.onclick = function () {
                                EditRule(this.Rule);
                            }
                            divBlock.appendChild(Item);
                            var Move = document.createElement("div");
                            Move.className = "Move";
                            Move.innerHTML = "&#xe844;";
                            Move.style.marginRight = "3px";
                            Item.appendChild(Move);
                            CLEnableDragPosition(Item, "PropItem", Move, function () {
                                var divItems = divBlock.getElementsByClassName("PropItem");
                                Rules.splice(0);
                                for (var i = 0; i < divItems.length; i++) {
                                    Rules.push(divItems[i].Rule);
                                }
                                showRules(Rules);
                            });
                            var Del = document.createElement("div");
                            Del.className = "Del";
                            Del.innerHTML = "&#xe6b4;";
                            Del.Index = i;
                            Del.onclick = function () {
                                Rules.splice(this.Index, 1);
                                showRules(Rules);
                            }
                            Item.appendChild(Del);
                        }
                        var add = document.createElement("span");
                        add.style.fontFamily = "CLFont";
                        add.style.color = "#0db3a6";
                        add.style.cursor = "pointer";
                        add.style.lineHeight = "30px";
                        add.innerHTML = "&#xe6da;添加";
                        add.onclick = function () {
                            var Menu = {
                                "style": {
                                    "width": "180px",
                                    "max-height": "100%",
                                    "overflow-y": "auto",
                                },
                                "Items": []
                            };
                            var Items = Menu.Items;
                            Items.push({
                                "Text": "固定字符",
                                "Enable": true,
                                "CallBack": function (e) {
                                    Rules.push({ type: 0, Val: null });
                                    _CLMenu.Close();
                                    showRules(Rules);
                                }
                            });
                            Items.push({
                                "Text": "表单字段",
                                "Enable": true,
                                "CallBack": function (e) {
                                    Rules.push({ type: 1, Val: { Start: 0, End: -1 } });
                                    showRules(Rules);
                                    _CLMenu.Close();
                                }
                            });
                            Items.push({
                                "Text": "提交日期",
                                "Enable": true,
                                "CallBack": function (e) {
                                    Rules.push({ type: 2, Val: { type: "custom", format: "YYYYMMDD" } });
                                    showRules(Rules);
                                    _CLMenu.Close();
                                }
                            });
                            Items.push({
                                "Text": "自动计数",
                                "Enable": true,
                                "CallBack": function (e) {
                                    Rules.push({ type: 3, Val: { Len: 5, Reset: 0, Fixed: false, oVal: 0 } });
                                    showRules(Rules);
                                    _CLMenu.Close();
                                }
                            });
                            var _CLMenu = new CLMenu(Menu, add);

                        }
                        divBlock.appendChild(add);
                    }

                    showRules(Data.Rules);

                    function EditString(string, End) {
                        var Menu = {
                            "style": {
                                "width": "230px",
                                "height": "35px",
                                "overflow": "hidden",
                            },
                            "Items": [
                            ]
                        }
                        var _CLMenu = new CLMenu(Menu, event.currentTarget.parentNode);
                        var input = document.createElement("input");
                        input.style.height = "30px";
                        input.style.width = "100%";
                        _CLMenu.Div.appendChild(input);
                        input.value = string == null ? "" : string;
                        input.onchange = function () {
                            End(input.value);
                        }
                    }

                    var classNames = ["单行文本", "时间日期", "单选按钮组", "下拉框", "成员单选", "部门单选"];

                    function GetFieldsItems() {
                        var form = FrmDesigner.getData(ControlBox);
                        var Items = [];
                        for (var i = 0; i < form.Controls.length; i++) {
                            if (classNames.indexOf(form.Controls[i].Name) >= 0) {
                                Items.push({
                                    ID: form.Controls[i].Data.ID,
                                    Name: form.Controls[i].Data.Name,
                                    toString: function () {
                                        return this.Name;
                                    }
                                });
                            }
                        }
                        return Items;
                    }

                    function EditField(Val, End) {
                        var Div = document.createElement("div");
                        Div.style.cssText = "width:300px;height:270px;";
                        var dlg = new CLDialog(Div);
                        dlg.CreateAll("编辑字段", function () {
                            if (selector.selectedIndex == -1) {
                                End();
                            } else {
                                End({
                                    ID: selector.Items[selector.selectedIndex].ID,
                                    Start: startInput.value.trim() * 1,
                                    End: endInput.value.trim() * 1
                                });
                            }
                        });
                        var selector = new CLSelect(dlg.Body);
                        selector.setPlaceholder("请选择字段");
                        selector.EnableSearch(true);
                        var Items = GetFieldsItems();
                        selector.AddItems(Items);
                        for (var i = 0; i < Items.length; i++) {
                            if (Val != null && Val.ID == Items[i].ID) {
                                selector.selectedIndex = i;
                            }
                        }
                        var startLine = document.createElement("div");
                        startLine.style.cssText = "width:100%;height:32px;margin:15px 0 5px 0";
                        var span = document.createElement("span");
                        span.innerHTML = "开始位置";
                        span.style.lineHeight = "30px";
                        span.style.padding = "0 7px";
                        span.style.color = "#999";
                        startLine.appendChild(span);
                        var startInput = document.createElement("input");
                        startInput.style.height = "30px";
                        startLine.appendChild(startInput);
                        startInput.value = Val == null ? "" : Val.Start == null ? "" : Val.Start;
                        dlg.Body.appendChild(startLine);
                        var endLine = startLine.cloneNode(true);
                        endLine.firstChild.innerHTML = "终止位置";
                        dlg.Body.appendChild(endLine);
                        var endInput = endLine.lastChild;
                        endInput.value = Val == null ? "" : Val.End == null ? "" : Val.End;
                    }

                    function EditDt(Val, End) {
                        CLDtFormatDialog(Val, function (Format) {
                            End(Format);
                        });
                    }

                    function EditNumber(Val, End) {
                        var Div = document.createElement("div");
                        Div.style.cssText = "width:560px;height:445px;";
                        var dlg = new CLDialog(Div);
                        dlg.CreateAll("重置规则", function () {
                            var Indexes = fieldSelector.selectedIndexes;
                            var IDs = [];
                            for (var i = 0; i < Indexes.length ; i++) {
                                IDs.push(fieldSelector.Items[Indexes[i]].ID);
                            }
                            var Val = {
                                Reset: selector.selectedIndex,
                                Len: input.value * 1,
                                oVal: oInput.value * 1,
                                Fixed: _onOff.checked,
                                IDs: IDs,
                                SerialField: serialSelector.Items[serialSelector.selectedIndex] == null ? null : serialSelector.Items[serialSelector.selectedIndex].ID
                            }
                            if (IDs.indexOf(Val.SerialField) >= 0) {
                                CLShowMsg("重置字段里不可包含流水字段");
                                return false;
                            }
                            if (Val.Reset != 5) {
                                delete Val.IDs;
                                delete Val.SerialField;

                            }
                            End(Val);
                        });
                        var line = document.createElement("div");
                        line.style.overflow = "hidden";
                        dlg.Body.appendChild(line);
                        var Box = document.createElement("div");
                        Box.style.overflow = "hidden";
                        Box.style.width = "50%";
                        Box.style.cssFloat = "left";
                        Box.style.marginBottom = "25px";
                        line.appendChild(Box);
                        var label = document.createElement("div");
                        label.innerHTML = "计数位数";
                        label.style.cssText = "line-height: 20px;margin-bottom: 10px;width:50%";
                        Box.appendChild(label);
                        var numberBox = document.createElement("div");
                        numberBox.style.cssText = "height:32px;width:155px;border:1px solid #e0e0e0;";
                        Box.appendChild(numberBox);
                        var decrease = document.createElement("div");
                        decrease.style.cssText = "user-select:none;border-right:1px #e0e0e0 solid;width:30px;height:30px;float:left;font-family:CLFont;line-height:30px;text-align:center;font-weight:900;cursor:pointer";
                        decrease.innerHTML = "&#xe768;";
                        numberBox.appendChild(decrease);
                        decrease.onclick = function () {
                            var num = input.value * 1 - 1;
                            if (num < 2) {
                                num = 2;
                            }
                            input.value = num;
                        }
                        var input = document.createElement("input");
                        input.readOnly = true;
                        input.style.cssText = "user-select:none;border:none;height:30px;width:93px;float:left;cursor:default;text-align:center";
                        input.value = Val.Len;
                        numberBox.appendChild(input);
                        var increase = decrease.cloneNode();
                        increase.style.borderRight = "none";
                        increase.style.borderLeft = "1px #e0e0e0 solid";
                        increase.innerHTML = "&#xe767;";
                        numberBox.appendChild(increase);
                        increase.onclick = function () {
                            var num = input.value * 1 + 1;
                            if (num > 12) {
                                num = 12;
                            }
                            input.value = num;
                        }

                        var serialBox = Box.cloneNode();
                        serialBox.style.padding = "0 0 0 20px";
                        serialBox.style.display = "none";
                        label = label.cloneNode();
                        label.innerHTML = "流水字段";
                        serialBox.appendChild(label);
                        line.appendChild(serialBox);
                        var serialSelector = new CLSelect(serialBox);
                        serialSelector.EnableClear(true);
                        var Items = GetFieldsItems();
                        serialSelector.AddItems(Items);
                        for (var i = 0; i < Items.length; i++) {
                            if (Val.SerialField == Items[i].ID) {
                                serialSelector.selectedIndex = i;
                                break;
                            }
                        }

                        line = line.cloneNode();
                        dlg.Body.appendChild(line);

                        Box = Box.cloneNode();
                        label = label.cloneNode();
                        Box.appendChild(label);
                        label.innerHTML = "重置规则";
                        Box.style.width = "50%";
                        Box.style.cssFloat = "left";
                        var selector = new CLSelect(Box);
                        selector.EnableClear(true);
                        selector.AddItems([
                            "不自动重置",
                            "每日重置",
                            "每周重置",
                            "每月重置",
                            "每年重置",
                            "按字段重置"
                        ]);
                        selector.onchanged = function () {
                            if (selector.selectedIndex != 5) {
                                fieldBox.style.display = "none";
                                serialBox.style.display = "none";
                            } else {
                                fieldBox.style.display = "block";
                                //serialBox.style.display = "block";
                            }
                        }
                        line.appendChild(Box);
                        var fieldBox = Box.cloneNode();
                        fieldBox.style.padding = "0 0 0 20px";
                        line.appendChild(fieldBox);
                        label = label.cloneNode();
                        fieldBox.appendChild(label);
                        label.innerHTML = "重置字段";
                        var fieldSelector = new CLSelect(fieldBox);
                        var Items = GetFieldsItems();
                        fieldSelector.AddItems(Items);
                        fieldSelector.EnableMultiSel(true);
                        var Indexes = [];
                        for (var i = 0; i < Items.length; i++) {
                            if (Val.IDs != null && Val.IDs.indexOf(Items[i].ID) >= 0) {
                                Indexes.push(i);
                            }
                        }
                        fieldSelector.selectedIndexes = Indexes;

                        label = label.cloneNode();
                        Box = Box.cloneNode();
                        Box.style.padding = "0";
                        Box.style.width = "100%";
                        dlg.Body.appendChild(Box);

                        selector.selectedIndex = Val.Reset;

                        Box.appendChild(label);
                        label.innerHTML = "初始值";
                        var oInput = document.createElement("input");
                        oInput.style.height = "30px";
                        oInput.style.width = "50%";
                        oInput.value = Val.oVal == null ? 0 : Val.oVal;
                        Box.appendChild(oInput);
                        oInput.oninput = function () {
                            CLCheckInt(oInput,0,0x7fffffff);
                        }

                        label = label.cloneNode();
                        Box = Box.cloneNode();
                        Box.style.width = "100%";
                        Box.style.marginBottom = "0";
                        dlg.Body.appendChild(Box);
                        Box.appendChild(label);
                        label.innerHTML = "固定位数";
                        var _onOff = new CLOnOff("", Box);
                        _onOff.checked = Val.Fixed;
                    }

                    function EditRule(Rule) {
                        if (Rule.type == 0) {
                            EditString(Rule.Val, function (Val) {
                                Rule.Val = Val;
                                showRules(Data.Rules);
                            });
                        }
                        if (Rule.type == 1) {
                            EditField(Rule.Val, function (Val) {
                                Rule.Val = Val;
                                showRules(Data.Rules);
                            });
                        }
                        if (Rule.type == 2) {
                            EditDt(Rule.Val, function (Val) {
                                Rule.Val = Val;
                                showRules(Data.Rules);
                            });
                        }
                        if (Rule.type == 3) {
                            EditNumber(Rule.Val, function (Val) {
                                Rule.Val = Val;
                                showRules(Data.Rules);
                            });
                        }
                    }
                }());

                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLabel(PropBody, "查询加速");
                var indexBox = new CLCheckBox("启用加速", PropBody);
                indexBox.checked = Data.UseIndex == true;
                indexBox.onchanged = function () {
                    Data.UseIndex = indexBox.checked;
                }
                PropSplit(PropBody);
                PropLabel(PropBody, "字段权限");
                var changeBox = new CLCheckBox("可更改", PropBody);
                changeBox.checked = Data.enableUpdate == true;
                changeBox.onchanged = function () {
                    Data.enableUpdate = changeBox.checked;
                }
                Box = new CLCheckBox("不允许重复值", PropBody);
                Box.checked = Data.RepeatAble == false;
                Box.onchanged = function (Box) {
                    Data.RepeatAble = !Box.checked;
                }
                var Box = new CLCheckBox("可见", PropBody);
                Box.checked = Data.Visible == null ? true : Data.Visible;
                Box.onchanged = function (Box) {
                    Data.Visible = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }

                PropSplit(PropBody);
                PropLayout(PropBody, ControlBox);
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                 if (FormData1[key] == FormData2[key]) {
                     delete FormData2[key];
                 }
             }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        }
        FrmCtrls["增强字段"].push(FrmCtrls["流水号"]);
    }());

    function GetBoxRange(Range, ControlBox) {
        if (Range.ControlId != null && Range.ControlId.trim()!="") {
            var eleCtrl = FrmDesigner.getElementById(Range.ControlId, ControlBox);
            var Val = eleCtrl.Value;
            if (Val == null) {
                Range = {
                    Parts: [
                        ""
                    ],
                    Roles: [
                    ],
                    Members: [
                    ],
                    Dynamic: [
                    ]
                }
            } else {
                if (Val.constructor == [].constructor) {
                    Range = {
                        Parts: Val,
                        Roles: [
                        ],
                        Members: [
                        ],
                        Dynamic: [
                        ]
                    }
                } else {
                    Range = {
                        Parts: [Val],
                        Roles: [
                        ],
                        Members: [
                        ],
                        Dynamic: [
                        ]
                    }
                }
            }
        }
        return Range;
    }

    //高级字段
    (function (成员单选) {
        FrmCtrls["成员单选"] = {
            Icon: "&#xe7d6;"
            , Name: "成员单选"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "成员单选";
                }
                if (Data.Range == null) {
                    Data.Range = {
                        ControlId: "",
                        Parts: [

                        ],
                        Roles: [

                        ],
                        Members: [

                        ],
                        Dynamic: [

                        ]
                    }
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = true;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%;background:#fff; width:330px;height:40px;line-height:30px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' Empty='点击选择成员' class='CLEmpty2'>";
                html += this.GetMemberHtml(Data);
                html += "</div>";
                return html;
            }
            , GetMemberHtml: function (Data, IsSub, isRealDynamic) {
                var html = "";
                if (Data.DefType == "自定义" && Data.DefVal != null) {
                    if (Data.DefVal.MemberId != null && Data.DefVal.MemberId.length != 0) {
                        html += "<div style='padding-right:10px; height: 30px; margin: " + (IsSub ? "0" : "5px") + " 0px 0px " + (IsSub ? "0" : "5px") + "; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                        html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + CLApp.getMemberNameById(Data.DefVal.MemberId) + "</div></div>";
                    } else if (Data.DefVal.Dynamic != null) {
                        var Name = "";
                        var Dynamic = g_Dynamic;
                        if (isRealDynamic) {
                            Dynamic = RealDynamic(g_Dynamic);
                        }
                        for (var i = 0; Dynamic && i < Dynamic.length ; i++) {
                            if (Dynamic[i].ID == Data.DefVal.Dynamic) {
                                if (isRealDynamic) {
                                    Name = Dynamic[i].Name;
                                } else {
                                    Name = Dynamic[i].Name;
                                }
                            }
                        }
                        html += "<div style='padding-right:10px; height: 30px; margin: " + (IsSub ? "0" : "5px") + " 0px 0px " + (IsSub ? "0" : "5px") + "; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                        html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                    }
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:#fff'><div class='Value' style='border:0px;text-align:left;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.GetMemberHtml(Data, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "可选范围");
                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "由部门字段决定"
                ]);
                var RangeVal = document.createElement("div");
                PropBody.appendChild(RangeVal);
                Sel.onchanged = function (Sel) {
                    if (Data.Range == null) {
                        Data.Range = {};
                    }
                    Data.RangeType = Sel.Items[Sel.selectedIndex];
                    RangeVal.innerHTML = "";
                    if (Sel.selectedIndex == 0) {
                        Data.Range.ControlId = null;
                        var PropBtn = document.createElement("div");
                        PropBtn.className = "Value Btn";
                        PropBtn.innerHTML = "设置";
                        PropBtn.onclick = function () {
                            delete Data.Range.ControlId;
                            MemberRangeDialog(Data.Range, function (Range) {
                                Data.Range = Range;
                            });
                        }
                        RangeVal.appendChild(PropBtn);
                    } else if (Sel.selectedIndex == 1) {
                        var AllControl = FrmDesigner.getData(ControlBox).Controls;
                        var boxSel = null;
                        Data.Range = {};
                        for (var i = 0; i < AllControl.length ; i++) {
                            if (AllControl[i].Name == "部门单选" || AllControl[i].Name == "部门多选") {
                                var box = new CLRadioBox(AllControl[i].Data.Name, RangeVal);
                                box.RangID = AllControl[i].Data.ID;
                                if (Data.Range.ControlId == AllControl[i].Data.ID) {
                                    box.checked = true;
                                }
                                box.onchanged = function () {
                                    var box = this;
                                    if (box.checked && boxSel != null) {
                                        boxSel.checked = false;
                                        boxSel = box;
                                    }
                                    Data.Range = { ControlId: box.RangID };
                                }
                            }
                        }
                        if (RangeVal.innerHTML.length == 0) {
                            RangeVal.innerHTML = "<center style='line-height:30px;margin-top:15px;color:#999'>表单中没有部门字段</center>";
                        }
                    }
                }
                Sel.selectedIndex = Sel.Items.indexOf(Data.RangeType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }

                PropSplit(PropBody);

                PropLabel(PropBody, "默认值");
                Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                var DefPropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.DefType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        DefPropBtn.innerHTML = "设置";
                        DefPropBtn.onclick = function () {
                            var Value = {
                                Members: [Data.DefVal.MemberId],
                                Dynamic: [Data.DefVal.Dynamic]
                            }
                            MemberDialog(Data.Range, false, Value, false, function (Val) {
                                Data.DefVal = {};
                                if (Val.Members.length != 0) {
                                    Data.DefVal.MemberId = Val.Members[0];
                                }
                                if (Val.Dynamic.length != 0) {
                                    Data.DefVal.Dynamic = Val.Dynamic[0];
                                }
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                    } else if (Sel.selectedIndex == 1) {
                        DefPropBtn.innerHTML = "数据联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                    } else if (Sel.selectedIndex == 2) {
                        DefPropBtn.innerHTML = "fx公式编辑";
                        DefPropBtn.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                    } else if (Sel.selectedIndex == 3) {
                        DefPropBtn.innerHTML = "数据源联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                    }
                }
                Sel.selectedIndex = Sel.Items.indexOf(Data.DefType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }
                DefPropBtn.className = "Value Btn";
                DefPropBtn.innerHTML = "设置";
                PropBody.appendChild(DefPropBtn);
                PropSplit(PropBody);

                PropSplit(PropBody);
                PropLabel(PropBody, "查询加速");
                var indexBox = new CLCheckBox("启用加速", PropBody);
                indexBox.checked = Data.UseIndex == true;
                indexBox.onchanged = function () {
                    Data.UseIndex = indexBox.checked;
                }

                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropLabel(PropBody, "校验");
                Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                Box = new CLCheckBox("不允许重复值", PropBody);
                Box.checked = !Data.RepeatAble;
                Box.onchanged = function (Box) {
                    Data.RepeatAble = !Box.checked;
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];
                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%;background:rgba(0,0,0,0);width:330px;height:40px;line-height:30px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.className = "CLEmpty2";
                div.setAttribute("Empty", Data.Placeholder || "点击选择成员");

                div.onclick = function () {
                    var Range = GetBoxRange(Data.Range, ControlBox);
                    MemberDialog(Range, false, { Members: (ControlBox.Value == null ? null : [ControlBox.Value]) }, true, function (Val) {
                        Data.DefVal = {};
                        ControlBox.Value = Val.Members[0];
                    });
                }
                var DivClick = div.onclick;

                ControlBox.appendChild(div);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return div.MemberID == null ? null : div.MemberID;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (div.MemberID == Val) {
                            return;
                        }
                        div.MemberID = Val;
                        if (Val == null) {
                            div.innerHTML = "";
                        } else {
                            var html;
                            if (isCell) {
                                html = "<div style='padding-right:10px; margin: 5px 0px 0px 5px; display: inline-block;'>";
                            } else {
                                html = "<div style='padding-right:10px; height: 30px; margin: 5px 0px 0px 5px; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>";
                            }
                            html += "<span>" + CLApp.getMemberNameById(Val) + "</span></div>";
                            div.innerHTML = html;
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });

                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefVal != null && Data.DefVal.MemberId != null) {
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = Data.DefVal.MemberId;
                        });
                    } else if (Data.DefVal != null && Data.DefVal.Dynamic != null) {
                        var Dynamic = RealDynamic(g_Dynamic);
                        var realId;
                        for (var i = 0; i < g_Dynamic.length; i++) {
                            if (Data.DefVal.Dynamic == g_Dynamic[i].ID) {
                                realId = Dynamic[i].ID;
                                FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                    ControlBox.Value = realId
                                });
                            }
                        }
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox";
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var html = "<div class='ValBorder' style='width:180px;height:30px;background:rgba(0,0,0,0);'><div class='Value CLEmpty2' Empty='" + (Data.Placeholder || "") + "' style='width:150px;height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none'>" + FrmCtrls["成员单选"].GetMemberHtml(Data, true, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                var div = ControlBox.firstChild;
                div.onclick = function () {
                    var Range = GetBoxRange(Data.Range, ControlBox);
                    MemberDialog(Range, false, { Members: (ControlBox.Value == null ? null : [ControlBox.Value]) }, true, function (Val) {
                        Data.DefVal = {};
                        ControlBox.Value = Val.Members[0];
                    });
                }
                var DivClick = div.onclick;
                DivLine.appendChild(ControlBox);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return div.MemberID == null ? null : div.MemberID;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (div.MemberID == Val) {
                            return;
                        }
                        div.MemberID = Val;
                        if (Val == null) {
                            div.firstChild.innerHTML = "";
                        } else {
                            var html = "<div style='padding-right:10px; height: 30px; margin: 0; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                            html += "<span>" + CLApp.getMemberNameById(Val) + "</span></div>";
                            div.firstChild.innerHTML = html;
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }


                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefVal != null && Data.DefVal.MemberId != null) {
                        ControlBox.Value = Data.DefVal.MemberId;
                    } else if (Data.DefVal != null && Data.DefVal.Dynamic != null) {
                        var Dynamic = RealDynamic(g_Dynamic);
                        var realId;
                        for (var i = 0; i < g_Dynamic.length; i++) {
                            if (Data.DefVal.Dynamic == g_Dynamic[i].ID) {
                                realId = Dynamic[i].ID;
                                FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                                    ControlBox.Value = realId
                                });
                            }
                        }
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var ret = CLApp.getMemberNameById(sData)
                return ret;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["成员单选"]);
    }());

    (function (成员多选) {
        FrmCtrls["成员多选"] = {
            Icon: "&#xe818;"
            , Name: "成员多选"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "成员多选";
                }
                if (Data.Range == null) {
                    Data.Range = {
                        ControlId: "",
                        Parts: [

                        ],
                        Roles: [

                        ],
                        Members: [

                        ],
                        Dynamic: [

                        ]
                    }
                }
                if (Data.DefVal == null) {
                    Data.DefVal = {
                        Members: [

                        ],
                        Dynamic: [

                        ]
                    };
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%;width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' Empty='点击选择成员' class='CLEmpty2'>";
                html += this.GetMembersHtml(Data);
                html += "</div>";
                return html;
            }
            , GetMembersHtml: function (Data, IsSub, isRealDynamic) {
                var html = "";
                var height = (IsSub ? "30px" : "40px");
                if (Data.DefType == "自定义" && Data.DefVal != null) {
                    var Members = Data.DefVal.Members || [];
                    var Dynamic = Data.DefVal.Dynamic || [];
                    if (Data.DefVal != null && Dynamic.length + Members.length != 0) {
                        for (var i = 0; i < Members.length ; i++) {
                            html += "<div style='padding-right:10px; height: " + height + ";line-height: " + height + "; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                            html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + CLApp.getMemberNameById(Members[i]) + "</div></div>";
                        }
                        var Dynamic = g_Dynamic;
                        if (isRealDynamic) {
                            Dynamic = RealDynamic(g_Dynamic);
                        }
                        var DynamicVal = Data.DefVal.Dynamic;
                        for (var i = 0; i < g_Dynamic.length ; i++) {
                            if (DynamicVal.indexOf(g_Dynamic[i].ID) >= 0) {
                                var Name = "";
                                if (isRealDynamic) {
                                    Name = Dynamic[i].Name;
                                    if (Members.indexOf(Dynamic[i].ID >= 0)) {
                                        continue;
                                    }
                                } else {
                                    Name = g_Dynamic[i].Name;
                                }
                                html += "<div style='padding-right:10px; height: " + height + "; line-height: " + height + "; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                                html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                            }
                        }
                    }
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:rgba(0,0,0,0)'><div class='Value' style='border:0px;text-align:left;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.GetMembersHtml(Data, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "可选范围");
                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "由部门字段决定"
                ]);
                var RangeVal = document.createElement("div");
                PropBody.appendChild(RangeVal);
                Sel.onchanged = function (Sel) {
                    if (Data.Range == null) {
                        Data.Range = {};
                    }
                    Data.RangeType = Sel.Items[Sel.selectedIndex];
                    RangeVal.innerHTML = "";
                    if (Sel.selectedIndex == 0) {
                        var PropBtn = document.createElement("div");
                        PropBtn.className = "Value Btn";
                        PropBtn.innerHTML = "设置";
                        PropBtn.onclick = function () {
                            MemberRangeDialog(Data.Range, function (Range) {
                                Data.Range = Range;
                            });
                        }
                        RangeVal.appendChild(PropBtn);
                    } else if (Sel.selectedIndex == 1) {
                        var AllControl = FrmDesigner.getData(ControlBox).Controls;
                        var boxSel = null;
                        Data.Range = {};
                        for (var i = 0; i < AllControl.length ; i++) {
                            if (AllControl[i].Name == "部门单选" || AllControl[i].Name == "部门多选") {
                                var box = new CLRadioBox(AllControl[i].Data.Name, RangeVal);
                                box.RangID = AllControl[i].Data.ID;
                                if (Data.Range.ControlId == AllControl[i].Data.ID) {
                                    box.checked = true;
                                }
                                box.onchanged = function () {
                                    var box = this;
                                    if (box.checked && boxSel != null) {
                                        boxSel.checked = false;
                                        boxSel = box;
                                    }
                                    Data.Range = { ControlId: box.RangID };
                                }
                            }
                        }
                        if (RangeVal.innerHTML.length == 0) {
                            RangeVal.innerHTML = "<center style='line-height:30px;margin-top:15px;color:#999'>表单中没有部门字段</center>";
                        }
                    }
                }
                Sel.selectedIndex = Sel.Items.indexOf(Data.RangeType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }

                PropLabel(PropBody, "默认值");
                Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                var DefPropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.DefType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        DefPropBtn.innerHTML = "设置";
                        DefPropBtn.onclick = function () {
                            MemberDialog(Data.Range, true, Data.DefVal, false, function (Val) {
                                Data.DefVal = Val;
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                    } else if (Sel.selectedIndex == 1) {
                        DefPropBtn.innerHTML = "数据联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                    } else if (Sel.selectedIndex == 2) {
                        DefPropBtn.innerHTML = "fx公式编辑";
                        DefPropBtn.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                    } else if (Sel.selectedIndex == 3) {
                        DefPropBtn.innerHTML = "数据源联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                    }
                }
                Sel.selectedIndex = Sel.Items.indexOf(Data.DefType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }

                DefPropBtn.className = "Value Btn";
                DefPropBtn.innerHTML = "设置";
                PropBody.appendChild(DefPropBtn);
                PropSplit(PropBody);

                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];

                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%;white-space:normal";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%;width:720px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.innerHTML = FrmCtrls["成员多选"].GetMembersHtml(Data, false, true);
                div.setAttribute("Empty", Data.Placeholder || "点击选择成员");
                div.className = "CLEmpty2";
                var SelectedIDs = [];

                div.onclick = function () {
                    var Range = GetBoxRange(Data.Range, ControlBox);
                    var dialog = new MemberDialog(Range, true, { Members: ControlBox.Value }, true, function (Val) {
                        ControlBox.Value = Val.Members;
                    });
                }

                var DivClick = div.onclick;

                ControlBox.appendChild(div);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            if (SelectedIDs.length != 0) {
                                SelectedIDs = [];
                            } else {
                                return;
                            }
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (JSON.stringify(SelectedIDs) == Val) {
                                    return;
                                }
                                SelectedIDs = Val;
                            } else {
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = CLClone(Val);
                            }
                        }
                        var Vals = [];
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (Vals.indexOf(SelectedIDs[i]) < 0) {
                                Vals.push(SelectedIDs[i]);
                            }
                        }
                        SelectedIDs = Vals;
                        var html = ""
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (SelectedIDs[i] == null) {
                                SelectedIDs.splice(i, 1);
                                i--;
                                continue;
                            }
                            html += "<div style='padding-right:10px; height: 30px; margin:0px; line-height: 30px; display: inline-block;'>";
                            if (!isCell) {
                                html += "  <div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>";
                            }
                            html += "<span>" + CLApp.getMemberNameById(SelectedIDs[i]) + "</span></div>";
                        }
                        div.innerHTML = html;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义" && Data.DefVal != null) {
                        var SelectedIDs = FrmCtrls.CalcMembers(Data.DefVal);
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }

                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var html = "<div class='ValBorder' style='width:180px;height:30px;background:rgba(0,0,0,0);text-align:left;'><div class='Value CLEmpty2' Empty='" + (Data.Placeholder || "") + "' style='text-align:left;width:150px;height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none'></div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                var SelectedIDs = [];
                var div = ControlBox.firstChild;
                div.onclick = function () {
                    var Range = GetBoxRange(Data.Range, ControlBox);
                    var dialog = new MemberDialog(Range, true, { Members: ControlBox.Value }, true, function (Val) {
                        ControlBox.Value = Val.Members;
                    });
                }
                var DivClick = div.onclick;
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            if (SelectedIDs.length != 0) {
                                SelectedIDs = [];
                            } else {
                                return;
                            }
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = Val;
                            } else {
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = CLClone(Val);
                            }
                        }
                        var Vals = [];
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (Vals.indexOf(SelectedIDs[i]) < 0) {
                                Vals.push(SelectedIDs[i]);
                            }
                        }
                        SelectedIDs = Vals;
                        var html = ""
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (SelectedIDs[i] == null) {
                                SelectedIDs.splice(i, 1);
                                i--;
                                continue;
                            }
                            html += "<div style='padding-right:10px; height: 30px; margin:0px; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                            html += "<span>" + CLApp.getMemberNameById(SelectedIDs[i]) + "</span></div>";
                        }
                        div.firstChild.innerHTML = html;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义" && Data.DefVal != null) {
                        var SelectedIDs = FrmCtrls.CalcMembers(Data.DefVal);
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }

                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
                DivLine.appendChild(ControlBox);
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    jData = [];
                }
                for (var i = 0; i < jData.length; i++) {
                    jData[i] = CLApp.getMemberNameById(jData[i])
                }
                return jData.toString();
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                var oVal = FormData1[key];
                if (typeof oVal == "string") {
                    oVal = JSON.parse(oVal);
                }
                var Val = FormData2[key];
                if (typeof Val == "string") {
                    Val = JSON.parse(Val);
                }
                if (Object.Equals(oVal, Val)) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["成员多选"]);
    }());

    (function (部门单选) {
        FrmCtrls["部门单选"] = {
            Icon: "&#xe7d5;"
            , Name: "部门单选"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "部门单选"
                }
                if (Data.Range == null) {
                    Data.Range = {
                        ControlId: "",//数据联动
                        Parts: [

                        ],
                        Dynamic: [

                        ]
                    }
                }
                if (Data.DefVal == null) {
                    Data.DefVal = "";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.RepeatAble == null) {
                    Data.RepeatAble = true;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%; width:330px;height:40px;line-height:30px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' Empty='点击选择部门' class='CLEmpty2'>";
                html += this.GetDepartHtml(Data);
                html += "</div>";
                return html;
            }
            , GetDepartHtml: function (Data, IsSub, isRealDynamic) {
                var html = "";
                var height = (IsSub ? "30px" : "40px");
                if (Data.DefType == "自定义" && Data.DefVal != null) {
                    if (Data.DefVal.PartId != null) {
                        html += "<div style='padding-right:10px; height: " + height + ";line-height: " + height + "; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                        html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + CLApp.getDepartmentNameById(Data.DefVal.PartId) + "</div></div>";
                    } else if (Data.DefVal.Dynamic != null) {
                        var Dynamic = g_departDynamic;
                        if (isRealDynamic) {
                            Dynamic = RealDepartDynamic(g_departDynamic);
                        }
                        var DynamicVal = Data.DefVal.Dynamic;
                        for (var i = 0; i < g_departDynamic.length ; i++) {
                            if (DynamicVal == g_departDynamic[i].ID) {
                                var Name = "";
                                if (isRealDynamic) {
                                    Name = Dynamic[i].Name;
                                } else {
                                    Name = g_departDynamic[i].Name;
                                }
                                html += "<div style='padding-right:10px; height: " + height + "; line-height: " + height + "; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                                html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                                break;
                            }
                        }
                    }
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:rgba(0,0,0,0)'><div class='Value' style='border:0px;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.GetDepartHtml(Data, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "可选范围");
                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义"
                ]);
                var RangePropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.RangeType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        RangePropBtn.innerHTML = "设置";
                        RangePropBtn.onclick = function () {

                            PropDepartDialog({ Parts: [], Dynamic: [] }, Data.Range, true, false, function (Range) {
                                Data.Range = Range;
                            });
                        }
                    }
                }

                RangePropBtn.className = "Value Btn";
                RangePropBtn.innerHTML = "设置";
                PropBody.appendChild(RangePropBtn);
                PropSplit(PropBody);
                Sel.selectedIndex = Sel.Items.indexOf(Data.RangeType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }
                PropLabel(PropBody, "默认值");

                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                var DefPropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.DefType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        DefPropBtn.innerHTML = "设置";
                        DefPropBtn.onclick = function () {
                            var Val = { Parts: [], Dynamic: [] };
                            if (Data.DefVal.PartId != null && Data.DefVal.PartId.length != 0) {
                                Val.Parts = [Data.DefVal.PartId];
                            }
                            if (Data.DefVal.Dynamic != null && Data.DefVal.Dynamic.length != 0) {
                                Val.Dynamic = [Data.DefVal.Dynamic];
                            }
                            var Dialog = new PropDepartDialog(Data.Range, Val, false, false, function (Range) {
                                Data.DefVal = {};
                                Data.DefVal.PartId = Range.Parts[0];
                                Data.DefVal.Dynamic = Range.Dynamic[0];
                                if (Data.DefVal.PartId == null) {
                                    delete Data.DefVal.PartId;
                                }
                                if (Data.DefVal.Dynamic == null) {
                                    delete Data.DefVal.Dynamic;
                                }
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                    } else if (Sel.selectedIndex == 1) {
                        DefPropBtn.innerHTML = "数据联动设置";
                        DefPropBtn.onclick = function () {
                            new LinkageDialog(dataCtrl, PropBody);
                        }
                    } else if (Sel.selectedIndex == 2) {
                        DefPropBtn.innerHTML = "fx公式编辑";
                        DefPropBtn.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                    } else if (Sel.selectedIndex == 3) {
                        DefPropBtn.innerHTML = "数据源联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                    }
                }
                DefPropBtn.className = "Value Btn";
                DefPropBtn.innerHTML = "设置";
                PropBody.appendChild(DefPropBtn);
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropSplit(PropBody);

                Sel.selectedIndex = Sel.Items.indexOf(Data.DefType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }

                PropLabel(PropBody, "校验");
                Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];

                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%;white-space:normal";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%; width:330px;height:40px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.className = "CLEmpty2";
                div.setAttribute("Empty", Data.Placeholder || "点击选择部门");
                ControlBox.appendChild(div);
                var SelectedIDs = [];
                div.onclick = function () {
                    var Dialog = PropDepartDialog(Data.Range, { Parts: (ControlBox.Value == null ? null : [ControlBox.Value]) }, false, true, function (Range) {
                        ControlBox.Value = Range.Parts[0];
                    });
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                var DivClick = div.onclick;
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs[0] * 1;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        if (Val != null) {
                            SelectedIDs = [Val];
                            var html = "";
                            if (isCell) {
                                html += "<div style='padding-right:10px; height: 30px; margin: 0; line-height: 30px; display: inline-block;'>"
                            } else {
                                html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                            }
                            html += "<span>" + CLApp.getDepartmentNameById(Val) + "</span></div>";
                            div.innerHTML = html;
                        } else {
                            SelectedIDs = [];
                            div.innerHTML = "";
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择部门");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    div.innerHTML = FrmCtrls["部门单选"].GetDepartHtml(Data, true, true);
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        var SelectedIDs = [];
                        if (Data.DefVal.PartId != null) {
                            SelectedIDs = [Data.DefVal.PartId];
                        } else if (Data.DefVal.Dynamic != null) {
                            var RealDynamic = RealDepartDynamic(g_departDynamic);
                            for (var i = 0; i < RealDynamic.length ; i++) {
                                if (Data.DefVal.Dynamic == g_departDynamic[i].ID) {
                                    SelectedIDs.push(RealDynamic[i].ID);
                                    break;
                                }
                            }
                        } else {
                            SelectedIDs = [];
                        }
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs[0];
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }

                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                DivLine.appendChild(ControlBox);
                var html = "<div class='ValBorder' style='width:180px;height:30px;background:rgba(0,0,0,0)'><div class='Value CLEmpty2' Empty='" + (Data.Placeholder || "") + "' style='width:150px;height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none'>" + FrmCtrls["部门单选"].GetDepartHtml(Data, true, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                var div = ControlBox.firstChild;
                var SelectedIDs = [];

                div.onclick = function () {
                    var Dialog = PropDepartDialog(Data.Range, { Parts: (ControlBox.Value == null ? null : [ControlBox.Value]) }, false, true, function (Range) {
                        ControlBox.Value = Range.Parts[0];
                    });
                }
                var DivClick = div.onclick;
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs[0] * 1;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || Val.toString() == null || Val.toString().trim().length == 0) {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        if (Val != null) {
                            SelectedIDs = [Val];
                            var html = "<div style='padding-right:10px; height: 30px; margin: 0; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                            html += "<span>" + CLApp.getDepartmentNameById(Val) + "</span></div>";
                            div.firstChild.innerHTML = html;
                        } else {
                            SelectedIDs = [];
                            div.firstChild.innerHTML = "";
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择部门");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        var SelectedIDs = [];
                        if (Data.DefVal.PartId != null) {
                            SelectedIDs = [Data.DefVal.PartId];
                        } else if (Data.DefVal.Dynamic != null) {
                            var RealDynamic = RealDepartDynamic(g_departDynamic);
                            for (var i = 0; i < RealDynamic.length ; i++) {
                                if (Data.DefVal.Dynamic == g_departDynamic[i].ID) {
                                    SelectedIDs.push(RealDynamic[i].ID);
                                    break;
                                }
                            }
                        } else {
                            SelectedIDs = [];
                        }
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs[0];
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView()
                        return false;
                    }
                }
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var ret = CLApp.getDepartmentNameById(sData);
                return ret == null ? "" : ret;
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (FormData1[key] == FormData2[key]) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["部门单选"]);
    }());

    (function (部门多选) {
        FrmCtrls["部门多选"] = {
            Icon: "&#xe6bb;"
            , Name: "部门多选"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "部门多选"
                }
                if (Data.Range == null) {
                    Data.Range = {
                        ControlId: "",//数据联动
                        Parts: [

                        ],
                        Dynamic: [

                        ]
                    }
                }
                if (Data.DefVal == null) {
                    Data.DefVal = {
                        Parts: [

                        ],
                        Dynamic: [

                        ]
                    };
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%; width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' class='CLEmpty2' Empty='点击选择部门'>";
                html += this.GetDepartsHtml(Data);
                html += "</div>";
                return html;
            }
            , GetDepartsHtml: function (Data, IsSub, isRealDynamic) {
                var html = "";
                var height = (IsSub ? "30px" : "40px");
                if (Data.DefType == "自定义" && Data.DefVal != null) {
                    if (Data.DefVal != null && Data.DefVal.Dynamic.length + Data.DefVal.Parts.length != 0) {
                        for (var i = 0; i < Data.DefVal.Parts.length ; i++) {
                            html += "<div style='padding-right:10px; height: " + height + ";line-height: " + height + "; display: inline-block;'><div class='BoxIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                            html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + CLApp.getDepartmentNameById(Data.DefVal.Parts[i]) + "</div></div>";
                        }
                        var Dynamic = g_departDynamic;
                        if (isRealDynamic) {
                            Dynamic = RealDepartDynamic(g_departDynamic);
                        }
                        var DynamicVal = Data.DefVal.Dynamic;
                        for (var i = 0; i < g_departDynamic.length ; i++) {
                            if (DynamicVal.indexOf(g_departDynamic[i].ID) >= 0) {
                                var Name = "";
                                if (isRealDynamic) {
                                    Name = Dynamic[i].Name;
                                    if (Data.DefVal.Parts.indexOf(Dynamic[i].ID) >= 0) {
                                        continue;
                                    }
                                } else {
                                    Name = g_departDynamic[i].Name;
                                }
                                html += "<div style='padding-right:10px; height: " + height + "; line-height: " + height + "; display: inline-block;'><div class='BoxIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                                html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</span></div>";
                            }
                        }
                    }
                }
                return html;
            }
            , SubHtml: function (Data) {
                this.Init(Data);
                var html = "";
                if (Data.Visible == false) {
                    html += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    html += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                html += "<div style='width:180px'>";
                html += "<div style='border:1px #e0e0e0 solid;width:100%;height:32px;background:rgba(0,0,0,0)'><div class='Value' style='border:0px;text-align:left;width:calc(100% - 30px);height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.GetDepartsHtml(Data, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                html += "</div>";
                html += "</div>";
                return html;
            }
            , SubHeader: function (Data) {
                var str = "";
                if (Data.Visible == false) {
                    str += "<div class='ControlBox Column_" + Data.ID + "' style='display:none'>";
                } else {
                    str += "<div class='ControlBox Column_" + Data.ID + "'>";
                }
                str += "<div  style='width:180px'>";
                str += CLHTMLEncode(Data.Name);
                str += "<span style='color:#d84636;padding:0 5px'>";
                if (Data.Required == true) {
                    str += "*";
                }
                str += "</span>";
                str += "</div>";
                str += "</div>";
                return str;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropLabel(PropBody, "可选范围");
                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义"
                ]);
                var RangePropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.RangeType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        RangePropBtn.innerHTML = "设置";
                        RangePropBtn.onclick = function () {
                            RangePropBtn.onclick = function () {
                                PropDepartDialog({ Parts: [], Dynamic: [] }, Data.Range, true, false, function (Range) {
                                    Data.Range = Range;
                                });
                            }
                        }
                    }
                }
                RangePropBtn.className = "Value Btn";
                RangePropBtn.innerHTML = "设置";
                PropBody.appendChild(RangePropBtn);
                PropSplit(PropBody);

                Sel.selectedIndex = Sel.Items.indexOf(Data.RangeType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }

                PropLabel(PropBody, "默认值");
                var Sel = new CLSelect(PropBody);
                Sel.AddItems([
                    "自定义",
                    "数据联动",
                    "公式编辑",
                    "数据源联动"
                ]);
                var DefPropBtn = document.createElement("div");
                Sel.onchanged = function (Sel) {
                    Data.DefType = Sel.Items[Sel.selectedIndex];
                    if (Sel.selectedIndex == 0) {
                        DefPropBtn.innerHTML = "设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new PropDepartDialog(Data.Range, Data.DefVal, true, false, function (Range) {
                                Data.DefVal = Range;
                                ResetCtrl(ControlBox, PropBody);
                            });
                        }
                    } else if (Sel.selectedIndex == 1) {
                        DefPropBtn.innerHTML = "数据联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageDialog(dataCtrl, PropBody);
                        }
                    } else if (Sel.selectedIndex == 2) {
                        DefPropBtn.innerHTML = "fx公式编辑";
                        DefPropBtn.onclick = function () {
                            var _CoderEditor = new FrmCoderEditor(dataCtrl, Data.DefVal, PropBody, function (Val) {
                                Data.DefVal = Val;
                            });
                        }
                    } else if (Sel.selectedIndex == 3) {
                        DefPropBtn.innerHTML = "数据源联动设置";
                        DefPropBtn.onclick = function () {
                            var Dialog = new LinkageSourceDlg(dataCtrl, PropBody);
                        }
                    }
                }
                DefPropBtn.className = "Value Btn";
                DefPropBtn.innerHTML = "设置";
                PropBody.appendChild(DefPropBtn);
                PropSplit(PropBody);

                Sel.selectedIndex = Sel.Items.indexOf(Data.DefType);
                if (Sel.selectedIndex < 0) {
                    Sel.selectedIndex = 0;
                }
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropLabel(PropBody, "校验");
                Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }
                var divNote = document.createElement("div");
                divNote.style.cssText = "color:rgb(145, 161, 183);font-size:12px;line-height:20px;margin-bottom:5px";
                divNote.innerHTML = Data.Note == null ? "" : Data.Note;
                divNote.className = "Note";
                ControlBox.appendChild(divNote);
                if (isCell) {
                    divNote.style.display = "none";
                }
                ControlBox.Changed = [];

                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%;white-space:normal";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%; width:330px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.className = "CLEmpty2";
                div.setAttribute("Empty", Data.Placeholder || "点击选择部门");
                div.innerHTML = FrmCtrls["部门多选"].GetDepartsHtml(Data, false, true);
                ControlBox.appendChild(div);
                var SelectedIDs = [];
                div.onclick = function () {
                    var Dialog = PropDepartDialog(Data.Range, { Parts: ControlBox.Value }, true, true, function (Range) {
                        ControlBox.Value = Range.Parts;
                    });
                }
                var DivClick = div.onclick;

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null || (Val.trim != null && Val.trim().length == 0)) {
                            if (SelectedIDs.length != 0) {
                                SelectedIDs = [];
                            } else {
                                return;
                            }
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = Val;
                            } else {
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = CLClone(Val);
                            }
                        }
                        var html = ""
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            html += "<div style='padding-right:10px; height: 30px;line-height: 30px; display: inline-block;'>";
                            if (!isCell) {
                                html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>";
                            }
                            html += "<span>" + CLApp.getDepartmentNameById(SelectedIDs[i]) + "</span></div>";
                        }
                        div.innerHTML = html;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择部门");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "数据联动") {
                        SelectedIDs = FrmCtrls.CalcParts(Data.DefVal);
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , SubShow: function (Data, DivLine) {
                var ControlBox = document.createElement("div");
                ControlBox.className = "ControlBox Column_" + Data.ID + " DataField_" + Data.ID;
                ControlBox.ID = Data.ID;
                ControlBox.Changed = [];
                var html = "<div class='ValBorder' style='width:180px;height:30px;background:rgba(0,0,0,0)'><div class='Value CLEmpty2' Empty='" + (Data.Placeholder || "") + "' style='width:150px;height:28px;line-height:28px;padding:0 5px;display:inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border:none'>" + FrmCtrls["部门多选"].GetDepartsHtml(Data, true, true) + "</div><div class='FontIcon' style='padding:0 5px;border-left:1px #e0e0e0 solid;height:28px;color:#0db3a6; margin:0;font-size:15px'>" + this.Icon + "</div></div>";
                ControlBox.innerHTML = html;
                DivLine.appendChild(ControlBox);
                var div = ControlBox.firstChild;
                var SelectedIDs = [];

                div.onclick = function () {
                    var Dialog = PropDepartDialog(Data.Range, { Parts: ControlBox.Value }, true, true, function (Range) {
                        ControlBox.Value = Range.Parts;
                    });
                }
                var DivClick = div.onclick;
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return SelectedIDs;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val != null) {
                            if ((Val.trim != null && Val.trim().length == 0)) {
                                if (SelectedIDs.length != 0) {
                                    SelectedIDs = [];
                                } else {
                                    return;
                                }
                            } else {
                                if (Val.constructor != [].constructor) {
                                    Val = JSON.parse(Val);
                                    if (Object.Equals(SelectedIDs, Val)) {
                                        return;
                                    }
                                    SelectedIDs = Val;
                                } else {
                                    if (Object.Equals(SelectedIDs, Val)) {
                                        return;
                                    }
                                    SelectedIDs = CLClone(Val);
                                }
                            }
                            var html = ""
                            for (var i = 0; i < SelectedIDs.length; i++) {
                                html += "<div style='padding-right:10px; height: 30px;line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                                html += "<span>" + CLApp.getDepartmentNameById(SelectedIDs[i]) + "</span></div>";
                            }
                            div.firstChild.innerHTML = html;
                        } else {
                            SelectedIDs = [];
                            div.firstChild.innerHTML = "";
                        }
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择部门");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlLine.Value = val;
                    ControlBox.Initialized = true;
                }
                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function (Box) {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DefType == "自定义") {
                        SelectedIDs = FrmCtrls.CalcParts(Data.DefVal);
                        FrmDesigner.GetInstance(ControlBox).OnCtrlPrepared(function () {
                            ControlBox.Value = SelectedIDs;
                        });
                    }
                    if (Data.DefType == "数据联动" && Data.Linkage != null) {
                        Linkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data["DataField_" + Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DefType == "公式编辑" && Data.DefVal != null) {
                        FrmCtrls.CtrlDefCode(ControlBox);
                    }
                    if (Data.DefType == "数据源联动" && Data.Linkage != null) {
                        SourceLinkage(ControlBox, function (data) {
                            if (data.length == 0) {
                                ControlBox.Value = "";
                                return;
                            }
                            data = data[0];
                            ControlBox.Value = data[Data.Linkage.UnionFieldID2] ? data[Data.Linkage.UnionFieldID2].oVal : data[Data.Linkage.UnionFieldID2];
                        });
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }
                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }
                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlBoxRequired")) {
                        ControlBox.classList.remove("ControlBoxRequired");
                    }
                });
                ControlBox.CheckValue = function () {
                    if (ControlBox.firstChild.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlBoxRequired");
                        ControlBox.scrollIntoView()
                        return false;
                    }
                }
                return ControlBox;
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    jData = [];
                }
                for (var i = 0; i < jData.length; i++) {
                    jData[i] = CLApp.getDepartmentNameById(jData[i])
                }
                return jData.toString();
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                var oVal = FormData1[key];
                if (typeof oVal == "string") {
                    oVal = JSON.parse(oVal);
                }
                var Val = FormData2[key];
                if (typeof Val == "string") {
                    Val = JSON.parse(Val);
                }
                if (Object.Equals(oVal, Val)) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["部门多选"]);
    }());

    (function (成员范围) {
        FrmCtrls["成员范围"] = {
            Icon: "&#xe818;"
            , Name: "成员范围"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "成员范围";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%;width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' Empty='成员范围' class='CLEmpty2'>";
                html += "</div>";
                return html;
            }
            , ShowRange: function (Range, isCell) {
                var html = "";
                if (Range == null) {
                    return html;
                }
                for (var i = 0; i < Range.Parts.length; i++) {
                    var Name = CLApp.getDepartmentNameById(Range.Parts[i]);
                    html += "<div style='padding-right:10px; height: 30px; margin:5px; line-height: 30px; display: inline-block;'>";
                    if (!isCell) {
                        html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>";
                    }
                    html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                }
                for (var i = 0; i < Range.Roles.length; i++) {
                    var Name = CLApp.getRoleById(Range.Roles[i]).Name;
                    html += "<div style='padding-right:10px; height: 30px; margin:5px; line-height: 30px; display: inline-block;'>"
                    if (!isCell) {
                        html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe737;</div>";
                    }
                    html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                }
                for (var i = 0; i < Range.Members.length; i++) {
                    var Name = CLApp.getMemberNameById(Range.Members[i]);
                    html += "<div style='padding-right:10px; height: 30px; margin:5px; line-height: 30px; display: inline-block;'>";
                    if (!isCell) {
                        html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>";
                    }
                    html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                }
                for (var i = 0; i < Range.Dynamic.length; i++) {
                    var Name = Range.Dynamic[i]
                    html += "<div style='padding-right:10px; height: 30px; margin:5px; line-height: 30px; display: inline-block;'>";
                    if (!isCell) {
                        html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>";
                    }
                    html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                }
                return html;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }

                ControlBox.Changed = [];

                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%;white-space:normal";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%;width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.setAttribute("Empty", Data.Placeholder || "成员范围");
                div.className = "CLEmpty2";
                var Range = null;

                div.onclick = function () {
                    var Range = CLClone(ControlBox.Value == null ? {} : ControlBox.Value);
                    var Dynamic = Range.Dynamic;
                    for (var i = 0; Dynamic != null && i < Dynamic.length; i++) {
                        for (var j = 0; j < FrmCtrls.g_Dynamic.length; j++) {
                            if (Dynamic[i] == FrmCtrls.g_Dynamic[j].Name) {
                                Dynamic[i] = FrmCtrls.g_Dynamic[j].ID;
                            }
                        }
                    }
                    MemberRangeDialog(Range == null ? {} : Range, function (Range) {
                        var Dynamic = Range.Dynamic;
                        for (var i = 0; i < Dynamic.length; i++) {
                            for (var j = 0; j < FrmCtrls.g_Dynamic.length; j++) {
                                if (Dynamic[i] == FrmCtrls.g_Dynamic[j].ID) {
                                    Dynamic[i] = FrmCtrls.g_Dynamic[j].Name;
                                }
                            }
                        }
                        ControlBox.Value = Range;
                    });
                }

                var DivClick = div.onclick;

                ControlBox.appendChild(div);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Range;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null) {
                            if (!Range) {
                                return;
                            }
                        } else {
                            if (Val.constructor != {}.constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(Range, Val)) {
                                    return;
                                }
                                Range = Val;
                            } else {
                                if (Object.Equals(Range, Val)) {
                                    return;
                                }
                                Range = CLClone(Val);
                            }
                        }
                        div.innerHTML = FrmCtrls["成员范围"].ShowRange(Range, isCell);
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , ConvertData: function (sData) {
                return "<code style='font-weight:900;color:#178cdf;text-decoration: underline;cursor:pointer'>查看</code>";
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (Object.Equals(JSON.parse(FormData1[key]), JSON.parse(FormData2[key]))) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["成员范围"]);
    }());

    (function (角色选择) {
        FrmCtrls["角色选择"] = {
            Icon: "&#xe818;"
            , Name: "角色选择"
            , Init: function (Data) {
                if (Data.Name == null) {
                    Data.Name = "角色选择";
                }
                if (Data.Required == null) {
                    Data.Required = false;
                }
                if (Data.Visible == null) {
                    Data.Visible = true;
                }
                if (Data.Editable == null) {
                    Data.Editable = true;
                }
            }
            , Html: function (Data) {
                this.Init(Data);
                html = "<div class='ControlTitle'>" + Data.Name + (Data.Required ? "<span style='color:#d84636;padding:0 5px'>*</span>" : "") + "</div>";
                if (Data.Note != null) {
                    html += "<div style='color:rgb(145, 161, 183);font-size:12px;line-height:20px'>" + CLHTMLSafe(Data.Note) + "</div>";
                }
                html += "<div style='padding-left:10px;max-width:100%;width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6' Empty='角色选择' class='CLEmpty2'>";
                html += "</div>";
                return html;
            }
            , Prop: function (ControlBox, PropBody) {
                var dataCtrl = ControlBox.dataCtrl;
                var Data = dataCtrl.Data;
                PropTitle(PropBody, ControlBox);
                PropSplit(PropBody);
                PropPlaceholder(PropBody, ControlBox);
                PropSplit(PropBody);
                PropNote(PropBody, ControlBox);
                PropSplit(PropBody);
                PropSplit(PropBody);
                PropDataLoaded(PropBody, ControlBox);
                PropLabel(PropBody, "校验");
                var Box = new CLCheckBox("必填", PropBody);
                Box.checked = Data.Required;
                Box.onchanged = function (Box) {
                    Data.Required = Box.checked;
                    ResetCtrl(ControlBox, PropBody);
                }
                PropSplit(PropBody);

                PropAuthority(PropBody, ControlBox);
                PropSplit(PropBody);

                PropLayout(PropBody, ControlBox);
            }
            , Show: function (Data, ControlBox) {
                var isCell = ControlBox.IsCell;
                ControlBox.innerHTML = "<div class='ControlTitle'>" + Data.Name + "</div>";
                if (Data.Required == true) {
                    notNull(ControlBox.firstChild);
                }
                if (isCell) {
                    ControlBox.firstChild.style.display = "none";
                    ControlBox.style.width = "100%";
                } else {
                    if (Data.iLayout == 1) {
                        ControlBox.style.width = "50%";
                    } else if (Data.iLayout == 2) {
                        ControlBox.style.width = "33.33%";
                    } else if (Data.iLayout == 3) {
                        ControlBox.style.width = "25%";
                    }
                }

                ControlBox.Changed = [];

                var div = document.createElement("div");
                if (isCell) {
                    div.style.cssText = "cursor:pointer;width:100%;white-space:normal";
                } else {
                    div.style.cssText = "padding-left:10px;cursor:pointer;max-width:100%;width:720px;height:80px;line-height:40px;color:#999;border:1px #e0e0e0 dashed;outline-color:#0db3a6";
                }
                div.setAttribute("Empty", Data.Placeholder || "选择角色");
                div.className = "CLEmpty2";
                var Roles = null;

                div.onclick = function (e) {
                    RolesSelector(Roles, e, function (Val) {
                        ControlBox.Value = Val;
                    });
                }

                var DivClick = div.onclick;

                ControlBox.appendChild(div);

                function OnChanged() {
                    ControlBox.Event = {
                        stopPropagation: false
                    };
                    for (var i = 0; i < ControlBox.Changed.length; i++) {
                        if (ControlBox.Event.stopPropagation) {
                            break;
                        }
                        ControlBox.Changed[i](ControlBox);
                    }
                }

                Object.defineProperty(ControlBox, "DivNote", {
                    get: function () {
                        return divNote;
                    }
                });
                Object.defineProperty(ControlBox, "Value", {
                    get: function () {
                        return Roles;
                    },
                    set: function (Val) {
                        if (FrmCtrl.IsValue(Val)) {
                            Val = Val.valueOf();
                        }
                        if (Val == null) {
                            if (!Roles) {
                                return;
                            }
                            Roles = null;
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(Roles, Val)) {
                                    return;
                                }
                                Roles = Val;
                            } else {
                                if (Object.Equals(Roles, Val)) {
                                    return;
                                }
                                Roles = CLClone(Val);
                            }
                        }
                        if (Roles.length == 0) {
                            Roles = null;
                        }
                        var html = "";
                        for (var i = 0; Roles != null && i < Roles.length; i++) {
                            var Name = CLApp.getRoleById(Roles[i]).Name;
                            html += "<div style='padding-right:10px; height: 30px; margin:5px; line-height: 30px; display: inline-block;'>";
                            if (!isCell) {
                                html += "<div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe737;</div>";
                            } else if (i >= 0) {
                                html += ",";
                            }
                            html += "<div style='line-height:30px;display:inline-block;vertical-align:top'>" + Name + "</div></div>";
                        }
                        div.innerHTML = html;
                        OnChanged();
                    }
                });
                Object.defineProperty(ControlBox, "Disabled", {
                    get: function () {
                        return div.onclick != DivClick;
                    },
                    set: function (val) {
                        var val = (val == true);
                        div.style.border = (val == true ? "none" : "");
                        div.setAttribute("Empty", val == true ? "暂无内容" : "点击选择成员");
                        div.onclick = ((val == true) ? null : DivClick);
                    }
                });
                ControlBox.InitData = function (val) {
                    ControlBox.Value = val;
                    ControlBox.Initialized = true;
                }

                ControlBox.OnInitializeds = [];

                ControlBox.OnInitializeds.call = function () {
                    for (var i = 0; i < this.length; i++) {
                        this[i](ControlBox);
                    }
                }

                //执行前预处理
                ControlBox.Prepare = function () {
                    if (!Data.Visible) {
                        ControlBox.style.display = "none";
                    }
                    if (!Data.Editable) {
                        ControlBox.Disabled = true;
                    }
                    if (Data.DataLoaded != null) {
                        ControlBox.OnInitializeds.push(function () {
                            FrmCoderEditor.RunCode.call(ControlBox, Data.DataLoaded.runCode, Data, ControlBox);
                        });
                    }
                }

                ControlBox.Changed.push(function () {
                    if (ControlBox.classList.contains("ControlLineRequired")) {
                        ControlBox.classList.remove("ControlLineRequired");
                    }
                });

                ControlBox.CheckValue = function () {
                    if (ControlBox.offsetHeight != 0 && Data.Editable == true && Data.Required == true && ControlBox.Value == null) {
                        ControlBox.classList.add("ControlLineRequired");
                        ControlBox.scrollIntoView();
                        return false;
                    }
                }
            }
            , ConvertData: function (sData) {
                var jData = JSON.parse(sData);
                if (jData == null) {
                    jData = [];
                }
                for (var i = 0; i < jData.length; i++) {
                    if (jData[i] != null) {
                        jData[i] = CLApp.getRoleById(jData[i]);
                        if (jData[i] == null) {
                            jData[i] = "??????";
                        } else {
                            jData[i] = jData[i].Name;
                        }
                    }
                }
                return jData.toString();
            }
            , FindRelevantTable: function (Data) {
                var IDs = [];
                if (Data.DefType == "数据联动" && Data.Linkage != null && Data.Linkage.FormID != null) {
                    IDs.push(Data.Linkage.FormID);
                }
                return IDs;
            }
            , RemoveIfEquals: function (FormData1, FormData2, key) {
                if (Object.Equals(JSON.parse(FormData1[key]), JSON.parse(FormData2[key]))) {
                    delete FormData2[key];
                }
            }
            , Where: function (Container, jWhere) {
                FrmCtrls.Where(Container, jWhere);
            }
        };
        FrmCtrls["高级字段"].push(FrmCtrls["角色选择"]);
    }());

    (function (流程状态) {
        FrmCtrls["流程状态"] = {
            Icon: "&#xe6bb;"
            , Name: "流程状态"
            , ConvertData: function (sData) {
                if (sData * 1 == -1) {
                    return "已暂存";
                } else {
                    if (sData * 1 > 3) {
                        return "已存档";
                    } else {
                        return ["运行中", "已完成", "已终止"][(sData * 1) - 1];
                    }
                }
            }
        };
    }());

    (function (提交人) {
        FrmCtrls["提交人"] = {
            Icon: "&#xe7d6;"
            , Name: "提交人"
            , ConvertData: FrmCtrls["成员单选"].ConvertData
        };
    }());

    (function (提交时间) {
        FrmCtrls["提交时间"] = {
            Icon: "&#xeb1e;"
            , Name: "提交时间"
        };
    }());

    (function (更新时间) {
        FrmCtrls["更新时间"] = {
            Icon: "&#xeb1e;"
            , Name: "更新时间"
        };
    }());

    FrmCtrls.CtrlsProps = (function () {
        var Prop = {
            "单行文本": {
                Name: "文本"
                , Color: "#0DB3A6"
            },
            "多行文本": {
                Name: "文本"
                , Color: "#0DB3A6"
            },
            "数字": {
                Name: "数字"
                , Color: "#F4B700"
            },
            "时间日期": {
                Name: "时间戳"
                , Color: "#248AF9"
            },
            "单选按钮组": {
                Name: "文本"
                , Color: "#0DB3A6"
            },
            "复选框组": {
                Name: "数组"
                , Color: " #8C5FFB"
            },
            "下拉框": {
                Name: "文本"
                , Color: "#0DB3A6"
            },
            "下拉复选框": {
                Name: "数组"
                , Color: " #8C5FFB"
            },
            "附件上传": {
                Name: "数组"
                , Color: " #8C5FFB"
            },
            "手写签名": {
                Name: "图片"
                , Color: " #8C500B"
            },
            "流水号": {
                Name: "文本"
                , Color: "#0DB3A6"
            },
            "子表单": {
                Name: "表单"
                , Color: " #660099"
            },
            "关联数据": {
                Name: "关联"
                , Color: " #66aa99"
            },
            "成员单选": {
                Name: "ID"
                , Color: " #CC00CC"
            },
            "成员多选": {
                Name: "数组"
                , Color: " #8C5FFB"
            },
            "部门单选": {
                Name: "ID"
                , Color: " #CC00CC"
            },
            "部门多选": {
                Name: "数组"
                , Color: " #8C5FFB"
            },
            "摄像头": {
                Name: "扫码"
                , Color: " #660000"
            },
            "提交按钮": {
                Name: "对象"
                , Color: " #996633"
            },
            "流程状态": {
                Name: "枚举"
                , Color: " #33CC33"
            },
            "成员范围": {
                Name: "对象"
                ,Color: " #8C5FFB"
            }
        }
        Prop["提交人"] = Prop["成员单选"];
        Prop["提交时间"] = Prop["时间日期"];
        Prop["更新时间"] = Prop["时间日期"];
        return Prop;
    })();

    FrmCtrls.CameraValue = null;

    FrmCtrls.ConvertData = function (className, sData) {
        if (FrmCtrls[className].ConvertData == null) {
            return sData;
        } else {
            return FrmCtrls[className].ConvertData(sData);
        }
    }

    FrmCtrls.Wheres = function (Container, jWhere) {
        return window.FrmWheres(Container, jWhere);
    }

    FrmCtrls.CalcMembers = function (DefVal) {
        var Members = [];
        for (var i = 0; DefVal.Members && i < DefVal.Members.length ; i++) {
            if (DefVal.Members[i] == null) {
                continue;
            }
            Members.push(DefVal.Members[i]);
        }
        var Dynamic = RealDynamic(g_Dynamic);
        var DynamicVal = DefVal.Dynamic;
        for (var i = 0; DynamicVal && i < g_Dynamic.length ; i++) {
            if (DynamicVal.indexOf(g_Dynamic[i].ID) >= 0) {
                var Name = Dynamic[i].Name;
                if (DefVal.Members.indexOf(Dynamic[i].ID) >= 0) {
                    continue;
                }
                Members.push(Dynamic[i].ID);
            }
        }
        return Members;
    }

    FrmCtrls.CalcParts = function (DefVal) {
        var Parts = [];
        for (var i = 0; DefVal.Parts && i < DefVal.Parts.length ; i++) {
            if (DefVal.Parts[i] == null) {
                continue;
            }
            Parts.push(DefVal.Parts[i]);
        }
        var RealDynamic = RealDepartDynamic(g_departDynamic);
        if (DefVal.Dynamic) {
            for (var i = 0; RealDynamic && i < RealDynamic.length ; i++) {
                if (DefVal.Dynamic.indexOf(g_departDynamic[i].ID) >= 0 && Parts.indexOf(RealDynamic[i].ID) < 0) {
                    Parts.push(RealDynamic[i].ID);
                }
            }
        }
        return Parts;
    }

    FrmCtrls.ControlCamera = function () {
        return FrmCtrls.CameraValue;
    }

    FrmCtrls.RunCodeGetValueByID = function (ID, ParentID, Name, curName) {
        if (ID == "提交按钮") {
            if (Name == "提交按钮") {
                return FrmDesigner.GetInstance(FrmCoderEditor.Self).LastSubmitDt;
            } else {
                return null;
            }
        } else if (ParentID != null) {
            var ControlBox = FrmDesigner.getElementById(ParentID, FrmCoderEditor.Self);
            return ControlBox.GetValueByID(ID);
        } else {
            var ControlBox = FrmDesigner.getElementById(ID, FrmCoderEditor.Self);
            if (ControlBox == null) {
                CLShowMsg(curName + ": 运行公式时发生错误,引用字段【" + Name + "】已损毁");
                return;
            }
            var arrayControls = [
                "复选框组",
                "下拉复选框",
                "成员多选",
                "部门多选"
            ];
            var Ret = ControlBox.Value;
            if (arrayControls.indexOf(ControlBox.dataCtrl.Name) >= 0 && Ret == null) {
                Ret = [];
            }
            return Ret;
        }
    }

    FrmCtrls.At = function (currentBox, srcBox, func) {
        var self = FrmCoderEditor.Self;
        var data = FrmCoderEditor.Data;
        var box = FrmCoderEditor.Box;
        var curName = FrmCoderEditor.curName;
        FrmCoderEditor.Self = currentBox;
        FrmCoderEditor.Data = currentBox.dataCtrl.Data;
        FrmCoderEditor.curName = FrmCoderEditor.Data.Name;
        FrmCoderEditor.Box = srcBox;
        var e;
        try {
            func();
        } catch (ex) {
            e = ex;
        }
        FrmCoderEditor.Self = self;
        FrmCoderEditor.Data = data;
        FrmCoderEditor.Box = box;
        FrmCoderEditor.curName = curName;
        if (e) {
            throw e;
        }
    }

    FrmCtrls.ControlFormField = function (obj) {
        if (obj.FormID != null) {
            var R = new FrmCtrl();
            R.FormID = obj.FormID;
            R.DataFieldID = obj.ID;
            return R;
        }
        if (FrmCoderEditor.Data.ParentID != null && obj.ParentID == FrmCoderEditor.Data.ParentID) {
            Box = FrmDesigner.getElementById(obj.ID, FrmCoderEditor.Self);
            var jRet = Box.Value;
            if (typeof (jRet) == "string") {
                var sVal = jRet;
                jRet = {
                    Self: Box,
                    valueOf: function () {
                        return sVal;
                    },
                    toString: function () {
                        return sVal;
                    }
                };
            } else if (typeof (jRet) == "number") {
                var Val = jRet;
                jRet = {
                    Self: Box,
                    toString: function () {
                        return Val + "";
                    },
                    valueOf: function () {
                        return Val;
                    }
                };
            } else if (jRet != null && Array.isArray(jRet)) {
                var Val = jRet;
                jRet = {
                    Self: Box,
                    toString: function () {
                        return Val + "";
                    },
                    valueOf: function () {
                        return Val;
                    }
                }
            } else {
                if (jRet == null) {
                    jRet = {
                        Self: Box,
                        toString: function () {
                            return null;
                        },
                        valueOf: function () {
                            return null;
                        }
                        , IsNull: true
                    };
                }
            }
            var R;
            if (jRet instanceof Array) {
                R = jRet;
                R.__IsFrmCtrl__ = true;
            } else {
                R = new FrmCtrl();
            }
            R.Self = jRet.Self;
            R.toString = jRet.toString;
            R.valueOf = jRet.valueOf;
            R.IsNull = jRet.IsNull;
            return R;
        } else {
            var jRet = FrmCtrls.RunCodeGetValueByID(obj.ID, obj.ParentID, obj.Name, FrmCoderEditor.curName);
            var _FrmDesigner = FrmDesigner.GetInstance(FrmCoderEditor.Self);
            var Box = FrmDesigner.getElementById(obj.ID, FrmCoderEditor.Self);
            if (typeof (jRet) == "string") {
                var Val = jRet;
                jRet = {
                    Self: Box,
                    valueOf: function () {
                        return Val;
                    },
                    toString: function () {
                        return Val
                    }
                };
                if (obj.className == "时间日期" || obj.ID == "提交按钮") {
                    jRet = Date.Parse(Val);
                    jRet.Self = Box;
                    jRet.valueOf = function () {
                        return Val;
                    }
                    jRet.toString = function () {
                        return jRet.Format("yyyy-MM-dd HH:mm:ss.fff");
                    }
                }
            } else if (typeof (jRet) == "number") {
                var Val = jRet;
                jRet = {
                    Self: Box,
                    toString: function () {
                        return Val + "";
                    },
                    valueOf: function () {
                        return Val;
                    }
                };
            }
            else if (obj.ParentID != null) {
                var Val = jRet;
                var SubTable = FrmDesigner.getElementById(obj.ParentID, FrmCoderEditor.Self);
                var Column = SubTable.queryBoxes(obj.ID);
                if (Column.Visible == null) {
                    Object.defineProperty(Column, "Visible", {
                        get: function () {
                            var Data = null;
                            for (var i = 0; i < Column.length; i++) {
                                if (Column[i].dataCtrl != null) {
                                    Data = Column[i].dataCtrl.Data;
                                }
                            }
                            return Data != null && Data.Visible;
                        },
                        set: function (val) {
                            val = val == true;
                            var display;
                            if (val) {
                                display = "table-cell";
                            } else {
                                display = "none";
                            }
                            var Data = null;
                            for (var i = 0; i < Column.length; i++) {
                                if (Column[i].dataCtrl != null) {
                                    Data = Column[i].dataCtrl.Data;
                                }
                            }
                            Data.Visible = val;
                            for (var i = 0; i < Column.length; i++) {
                                if (Column[i].ControlBoxs != null) {
                                    for (var j = 0 ; j < Column[i].ControlBoxs.length ; j++) {
                                        Column[i].ControlBoxs.style.display = display;
                                    }
                                } else {
                                    Column[i].style.display = display;
                                }
                            }
                        }
                    });
                }
                if (Column.Disabled == null) {
                    Object.defineProperty(Column, "Disabled", {
                        get: function () {
                            for (var i = 0; i < Column.length; i++) {
                                if (Column[i].dataCtrl != null) {
                                    return !Column[i].dataCtrl.Data.Editable;
                                }
                            }
                            return false;
                        },
                        set: function (val) {
                            val = val == true;
                            for (var i = 0; i < Column.length; i++) {
                                for (var i = 0; i < Column.length; i++) {
                                    if (Column[i].dataCtrl != null) {
                                        Column[i].dataCtrl.Data.Editable = !val;
                                        Column[i].Disabled = val;
                                    }
                                }
                            }
                        }
                    });
                }
                Column.ID = obj.ID;
                if (jRet != null) {
                    jRet.Self = Column;
                } else {
                    jRet = {
                        Self: Column,
                        IsNull: true,
                        valueOf: function () {
                            return null;
                        }
                    }
                }
            } else if (obj.className == "子表单") {
                jRet.Self = Box;
            }
            else {
                var Val = jRet;
                if (jRet == null) {
                    jRet = {
                        Self: Box,
                        toString: function () {
                            return null;
                        },
                        valueOf: function () {
                            return null;
                        }
                        , IsNull: true
                    };
                } else {
                    jRet.Self = Box;
                    if (obj.className == "时间日期" || obj.ID == "提交按钮") {
                        jRet = Date.Parse(Val);
                        jRet.Self = Box;
                        jRet.valueOf = function () {
                            return Val;
                        }
                        jRet.toString = function () {
                            return Val + "";
                        }
                    }
                }
            }
            R = jRet;
            R.__IsFrmCtrl__ = true;
            R.Self = jRet.Self;
            R.toString = jRet.toString;
            R.valueOf = jRet.valueOf;
            R.IsNull = jRet.IsNull;
            return R;
        }
    }

    FrmCtrls.getDynamicNameById = getDynamicNameById;

    FrmCtrls.getDynamicIdByName = getDynamicIdByName;

    FrmCtrls.MemberRangeDialog = MemberRangeDialog;

    FrmCtrls.MemberDialog = MemberDialog;

    FrmCtrls.PropDepartDialog = PropDepartDialog;

    FrmCtrls.getFormDataByIdAndWheres = getFormDataByIdAndWheres;

    FrmCtrls.CompareAble = CompareAble;

    FrmCtrls.NotNull = notNull;

    FrmCtrls.GetValueProps = function (className, useArray, translate) {
        var Ctrl;
        if (className == "单行文本" || className == "多行文本" || className == "时间日期" || className == "单选按钮组" || className == "下拉框" || className == "提交按钮" || className == "流水号") {
            Ctrl = "";
        } else if (className == "数字") {
            Ctrl = 0;
        } else if (className == "复选框组" || className == "下拉复选框") {
            Ctrl = [""];
        } else if (className == "附件上传") {
            Ctrl = [{
                Src: "",
                Name: "",
                Size: 0
            }];
        } else if (className == "成员单选") {
            if (translate === false) {
                Ctrl = "";
            } else {
                Ctrl = {
                    value: "",
                    oVal: "",
                    ID: "",
                    toString: function () { }
                };
            }
            JsParser.SetReturn(Ctrl.toString, "");
        }
        else if (className == "成员多选") {
            Ctrl = [""];
            if (translate === false) {
                Ctrl = [""];
            } else {
                Ctrl = [
                    {
                        value: "",
                        oVal: "",
                        ID: "",
                        toString: function () { }
                    }
                ];
            }
            JsParser.SetReturn(Ctrl[0].toString, "");
        }
        else if (className == "部门单选") {
            if (translate === false) {
                Ctrl = 0;
            } else {
                Ctrl = {
                    value: "",
                    oVal: 0,
                    ID: 0,
                    toString: function () { }
                };
            }
            JsParser.SetReturn(Ctrl.toString, "");
        }
        else if (className == "部门多选") {
            Ctrl = [];
            if (translate === false) {
                Ctrl = 0;
            } else {
                Ctrl = [
                    {
                        value: "",
                        oVal: 0,
                        ID: 0,
                        toString: function () { }
                    }
                ];
            }
            JsParser.SetReturn(Ctrl[0].toString, "");
        }
        if (useArray) {
            Ctrl = [Ctrl];
        }
        return Ctrl;
    }
}());

;(function () {
    var FrmDataDialog = window.FrmDataDialog = function (formData, dataIndex) {
        var self = this;
        self.formData = formData;
        self.dataIndex = dataIndex - 1;
        var _CLBox = self.CLBox = new CLPageBox();
        _CLBox.EnableMove();
        _CLBox.Box.style.width = "1080px";
        if (formData.MulLevel) {
            _CLBox.Box.style.width = "1430px";
        } else {
            _CLBox.Box.style.width = "1030px";
        }
        _CLBox.Body.style.height = "calc(100% - 50px)";
        _CLBox.Bottom.remove();
        //标题
        var _CLBtnGroup;
        if (!IsMobile()) {
            var title = document.createElement("span");
            _CLBox.Header.style.textAlign = "left";
            self.setTitle = function (sTitle) {
                title.innerHTML = sTitle
            }
            _CLBox.Header.appendChild(title);
        } else {
            var blockBtns = document.createElement("div");
            _CLBox.Header.style.background = "#fff";
            _CLBox.Header.style.padding = "0 10px 0 10px";
            var closeBox = _CLBox.Header.getElementsByClassName("Close")[0];
            closeBox.style.color = "#91A1B7";
            closeBox.style.fontSize = "18px";
            _CLBox.Header.style.paddingLeft = "10px";
            _CLBox.Header.style.boxShadow = "0 2px 6px 0 rgba(186,186,186,.5)";
            blockBtns.style.cssText = "padding:13px 0;text-align:left";
            _CLBox.Header.appendChild(blockBtns);
            self.setBtns = function () {
                blockBtns.innerHTML = "";
                var Btns = [
                    {
                        Name: "数据",
                        Width: "50px",
                        IsSel: false,
                        OnBtnCreated: OnBtnCreated
                    }
                ];
                if (self.dataLine.FlowID != null) {
                    Btns.push(
                    {
                        Name: "流程日志",
                        Width: "80px",
                        IsSel: false,
                        OnBtnCreated: OnBtnCreated
                    });
                }
                Btns.push(
                {
                    Name: "数据日志",
                    Width: "80px",
                    IsSel: false,
                    OnBtnCreated: OnBtnCreated
                });
                Btns.push(
                {
                    Name: "评论",
                    Width: "50px",
                    IsSel: false,
                    OnBtnCreated: OnBtnCreated
                });
                if (self.dataLine.FlowID != null) {
                    Btns.push(
                    {
                        Name: "流程图",
                        Width: "75px",
                        IsSel: false,
                        OnBtnCreated: OnBtnCreated
                    });
                }
                function OnBtnCreated(divBtn) {
                    if (divBtn.Btn.Name != "数据") { }
                    divBtn.style.margin = "0 0 0 5px";
                }
                _CLBtnGroup = new CLBtnGroup(blockBtns, Btns);
                _CLBtnGroup.groupDiv.classList.add("CLRoundBtnGroup");
                var selectedIndex = 0;
                var Box = null;
                _CLBtnGroup.OnSelected = function (divBtn) {
                    var index = Btns.indexOf(divBtn.Btn);
                    if (index == selectedIndex) {
                        return;
                    }
                    if (divBtn.Btn.Name == "流程图") {
                        if (Box == null) {
                            function func() {
                                Box = self.showChart();
                                var close = Box.Close;
                                Box.Close = function () {
                                    close.call(Box);
                                    Box = null;
                                }
                                _CLBtnGroup && _CLBtnGroup.Select(selectedIndex, false);
                            }
                            var FlowChartInfo = self.FlowChartInfo;
                            if (!FlowChartInfo) {
                                var load = FrmDataDialog.getFlowChartInfo(self.dataLine.FlowID, function (Info) {
                                    self.FlowChartInfo = Info;
                                    func();
                                });
                                load.SetContainer(self.CLBox.Body);
                                return;
                            } else {
                                func();
                            }
                        } else {
                            _CLBtnGroup &&  _CLBtnGroup.Select(selectedIndex, false);
                        }
                    } else {
                        if (divBtn.Btn.Name == "流程日志" || divBtn.Btn.Name == "数据日志" || divBtn.Btn.Name == "评论") {
                            dataInfo.style.display = "";
                        } else {
                            dataInfo.style.display = "none";
                        }
                        if (Box != null) {
                            Box.Close();
                        }
                        if (index > 0) {
                            infoBody && infoBody.Select(index - 1);
                        }
                        selectedIndex = index;
                    }
                }
            }
        }
        var Main = self.Main = document.createElement("div");
        Main.style.cssText = "position: absolute;top: 0px;width:calc(100% - 300px);bottom: 0;left: 0;";
        if (IsMobile()) {
            Main.style.width = "100%";
        }
        _CLBox.Body.appendChild(Main);
        var menuBar = self.menuBar = document.createElement("div");
        menuBar.style.cssText = "position: absolute;top: 0px;bottom: 0;left: 0; height: 40px;line-height: 40px;width:100%;background-color: #f3f7f7;";
        menuBar.onselectstart = function () { return false };
        Main.appendChild(menuBar);
        var Body = self.Body = document.createElement("div");
        Body.style.cssText = "position: absolute;top: 40px;width:100%;bottom: 0;left: 0;";
        Main.appendChild(Body);
        var dataInfo = self.dataInfo = document.createElement("div");
        dataInfo.style.cssText = "position:absolute; width: 300px;top:0; right: 0;bottom: 0;border-left:1px solid #E9E9E9;background:#fff";
        dataInfo.style.zIndex = 1000;
        if (IsMobile()) {
            dataInfo.style.display = "none";
            dataInfo.style.width = "100%";
        }
        _CLBox.Body.appendChild(dataInfo);
        var infoBar = self.infoBar = menuBar.cloneNode();
        self.infoBar.style.padding = "0 10px";
        if (!IsMobile()) {
            dataInfo.appendChild(infoBar);
        }
        var infoBody = self.infoBody = Body.cloneNode();
        infoBody.style.padding = "0 10px";
        if (IsMobile()) {
            infoBody.style.top = "0px";
        }
        infoBody.Select = function (index) {

        }
        dataInfo.appendChild(infoBody);
        self.nextLine();
        if (IsMobile()) {
            var hash = self.Tab;
            if (!!hash) {
                _CLBtnGroup && _CLBtnGroup.Select(hash + 1);
            } else {
                _CLBtnGroup && _CLBtnGroup.Select(0);
            }
        }
    }

    var fn = FrmDataDialog.prototype;

    fn.dataLine = null;

    fn.dataIndex = null;

    fn.formData = null;

    fn.FlowChartInfo = null;

    fn.lineCount = null;

    fn.Main = null;

    fn.menuBar = null;

    fn.Body = null;

    fn.infoBar = null;

    fn.infoBody = null;

    fn.lineCount = null;

    fn.setTitle = function (title) {

    }

    fn.setBtns = function (title) {

    }

    fn.showMenuBar = function () {
        var self = this;
        self.menuBar.innerHTML = "";
        var leftBlock = document.createElement("div");
        leftBlock.style.cssText = "position: absolute;top: 0;left: 20px;";
        self.menuBar.appendChild(leftBlock);
        var showFieldsBtn = document.createElement("span");
        showFieldsBtn.style.cssText = "font-family:CLFont;color:#0DB3A6;cursor:pointer;background:#D8EBFD;border-radius:50%;padding:0px 7px;;float:left;line-height: 26px;margin-top: 7px;";
        showFieldsBtn.style.fontSize = "12px";
        showFieldsBtn.innerHTML = "&#xe614;";
        leftBlock.appendChild(showFieldsBtn);
        var shareBtn = showFieldsBtn.cloneNode();
        shareBtn.innerHTML = "&#xe6f3;";
        shareBtn.style.background = "initial";
        shareBtn.style.fontSize = "initial";
        leftBlock.appendChild(shareBtn);
        if (IsMobile()) {
            shareBtn.style.display = "none";
        }
        var splitLine = document.createElement("div");
        splitLine.style.cssText = "position: relative;left: 0;width: 1px;height: 20px;margin: 10px 12px;background: #e0e0e0;float:left";
        leftBlock.appendChild(splitLine);
        var printBtn = showFieldsBtn.cloneNode();
        printBtn.style.fontSize = "14px";
        printBtn.style.background = "initial";
        if (CLApp.CalcAuth(self.formData.DataRange, "打印", self.dataLine, true)) {
            printBtn.innerHTML = "&#xe60c;<span style='color:initial;padding-left:5px'>打印</span>";
            //leftBlock.appendChild(printBtn);
            printBtn.onclick = function () {
                if (!self.FrmDesigner) {
                    return;
                } else if (!self.FrmDesigner.Excel) {
                    CLShowMsg("没有设置模板");
                    return;
                }
                ExcelDesigner.Print(self.FrmDesigner.Excel);
            }
        }
        if (CLApp.CalcAuth(self.formData.DataRange, "编辑", self.dataLine, true)) {
            var editBtn = self.editBtn = printBtn.cloneNode();
            editBtn.style.fontSize = "14px";
            editBtn.style.background = "initial";
            editBtn.innerHTML = "&#xe609;<span style='color:initial;padding-left:5px'>编辑</span>";
            leftBlock.appendChild(editBtn);
            editBtn.onclick = function () {
                self.EditData();
            }
        }

        if (CLApp.CalcAuth(self.formData.DataRange, "删除", self.dataLine, true)) {
            var delBtn = self.editBtn = printBtn.cloneNode();
            delBtn.style.fontSize = "14px";
            delBtn.style.background = "initial";
            delBtn.innerHTML = "<code style='color:#c00;font-family:CLFont'>&#xe6b4;</code><span style='color:initial;padding-left:5px'>删除</span>";
            leftBlock.appendChild(delBtn);
            delBtn.onclick = function () {
                self.Delete(function () {
                    self.ondeleted();
                    self.CLBox.Close();

                });
            }
        }

        if (CLApp.CalcAuth(self.formData.DataRange, "复制", self.dataLine, true)) {
            var copyBtn = self.editBtn = printBtn.cloneNode();
            copyBtn.style.fontSize = "14px";
            copyBtn.style.background = "initial";
            copyBtn.innerHTML = "<code style='color:#xe609;font-family:CLFont'>&#xe66c;</code><span style='color:initial;padding-left:5px'>复制</span>";
            leftBlock.appendChild(copyBtn);
            copyBtn.onclick = function () {
                self.Copy(self.dataLine.ID, function (data) {
                    self.copied = true;
                    self.showLine(self.formData, data);
                    rightBlock.style.display = "none";
                    self.onchanged();
                    CLShowMsg("操作成功",false);
                });
            }
        }

        if ((CLApp.CalcAuth(self.formData.DataRange, "终止流程", self.dataLine, true) || (self.dataLine.Submiter == CLApp.getCurrentUserId() && self.dataLine.CreatorTerminate)) && self.dataLine.iFlowStatus == 1 && self.dataLine.FlowID != null) {
            var terminateBtn = printBtn.cloneNode();
            terminateBtn.style.fontSize = "14px";
            terminateBtn.style.background = "initial";
            terminateBtn.innerHTML = "<code style='color:#c00;font-family:CLFont;font-weight:900'>&#xe60b;</code><span style='color:initial;padding-left:5px'>终止</span>";
            leftBlock.appendChild(terminateBtn);
            terminateBtn.onclick = function () {
                self.terminateFlow(function () {
                    self.dataLine.iFlowStatus = 2;
                    terminateBtn.remove();
                });

            }
        }
        var rightBlock = document.createElement("div");
        rightBlock.style.cssText = "position: absolute;top: 0;right: 20px;";
        self.menuBar.appendChild(rightBlock);
        var switchPrev = document.createElement("div");
        switchPrev.style.cssText = "font-family:CLFont;color:#9c9c9c;float:left;cursor:pointer;padding:0 3px";
        switchPrev.innerHTML = "&#xe679;";
        rightBlock.appendChild(switchPrev);
        var switchNum = document.createElement("div");
        switchNum.style.cssText = "color:#9c9c9c;float:left;";
        switchNum.innerHTML = self.dataIndex + "/" + self.lineCount;
        rightBlock.appendChild(switchNum);
        var switchNext = switchPrev.cloneNode();
        switchNext.innerHTML = "&#xe6a3;";
        rightBlock.appendChild(switchNext);
        if (self.dataIndex > 1) {
            switchPrev.style.color = "#0db3a6";
            switchPrev.onclick = function () {
                self.prevLine();
            }
        }
        if (self.dataIndex < self.lineCount) {
            switchNext.style.color = "#0db3a6";
            switchNext.onclick = function () {
                self.nextLine();
            }
        }
    }

    fn.showInfo = function () {
        var self = this;
        self.infoBar.innerHTML = "<style>.infoBarBtn{font-family:CLFont;cursor:pointer;position: relative;height:26px;line-height:26px;float:right;margin-top:7px;border: 1px solid #d9d9d9;border-radius: 2px;padding: 0 14px;right: 0} .infoBarBtn span{color:#91A1B7;} .infoBarBtn:hover,.infoBarBtn:hover span{color:#0db3a6;border-color:#0db3a6}</style>";
        self.infoBody.innerHTML = "";
        var menuText = document.createElement("div");
        menuText.style.display = "inline";
        menuText.innerHTML = "动态";
        self.infoBar.appendChild(menuText);
        var dataLine = self.dataLine;
        var divInfo = document.createElement("div");
        divInfo.style.cssText = "position: absolute;top: 40px;left: 10px;right:10px;bottom:0;overflow:auto";
        self.infoBody.appendChild(divInfo);
        if (IsMobile()) {
            divInfo.style.top = "0";
        }
        self.comments && self.comments.Close();
        self.comments = null;
        var dataLogInfo = null;
        function func() {
            var Info = dataLogInfo;
            for (var i = 0; i < Info.length; i++) {
                var changes = Info[i].Changes;
                for (var j = 0; j < changes.length; j++) {
                    var change = changes[j];
                    if (change.className == "子表单") {
                        var span = divInfo.querySelector(".change_" + i + "_" + j);
                        if (span && span.innerText == "查看") {
                            span.style.cursor = "pointer";
                            span.change = change;
                            span.onclick = function () {
                                var form = CLClone(self.formData);
                                var config = null;
                                var ID = this.change.ID.substr(9);
                                delete form.TplUse;
                                form.Controls.forEach(function (ele) {
                                    if (ele.Data.ID == ID) {
                                        config = ele;
                                        config.Data.Field.forEach(function (ele) {
                                            delete ele.Data.CusSearch;
                                            delete ele.Data.DataLoaded;
                                            if (/部门|成员/.test(ele.Name)) {
                                                ele.Data.DefVal = {};
                                            } else {
                                                delete ele.Data.DefVal;
                                            }
                                            delete ele.Data.Linkage;
                                            ele.Data.Editable = false;
                                            ele.Data.Visible = true;
                                        });
                                        config.Data.CanAddLine = false;
                                        config.Data.CanEditLine = false;
                                        config.Data.CanDelLine = false;
                                        config.Data.Order = false;
                                    }
                                });
                                form.dataSources = [];
                                form.Vars = [];
                                form.Controls = [config];
                                var div = document.createElement("div");
                                div.style.cssText = "width:800px;height:600px;max-width:100%;max-height:100%";
                                var dlg = new CLDialog(div);
                                var Name = config.Data.Name;
                                config.Data.forcePc = true;
                                config.Data.Name = "";
                                dlg.CreateAll(Name, function () {
                                });
                                dlg.EnableMove();
                                dlg.Header.ondblclick = function () {
                                    dlg.MaximizeOrReset();
                                }
                                dlg.Body.style.position = "relative";
                                var data = {

                                };
                                var dataTable = this.change.Value;
                                data[this.change.ID] = dataTable;
                                FrmDesigner.CreateInstance(form, null, {}, function (frm) {
                                    frm.Reset(data);
                                    var table = dlg.Body.querySelectorAll(".SubTable .Line").forEach(function (line) {
                                        line.onmouseenter = null;
                                        line.onmouseleave = null;
                                    });
                                    var table = dlg.Body.querySelectorAll(".Right .SubTable")[1];
                                    table.querySelectorAll(".Line").forEach(function (line, index) {
                                        if (index == 0) {
                                            return;
                                        }
                                        var dataLine = dataTable[index - 1];
                                        if (dataLine.Del == true) {
                                            line.classList.add("LineDelete");
                                        }
                                        else if (dataLine.Add == true) {
                                            line.classList.add("LineAdded");
                                        } else {
                                            var changes = dataLine.changes;
                                            for (var key in changes) {
                                                var box = line.querySelector("." + key);
                                                if (box) {
                                                    box.classList.add("Changed");
                                                    box.Prev = changes[key];
                                                    if (box.dataCtrl.Name != "附件上传") {
                                                        box.onmouseenter = function () {
                                                            var div = document.createElement("div");
                                                            div.style.lineHeight = "28px";
                                                            div.style.padding = "7px";
                                                            div.style.minWidth = this.offsetWidth + "px";
                                                            var tilte = new CLTitle(this, div);
                                                            div.innerHTML = "<span style='color:#606'>" + (!this.Prev ? "</span>" : this.Prev + "</span><br/>-><br/>") + "<span style='color:#606'>" + this.Value + "</span>";
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    });
                                }, null, null, dlg.Body);
                            }
                        }
                    }
                }
            }
        }
        if (true) {
            var mainHead = document.createElement("div");
            mainHead.style.cssText = "position: absolute;top: 0;left: 10px;right:10px;height: 40px;padding: 7px 0;";
            self.infoBody.appendChild(mainHead);
            var FlowChartInfo = null;
            var Btns = [];
            if (dataLine.FlowID != null) {
                Btns.push({
                    Name: "流程日志",
                    Width: 40,
                    IsSel: false
                });
            }
            Btns.push({
                Name: "数据日志",
                Width: 40,
                IsSel: false
            },
            {
                Name: "评论",
                Width: 40,
                IsSel: false
            });
            var _CLBtnGroup = new CLBtnGroup(mainHead, Btns);

            self.infoBody.Select = function (index) {
                _CLBtnGroup && _CLBtnGroup.Select(index);
            }
            if (IsMobile()) {
                mainHead.style.display = "none";
            }
            _CLBtnGroup.groupDiv.classList.add("CLRoundBtnGroup");
            var selectedName = null;
            _CLBtnGroup.OnSelected = function (divBtn) {
                if (selectedName == divBtn.Btn.Name) {
                    return;
                }
                self.Tab = _CLBtnGroup.getBtns().indexOf(divBtn);
                selectedName = divBtn.Btn.Name;
                divInfo.selected = selectedName;
                if (divBtn.Btn.Name == "评论") {
                    self.showComments();
                } else {
                    self.comments && self.comments.Close();
                    self.comments = null;
                }
                if (divBtn.Btn.Name == "流程日志") {
                    FlowChartInfo = self.FlowChartInfo;
                    if (FlowChartInfo == null) {
                        var load = FrmDataDialog.getFlowChartInfo(dataLine.FlowID, function (Info) {
                            self.FlowChartInfo = Info;
                            FlowChartInfo = Info;
                            divInfo.innerHTML = self.getFlowLogStr(Info);
                        });
                        load.SetContainer(divInfo);
                    } else {
                        divInfo.innerHTML = self.getFlowLogStr(FlowChartInfo);
                    }
                }
                if (divBtn.Btn.Name == "数据日志") {
                    dataLogInfo = self.DataLog;
                    if (dataLogInfo == null) {
                        var load = self.getDataLog(dataLine.ID, dataLine.FormID, function (Info) {
                            dataLogInfo = Info;
                            self.DataLog = Info;
                            divInfo.innerHTML = self.getDataLogStr(Info);
                            func();
                        });
                        load ? load.SetContainer(divInfo) : null;
                    } else {
                        divInfo.innerHTML = self.getDataLogStr(dataLogInfo);
                        func();
                    }
                }
            }
            if (dataLine.FlowID != null) {
                var btn = document.createElement("div");
                btn.className = "infoBarBtn";
                btn.innerHTML = "<span>&#xe600;</span> 流转图";
                self.infoBar.appendChild(btn);
                btn.onclick = function () {
                    self.showChart();
                }
            }
            if (!IsMobile()) {
                var hash = self.Tab;
                if (!!hash) {
                    _CLBtnGroup && _CLBtnGroup.Select(hash);
                } else {
                    _CLBtnGroup && _CLBtnGroup.Select(0);
                }
            }
        } 
    }

    Object.defineProperty(fn, "Tab", {
        get: function () {
            var self = this;
            if (self.__Tab__) {
                return self.__Tab__;
            } else {
                var hash = location.hash;
                if (!!hash) {
                    var match = hash.match(/^#Tab[0-9]$/);
                    match = match && match[0].match(/[0-9]/);
                    if (!!match) {
                        return match *= 1;
                    }
                }
            }
        }
        , set: function (tab) {
            var self = this;
            self.__Tab__ = tab;

        }
    });

    Object.defineProperty(fn, "Url", {
        get: function () {
            var self = this;
            if (self.__Url__) {
                return self.__Url__;
            } else {
                return location.href;
            }
        }
        , set: function (url) {
            var self = this;
            self.__Url__ = url;
        }
    });

    fn.Visible = null;

    fn.showLine = function (formData, dataLine) {
        var self = this;
        dataLine = dataLine || {};
        var MapFields = CLApp.CalcFields(formData.DataRange);
        var jForm = CLClone(self.formData);
        var Controls = jForm.Controls;
        var oVisible = {};
        for (var i = 0; i < Controls.length ; i++) {
            if (MapFields != null && MapFields[Controls[i].Data.ID] != null) {
                Controls[i].Data.Visible = Controls[i].Data.Visible && MapFields[Controls[i].Data.ID].Read;
                oVisible["DataField_" + Controls[i].Data.ID] = Controls[i].Data.Visible;
            }
            Controls[i].Data.Editable = false;
            if (Controls[i].Name == "子表单") {
                for (var j = 0; j < Controls[i].Data.Field.length; j++) {
                    if (MapFields != null && MapFields[Controls[i].Data.Field[j].Data.ID] != null) {
                        Controls[i].Data.Field[j].Data.Visible = Controls[i].Data.Field[j].Data.Visible && MapFields[Controls[i].Data.ID].Read;
                        oVisible["DataField_" + Controls[i].Data.Field[j].Data.ID] = Controls[i].Data.Visible;
                    }
                    Controls[i].Data.Field[j].Data.Editable = false;
                }
            }
        }
        self.Visible = function (ID) {
            if (MapFields && ID.indexOf("DataField_") == 0) {
                return oVisible[ID];
            } else {
                return true;
            }
        }
        self.Body.innerHTML = "";
        var Ele = document.createElement("div");
        Ele.style.position = "absolute";
        Ele.style.height = "100%";
        Ele.style.width = "100%";
        self.Body.appendChild(Ele);
        var _Frm = new CLTop.FrmDesigner(Ele, false);
        self.FrmDesigner = _Frm;
        if (self.TplUse) {
            _Frm.TplUse = self.TplUse;
        }
        _Frm.setData(jForm, function () {
            _Frm.Sync(dataLine, false, true);
        }, false);
        if (IsMobile()) {
            self.setBtns(self.formData.Name + "(第" + self.dataIndex + "条)");
        } else {
            self.setTitle(self.formData.Name + "(第" + self.dataIndex + "条)");
        }
    }

    fn.prevLine = function () {
        var self = this;
        self.getLine(self.dataIndex - 1, function (dataLine, lineCount) {
            self.lineCount = lineCount;
            self.dataIndex = self.dataIndex - 1;
            self.dataLine = dataLine;
            if (dataLine) {
                self.showMenuBar();
                self.showLine(self.formData, dataLine);
                self.showInfo();
            }
        });
    }

    fn.nextLine = function () {
        var self = this;
        self.getLine(self.dataIndex + 1, function (dataLine, lineCount) {
            self.lineCount = lineCount;
            self.dataIndex = self.dataIndex + 1;
            self.dataLine = dataLine;
            if (dataLine) {
                self.showMenuBar();
                self.showLine(self.formData, dataLine);
                self.showInfo();
            }
        });
    }

    fn.getLine = function (index, Success) {
        var formData = this;
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpQueryFormData";
        var formData = self.formData;
        var load = HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            }
            Success(Json.data[0], Json.count);
        }, {
            FormID: formData.ID,
            iStart: index - 1,
            iLine: 1,
            dataLevel: formData.MulLevel ? formData.dataLevel : undefined,
            MappingInfo: formData.MappingInfo,
            jCondition: {
                Operator: "所有",
                Items: []
            }
        });
        load.SetContainer(dlg.Body.parentNode);
    }

    fn.showComments = function () {
        var self = this;
        self.comments = new CLComments(self.infoBody.firstChild, self.dataLine.ID);
        self.comments.Url = self.Url + "#Tab" + self.Tab;
        var dataLine = self.dataLine;
        self.comments.Task = function (users, content) {
            var task = {};
            task.title = "收到一条来自【" + self.formData.Name + "】的评论";
            task.content = content;
            task.url = self.comments.Url;
            if (dataLine.FlowID) {
                function func(info) {
                    var list = [];
                    for (var i = 0; i < info.HandleRecord.length; i++) {
                        var type = info.HandleRecord[i]["Type"];
                        if (type == 0 || type == 1 || type == 3) {
                            var userId = info.HandleRecord[i]["UserID"];
                            var user = CLApp.getUserById(userId);
                            if (user && user.unionid && list.indexOf(user.unionid) < 0) {
                                list.push(user.unionid);
                            }
                        }
                    }
                    task.participantIds = list;
                }
                if (self.FlowChartInfo) {
                    func(self.FlowChartInfo);
                } else {
                    var load = FrmDataDialog.getFlowChartInfo(dataLine.FlowID, function (Info) {
                        self.FlowChartInfo = Info;
                        func(Info);
                    }, false);
                    load && load.Stop();
                }
            } else {
                function func(info) {
                    var userId = self.dataLine.Submiter;
                    var list = [];
                    for (var i = 0; i < info.length; i++) {
                        var user = CLApp.getUserById(info[i].Submiter);
                        if (user && user.unionid && list.indexOf(user.unionid) < 0) {
                            list.push(user.unionid);
                        }
                    }
                    task.participantIds = list;
                }
                if (self.DataLog) {
                    func(self.DataLog);
                } else {
                    var load = self.getDataLog(dataLine.ID, dataLine.FormID, function (Info) {
                        self.DataLog = Info;
                        func(self.DataLog);
                    }, false);
                }
                load && load.Stop();
            }
            return task;
        }
    }

    FrmDataDialog.getFlowChartInfo = function (FlowID, Success, Async) {
        var url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGetFlowChartInfo";
        return HttpPost(url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                Success(Json.data);
            }
        }, { FlowID: FlowID }, Async);
    }

    fn.getDataLog = function (ID, FormID, Success, Async) {
        CLApp.GetFormDataUpdateLog(ID, FormID, function (Json) {
            Success(Json.data);
        }, Async)
    }

    fn.GetStepById = function (FlowClass, Id) {
        for (var i = 0; i < FlowClass.Steps.length; i++) {
            if (Id == FlowClass.Steps[i].ID) {
                return FlowClass.Steps[i];
            }
        }
    }

    fn.getFlowLogStr = function (Info) {
        var str = "";
        var self = this;
        var Handlers = Info.Handlers == null ? {} : Info.Handlers;
        var Submiters = Info.Submiters == null ? {} : Info.Submiters;
        for (var i = 0; i < Info.currentStepId.length; i++) {
            var Handler = Handlers[Info.currentStepId[i]];
            var Submiter = Submiters[Info.currentStepId[i]];
            if (Handler != null && Handler.length != 0) {
                str += "<div style='color:rgb(200,0,0);padding:0 10px; font-weight: 600; margin: 10px 0; width:100%;float:right'>活动节点:" + self.GetStepById(Info.FlowClass, Info.currentStepId[i]).Name + "</div>";
                str += "<div style='padding:0 20px;'>";
                for (var j = 0; j < Handler.length; j++) {
                    if (Submiter != null && Submiter.indexOf(Handler[j]) >= 0) {
                        str += "<span style='color:#999;padding:10px'>" + CLApp.getMemberNameById(Handler[j]) + "</span>";
                    }
                    else {
                        str += "<span style='color:#00cc00;padding:10px'>" + CLApp.getMemberNameById(Handler[j]) + "</span>";
                    }
                }
                str += "</div>";
            }
        }
        str += "<div style='color: rgb(200,0,0);padding:0 10px; font-weight: 600; margin: 10px 0; width:100%;float:right'>审批记录</div>";
        str += "<div style='width: 100%;overflow: auto;padding: 0 20px;color: #91A1B7;border-radius: 5px;line-height: 20px;'>";
        var Idea = null;
        for (var i = 0; i < Info.HandleRecord.length; i++) {
            str += "<span style='color:#0db3a6'>时间:</span> " + Info.HandleRecord[i]["createDt"];
            str += "<br/>";
            str += "<span style='color:#0db3a6'>节点:</span> " + Info.HandleRecord[i]["StepName"];
            str += "<br/>";
            if (Info.HandleRecord[i]["Type"] == 0) {
                str += "<span style='color:#0db3a6'>发起人:</span> ";
            }
            if (Info.HandleRecord[i]["Type"] == 1) {
                str += "<span style='color:#0db3a6'>审批人:</span> ";
            }
            else if (Info.HandleRecord[i]["Type"] == 2) {
                str += "<span style='color:#0db3a6'>接收人:</span> ";
            }
            else if (Info.HandleRecord[i]["Type"] == 3) {
                str += "<span style='color:#0db3a6'>反馈人:</span> ";
            }
            if (Info.HandleRecord[i]["Type"] == 2) {
                var IDs = JSON.parse(Info.HandleRecord[i]["RecieveIDs"]);
                if (IDs != null) {
                    for (var j = 0; j < IDs.length; j++) {
                        str += "【" + CLApp.getUserNameById(IDs[j]) + "】";
                    }
                } else {
                    str += "<code style='color: #b1b1b1; text-decoration: line-through;'>已删除</code>";
                }
            }
            else {
                str += Info.HandleRecord[i]["UserName"];
            }
            str += "<br/>";
            str += "<span style='color:#0db3a6'>处理结果:</span> " + Info.HandleRecord[i]["Result"];
            str += "<br/>";
            Idea = Info.HandleRecord[i]["Idea"];
            str += "<span style='color:#0db3a6'>处理意见:</span> " + ((Idea == null || Idea.Length == 0) ? "无" : Idea);
            str += "<br/>";
            str += "<br/>";
        }
        str += "</div>";
        str += "<div style='color: rgb(200,0,0);padding:0 10px; font-weight: 600; margin: 10px 0; width:100%;float:right'>操作记录</div>";
        str += "<div style='width: 100%;overflow: auto;padding: 0 20px;color: #91A1B7;border-radius: 5px;line-height: 20px;'>";
        for (var i = 0; i < Info.FlowLog.length; i++) {
            str += "<span style='color:#0db3a6'>时间:</span> " + Info.FlowLog[i]["createDt"];
            str += "<br/>";
            str += "<span style='color:#0db3a6'>操作:</span> " + Info.FlowLog[i]["Operator"];
            str += "<br/>";
            str += "<span style='color:#0db3a6'>操作者:</span> " + CLApp.getMemberNameById(Info.FlowLog[i]["UserID"]);
            str += "<br/>";
        }
        str += "</div>";
        return str;
    }

    fn.getDataLogStr = function (Info) {
        var self = this;
        var str = "";
        for (var i = 0; i < Info.length; i++) {
            str += "<div style='padding:0 10px; margin: 10px 0; width:100%;float:right'>";
            str += "<span style='font-weight:900;color:#900'>" + CLApp.getMemberNameById(Info[i].Submiter) + "</span><span style='color:#999;font-size:12px;float:right'>" + Info[i].createDt + "</span>";
            str += "</div>";
            if (i == 0) {
                str += "<code style='color:#0db3a6;padding-left:20px'>初次提交</code><br />";
            } else {
                var changes = Info[i].Changes;
                for (var j = 0; j < changes.length; j++) {
                    var prevValue = changes[j].prevValue;
                    var Value = changes[j].Value;
                    if (changes[j].className == "附件上传") {
                        prevValue = "未更改";
                        Value = "已更改";
                    }
                    if (changes[j].className == "子表单") {
                        prevValue = "";
                        Value = "查看";
                    }
                    if (!self.Visible(changes[j].ID) && !CLApp.IsAdmin()) {
                        prevValue = "***";
                        Value = "***";
                        changes[j].hidden = true;
                    }
                    if (changes[j].className == "多行文本" && prevValue && prevValue.length > 250) {
                        prevValue = prevValue.substr(0, 250) + "..."
                    }
                    if (!prevValue) {
                        prevValue = "";
                    }
                    if (!Value) {
                        Value = "";
                    }
                    if (changes[j].className == "多行文本" && Value && Value.length > 250) {
                        Value = Value.substr(0, 250) + "..."
                    }
                    str += "<div style='padding-left:20px'><span style='color:#0db3a6;'>" + changes[j].Name + ": </span><br /><div style='padding-left:15px'><span style='color:#606'>" + prevValue + "</span> <span style='color:#999'>" + (!!prevValue ? "<br />-><br />" : "") + "</span> <span style='color:#606' class='change_" + i + "_" + j + "'>"
  + Value + "</span></div></div>";
                    str += ""
                }
            }
        }
        return str;
    }

    fn.UrgeFlow = function (StepID) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpUrgeFlow";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                CLShowMsg("催办成功",false);
            } else {
                CLShowMsg(Json.msg);
            }
        }, { FlowID: self.dataLine.FlowID, StepID: StepID });
    }

    fn.ResetToHere = function (StepID, _FlowCoreEx, FlowHandleRecord) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGotoStep";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                CLShowMsg("操作成功",false);
                _FlowCoreEx.currentStepId = [StepID];
                _FlowCoreEx.RenderRecord(FlowHandleRecord);
            }
        }, { ID: self.dataLine.FlowID, StepID: StepID });
    }

    fn.SetHandlers = function (StepID, Users) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpSetHandlers";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                var Info = self.FlowChartInfo;
                var Handlers = Info.Handlers == null ? {} : Info.Handlers;
                var Submiters = Info.Submiters == null ? {} : Info.Submiters;
                var Handler = Handlers[StepID];
                var Submiter = Submiters[StepID];
                for (var i = 0; i < Users.length ; i++) {
                    if (Submiter && Submiter.indexOf(Users[i]) < 0) {
                        Users.splice(i, 1);
                        i--;
                    }
                }
                Handlers[StepID] = (Submiter == null ? [] : CLClone(Submiter)).concat(Users);
                self.infoBody.firstChild.innerHTML = self.getFlowLogStr(Info);
                CLShowMsg("操作成功",false);
            }
        }, { ID: self.dataLine.FlowID, StepID: StepID, Users: Users });
    }

    fn.Perspective = function (FlowID, StepID) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGetPerspective";
        HttpPost(url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                show(Json.data);
            }
        }, { FlowID: FlowID, StepID: StepID });
        function show(html) {
            if (!!html) {
                var divDlg = document.createElement("div");
                divDlg.style.cssText = "width:800px;height:600px";
                var dlg = new CLDialog(divDlg);
                dlg.CreateAll("透视数据", function () { });
                dlg.Body.style.position = "relative";
                dlg.Body.style.overflow = "scroll";
                dlg.Body.innerHTML = html;
            }
        }
    }

    fn.InitChart = function (Ele, FlowClass, currentStepId, bValid, FlowHandleRecord) {
        var dlgSelf = this;
        var _FlowCoreEx = dlgSelf._FlowCoreEx = new FlowCoreEx(Ele, false);
        var Handlers = dlgSelf.FlowChartInfo.Handlers;
        var Submiters = dlgSelf.FlowChartInfo.Submiters;
        _FlowCoreEx.RenderRecord = function (Record) {
            var self = this;
            for (var i = 0; i < Record.length ; i++) {
                var Ele = self.getElementById(Record[i].StepClassID);
                if (Record[i].Type == 0) {
                    Ele.title = "【发起人】:" + Record[i].UserName;
                } else if (Record[i].Type == 1) {
                    Ele.title = "【处理人】:" + Record[i].UserName;
                } else if (Record[i].Type == 2) {
                    Ele.title = "【接收人】:" + Record[i].UserName;
                } else if (Record[i].Type == 3) {
                    Ele.title = "【反馈人】:" + Record[i].UserName;
                }
                if (Ele != null) {
                    Ele.style.background = "#EEFFFE";
                    Ele.style.border = "1px solid #0DB3A6";
                }
                var ToID = Record[i].ToID;
                if (ToID == null) {
                    continue;
                }
                for (var j = 0; j < ToID.length ; j++) {
                    Ele = self.getElementById(Record[i].StepClassID + "_" + ToID[j]);
                    if (Ele != null) {
                        self.setLineColor(Ele, "#0db3a6");
                        Ele.parentNode.appendChild(Ele);
                    }
                }
            }
            for (var i = 0; i < currentStepId.length; i++) {
                Ele = self.getElementById(currentStepId[i]);
                if (Ele != null) {
                    if (!dlgSelf.FlowChartInfo.bValid) {
                        Ele.style.background = "#e00";
                    } else {
                        Ele.style.border = "1px solid #0DB3A6";
                        Ele.style.background = "#ccFFcb";
                        Ele.oncontextmenu = function (e) {
                            var Ele = this;
                            var Menu = {
                                "style": {
                                    "max-height": "100%",
                                    "overflow-y": "auto",
                                },
                                "Items": [
                                ]
                            }
                            Menu.Items.push(
                             {
                                 "style": {},
                                 "Icon": "",
                                 "Text": "透视数据",
                                 "Enable": true,
                                 "CallBack": function (e) {
                                     dlgSelf.Perspective(dlgSelf.dataLine.FlowID, Ele.Step.ID);
                                     _CLMenu.Close();
                                 }
                             });
                            if (dlgSelf.dataLine.Submiter == CLApp.getCurrentUserId()) {
                                Menu.Items.push(
                                     {
                                         "style": {},
                                         "Icon": "",
                                         "Text": "催办",
                                         "Enable": true,
                                         "CallBack": function (e) {
                                             dlgSelf.UrgeFlow(Ele.Step.ID);
                                             _CLMenu.Close();
                                         }
                                     });
                            }
                            if (CLApp.CalcAuth(dlgSelf.formData.DataRange, "调整流程负责人", dlgSelf.dataLine, true) && dlgSelf.dataLine.iFlowStatus == 1 && dlgSelf.dataLine.FlowID != null) {
                                Menu.Items.push({
                                    "style": {},
                                    "Icon": "",
                                    "Text": "调整负责人",
                                    "Enable": true,
                                    "CallBack": function (e) {
                                        var Info = dlgSelf.FlowChartInfo;
                                        var Handlers = Info.Handlers == null ? {} : Info.Handlers;
                                        var Submiters = Info.Submiters == null ? {} : Info.Submiters;
                                        var Handler = Handlers[Ele.Step.ID];
                                        var Submiter = Submiters[Ele.Step.ID];
                                        var Users = CLClone(Handler);
                                        if (Users == null) {
                                            Users = [];
                                        }
                                        for (var i = 0; i < Users.length ; i++) {
                                            if (Submiter && Submiter.indexOf(Users[i]) >= 0) {
                                                Users.splice(i, 1);
                                                i--;
                                            }
                                        }
                                        FrmCtrls.MemberDialog({}, true, { Members: Users }, true, function (Val) {
                                            Users = Val.Members;
                                            dlgSelf.SetHandlers(Ele.Step.ID, Users);
                                        });
                                        _CLMenu.Close();
                                    }
                                });
                            }
                            if (Menu.Items.length != 0) {
                                var _CLMenu = new CLMenu(Menu, e.currentTarget);
                            }
                            return false;
                        }
                    }
                }
            }
        }
        _FlowCoreEx.setData(FlowClass);
        _FlowCoreEx.currentStepId = currentStepId;
        _FlowCoreEx.RenderRecord(FlowHandleRecord);
        _FlowCoreEx.EleContainer.CenterAll();
        _FlowCoreEx.EleContainer.SetScale(1);
        if (CLApp.IsAdmin()) {
            for (var i = 0; i < FlowClass.Steps.length ; i++) {
                var Ele = _FlowCoreEx.getElementById(FlowClass.Steps[i].ID);
                if (_FlowCoreEx.currentStepId.indexOf(FlowClass.Steps[i].ID) >= 0 && dlgSelf.FlowChartInfo.bValid) {
                    continue;
                }
                Ele.oncontextmenu = function (e) {
                    var Ele = this;

                    var Menu = {
                        "style": {
                            "max-height": "100%",
                            "overflow-y": "auto",
                        },
                        "Items": [
                             {
                                 "style": {},
                                 "Icon": "",
                                 "Text": "透视数据",
                                 "Enable": true,
                                 "CallBack": function (e) {
                                     dlgSelf.Perspective(dlgSelf.dataLine.FlowID, Ele.Step.ID);
                                     _CLMenu.Close();
                                 }
                             },
                             {
                                 "style": {},
                                 "Icon": "",
                                 "Text": "重置到这里",
                                 "Enable": true,
                                 "CallBack": function (e) {
                                     dlgSelf.ResetToHere(Ele.Step.ID, _FlowCoreEx, FlowHandleRecord);
                                     _CLMenu.Close();
                                 }
                             }
                        ]
                    }
                    var _CLMenu = new CLMenu(Menu, e.currentTarget);
                    return false;
                }
            }
        }
        return _FlowCoreEx;
    }

    fn.showChart = function () {
        var self = this;
        var FlowChartInfo = self.FlowChartInfo;
        if (!FlowChartInfo) {
            var load = FrmDataDialog.getFlowChartInfo(self.dataLine.FlowID, function (Info) {
                self.FlowChartInfo = Info;
                self.showChart();
            });
            load.SetContainer(self.CLBox.Body);
            return;
        } 
        var Box = CLRight(self.CLBox.Body);
        Box.style.background = "#fff";
        Box.style.width = "100%";
        Box.style.zIndex = 1000;
        var _FlowCoreEx = self.InitChart(Box, FlowChartInfo.FlowClass, FlowChartInfo.currentStepId, FlowChartInfo.bValid, FlowChartInfo.HandleRecord);
        var Bar = _FlowCoreEx.Bar;
        Bar.style.zIndex = 200;
        Bar.style.paddingRight = "40px";
        Bar.style.paddingLeft = "20px";
        Bar.style.background = "#fff";
        var close = document.createElement("div");
        close.style.cssText = "position:absolute;right:10px;width:30px;height:30px;font-family:CLFont;text-align:center;cursor:pointer;font-size:20px";
        close.innerHTML = "&#xe7e4;";
        Bar.appendChild(close);
        Bar.style.textAlign = "center";
        close.onclick = function () {
            Box.Close();
        }
        var title = document.createElement("span");
        title.innerHTML = FlowChartInfo.FlowClass.Name + "<span style='color:#0db3a6'>(" + FlowChartInfo.FlowClass.Version + ")</span>";
        title.style.cssFloat = 'left';
        Bar.appendChild(title);
        var blocks = document.createElement("div");
        if (IsMobile()) {
            blocks.style.width = "120px";
            blocks.style.position = "absolute";
            blocks.style.right = "0";
            blocks.style.display = "inline-block";
            blocks.style.top = "40px";
            blocks.style.background = "#fff";
            blocks.style.boxShadow = "0px 0px 8px rgba(13,179,166,0.5)";
        }
        Bar.appendChild(blocks);
        var block = document.createElement("span");
        block.style.display = "inline-block";
        block.style.padding = "0 26px 0 0";
        block.style.color = "#989898";
        block.innerHTML = "<span style='background:#ccFFcb;border:#0db3a6 solid 1px;display:inline-block;width:15px;height:15px;margin:0 5px;vertical-align:top;margin-top:7px;border-radius:2px'></span><span>处理中</span>";
        blocks.appendChild(block);
        block = block.cloneNode(true);
        block.firstChild.style.background = "#EEFFFE";
        block.lastChild.innerHTML = "已流转";
        blocks.appendChild(block);
        block = block.cloneNode(true);
        block.firstChild.style.background = "#F0F0F0";
        block.firstChild.style.borderColor = "#DCDCDC";
        block.lastChild.innerHTML = "未流转";
        blocks.appendChild(block);
        block = block.cloneNode(true);
        block.firstChild.style.background = "#e00";
        block.lastChild.innerHTML = "已终止";
        blocks.appendChild(block);
        return Box;
    }

    fn.onchanged = function () {

    }

    fn.ondeleted = function () {

    }

    fn.Delete = function (Success) {
        var self = this;
        CLConfirm(function () {
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpRemoveFormData";
            HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    Success();
                } else {
                    CLShowMsg(Json.msg);
                }
            }, {
                ID: self.dataLine.ID,
                FormID: self.formData.ID
            });
        }, "该数据删除后将无法恢复,你确定要删除吗");
    }

    fn.Copy = function (ID,Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpCopyLine";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
            ID: ID,
            FormID: self.formData.ID,
            Asyc: true
        });
    }

    fn.EditData = function () {
        var self = this;
        var jForm = FrmDesigner.CalcAuth(self.formData);
        self.Body.innerHTML = "";
        var Ele = document.createElement("div");
        Ele.style.height = "calc(100% - 50px)";
        Ele.style.width = "100%";
        Ele.style.position = "absolute";
        self.Body.appendChild(Ele);
        var Bottom = document.createElement("div");
        Bottom.style.height = "50px";
        Bottom.style.position = "absolute";
        Bottom.style.bottom = "0";
        Bottom.style.padding = "5px 20px";
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.style.marginTop = "0";
        Btn.style.cursor = "pointer";
        Btn.innerHTML = "修改";
        Bottom.appendChild(Btn);
        self.editBtn.style.display = "none";
        Btn.onclick = function () {
            _FrmDesigner.Submit(Btn);
            self.editBtn.style.display = "";
        }
        var closeBtn = Btn.cloneNode();
        closeBtn.className = "CLBtnCancel";
        closeBtn.innerHTML = "取消";
        Bottom.appendChild(closeBtn);
        closeBtn.onclick = function () {
            self.showLine(self.formData, self.dataLine);
            self.editBtn.style.display = "";
        }
        self.Body.appendChild(Bottom);
        var _FrmDesigner = new FrmDesigner(Ele, false);
        var iFlowStatus = self.dataLine.iFlowStatus;
        _FrmDesigner.Submit = function (Btn) {
            if (!_FrmDesigner.SubmitEvent(Btn)) {
                return;
            }
            var CheckPageData = _FrmDesigner.CheckPageData;
            _FrmDesigner.CheckPageData = function () { return true; }
            var check;
            var changed = _FrmDesigner.GetIfChanged(null,function (flag) {
                check = flag;
            });
            _FrmDesigner.CheckPageData = CheckPageData;
            if ((!changed && iFlowStatus != -1) || !check) {
                //完全相等则返回
                self.showLine(self.formData, self.dataLine);
                return;
            }
            if (!changed) {
                changed = { ID: self.dataLine.ID, FormID: self.dataLine.FormID }
            }
            var newLine = _FrmDesigner.getPageData();
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitFormData";
            HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    CLShowMsg("修改成功",false);
                    for (var key in newLine) {
                        self.dataLine[key] = newLine[key];
                    }
                    delete self.dataLine.Deletes;
                    delete self.dataLine.Removes;
                    self.showLine(self.formData, self.dataLine);
                    self.onchanged();
                } else {
                    CLShowMsg(Json.msg);
                }
            }, changed);
        }
        _FrmDesigner.setData(jForm, function () {
            _FrmDesigner.Sync(self.dataLine);
        },false);
    }

    fn.terminateFlow = function (Success) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpTerminateFlow";
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                CLShowMsg("操作成功",false);
                if (self.FlowChartInfo != null) {
                    self.FlowChartInfo.bValid = false;
                }
                Success();
            } else {
                CLShowMsg(Json.msg);
            }
        }, { ID: self.dataLine.FlowID });
    }
}());

;(function () {
    CLLoad("/View/Form/lib/Frm/FrmWheres.css");
    var FrmDataView = window.FrmDataView = function (FormId, Ele) {
        var self = this;
        self.FormId = FormId;
        if (Ele == null) {
            return
        }
        self.Ele = Ele;
        self.Box = document.createElement("div");
        self.Box.style.cssText = "height:100%;width:100%;background:#f4f5f5";
        self.Ele.appendChild(self.Box);
        self.Bar = document.createElement("div");
        self.Bar.style.cssText = "height:50px;width:100%;background:#fff";
        self.Box.appendChild(self.Bar);
        self.Body = document.createElement("div");
        self.Body.style.cssText = "height:calc(100% - 50px);width:100%;";
        self.Box.appendChild(self.Body);
        CLLocalGet('ConditionsAndDataFields_' + self.FormId, function (data) {
            if (data != null) {
                data = JSON.parse(data);
                self.showDataFields = data.DataFields;
                self.Conditions = data.Conditions;
            }
            self.InitTable(FrmDesigner.GetConfig(FormId));
        });
    }

    var fn = FrmDataView.prototype;

    fn.FormId = null;

    fn.Ele = null;

    fn.Bar = null;

    fn.Body = null;

    fn.formData = null;

    fn.CLTable = null;

    fn.OrderInfo = null;

    fn.showDataFields = null;

    fn.Conditions = null;

    fn.CalcItemList = function () {
        var self = this;
        var formData = self.formData;
        var MapFields = CLApp.CalcFields(formData.DataRange);
        var Controls = formData.Controls;
        var ItemList = [];
        var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "手写签名", "成员范围", "角色选择"];
        (function () {
            for (var i = 0 ; i < Controls.length ; i++) {
                if (MapFields != null && MapFields[Controls[i].Data.ID] != null && !MapFields[Controls[i].Data.ID].Read) {
                    continue;
                }
                if (listName.indexOf(Controls[i].Name) >= 0) {
                    continue;
                }
                if (Controls[i].Name == "子表单") {
                    var Field = Controls[i].Data.Field;
                    for (var j = 0; j < Field.length; j++) {
                        if (MapFields != null && MapFields[Field[j].Data.ID] != null && !MapFields[Field[j].Data.ID].Read) {
                            continue;
                        }
                        if (listName.indexOf(Field[j].Data.Name) >= 0) {
                            continue;
                        }
                        ItemList.push({
                            ID: Field[j].Data.ID,
                            ParentID: Controls[i].Data.ID,
                            Name: Controls[i].Data.Name + "." + Field[j].Data.Name,
                            className: Field[j].Name,
                            usePercent: Controls[i].Data.usePercent
                        });
                    }
                } else {
                    ItemList.push({
                        ID: Controls[i].Data.ID,
                        Name: Controls[i].Data.Name,
                        className: Controls[i].Name,
                        usePercent: Controls[i].Data.usePercent
                    });
                }
            }
            ItemList.push({
                ID: "iFlowStatus",
                Name: "流程状态",
                className: "流程状态",
            });
            ItemList.push({
                ID: "createDt",
                Name: "提交时间",
                className: "提交时间",
            });
            ItemList.push({
                ID: "updateDt",
                Name: "更新时间",
                className: "更新时间",
            });
            ItemList.push({
                ID: "Submiter",
                Name: "提交人",
                className: "提交人",
            });
        })();
        return ItemList;
    }

    fn.CalcHeaders = function () {
        var self = this;
        var jHeaders = [];
        var HeaderMap = jHeaders.HeaderMap = {};
        var OrderInfo = jHeaders.OrderInfo = {};
        var formData = self.formData;
        var MapFields = CLApp.CalcFields(formData.DataRange);
        (function () {
            jHeaders.push({
                ID: "RowNumber",
                Name: "序号",
                width: "50px"
            });
            var Controls = formData.Controls;
            for (var i = 0; i < Controls.length ; i++) {
                if (MapFields != null && MapFields[Controls[i].Data.ID] != null && !MapFields[Controls[i].Data.ID].Read) {
                    continue;
                }
                if (Controls[i].Name != "分割线" && Controls[i].Name != "选项卡" && Controls[i].Name != "表格控件" && Controls[i].Name != "关联数据" && Controls[i].Name != "关联查询") {
                    if (Controls[i].Name == "子表单") {
                        if (Controls[i].Data.Field.length != 0) {
                            jHeaders.push({
                                ID: "SubTable_" + Controls[i].Data.ID,
                                Name: Controls[i].Data.Name,
                                className: "子表单",
                                SubHeader: []
                            });
                            if (Controls[i].Data.Order == true) {
                                var orderTable = OrderInfo[Controls[i].Data.ID] = {};
                                orderTable["Index"] = {
                                    Order: "Asc",
                                    Index: jHeaders.length
                                };
                            }
                            for (var j = 0; j < Controls[i].Data.Field.length; j++) {
                                if (MapFields != null && MapFields[Controls[i].Data.Field[j].Data.ID] != null && !MapFields[Controls[i].Data.Field[j].Data.ID].Read) {
                                    continue;
                                }
                                var Field = {
                                    ID: "DataField_" + Controls[i].Data.Field[j].Data.ID,
                                    TableID: Controls[i].Data.ID,
                                    Name: Controls[i].Data.Field[j].Data.Name,
                                    className: Controls[i].Data.Field[j].Name,
                                    width: "150px"
                                };
                                jHeaders[jHeaders.length - 1].SubHeader.push(Field);
                                HeaderMap[Field.ID] = Controls[i].Data.Field[j];
                            }
                        }
                    } else {
                        var Field = {
                            ID: "DataField_" + Controls[i].Data.ID,
                            Name: Controls[i].Data.Name,
                            className: Controls[i].Name,
                            width: "150px"
                        }
                        jHeaders.push(Field);
                        HeaderMap[Field.ID] = Controls[i];
                    }
                }
            }
        })();
        (function () {
            jHeaders.push(
                {
                    ID: "iFlowStatus",
                    Name: "流程状态",
                    className: "流程状态",
                    width: "150px"
                },
                {
                    ID: "createDt",
                    Name: "提交时间",
                    className: "提交时间",
                    width: "150px"
                },
                {
                    ID: "updateDt",
                    Name: "更新时间",
                    className: "更新时间",
                    width: "150px"
                },
                {
                    ID: "Submiter",
                    Name: "提交人",
                    className: "提交人",
                    width: "150px"
                },
                {
                    Name: "",
                    width: ""
                }
            );
        })();
        return jHeaders;
    }

    fn.InitTable = function (formData) {
        var self = this;
        var showDataFields = self.showDataFields;
        self.formData = formData;
        formData = CLClone(formData);
        var MapFields = CLApp.CalcFields(formData.DataRange);
        var jHeaders = self.CalcHeaders();
        self.OrderInfo = jHeaders.OrderInfo;
        var HeaderMap = jHeaders.HeaderMap;
        var dataHeader = self.dataHeader = jHeaders;
        var Conditions = self.Conditions;
        (function () {
            if (showDataFields == null) {
                showDataFields = self.showDataFields = [];
                var Controls = formData.Controls;
                for (var i = 0; i < Controls.length; i++) {
                    if (Controls[i].Name != "子表单") {
                        if (MapFields != null && MapFields[Controls[i].Data.ID] != null && !MapFields[Controls[i].Data.ID].Read) {
                            continue;
                        }
                        showDataFields.push("DataField_" + Controls[i].Data.ID);
                    }
                }
            }
            for (var i = 0; i < dataHeader.length; i++) {
                if (dataHeader[i].SubHeader != null) {
                    var SubHeader = dataHeader[i].SubHeader;
                    for (var j = 0; j < SubHeader.length; j++) {
                        if (showDataFields.indexOf(SubHeader[j].ID) < 0) {
                            SubHeader[j].IsHidden = true;
                        } else {
                            SubHeader[j].IsHidden = false;
                        }
                    }
                } else {
                    if (dataHeader[i].ID != null && dataHeader[i].ID != "RowNumber" && showDataFields.indexOf(dataHeader[i].ID) < 0) {
                        dataHeader[i].IsHidden = true;
                    } else {
                        dataHeader[i].IsHidden = false;
                    }
                }
            }
        }());

        self.CLTable = new CLTable(self.Body, [
            15, 30, 60
        ]);
        self.Body.setAttribute("tabindex", "0");
        self.Body.style.outline = "none";
        self.Body.addEventListener("keydown", function (e) {
            if (e.key == "Delete") {
                var IDs = self.GetSelected();
                if (IDs.length != 0) {
                    CLConfirm(function () {
                        self.Delete(IDs);
                    }, "删除数据后将无法恢复，你确定要删除吗?");
                }
            }
        });
        var AddLine = self.CLTable.AddLine;
        self.CLTable.lineIndex = 0;

        self.CLTable.AddLine = function () {
            self.CLTable.lineIndex++;
            AddLine.apply(this, arguments);
        }

        self.CLTable.Resize = true;

        self.CLTable.OnPreData = function (ColumnID, CellData, Header) {
            if (ColumnID == "RowNumber") {
                return self.CLTable.OffsetIndex + self.CLTable.lineIndex;
            }
            if (ColumnID == "Submiter") {
                var Name = CLApp.getMemberNameById(CellData);
                return Name + "" == "undefined" ? "<code style='font-weight:900;color:rgb(36, 138, 249)'>NULL</code>" : Name;
            }
            if (CellData + "" == "undefined") {
                return "";
            }
            if (ColumnID.indexOf("DataField_") == 0) {
                var Value = FrmCtrls.ConvertData(Header.className, CellData);
                if (Header.usePercent) {
                    Value = Value * 100 + "%";
                }
                return Value;
            }
            return CellData == null ? "<code style='font-weight:900;color:rgb(36, 138, 249)'>NULL</code>" : CLHTMLEncode(CellData);
        }

        self.CLTable.SetHeader(jHeaders);

        self.CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
            if (ColumnID == null) {
                return;
            }
            var className = HeaderMap[ColumnID] == null ? null : HeaderMap[ColumnID].Name;
            if (className == "成员范围") {
                Column.firstChild.onclick = function () {
                    FrmCtrls.MemberRangeDialog(CellData == null ? {} : JSON.parse(CellData), function (Val) {
                    });
                }
            }
            if (className == "附件上传") {
                if (CellData == null) {
                    Column.innerHTML = "";
                } else {
                    var Data = HeaderMap[ColumnID].Data;
                    var Files = CellData.constructor == [].constructor ? CellData : JSON.parse(CellData);
                    Column.firstChild.onclick = function (e) {
                        var _CLPreView = new CLPreView(Files, 0);
                        e.stopPropagation();
                    }
                }
            }
            if (className == "时间日期") {
                var Data = HeaderMap[ColumnID].Data;
                if (CellData == null) {
                    Column.innerHTML = "";
                } else {
                    var format = Data.iType == 1 ? "yyyy-MM-dd HH:mm:ss.fff" : "yyyy-MM-dd";
                    Column.innerHTML = Date.Parse(CellData).Format(format);
                }
            }
        }

        self.CLTable.OnLineCreated = function (TrLine) {
            TrLine.classList.add("ID_" + TrLine.dataLine.ID);
            TrLine.ondblclick = function (e) {
                self.Open(TrLine);
            }
        }

        self.CLTable.EnableMultSelect(true);

        self.CLTable.OnLineSelected = function (ID) {
            self.OnSelected(ID);
        }

        self.CLTable.OnLineLost = function (ID) {
            self.OnLostSelected(ID);
        }

        self.CLTable.OnPage = function (iPage, func) {
            self.CLTable.lineIndex = 0;
            self.CLTable.OffsetIndex = (iPage - 1) * self.CLTable.PageCount;
            var Conditions = CLClone(self.Conditions);
            if (Conditions == null) {
                Conditions = {
                    Operator: "所有",
                    Items: []
                };
                self.Conditions = CLClone(Conditions);
            }
            var load = self.QueryFormData(self.formData.ID, (iPage - 1) * self.CLTable.PageCount, self.CLTable.PageCount, Conditions, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json.msg);
                }
                self.CLTable.lineIndex = 0;
                self.CLTable.OffsetIndex = (iPage - 1) * self.CLTable.PageCount;
                self.CLTable.SetTotalCount(Json.count);
                self.CLTable.ResetPageInfo();
                self.CLTable.SetData(Json.data);
                self.dataTable = Json.data;
                func && func();
            });
            load ? load.SetContainer(self.Body) : null;
        };

        self.Reload = function (func) {
            var IDs = self.GetSelected();
            self.CLTable.OnPage(self.CLTable.GetPage(), function () {
                IDs.forEach(function (id) {
                    var tr = self.Body.querySelector(".ID_" + id);
                    tr && tr.classList.add("CLLineSel");
                });
                func && func();
            })
        }

        self.CLTable.Start();

        self.ShowBtns();

        self.CLTable.EnableOrder(true);

        self.CLTable.OnOrder = function (dataColumn, Index, order) {
            if (dataColumn.ID == null) {
                return;
            }
            var classNames = ["多行文本", "复选框组", "下拉复选框", "附件上传", "手写签名", "成员范围", "角色选择", "成员多选", "部门多选"];
            if (classNames.indexOf(dataColumn.className) >= 0) {
                return false;
            }
            var TableID = dataColumn.TableID;
            if (TableID == null) {
                TableID = self.FormId;
            }
            var orderTable = self.OrderInfo[TableID];
            if (orderTable == null) {
                orderTable = self.OrderInfo[TableID] = {};
            }
            if (order == "") {
                delete orderTable[dataColumn.ID];
            } else {
                orderTable[dataColumn.ID] = {
                    Order: order,
                    Index: Index
                };
            }
            self.CLTable.Start();
            return true;
        }
    }

    fn.ShowBtns = function () {
        var self = this;
        var ItemList = self.ItemList = self.CalcItemList();
        var formData = self.formData;
        var Conditions = formData.Conditions;
        
        var divDataFields = document.createElement("div");
        divDataFields.style.cssText = "color: #3F80AE;cursor: pointer;line-height:30px;margin:10px;font-family:CLFont;float:right";
        divDataFields.classList.add("DataFields");
        if (!IsMobile()) {
            divDataFields.innerHTML = "&#xe614;显示字段";
        } else {
            divDataFields.innerHTML = "&#xe614;";
        }
        if (self.Bar) {
            self.Bar.appendChild(divDataFields);
        }
        divDataFields.onclick = function () {
            self.DataFieldsMenu(divDataFields);
        }
        var divConditions = divDataFields.cloneNode();
        if (!IsMobile()) {
            divConditions.innerHTML = "&#xe69c;筛选条件";
        } else {
            divConditions.innerHTML = "&#xe69c;";
        }
        divConditions.classList.add("Conditions");
        if (self.Bar) {
            self.Bar.appendChild(divConditions);
        }
        divConditions.onclick = function () {
            self.DialogCondition(divConditions);
        }
        if (!IsMobile() && self.Bar) {
            if (CLApp.CalcAuth(formData.DataRange, "导出", {}, true)) {
                var divExport = divDataFields.cloneNode();
                divExport.innerHTML = "<text style='padding:0 3px'>&#xe616;</text>导出";
                self.Bar.appendChild(divExport);
                divExport.onclick = function () {
                    self.Export();
                }
            }
            if (CLApp.CalcAuth(formData.DataRange, "导入", {}, true)) {
                var divImport = divDataFields.cloneNode();
                divImport.innerHTML = "<text style='padding:0 3px'>&#xe619;</text>导入";
                self.Bar.appendChild(divImport);
                divImport.onclick = function () {
                    self.Import();
                }
            }
        }
    }

    fn.updateConditionsAndDataFields = function () {
        var self = this;
        var ConditionsAndDataFields = {
            Conditions: self.Conditions,
            DataFields: self.showDataFields
        };
        CLLocalSave('ConditionsAndDataFields_' + self.FormId, JSON.stringify(ConditionsAndDataFields));
    }

    function isEqual(Conditions1, Conditions2) {
        if (Conditions1 == Conditions2) {
            return true;
        }
        if (Conditions1 != null && Conditions2 == null) {
            return false;
        }
        if (Conditions1 == null && Conditions2 != null) {
            return false;
        }
        if (Conditions1.Operator != Conditions2.Operator) {
            return false;
        }
        if (Conditions1.Items.length != Conditions2.Items.length) {
            return false;
        }
        var Items1 = [];
        var Items2 = [];
        for (var i = 0; i < Conditions1.Items.length ; i++) {
            Items1.push(JSON.stringify(Conditions1.Items[i]));
        }
        for (var i = 0; i < Conditions2.Items.length ; i++) {
            Items2.push(JSON.stringify(Conditions2.Items[i]));
        }
        for (var i = 0; i < Items1.length ; i++) {
            if (Items2.indexOf(Items1[i]) < 0) {
                return false;
            }
        }
        return true;
    }

    fn.DialogCondition = function (targer, Conditions, End) {
        var self = this;
        var formData = self.formData;
        if (formData == null) {
            self.formData = formData = FrmDesigner.GetConfig(self.FormId);
            self.ShowBtns();
        }
        Conditions = Conditions === undefined ? CLClone(self.Conditions) : Conditions;
        if (Conditions == null) {
            formData.Conditions = EmptyConditions();
            Conditions = EmptyConditions();
        }
        var Menu = {
            "style": {
                "overflow": "auto"
            },
            "Items": [
            ]
        };
        var _CLMenu1 = new CLTop.CLMenu(Menu, targer);
        _CLMenu1.Div.classList.add("FilterWidgetMenu");
        _CLMenu1.Div.style.height = "";
        var realClose = _CLMenu1.Close;
        _CLMenu1.realClose = function () {
            realClose.call(_CLMenu1);
        }

        _CLMenu1.Close = function () {

        }

        function EmptyConditions() {
            var Conditions = {
                Operator: "所有",
                Items: []
            };
            return Conditions;
        }

        function resize() {
            _CLMenu1.Div.style.height = "";
            divItems.style.height = "";
            if (_CLMenu1.Div.offsetHeight <= _CLMenu1.Div.parentNode.offsetHeight) {
                return;
            }
            _CLMenu1.Reset();
            divItems.style.height = _CLMenu1.Div.offsetHeight - 140 + "px";
            _CLMenu1.Div.style.height = "";
        }

        var BgDiv = _CLMenu1.Div.parentNode.parentNode;
        BgDiv.style.pointerEvents = "initial";
        BgDiv.addEventListener("mousedown", function (event) {
            if ((event.srcElement ? event.srcElement : event.target) == BgDiv) {
                _CLMenu1.realClose();
            }
        });
        var addDiv = document.createElement("div");
        addDiv.className = "Add";
        addDiv.innerHTML = "添加过滤条件";
        _CLMenu1.Div.appendChild(addDiv);

        function addFilter(Items, ItemList, Exclude, addDiv, divItems) {
            Items.Has = function (item) {
                for (var i = 0; i < Items.length; i++) {
                    if (Items[i].ID == item.ID) {
                        return true;
                    }
                }
                return false;
            }
            var Menu2 = {
                "style": {
                    "overflow": "auto",
                    "margin-top": "15px",
                    "background-color": "#fff",
                },
                "Items": [
                ]
            }
            for (var i = 0 ; i < ItemList.length ; i++) {
                if (Exclude.indexOf(ItemList[i].ID) < 0) {
                    Menu2.Items.push({
                        "style": {},
                        "Icon": "",
                        "Text": ItemList[i].Name,
                        "Node": addDiv,
                        "Enable": !Items.Has(ItemList[i]),
                        "Data": ItemList[i],
                        "CallBack": function (e) {
                            e.currentTarget.Disabled = true;
                            Items.push(this.Data);
                            var DivItem = ShowCondition(Items[Items.length - 1], divItems);
                            DivItem.ItemData = this.Data;
                            var height = DivItem.offsetHeight + "px";
                            DivItem.style.height = "0px";
                            $(DivItem).animate({ height: height }, 200, function () {
                                DivItem.style.height = "";
                                resize();
                            });
                            DivItem.OnDelete = function () {
                                $(this).animate({ height: "0", paddingTop: "0", paddingBottom: "0" }, 200, function () {
                                    Items.splice(Items.indexOf(DivItem.ItemData), 1);
                                    $(this).remove();
                                    resize();
                                });
                            }
                        }
                    });
                }
            }
            var _CLMenu2 = new CLMenu(Menu2, addDiv);
            _CLMenu2.EnableSearch(true);
        }

        addDiv.onclick = function (e) {
            addFilter(Conditions.Items, self.ItemList, [], addDiv, divItems);
        }

        var Items = document.createElement("div");
        Items.className = "Items";
        Items.style.marginBottom = "15px";
        _CLMenu1.Div.appendChild(Items);
        var divItems = document.createElement("div");
        divItems.FormID = formData.ID;
        Items.appendChild(divItems);
        divItems.GetDataFieldRange = function (ID, FormID, Success) {
            self.GetDataFieldRange(ID, FormID, Success);
        }
        var divBottom = document.createElement("div");
        divBottom.className = "Bottom";
        _CLMenu1.Div.appendChild(divBottom);
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "确定";
        divBottom.appendChild(Btn);
        Btn.onclick = function () {
            if (!End) {
                self.Conditions = Conditions;
                self.updateConditionsAndDataFields();
                self.CLTable.Start();
            } else {
                End(Conditions);
            }
            _CLMenu1.realClose();
        }
        var clearBtn = Btn.cloneNode();
        clearBtn.onclick = function () {
            Conditions = EmptyConditions();
            self.Conditions = Conditions;
            self.updateConditionsAndDataFields();
            self.CLTable.Start();
            _CLMenu1.realClose();
        }
        clearBtn.className = "clearBtn";
        clearBtn.innerHTML = "清空";
        divBottom.appendChild(clearBtn);

        function ShowConditions(Items, divItems) {
            var dynamicTableItem = null;
            for (var i = 0; i < Items.length ; i++) {
                var DivItem = ShowCondition(Items[i], divItems);
                DivItem.Where = Items[i];
                resize();
                DivItem.ItemData = Items[i];
                DivItem.OnDelete = function () {
                    $(this).animate({ height: "0" }, 300, function () {
                        Items.splice(Items.indexOf(this.ItemData), 1);
                        $(this).remove();
                        resize();
                    });
                }
            }
        }

        function ShowCondition(itemData, divItems, isStatic) {
            var whereDiv = CLTop.FrmWheres(divItems, itemData);
            whereDiv.onchanged = function () {
                resize();
            }
            return whereDiv;
        }
        ShowConditions(Conditions.Items, divItems);
        _CLMenu1.Reset();
    }

    fn.DataFieldsMenu = function (targer) {
        var self = this;
        var showDataFields = self.showDataFields;
        if (self.Select == null) {
            self.Select = new CLTop.CLSelect(null, targer);
            self.Select.EnableMultiSel(true);
            self.Select.EnableSearch(true);
            var Vals = [];
            var ItemList = self.ItemList;
            for (var i = 0; i < ItemList.length; i++) {
                var field = (/^[0-9]*$/.test(ItemList[i].ID) ? "DataField_" + ItemList[i].ID : ItemList[i].ID);
                if (showDataFields.indexOf(field) >= 0) {
                    Vals.push(i);
                }
                self.Select.AddItems([
                    ItemList[i].Name
                ]);
            }
            self.Select.selectedIndexes = Vals;
            self.Select.OnMenuCreated = function (divMenu) {
                var Items = divMenu.lastChild.childNodes;
                Items[0].style.color = "#0DB3A6";
                for (var i = Items.length - 3; i < Items.length; i++) {
                    Items[i].style.color = "#3F80AE";
                }
            }

            self.Select.OnClick(event);
            self.Select.onchanged = function () {
                var selectedIndexes = self.Select.selectedIndexes;
                showDataFields.splice(0);
                for (var i = 0; i < selectedIndexes.length; i++) {
                    if (["Submiter", "createDt", "updateDt", "iFlowStatus"].indexOf(ItemList[selectedIndexes[i]].ID) >= 0) {
                        showDataFields.push(ItemList[selectedIndexes[i]].ID);
                    } else {
                        showDataFields.push("DataField_" + ItemList[selectedIndexes[i]].ID);
                    }
                }

                self.updateConditionsAndDataFields();
                var dataHeader = self.dataHeader;
                for (var i = 0; i < dataHeader.length; i++) {
                    if (dataHeader[i].SubHeader != null) {
                        var SubHeader = dataHeader[i].SubHeader;
                        for (var j = 0; j < SubHeader.length; j++) {
                            if (showDataFields.indexOf(SubHeader[j].ID) < 0) {
                                SubHeader[j].IsHidden = true;
                            } else {
                                SubHeader[j].IsHidden = false;
                            }
                        }
                    } else {
                        if (dataHeader[i].ID != null && dataHeader[i].ID != "RowNumber" && showDataFields.indexOf(dataHeader[i].ID) < 0) {
                            dataHeader[i].IsHidden = true;
                        } else {
                            dataHeader[i].IsHidden = false;
                        }
                    }
                }
                self.CLTable.lineIndex -= self.dataTable.length;
                self.CLTable.SetHeader(dataHeader);
            }
        }
    }

    fn.getRealConditions = function (Conditions) {
        return Conditions;
    }

    fn.Open = function (TrLine) {
        var self = this;
        self.DataDialog(self.formData, TrLine.firstChild.innerHTML * 1);
    }

    fn.Delete = function (IDs) {
        var self = this;
        if (IDs == null) {
            IDs = self.GetSelected();
            if (IDs.length == 0) {
                return;
            }
        }
        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpRemoveFormData";
        HttpPost(url, function (json) {
            if (json.code == 0) {
                self.CLTable.SetTotalCount(self.CLTable.TotalCount - 1);
                if (self.CLTable.LastPage() < self.CLTable.GetPage() && self.CLTable.LastPage() != 0) {
                    self.CLTable.ToPrePage();
                } else {
                    self.CLTable.OnPage(self.CLTable.GetPage());
                }
            } else {
                CLShowMsg(json.msg);
            }
        }, { FormID: self.formData.ID, ID: IDs });
    }

    fn.Reload = function (func) {

    }

    fn.GetSelected = function () {
        var self = this;
        return self.CLTable && self.CLTable.GetSelected() || [];
    }

    fn.GetDateLine = function (ID) {
        var self = this;
        return self.CLTable && self.CLTable.GetDateLine(ID) || (Array.isArray(ID) ? [] : null);
    }

    fn.OnSelected = function (ID) {

    }

    fn.OnLostSelected = function (ID) {

    }

    fn.DataDialog = function (formData, RowNumber) {
        var self = this;
        var startIndex = (self.CLTable.GetPage() - 1) * self.CLTable.PageCount;
        var endIndex = startIndex + self.CLTable.PageCount;
        var dataTable = self.dataTable;
        var getLine = CLTop.FrmDataDialog.prototype.getLine;
        CLTop.FrmDataDialog.prototype.getLine = function (index, Success) {
            var dlg = this;
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpQueryFormData";
            CLTop.HttpPost(Url, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json.msg);
                }
                dlg.Url = "/" + CLCorpId() + "/View/Form/DataShow.cml?formId=" + formData.ID + "&dataId=" + Json.data[0].ID;
                Success(Json.data[0], Json.count);
            }, {
                ForceSubData: true,
                FormID: formData.ID,
                iStart: index - 1,
                iLine: 1,
                dataLevel: formData.MulLevel ? formData.dataLevel : undefined,
                OrderInfo: self.OrderInfo,
                MappingInfo: self.formData.MappingInfo,
                jCondition: self.getRealConditions(self.Conditions),
                DataRange: self.formData.DataRange
            });
        }
        var dlg = new CLTop.FrmDataDialog(formData, RowNumber * 1);
        dlg.getLine = CLTop.FrmDataDialog.prototype.getLine;
        CLTop.FrmDataDialog.prototype.getLine = getLine;

        dlg.onchanged = function () {
            if (dlg.copied) {
                self.CLTable.SetTotalCount(self.CLTable.TotalCount + 1);
            }
            self.CLTable.OnPage(self.CLTable.GetPage());
        }

        dlg.ondeleted = function () {
            self.CLTable.SetTotalCount(self.CLTable.TotalCount - 1);
            if (self.CLTable.LastPage() < self.CLTable.GetPage() && self.CLTable.LastPage() != 0) {
                self.CLTable.ToPrePage();
            } else {
                self.CLTable.OnPage(self.CLTable.GetPage());
            }
        }

    }

    fn.QueryFormData = function (FormID, iStart, iLine, jCondition, Success) {
        var self = this;
        if (self.formData.IsVirtual && !self.formData.MappingInfo) {
            Success({ code: 0, data: [], count: 0 });
            return null;
        }
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpQueryFormData";
        return HttpPost(Url, function (Json) {
            Success(Json);
        }, {
            FormID: FormID,
            iStart: iStart,
            iLine: iLine,
            OrderInfo: self.OrderInfo,
            MappingInfo: self.formData.MappingInfo,
            jCondition: self.getRealConditions(jCondition),
            DataRange: self.formData.DataRange
        });
    }
    //获取范围
    fn.GetDataFieldRange = function (ID, FormID, Success) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataFieldRange";
        var load = HttpPost(Url, function (Json) {
            var data = Json.data;
            var Range = [];
            for (var i = 0; i < data.length; i++) {
                if (data[i] != null) {
                    var text = data[i].Field;
                    Range.push(text);
                }
            }
            Success(Range);
        }, {
            FieldID: ID,
            FormID: FormID,
            MappingInfo: self.formData.MappingInfo,
            DataRange: self.formData.DataRange
        });
        load.Stop();
    }

    fn.Export = function () {
        var self = this;
        var Div = document.createElement("div");
        Div.style.cssText = "width:470px;height:465px";
        Div.id = "ExportDialog";
        var _dialog = new CLDialog(Div);
        _dialog.CreateAll("<span>导出 Excel 数据</span>", function () {
            var dataHeader = self.CalcHeaders();
            var DataFields = [];
            var IDs = _FieldList.getSelIds();
            if (IDs.length == 0) {
                CLShowMsg("请选择字段");
                return;
            }
            for (var i = 0; i < IDs.length; i++) {
                if (["Submiter", "createDt", "updateDt", "iFlowStatus"].indexOf(IDs[i]) >= 0) {
                    DataFields.push(IDs[i]);
                } else {
                    DataFields.push("DataField_" + IDs[i]);
                }
            }
            for (var i = 0; i < dataHeader.length; i++) {
                if (dataHeader[i].SubHeader != null) {
                    var SubHeader = dataHeader[i].SubHeader;
                    for (var j = 0; j < SubHeader.length; j++) {
                        if (DataFields.indexOf(SubHeader[j].ID) < 0) {
                            SubHeader[j].IsHidden = true;
                        } else {
                            SubHeader[j].IsHidden = false;
                        }
                    }
                } else {
                    if (DataFields.indexOf(dataHeader[i].ID) < 0) {
                        dataHeader[i].IsHidden = true;
                    } else {
                        dataHeader[i].IsHidden = false;
                    }
                }
            }
            for (var i = 0; i < dataHeader.length; i++) {
                if (dataHeader[i].SubHeader != null) {
                    var SubHeader = dataHeader[i].SubHeader;
                    for (var j = 0; j < SubHeader.length; j++) {
                        if (SubHeader[j].IsHidden == true) {
                            SubHeader.splice(j, 1);
                            j--;
                        }
                    }
                    if (SubHeader.length == 0) {
                        dataHeader.splice(i, 1);
                        i--;
                    }
                } else {
                    if (dataHeader[i].IsHidden == true) {
                        dataHeader.splice(i, 1);
                        i--;
                    }
                }
            }
            for (var i = 0; i < dataHeader.length; i++) {
                if (dataHeader[i].SubHeader != null) {
                    var SubHeader = dataHeader[i].SubHeader;
                    if (SubHeader.length == 0) {
                        dataHeader.splice(i, 1);
                        i--;
                    }
                }
            }
            var jsData = {
                FormID: self.formData.ID,
                dataHeader: dataHeader
            }
            if (_TypeList.getSelIds().indexOf("导出筛选后的数据")>=0) {
                var Conditions = CLClone(self.Conditions);
                if (Conditions == null) {
                    Conditions = {
                        Operator: "所有",
                        Items: []
                    };
                }
                jsData.Conditions = self.getRealConditions(Conditions);
            }
            if (dataBox.checked) {
                jsData.UseId = true;
            }
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpExportExcel";
            HttpPost(Url, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json.msg);
                } else {
                    var blob = new CLBase64().blob(Json.data);
                    CLSaveAsLocal(self.formData.Name + ".xlsx", blob);
                }
            }, jsData);
            _dialog.Close();
        });
        _dialog.EnableMove(_dialog.getHeader());
        var _TypeList = new CLTop.CLList([{
            ID: "导出所有数据",
            Name: "导出所有数据"
        }, {
            ID: "导出筛选后的数据",
            Name: "导出筛选后的数据"
        }], _dialog.Body, false, function (Item, ItemData) {
            Item.style.display = "inline-block";
            Item.style.padding = "0 15px 0 0";
            Item.style.width = "initial";
        });
        _TypeList.Select("导出筛选后的数据");
        var label = document.createElement("div");
        label.style.cssText = "heigh:30px;margin-top:10px;display:inline-block;width:100%;line-height:30px";
        label.innerHTML = "请选择导出字段";
        _dialog.Body.appendChild(label);
        var Box = new CLTop.CLCheckBox("全选", label);
        label.lastChild.style.cssFloat = "right";
        var ItemList = CLClone(self.ItemList || self.CalcItemList());
        var _FieldList = new CLTop.CLList(ItemList, _dialog.Body, true, function (Item, ItemData) {

        });
        _dialog.Body.lastChild.style.height = "calc(100% - 80px)";
        _dialog.Body.lastChild.style.border = "1px solid #e0e0e0";
        Box.onchanged = function () {
            if (_FieldList.getSelIds().length == ItemList.length) {
                _FieldList.Select(null);
            } else {
                var IDs = [];
                for (var i = 0; i < ItemList.length; i++) {
                    IDs.push(ItemList[i].ID);
                }
                _FieldList.Selects(IDs);
            }
        }
        _FieldList.OnSelected = function () {
            if (_FieldList.getSelIds().length == ItemList.length) {
                Box.Checked = true;
            } else {
                Box.Checked = false;
            }
        }
        _FieldList.OnLostSelected = function () {
            if (_FieldList.getSelIds().length == ItemList.length) {
                Box.Checked = true;
            } else {
                Box.Checked = false;
            }
        }
        var dataBox = new CLCheckBox("导出原始数据",_dialog.Bottom);
    }

    fn.Import = function (File, OnData) {
        var self = this;
        var formData = self.formData;
        if (formData == null) {
            self.formData = formData = FrmDesigner.GetConfig(self.FormId);
        }
        CLTop.CLLoad("/View/Form/lib/Frm/FrmImport.css");
        var Div = document.createElement("div");
        Div.style.cssText = "width:800px;height:585px";
        Div.id = "ImportDialog";
        var _dialog = new CLDialog(Div);
        var Header = document.createElement("div");
        Header.style.cssText = "position: relative;height: 55px;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 20px;border-bottom: 1px solid #e9e9e9;font-size: 16px;color: #1f2d3d;";
        Header.ondblclick = function () {
            _dialog.MaximizeOrReset();
        }
        Header.innerHTML = "<span>导入 Excel 数据</span>";
        var Close = document.createElement("div");
        Close.style.cssText = "font-family:'CLFont';display:inline-block;float:right;cursor:pointer;font-weight:900;font-size:25px";
        Close.innerHTML = "&#xe7e4;";
        Header.appendChild(Close);
        Close.onclick = function (e) {
            _dialog.Close();
            e.stopPropagation();
        }
        Div.appendChild(Header);
        var Body = document.createElement("div");
        Body.style.cssText = "height:calc(100% - 55px);position:relative;";
        Div.appendChild(Body);
        ImportStep(Body, 0, function () {
            _dialog.Close();
        });

        function ImportStep(Body, iStep, Finish) {
            Body.innerHTML = "";
            var DivSteps = document.createElement("div");
            DivSteps.className = "ImportSteps";
            DivSteps.style.cssText = "padding: 0 25px;";
            Body.appendChild(DivSteps);
            var Step0 = document.createElement("div");
            Step0.className = "ImportStep";
            Step0.style.zIndex = 4;
            Step0.innerHTML = "<span style='display:inline-block;width:100%;text-align:center;position:absolute;bottom:0'>选择Excel表<span>";
            function OnFile(File) {
                var load = new Loading();
                var fileReader = new FileReader();
                fileReader.onload = function (ev) {
                    var data = ev.target.result;
                    var xlsx = new MsXlsx(data);
                    Body.DataTable = MsXlsx.ToJsTable(xlsx.GetSheet(0));
                    ImportStep(Body, 1, Finish);
                    load.Stop();
                };
                fileReader.readAsArrayBuffer(File);
            }
            Step0.SetStep = function () {
                var UL = document.createElement("div");
                UL.style.cssText = "list-style-type:none;padding: 40px 0 0 40px;";
                UL.innerHTML = "<li style='display: list-item;list-style-type: none;line-height:25px'>支持 5MB 以内的json、xlsx格式文件</li>";
                UL.innerHTML += "<li style='display: list-item;list-style-type: none;line-height:25px'>文件中数据不能超过50000行、200列</li>";
                UL.innerHTML += "<li style='display: list-item;list-style-type: none;line-height:25px'>子表单明细同样占用行数</li>";
                Body.appendChild(UL);
                var divUpLoad = document.createElement("div");
                divUpLoad.className = "UpLoadBtn";
                divUpLoad.innerHTML = "<span style='font-family:CLFont;color:#0DB3A6;margin-right:5px'>&#xe643;</span>选择文件";
                divUpLoad.onclick = function () {
                    CLOpenFile(function (File, Path) {
                        OnFile(File);
                    }, ".xlsx,.json");
                }
                Body.appendChild(divUpLoad);
            }
            DivSteps.appendChild(Step0);
            Step1 = Step0.cloneNode();
            Step1.style.zIndex = 3;
            Step1.innerHTML = "<span style='display:inline-block;width:100%;text-align:center;position:absolute;bottom:0'>数据预览<span>";
            var EleTable = null;
            function ShowTable() {
                var TableBg = document.createElement("div");
                TableBg.style.cssText = "width:calc(100% - 20px);overflow:auto;margin:10px auto 5px auto;border-right:1px solid #e0e0e0;height:calc(100% - 145px);cursor:default;";
                EleTable = document.createElement("table");
                TableBg.appendChild(EleTable);
                Body.appendChild(TableBg);
                var DataTable = Body.DataTable.Rows;
                var td = null;
                var tr = null;
                EleTable.setAttribute("cellspacing", 0);
                EleTable.setAttribute("cellpadding", 0);
                EleTable.style.tableLayout = "fixed";
                for (var i = 0; i < DataTable.length && i < 15; i++) {
                    tr = document.createElement("tr");
                    EleTable.appendChild(tr);
                    var row = DataTable[i];
                    for (var j = 0; j < row.length; j++) {
                        var cell = row[j];
                        if (cell != null) {
                            td = document.createElement("td");
                            var Val = cell.Val == null ? "<span style='color:#009'>NULL</span>" : cell.Val.v
                            td.innerHTML = "<div style='width:171px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + Val + "</div>";
                            td.setAttribute("colspan", cell.End.column - cell.Start.column + 1);
                            td.setAttribute("rowspan", cell.End.row - cell.Start.row + 1);
                            tr.appendChild(td);
                        }
                    }
                }
            }
            function TestTable() {
                function CreateDataTable() {
                    var DataTable = Body.DataTable.Rows;
                    var newTable = [];
                    var td = null;
                    var tr = null;
                    for (var i = 0; i < DataTable.length; i++) {
                        tr = [];
                        newTable.push(tr);
                        var row = DataTable[i];
                        for (var j = 0; j < row.length; j++) {
                            var cell = row[j];
                            if (cell != null) {
                                td = {};
                                td.colspan = cell.End.column - cell.Start.column + 1;
                                td.rowspan = cell.End.row - cell.Start.row + 1;
                                td.innerHTML = cell.Val == null ? null : cell.Val.v;
                                tr.push(td);
                            }
                        }
                    }
                    return newTable;
                }
                var DataTable = CreateDataTable();
                console.log(DataTable)
                Body.DataTableN = DataTable;
                var HasSubTable = false;
                var iCols = 0;
                var iSubCount = 0;
                var SubTableInfo = [];
                var iStartLine = 0;
                var Table = [
                ];
                var ColSkip = 0;
                for (var i = 0; i < DataTable[0].length; i++) {
                    if (DataTable[0][i].rowspan == 2) {
                        HasSubTable = true;
                    }
                }
                if (HasSubTable && DataTable.length < 2) {
                    return null;
                }
                var RowSpan = 0;
                var SubIndex = -1;
                var iSubField = 0;
                for (var iLine = 0; iLine < DataTable.length; iLine++) {
                    var tempRowSpan = 0;
                    var dataLine = DataTable[iLine];
                    for (var iField = 0; iField < dataLine.length; iField++) {
                        if (iLine == 0) {
                            if (dataLine[iField].rowspan > 2) {
                                return null;
                            }
                            if (HasSubTable && dataLine[iField].rowspan == 1) {
                                iSubCount++;
                                for (var n = 0; n < dataLine[iField].colspan; n++) {
                                    Table.push(dataLine[iField].innerHTML.trim() + "●");
                                }
                                SubTableInfo.push({
                                    offset: iField + ColSkip,
                                    length: dataLine[iField].colspan
                                });
                                ColSkip += dataLine[iField].colspan - 1;
                            } else {
                                Table.push(dataLine[iField].innerHTML.trim());
                            }
                            iCols += dataLine[iField].colspan;
                        }
                        if (iLine == 1 && dataLine[iField].rowspan > 1 && HasSubTable) {
                            return null;
                        }
                        if (iLine != 0 && dataLine[iField].colspan > 1) {
                            return null;
                        }
                        if (iStartLine + RowSpan == iLine) {
                            if (tempRowSpan == 0 && dataLine[iField].rowspan != 1) {
                                tempRowSpan = dataLine[iField].rowspan;
                            } else if (tempRowSpan != 0 && dataLine[iField].rowspan != 1) {
                                if (tempRowSpan != dataLine[iField].rowspan) {
                                    return null;
                                }
                            }
                        }
                        if (SubIndex < 0) {
                            SubIndex = 0;
                            iSubField = 0;
                        }
                        if (HasSubTable && iLine == 1 && Table[SubTableInfo[SubIndex].offset + iSubField][Table[SubTableInfo[SubIndex].offset + iSubField].length - 1] == '●') {
                            Table[SubTableInfo[SubIndex].offset + iSubField] = (Table[SubTableInfo[SubIndex].offset + iSubField] + dataLine[iField].innerHTML);
                            iSubField++;
                            if (iSubField >= SubTableInfo[SubIndex].length) {
                                SubIndex += 1;
                                iSubField = 0;
                            }
                        }
                    }
                    if (iStartLine + RowSpan == iLine && dataLine.length != iCols) {
                        if (!HasSubTable) {
                            if (dataLine.length != iCols) {
                                return null;
                            }
                        } else {
                            if (iLine > 2 && dataLine.length != iCols) {
                                return null;
                            }
                        }
                    }
                    if (iStartLine != iLine && iStartLine + RowSpan != iLine && dataLine.length + DataTable[0].length - iSubCount != iCols) {
                        return null;
                    }
                    if (iStartLine + RowSpan == iLine) {
                        iStartLine = iLine;
                        RowSpan = tempRowSpan == 0 ? 1 : tempRowSpan;
                    }
                }
                if (HasSubTable && DataTable.length < 3) {
                    return null;
                }
                if (!HasSubTable && DataTable.length < 2) {
                    return null;
                }
                return {
                    HasSubTable: HasSubTable,
                    SubTableInfo: SubTableInfo,
                    Table: Table,
                };
            }
            function ShowBottom() {
                var divBottom = document.createElement("div");
                divBottom.style.cssText = "height:50px;padding:0px 10px;";
                Body.appendChild(divBottom);
                var Btn = document.createElement("div");
                Btn.className = "BtnGreen";
                Btn.style.cssFloat = "right";
                Btn.style.borderRadius = "3px";
                Btn.innerHTML = "下一步";
                Btn.onclick = function () {
                    ImportStep(Body, iStep + 1, Finish);
                }
                divBottom.appendChild(Btn);
                Btn = Btn.cloneNode();
                Btn.className = "BtnCancle";
                Btn.innerHTML = "上一步";
                Btn.onclick = function () {
                    ImportStep(Body, iStep - 1, Finish);
                }
                divBottom.appendChild(Btn);
                return divBottom;
            }
            var Sels = [];
            function SetData(FormID) {
                var DataTable = Body.DataTable;
                var TableInfo = Body.TableInfo;
                function ShowDataTable() {
                    var iField = TableInfo.Table.length;
                    var _AllFiled = AllFiled();

                    var Table = document.createElement("table");
                    Table.style.tableLayout = "fixed";
                    Table.setAttribute("cellspacing", 0);
                    Table.setAttribute("cellpadding", 0);
                    var tr = document.createElement("tr");
                    Table.appendChild(tr);
                    var td = null;
                    var SubInfo = TableInfo.SubTableInfo;
                    function InSub(iField) {
                        if (!TableInfo.HasSubTable) {
                            return false;
                        }
                        for (var i = 0; i < SubInfo.length ; i++) {
                            if (iField >= SubInfo[i].offset && iField < (SubInfo[i].offset + SubInfo[i].length)) {
                                return true;
                            }
                        }
                        return false;
                    }
                    for (var i = 0; i < iField; i++) {
                        var Sel = CreateSel();
                        if (InSub(i)) {
                            for (var j = 0; j < Sel.Items.length; j++) {
                                if (Sel.Items[j].indexOf("●") < 0) {
                                    Sel.HideItem(j);
                                }
                            }
                        } else {
                            for (var j = 0; j < Sel.Items.length; j++) {
                                if (Sel.Items[j].indexOf("●") > 0) {
                                    Sel.HideItem(j);
                                }
                            }
                        }
                        Sel.selectedIndex = Sel.Items.indexOf(TableInfo.Table[i]);
                    }
                    var jTable = Body.DataTableN;
                    for (var i = 0; i < jTable.length; i++) {
                        tr = document.createElement("tr");
                        Table.appendChild(tr);
                        for (var j = 0; j < jTable[i].length; j++) {
                            td = document.createElement("td");
                            td.setAttribute("colspan", jTable[i][j].colspan);
                            td.setAttribute("rowspan", jTable[i][j].rowspan);
                            td.innerHTML = "<div title='" + jTable[i][j].innerHTML + "'  style='width:171px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + jTable[i][j].innerHTML + "</div>";
                            tr.appendChild(td);
                        }
                        if (i >= 15) {
                            break;
                        }
                    }
                    var divTable = document.createElement("div");
                    divTable.style.cssText = "width:calc(100% - 20px);overflow:auto;border-right:1px solid #e0e0e0;height:calc(100% - 130px);";
                    divTable.appendChild(Table);
                    Body.appendChild(divTable);
                    function CreateSel() {
                        var td = document.createElement("td");
                        tr.appendChild(td);
                        var div = document.createElement("div");
                        div.style.cssText = "width:171px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;";
                        td.appendChild(div);
                        var _CLSelect = new CLSelect(div);
                        _CLSelect.EnableClear(true);
                        Sels.push(_CLSelect);
                        _CLSelect.setMaxMenuHeight(300);
                        _CLSelect.setPlaceholder("不导入");
                        for (var i = 0; i < _AllFiled.length; i++) {
                            _CLSelect.AddItems([
                                _AllFiled[i].Name
                            ]);
                        }
                        div.Sel = _CLSelect;
                        return _CLSelect;
                    }
                }
                ShowDataTable();
            }
            function AllFiled() {
                var Fields = [];
                var Controls = formData.Controls;
                var BaseControls = ["流水号", "单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框", "附件上传", "成员单选", "成员多选", "部门单选", "部门多选", "手写签名"];
                for (var i = 0; i < Controls.length; i++) {
                    if (BaseControls.indexOf(Controls[i].Name) >= 0) {
                        Fields.push({
                            ID: Controls[i].Data.ID,
                            Name: Controls[i].Data.Name,
                            className: Controls[i].Name
                        });
                    } else if (Controls[i].Name == "子表单") {
                        for (var j = 0; j < Controls[i].Data.Field.length; j++) {
                            if (BaseControls.indexOf(Controls[i].Data.Field[j].Name) >= 0) {
                                Fields.push({
                                    ID: Controls[i].Data.ID,
                                    BoxID: Controls[i].Data.Field[j].Data.ID,
                                    Name: Controls[i].Data.Name + "●" + Controls[i].Data.Field[j].Data.Name,
                                    className: Controls[i].Name
                                });
                            }
                        }
                    }
                }
                Fields = Fields.concat([
                    {
                        ID: "Submiter",
                        Name: "提交人"
                    },
                    {
                        ID: "createDt",
                        Name: "提交时间"
                    },
                    {
                        ID: "updateDt",
                        Name: "更新时间"
                    }
                ]);
                return Fields;
            }
            function ImportData(SerialRecalc) {
                    var DataTable = Body.DataTableN;
                    var TableInfo = Body.TableInfo;
                    var SelsInfo = [];
                    var _AllFiled = AllFiled();
                    for (var i = 0; i < Sels.length; i++) {
                        SelsInfo.push(_AllFiled[Sels[i].selectedIndex]);
                    }
                    var jsData = {
                        TableInfo: TableInfo,
                        DataTable: DataTable,
                        SelsInfo: SelsInfo,
                        FormID: g_Form.ID,
                        SerialRecalc: SerialRecalc,
                        OnlyCalc: typeof OnData == "function" && OnData.OnlyCalc !== false
                    }
                    var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpImportExcel";
                    HttpPost(Url, function (Json) {
                        if (Json.code == 0) {
                            if (OnData) {
                                _dialog.Close();
                                OnData(Json.data);
                            } else {
                                Body.Count = Json.data;
                                self.CLTable.SetTotalCount(self.CLTable.TotalCount + Body.Count);
                                self.CLTable.Start();
                                ImportStep(Body, iStep + 1, Finish);
                            }
                        } else {
                            CLTop.CLShowMsg(Json.msg);
                        }
                    }, jsData);
            }

            Step1.SetStep = function () {
                ShowTable();
                var divBottom = ShowBottom();
                var Btns = divBottom.childNodes;
                var Next = Btns[0].onclick;
                Btns[0].onclick = function () {
                    Body.TableInfo = TestTable();
                    if (Body.TableInfo == null) {
                        CLTop.CLShowMsg("表单格式不正确...");
                        return;
                    }
                    Next();
                }
            }

            DivSteps.appendChild(Step1);
            Step2 = Step0.cloneNode();
            Step2.style.zIndex = 2;
            Step2.SetStep = function () {
                SetData(g_Form.ID);
                var divBottom = ShowBottom();
                var Btns = divBottom.childNodes;
                var Next = Btns[0].onclick;
                Btns[0].onclick = function () {
                    ImportData(divBottom.Box.checked);
                }
                var block = document.createElement("div");
                block.style.cssText = "width:120px;height:35px;padding:5px";
                divBottom.appendChild(block);
                divBottom.Box = new CLCheckBox("重新流水", block);
            }
            Step2.innerHTML = "<span style='display:inline-block;width:100%;text-align:center;position:absolute;bottom:0'>表单设置<span>";
            DivSteps.appendChild(Step2);
            Step3 = Step0.cloneNode();
            Step3.style.zIndex = 1;
            Step3.SetStep = function () {
                var divInfo = document.createElement("div");
                var div = document.createElement("div");
                div.className = "icon-select";
                div.innerHTML = "<br />成功导入" + Body.Count + "条数据";
                divInfo.appendChild(div);
                divInfo.style.cssText = "width:calc(100% - 20px);height:calc(100% - 130px);position:relative";
                Body.appendChild(divInfo);
                var divBottom = document.createElement("div");
                divBottom.style.cssText = "height:50px;padding:0px 10px;";
                Body.appendChild(divBottom);
                var Btn = document.createElement("div");
                Btn.className = "BtnGreen";
                Btn.style.cssFloat = "right";
                Btn.style.borderRadius = "3px";
                Btn.innerHTML = "完成";
                Btn.onclick = function () {
                    Finish();
                }
                divBottom.appendChild(Btn);
            }
            Step3.innerHTML = "<span style='display:inline-block;width:100%;text-align:center;position:absolute;bottom:0'>导入数据<span>";
            DivSteps.appendChild(Step3);
            DivSteps.childNodes[iStep].classList.add("ImportStepSel");
            DivSteps.childNodes[iStep].SetStep();
            for (var i = 0; i < DivSteps.childNodes.length; i++) {
                if (i < iStep) {
                    DivSteps.childNodes[i].classList.add("ImportStepPass");
                }
            }
            if (!!File && iStep == 0) {
                OnFile(File);
            }
        }
    }

}());
;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLSelect/CLSelect.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLCodeEditor/CLCodeEditor.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLTree/CLTree.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLUI.js" />
(function () {
    CLLoad("/View/Form/lib/Frm/FrmDesigner.css");

    var gAllClassNames = ["流水号", "单行文本", "多行文本", "数字", "时间日期",
    "单选按钮组", "复选框组", "下拉框", "下拉复选框", "附件上传",
    "手写签名", "成员单选", "成员多选", "部门单选", "部门多选",
    "成员范围", "角色选择", "流程状态", "提交人", "提交时间", "更新时间"];

    var FrmDesigner = window.FrmDesigner = function (Ele, Editable) {
        var self = this;
        self.Editable = Editable != false;
        self.Ele = Ele;
        Ele.FrmDesigner = self;
        Ele.classList.add("FrmDesigner");
        Ele.setAttribute("tabindex", "1");
        Ele.focus();
        self.dataForm = {
            ID: CLMakeId(),
            Name: "未命名表单",
            Controls: [],
            FriendForms: []
        };
        if (self.Editable) {
            var leftCtrls = self.leftCtrls = document.createElement("div");
            leftCtrls.className = "leftControls";
            Ele.appendChild(leftCtrls);
        } else {
            Ele.classList.add("FrmNotEditable");
        }

        if (self.Editable) {
            var Bar = self.barDiv = document.createElement("div");
            Bar.className = "Bar";
            Ele.appendChild(Bar);
            self.showBar();
        }

        var designerDiv = self.designerDiv = document.createElement("div");
        designerDiv.className = "Designer";
        designerDiv.FrmDesigner = self;
        Ele.appendChild(designerDiv);
        if (!self.Editable) {
            designerDiv.style.margin = "0";
            designerDiv.style.border = "none";
            Ele.style.padding = "0px";
            self.BeforeSubmit = [];
        }
        if (self.Editable) {
            var propDiv = self.propDiv = document.createElement("div");
            propDiv.className = "Prop";
            Ele.appendChild(propDiv);
            var header = document.createElement("div");
            header.className = "Header";
            propDiv.appendChild(header);
            var propBody = self.propBody = document.createElement("div");
            propBody.className = "Body";
            propDiv.appendChild(propBody);
            propBody.FrmDesigner = this;
            var Btns = [];
            Btns.push({
                Name: "字段属性",
                IsSel: false,
                Width: "50%",
                OnBtnCreated: null
            });
            Btns.push({
                Name: "表单属性",
                IsSel: false,
                Width: "50%",
                OnBtnCreated: null
            });
            var _CLBtnGroup = self.PropBtnGroup = new CLBtnGroup(header, Btns);
            _CLBtnGroup.groupDiv.className = "CLTab";
            _CLBtnGroup.OnSelected = function (divBtn) {
                if (divBtn.Btn.Name == "字段属性") {
                    _CLBtnGroup.selectedName = "字段属性";
                    self.CtrlProp();
                }
                if (divBtn.Btn.Name == "表单属性") {
                    _CLBtnGroup.selectedName = "表单属性";
                    self.FormProp();
                }
            }
            self.showCtrls();
            self.EnableCtrlS();
            self.EnableSaveAsLocal();
        } else {
            CLEnableDragFiles(designerDiv, function (e) {
                CLQueryDragFiles(e, function (files) {
                    if (!files[0]) {
                        return;
                    }
                    var file = files[0].file;
                    self.Import(file);
                });
            });
        }
    }

    var fn = FrmDesigner.prototype;

    fn.Ele = null;

    fn.Editable = true;

    fn.barDiv = null;

    fn.leftCtrls = null;

    fn.designerDiv = null;

    fn.propDiv = null;

    fn.propBody = null;

    fn.dataForm = null;

    fn.dataLine = null;

    fn.BeforeSubmit = null;

    fn.PropBtnGroup = null;

    fn.FlowClassId = null;

    fn.treeDiv = null;

    fn.levelTree = null;
    //数据锁
    fn.dataLockId = null;
    //数据导入
    fn.Import = function (file, func) {
        var self = this;
        if (!file || !/\.xls[x]?$/i.test(file.name)) {
            return false;
        }
        var fileReader = new FileReader();
        fileReader.onload = function (ev) {
            var Table
            var data = ev.target.result;
            try {
                var xlsx = new MsXlsx(data);
                Table = MsXlsx.ToJsTable(xlsx.GetSheet(0));
            } catch (e) {
                CLShowMsg(e.message);
                return;
            }
            var Btn = self.Ele;
            Btn.FrmDesigner = self;
            Btn.dataCtrl = {
                Name: "主表单",
                Data: {
                    ID: self.dataForm.ID,
                    Name: self.dataForm.Name
                }
            };
            Btn.Event = {
                stopPropagation: false
            };
            var Sheet = Table.Rows_Cells;
            Btn.GetCell = function (Name) {
                var cur = Table.getRowColumn(Name);
                return Sheet[cur.row] ? Sheet[cur.row][cur.column] : null;
            }
            Btn.Sheet = Sheet;
            FrmCoderEditor.RunCode.call(Btn, self.dataForm.ImportHandle.runCode, Btn.dataCtrl.Data, null);
            if (func) {
                func();
            }
        };
        fileReader.readAsArrayBuffer(file);
    }
    //Http接口
    fn.Save = function (toLor) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitForm";
        if (toLor) {
            url += "&toLor=true";
        }
        var jForm = self.getData();
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                var form = CLApp.getFormById(jForm.ID);
                form.updateDt = Json.data;
                jForm.Ver = Date.Parse(form.updateDt).toString("yyyyMMddHHmmssfff");
                CLShowMsg("保存成功",false);
            } else {
                CLShowMsg(Json.msg);
            }
        }, jForm);
    }
    //获取所有系统表单
    fn.AllSysForms = function () {
        return FrmCtrls.getAllForms();
    }

    fn.SaveAsLocal = function () {
        var self = this;
        var data = self.getData();
        CLSaveAsLocal(data.Name + ".Json", JSON.stringify(data, null, 4));
    }

    fn.FromFile = function () {
        var self = this;
        CLOpenFile(function (File, Name) {
            if (Name.toLocaleLowerCase().lastIndexOf(".json") < 0) {
                CLShowMsg('不支持该文件格式.');
                return;
            }
            var reader = new FileReader();
            //将文件以文本形式读入页面    
            reader.readAsText(File);
            reader.onload = function (f) {
                try {
                    var Json = JSON.parse(this.result);
                    if (typeof (Json) != 'object') {
                        CLShowMsg('不支持该文件格式.');
                        return;
                    }
                    jForm = Json;

                } catch (e) {
                    CLShowMsg('该文件已损坏.');
                }
            }
        }, ".json");
    }

    fn.CopyForm = function () {
        var self = this;
        var jForm = self.getData();
        var Name = jForm.Name;
        jForm.Name = jForm.Name + " 副本";
        var jReplace = {};
        jReplace[jForm.ID] = CLMakeId();
        for (var i = 0; i < jForm.Controls.length; i++) {
            jReplace[jForm.Controls[i].Data.ID] = CLMakeId();
            if (jForm.Controls[i].Name == "子表单") {
                for (var j = 0; j < jForm.Controls[i].Data.Field.length; j++) {
                    jReplace[jForm.Controls[i].Data.Field[j].Data.ID] = CLMakeId();
                }
            }
        }
        var sForm = JSON.stringify(jForm);
        jForm.Name = Name;
        for (var key in jReplace) {
            sForm = sForm.replace(new RegExp(key, "g"), jReplace[key]);
        }
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitForm";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                location.href = ("/View/Form/FrmDesigner.cml?ID=" + jReplace[jFrom.ID]);
            } else {
                CLShowMsg(Json.msg);
            }
        }, { sForm: new CLBase64().encode(sForm) });
    }
    
    function CalcPosDiv(self,cur,view,X,Y,name){
        var path = H5.ElementsFromPoint(X, Y);
        var touch = null;
        path.some(function (ele) {
            if(ele == view){ 
                touch = ele;
                return true;
            }
            if(name=="选项卡" && ele.parentNode != self.designerDiv){
                return false;
            }
            var block = ele.querySelector(".BlockSel");
            if(block){
                block.appendChild(view);
                touch = view;
                return true;
            }
            if (ele.classList.contains("ControlLine") && ele != cur) {
                touch = ele;
                return true;
            }
        });
        if(touch == view){
            return view.nextSibling;
        }
        function Calc() {
            var rect = view.getBoundingClientRect();
            var Y_ = rect.top + rect.height / 2;
            var X_ = rect.left + rect.width / 2;
            return Math.pow((X_ - X), 2) + Math.pow((Y_ - Y), 2);
        }
        if (touch == view) {
            return view.nextSibling;
        }
        if (touch) {
            touch.insertAdjacentElement("beforebegin", view);
            var len = Calc();
            touch.insertAdjacentElement("afterend", view);
            var len2 = Calc();
            if (len2 > len) {
                touch.insertAdjacentElement("beforebegin", view);
            }
            return view.nextSibling;
        } else {
            return view.nextSibling;
        } 
    }

    fn.showCtrls = function () {
        var self = this;
        var designerDiv = self.designerDiv;
        var leftCtrls = self.leftCtrls;
        designerDiv.innerHTML = "";
        var helpDiv = document.createElement("div");
        helpDiv.className = "FrmDesignerDragHelp";
        function EnableDrag(Item, ItemData) {
            CLEnableMove(Item, function (Item, event) {
                helpDiv.style.zIndex = CLMaxZIndex();
                helpDiv.innerHTML = ItemData.Name;
                document.body.appendChild(helpDiv);
            }, function (Item, event) {
                helpDiv.style.left = event.clientX - helpDiv.offsetWidth / 2 + "px";
                helpDiv.style.top = event.clientY - helpDiv.offsetHeight / 2 + "px";
                var rect = designerDiv.getBoundingClientRect();
                var Pos = {
                    X: event.clientX,
                    Y: event.clientY
                }
                if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                    var Line;
                    if (self.PreLine == null) {
                        self.PreLine = document.createElement("div");
                        self.PreLine.className = "PreLine";
                        designerDiv.appendChild(self.PreLine);
                    }
                    var item = CalcPosDiv(self,helpDiv,self.PreLine, Pos.X,Pos.Y,ItemData.Name);
                } else {
                    if (self.PreLine != null) {
                        self.PreLine.remove();
                        self.PreLine = null;
                    }
                }
                return false;
            }, function (Item, event) {
                var rect = designerDiv.getBoundingClientRect();
                var Pos = {
                    X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                    Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                }
                if (self.PreLine != null) {
                    var ControlLine = self.PreLine;
                    ControlLine.className = "ControlLine";
                    if (ItemData.Name == "流水号") {
                        var dataForm = self.getData();
                        var has = false;
                        for (var i = 0; i < dataForm.Controls.length; i++) {
                            if (dataForm.Controls[i] != null && dataForm.Controls[i].Name == "流水号") {
                                has = true;
                            }
                        }
                        if (!has) {
                            self.AddControl({
                                Name: ItemData.Name,
                                Data: {
                                    ID: CLMakeId(),
                                }
                            }, ControlLine);
                            self.getData();
                        } else {
                            CLShowMsg("表单中仅可添加一个流水号字段");
                        }
                    } else {
                        self.AddControl({
                            Name: ItemData.Name,
                            Data: {
                                ID: CLMakeId(),
                            }
                        }, ControlLine);
                        self.getData();
                    }
                    self.PreLine = null;
                }
                helpDiv.remove();
                return false;
            });
        }

        var label = FrmCtrls.PropLabel(leftCtrls, "基础字段");
        for (var i = 0; i < FrmCtrls["基础字段"].length; i++) {
            var CtrlLabel = document.createElement("div");
            CtrlLabel.className = "CtrlLabel";
            CtrlLabel.innerHTML = "<div class='Icon'>" + FrmCtrls["基础字段"][i].Icon + "</div>" + FrmCtrls["基础字段"][i].Name;
            leftCtrls.appendChild(CtrlLabel);
            EnableDrag(CtrlLabel, FrmCtrls["基础字段"][i]);
        }

        label = FrmCtrls.PropLabel(leftCtrls, "增强字段");
        for (var i = 0; i < FrmCtrls["增强字段"].length; i++) {
            var CtrlLabel = document.createElement("div");
            CtrlLabel.className = "CtrlLabel";
            CtrlLabel.innerHTML = "<div class='Icon'>" + FrmCtrls["增强字段"][i].Icon + "</div>" + FrmCtrls["增强字段"][i].Name;
            leftCtrls.appendChild(CtrlLabel);
            EnableDrag(CtrlLabel, FrmCtrls["增强字段"][i]);
        }

        label = FrmCtrls.PropLabel(leftCtrls, "高级字段");
        for (var i = 0; i < FrmCtrls["高级字段"].length; i++) {
            var CtrlLabel = document.createElement("div");
            CtrlLabel.className = "CtrlLabel";
            CtrlLabel.innerHTML = "<div class='Icon'>" + FrmCtrls["高级字段"][i].Icon + "</div>" + FrmCtrls["高级字段"][i].Name;
            leftCtrls.appendChild(CtrlLabel);
            EnableDrag(CtrlLabel, FrmCtrls["高级字段"][i]);
        }
    }

    fn.PreView = function (End) {
        var self = this;
        var Box = new CLTop.CLPageBox();
        var remove = Box.bgDiv.remove;
        Box.bgDiv.remove = function () {
            remove.apply(Box.bgDiv, arguments);
        }
        var Header = Box.Header;
        var Body = Box.Body;
        var Bottom = Box.Bottom;
        var divTitle = document.createElement("span");
        divTitle.innerHTML = self.dataForm.Name;
        Header.appendChild(divTitle);
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "提交";
        Btn.style.cssFloat = "right";
        Btn.style.height = "30px";
        Btn.style.lineHeight = "30px";
        Btn.style.width = "80px";
        Btn.style.margin = "0px";
        Bottom.appendChild(Btn);
        if (self.dataForm.MulLevel) {
            Box.Box.style.width = "1030px";
        }
        CLApp.setForm(self.Short());
        var _Frm = new CLTop.FrmDesigner(Body, false);
        var dataForm = self.getData();
        _Frm.Submit = function (Btn) {
            if (End) {
                var flag;
                var changed = _Frm.GetIfChanged(null, function (check) {
                    flag = check;
                });
                if (flag) {
                    End(changed);
                    Box.Close();
                }
            } else {
                if (_Frm.CheckPageData()) {
                    if (!_Frm.SubmitEvent(Btn)) {
                        return;
                    }
                    CLShowMsg("模拟提交成功...",false);
                } else {
                    CLShowMsg("数据不完整");
                }
            }
        }
        _Frm.setData(CLClone(dataForm), function () {
            _Frm.ShowLevel();
            if (_Frm.Excel) {
                var width = 0;
                if (!self.dataForm.MulLevel) {
                    width = _Frm.Excel.Table.offsetWidth + 20;
                } else {
                    width = _Frm.Excel.Table.offsetWidth + 270;
                }
                if (width < 780) {
                    width = 780;
                }
                Box.Box.style.width = width + "px";
            }
        });
        Btn.onclick = function (e) {
            _Frm.Submit(Btn);
        }
    }

    fn.Submit = function (Btn) {

    }

    fn.SubmitAsT = function (end, taskId, classId) {
        var self = this;
        function func() {
            var url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpSaveAsTemporary";
            var changed = self.GetIfChangedNoCheck();
            if (!changed) {
                return;
            }
            changed.Sync = true;
            var all = self.designerDiv.querySelectorAll('.子表单 .Right');
            all.forEach(function (ele) {
                ele.scrollTop_ = ele.scrollTop;
            });
            if (changed) {
                var load = HttpPost(url, function (Json) {
                    if (Json.code == 0) {
                        var ele = H5.ActiveElement();
                        var node = ele;
                        while (node && !node.dataCtrl) {
                            node = node.parentNode;
                        }
                        if (node && node.dataCtrl) {
                            var Data = node.dataCtrl.Data;
                            if (Data.ParentID) {
                                var line = node.parentNode;
                                var box = line.parentNode;
                                var index = box.childNodes.indexOf(line);
                                var index2 = line.childNodes.indexOf(node);
                                node.focus = function () {
                                    try {
                                        var line;
                                        while (index > 0) {
                                            line = box.childNodes[index];
                                            if (!line) {
                                                index--;
                                            } else {
                                                break;
                                            }
                                        }
                                        var node = line && line.childNodes[index2];
                                        node = node.querySelector(ele.tagName);
                                        node && node.focus();
                                    } catch (e) {
                                    }
                                }
                            }
                        }
                        self.Sync(Json.data);
                        all.forEach(function (ele) {
                            ele.scrollTop = ele.scrollTop_;
                            delete ele.scrollTop;
                        });
                        if (node) {
                            node.focus();
                        } else {
                            ele.focus();
                        }
                        end && end(Json.data);
                    } else {
                        end && end(Json.msg);
                    }
                }, { dataLine: changed, FlowClassID: classId, TaskID: taskId });
                load.Stop();
            }
        }
        H5.Delay(func, 300, self.dataForm.FormID + "_T");
    }

    fn.showName = function () {

    }

    fn.LoadingSourceIDs = null;

    fn.LoadCallBack = null;

    //获取数据源引用的参数
    fn.getVarsBySourceId = function (SourceIds) {
        var self = this;
        var Sources = self.dataForm.dataSources;
        var Vars = self.dataForm.Vars;
        var IDs = [];
        for (var i = 0; i < Sources.length; i++) {
            if (!SourceIds || SourceIds.indexOf(Sources[i].ID) >= 0) {
                for (var j = 0; j < Vars.length ; j++) {
                    if (DataSourceDlg.VarInUse(Vars[j].Name, Sources[i])) {
                        if (IDs.indexOf(Vars[j].ID)) {
                            IDs.push(Vars[j].ID);
                        }
                    }
                }
            }
        }
        return IDs;
    }

    fn.Var_Vals = null;

    fn.HasSourceChanged = function (SourceID) {
        var self = this;
        return self.ChangedSourceIDs != null && self.ChangedSourceIDs.indexOf(SourceID) >= 0;
    }

    //设置参数值
    fn.CalcVar = function (Var) {
        var self = this;
        function GetVarValue(name) {
            return self.GetVarValue(name);
        }
        function SetVarValue(Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        var R = null;
        if (!self.Var_Vals.hasOwnProperty(Var.Name)) {
            if (Var.className == "公式" && Var.Val != null) {
                try {
                    var Btn = self.Ele;
                    Btn.dataCtrl = {
                        Name: "主表单",
                        Data: {
                            ID: self.dataForm.ID,
                            Name: self.dataForm.Name
                        }
                    };
                    Btn.Event = {
                        stopPropagation: false
                    };
                    R = FrmCoderEditor.RunCode.call(Btn, Var.Val.runCode, Btn.dataCtrl.Data, null);
                    if (typeof R == "function") {
                        self.Var_Vals[Var.Name] = R;
                    }
                } catch (e) {
                    CLShowMsg("【" + Var.Name + "】" + (e.message ? e.message : e.toString()));
                    throw e;
                }
            } else {
                R = Var.Val;
                if (Var.className == "数字" || Var.className == "行" || Var.className == "页") {
                    R *= 1;
                }
            }
        } else {
            R = self.Var_Vals[Var.Name];
        }
        return R;
    }
    //获取参数的值
    fn.GetVarValue = function (Id) {
        var self = this;
        var Vars = self.dataForm.Vars;
        if (self.Var_Vals == null) {
            self.Var_Vals = {};
        }
        if (Id == null) {
            return null;
        }
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        if (self.Var_Vals[name]) {
            return self.Var_Vals[name];
        }
        for (var i = 0; Vars && i < Vars.length; i++) {
            var Var = Vars[i];
            if (Var.Name == name) {
                return self.CalcVar(Var);
            }
        }
        return null;
    }

    fn.CalcVars = function (SourceIds) {
        var self = this;
        var retVars = {};
        if (self.Var_Vals == null) {
            self.Var_Vals = {};
        }
        var Vars = self.dataForm.Vars;
        var IDs = self.getVarsBySourceId(SourceIds);
        for (var i = 0; Vars != null && i < Vars.length; i++) {
            var Var = Vars[i];
            if (IDs.indexOf(Var.ID) < 0) {
                continue;
            }
            retVars[Var.ID] = self.CalcVar(Var);
        }
        retVars.GetVarValue = function (name) {
            return self.GetVarValue(name);
        }
        retVars.SetVarValue = function (Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        return retVars;
    }

    fn.SetVarValue = function (Id, Val, bEvent, strict) {
        var self = this;
        if (self.Var_Vals == null) {
            self.Var_Vals = {};
        }
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        if (FrmCtrl.IsValue(Val)) {
            Val = Val.valueOf();
        }
        if (Object.Equals(self.Var_Vals[name], Val, strict)) {
            return;
        }
        self.Var_Vals[name] = Val;
        if (bEvent == false) {
            return;
        }
        if (self.ChangedSourceIDs == null) {
            self.ChangedSourceIDs = [];
        }
        var sourceIds = self.getVarSourceIds(name);
        var datatime = new Date();
        for (var i = 0; i < sourceIds.length; i++) {
            if (self.SourceData != null && self.SourceData[sourceIds[i]]) {
                self.SourceData[sourceIds[i]].datatime = datatime;
            }
            if (self.ChangedSourceIDs.indexOf(sourceIds[i]) < 0) {
                self.ChangedSourceIDs.push(sourceIds[i]);
            }
        }
        self.FlushVar();
    }

    fn.FlushVar = function () {
        var self = this;
        if (self.ChangedSourceIDs.length == 0) {
            return;
        }
        if (self.flushTimer != null) {
            clearTimeout(self.flushTimer);
        }
        self.flushTimer = setTimeout(function () {
            clearTimeout(self.flushTimer);
            var ChangedSourceIDs = self.ChangedSourceIDs;
            self.ClearSourceChanged();
            for (var i = 0; self.SourceData != null && i < ChangedSourceIDs.length ; i++) {
                delete self.SourceData[ChangedSourceIDs[i]];
            }
            var load = self.QueryData(ChangedSourceIDs, true, function () {
            });
            load == null ? null : load.Stop();
            self.OnSourceDataChangedEvent(ChangedSourceIDs);
        }, 1);
    }

    fn.ClearSourceChanged = function () {
        var self = this;
        self.ChangedSourceIDs = [];
    }

    fn.UseSource = function (sourceId) {

    }

    fn.getVarSourceIds = function (name) {
        var self = this;
        var sources = self.dataForm.dataSources;
        var SourceIds = [];
        for (var i = 0; sources && i < sources.length; i++) {
            if (DataSourceDlg.VarInUse(name, sources[i])) {
                if (SourceIds.indexOf(sources[i].ID) < 0) {
                    SourceIds.push(sources[i].ID);
                }
            }
        }
        return SourceIds;
    }

    fn.OnSourceDataChangedEvent = function (sourceIds) {
        var self = this;
        var Changed = self.SourceDataChanged;
        Changed = Changed ? [].concat(Changed) : [];
        var len = Changed.length;
        for (var i = 0; i < len; i++) {
            Changed[i](sourceIds);
        }

    }

    fn.SourceDataChanged = null;

    fn.OnSourceDataChanged = function (Fun) {
        var self = this;
        if (self.SourceDataChanged == null) {
            self.SourceDataChanged = [];
        }
        if (self.SourceDataChanged.indexOf(Fun) < 0) {
            self.SourceDataChanged.push(Fun);
        }

    }

    fn.UnSourceDataChanged = function (Fun) {
        var self = this;
        if (self.SourceDataChanged) {
            var index = self.SourceDataChanged.indexOf(Fun);
            if (index >= 0) {
                self.SourceDataChanged.splice(index, 1);
            }
        }
    }

    fn.CtrlPrepared = null;

    fn.OnCtrlPrepared = function (Fun) {
        var self = this;
        if (self.CtrlPrepared == null) {
            self.CtrlPrepared = [];
        }
        self.CtrlPrepared.push(Fun);
    }

    fn.RunCtrlPrepared = function () {
        var self = this;
        for (var i = 0; self.CtrlPrepared != null && i < self.CtrlPrepared.length ; i++) {
            self.CtrlPrepared[i]();
        }
        self.CtrlPrepared = [];
    }

    fn.IsFreedom = function () {
        var self = this;
        return !self.HasSourceChanged() && (!self.LoadCallBack || self.LoadCallBack.length == 0);
    }
    //所有数据
    fn.SourceData = null;
    //查询数据
    fn.QueryData = function (SourceIDs, bForce, Success) {
        var self = this;
        if ((SourceIDs.length == 1 && SourceIDs[0] == null) || SourceIDs.length == 0) {
            Success();
            return;
        }
        SourceIDs = CLClone(SourceIDs);
        if (self.LoadingSourceIDs == null) {
            self.LoadingSourceIDs = [];
        }
        if (self.LoadCallBack == null) {
            self.LoadCallBack = [];
        }
        if (self.SourceData == null) {
            self.SourceData = {};
        }
        if (!bForce) {
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.SourceData[SourceIDs[i]] != null) {
                    SourceIDs.splice(i, 1);
                    i--;
                }
            }
            if (SourceIDs.length == 0) {
                Success();
                return;
            }
            var CallBack = {
                IDs: CLClone(SourceIDs),
                Success: Success
            }
            self.LoadCallBack.push(CallBack);
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.LoadingSourceIDs.indexOf(SourceIDs[i]) >= 0) {
                    SourceIDs.splice(i, 1);
                    i--;
                } else {
                    self.LoadingSourceIDs.push(SourceIDs[i]);
                }
            }
            if (SourceIDs.length == 0) {
                CallBack.Loading = new Loading();
                return CallBack.Loading;
            }
        } else {
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.SourceData[SourceIDs[i]] != null) {
                    if (self.SourceData[SourceIDs[i]].Close) {
                        self.SourceData[SourceIDs[i]].Close();
                    }
                    delete self.SourceData[SourceIDs[i]];
                }
                if (self.LoadingSourceIDs.indexOf(SourceIDs[i]) < 0) {
                    self.LoadingSourceIDs.push(SourceIDs[i]);
                }
            }
            var CallBack = {
                IDs: CLClone(SourceIDs),
                Success: Success
            }
            self.LoadCallBack.push(CallBack);
        }
        var Sources = [];
        var dataSources = self.dataForm.dataSources;
        for (var i = 0; i < dataSources.length; i++) {
            if (SourceIDs.indexOf(dataSources[i].ID) >= 0 && Sources.indexOf(dataSources[i]) < 0) {
                Sources.push(dataSources[i]);
            }
        }
        var Vars = self.CalcVars(SourceIDs);
        var datatime = new Date();
        function CalcLine(dataLine, Fields) {
            for (var x = 0; x < Fields.length; x++) {
                if (Fields[x] != null) {
                    if (Fields[x].className == "提交人" || Fields[x].className == "成员单选"
                        || Fields[x].className == "部门单选" || Fields[x].className == "成员多选"
                        || Fields[x].className == "部门多选" || Fields[x].className == "流程状态") {
                        var Val = {
                            value: FrmCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]),
                            oVal: dataLine[Fields[x].ID],
                            ID: dataLine[Fields[x].ID],
                            toString: function () {
                                return this.value;
                            }
                        }
                        dataLine[Fields[x].ID] = Val;
                    } else if (Fields[x].className == "手写签名") {
                        var Val = {
                            value: FrmCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]),
                            oVal: dataLine[Fields[x].ID],
                            toString: function () {
                                return this.value;
                            }
                        }
                        dataLine[Fields[x].ID] = Val;
                    } else if (Fields[x].className == "下拉复选框" || Fields[x].className == "复选框组") {
                        dataLine[Fields[x].ID] = JSON.parse(dataLine[Fields[x].ID]);
                    }
                }
            }
            return dataLine;
        }
        return DataSourceDlg.QueryData(Sources, function (data) {
            for (var sourceId in data) {
                if (typeof data[sourceId] == "function") {
                    continue;
                }
                var onedata = self.SourceData[sourceId];
                if (onedata != null && onedata.datatime > datatime) {
                    continue;
                } else {
                    onedata = data[sourceId];
                    self.SourceData[sourceId] = onedata;
                    onedata.datatime = datatime;
                }
            }
            //转换数据
            for (var sourceId in data) {
                if (typeof data[sourceId] == "function") {
                    continue;
                }
                var dataList = data[sourceId];
                var Fields = [];
                for (var key in dataList[0]) {
                    Fields.push(self.GetFieldBySourceIdAndFieldId(sourceId, key))
                }
                for (var y = 0; y < dataList.length; y++) {
                    CalcLine(dataList[y], Fields);
                }
            }
            for (var i = 0; i < SourceIDs.length; i++) {
                var index = self.LoadingSourceIDs.indexOf(SourceIDs[i]);
                if (index >= 0) {
                    self.LoadingSourceIDs.splice(self.LoadingSourceIDs.indexOf(SourceIDs[i]), 1);
                }
            }
            for (var i = 0; i < self.LoadCallBack.length; i++) {
                var IDs = self.LoadCallBack[i].IDs;
                var finish = true;
                for (var j = 0; j < IDs.length; j++) {
                    if (self.LoadingSourceIDs.indexOf(IDs[j]) >= 0) {
                        finish = false;
                    }
                }
                if (finish) {
                    var callBack = self.LoadCallBack[i];
                    self.LoadCallBack.splice(i, 1);
                    i--;
                    callBack.Success();
                    if (callBack.Loading != null) {
                        callBack.Loading.Stop();
                    }
                }
            }
        }, Vars);
    }

    fn.RemoveIfEquals = function (FormData1, FormData2) {
        var self = this;
        for (var key in FormData2) {
            if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                var Name = self.getClassNameByDataFieldId(key);
                FrmCtrls[Name].RemoveIfEquals(FormData1, FormData2, key);
            }
        }
    }

    fn.showBar = function () {
        var self = this;
        var Name = document.createElement("div");
        Name.className = "FrmName";
        self.barDiv.appendChild(Name);
        self.showName = function () {
            Name.innerHTML = self.dataForm == null || self.dataForm.Name == null ? "未命名表单" : self.dataForm.Name;
            document.title = self.dataForm.Name + " | 表单设计";
        }
        Name.onclick = function () {
            window.open("/" + CLCorpId() + "/html5/Form/DataView.cml?ID=" + self.dataForm.ID);
        }
        self.showName();

        var savrBtn = document.createElement("div");
        savrBtn.className = "CLBtnGreen";
        savrBtn.innerHTML = "保存";
        savrBtn.onclick = function () {
            self.Save();
        }
        self.barDiv.appendChild(savrBtn);

        var PreView = document.createElement("div");
        PreView.className = "PreView";
        PreView.innerHTML = "预览";
        PreView.onclick = function () {
            self.PreView();
        }
        self.barDiv.appendChild(PreView);
    }

    fn.TabFilter = function (ID, func) {
        var self = this;
        if (!self.__TabFilter__) {
            self.__TabFilter__ = {};
        }
        self.__TabFilter__[ID] = func;
    };

    fn.AddControl = function (dataCtrl, Ele) {
        var self = this;
        var designerDiv = self.designerDiv;
        var Data = dataCtrl.Data;
        if (designerDiv.querySelector(".ControlLine_" + Data.ID)) {
            return;
        }
        var html = "<div style='max-width:100%;overflow-x:auto;padding:5px'>" + FrmCtrls[dataCtrl.Name].Html(dataCtrl.Data) + "</div>";
        html += "<div class='Copy'>&#xe66c;</div><div class='Del'>&#xe80b;</div>";
        if (Ele == null) {
            Ele = document.createElement("div");
            Ele.className = "ControlLine";
            designerDiv.appendChild(Ele);
        }
        Ele.classList.add("ControlLine_" + dataCtrl.Data.ID);
        Ele.dataCtrl = dataCtrl;
        Ele.innerHTML = html;
        function Select(Ele) {
            var ele = designerDiv.querySelector(".ControlLineSel");
            if (ele) {
                ele.classList.remove("ControlLineSel");
            }
            ele = designerDiv.querySelector(".ControlBoxSel");
            if (ele) {
                ele.classList.remove("ControlBoxSel");
            }
            var pid = Ele.dataCtrl.Data.ParentID;
            if (pid) {
                ele = designerDiv.querySelector(".ControlLine_" + pid);
                ele.classList.add("ControlLineSel");
                Ele.classList.add("ControlBoxSel");
            } else {
                Ele.classList.add("ControlLineSel");
            }
        }
        Ele.Select = function () {
            Select(Ele);
        }
        if (dataCtrl.Name == "子表单") {
            Ele.Reset = function () {
                var Fields = dataCtrl.Data.Field;
                for (var i = 0; i < Fields.length ; i++) {
                    var name = "Column_" + Fields[i].Data.ID;
                    var ele = Ele.querySelector(".SubTable");
                    if (ele) {
                        ele = ele.lastChild.querySelector("." + name);
                    }
                    if (ele) {
                        ele.dataCtrl = Fields[i];
                    }
                    if (Ele.Selected == ele.dataCtrl.Data.ID) {
                        ele.classList.add("ControlBoxSel");
                    }
                    ele.Select = function () {
                        Select(this);
                    }
                }
            }
            Ele.Reset();
        }
        if (dataCtrl.Name == "选项卡") {
            Ele.Reset = function () {
                var div = Ele.firstChild;
                div.style.minHeight = "50px";
                var Btns = [];
                var Items = dataCtrl.Data.Items;
                for (var i = 0; i < Items.length; i++) {
                    Btns.push({ Name: Items[i].Name, IsSel: Items[i].Checked });
                }
                var grp = new CLBtnGroup(Ele.firstChild, Btns);
                grp.groupDiv.className = "CLTab";
                grp.groupDiv.addEventListener("mouseup", function (e) {
                    if (e.srcElement.classList.contains("Btn")) {
                        e.stopPropagation();
                    }
                });
                var Tabs = grp.groupDiv.childNodes;
                grp.OnSelected = function (Btn) {
                    var index = 0;
                    Tabs.forEach(function (btn, i) {
                        if (btn == Btn) {
                            index = i;
                        }
                    });
                    for (var i = 0; i < Items.length; i++) {
                        Items[i].Checked = index == i;
                    }
                    if (Ele.classList.contains("ControlLineSel")) {
                        self.CtrlProp(Ele);
                    } else {
                        Ele.innerHTML = html;
                        Ele.Reset();
                    }
                }
                Tabs.forEach(function (btn,i) {
                    btn.Block = document.createElement("div");
                    btn.Block.classList.add("TabBlock");
                    if (Items[i].Checked) {
                        btn.Block.classList.add("BlockSel");
                    }
                    btn.Block.Item = Items[i];
                    div.appendChild(btn.Block);
                    var Ctrls = Items[i].Ctrls;
                    if (Ctrls) {
                        for (var i = 0; i < Ctrls.length; i++) {
                            var Id = Ctrls[i]
                            var ele = designerDiv.querySelector(".ControlLine_" + Id);
                            if (!ele) {
                                var arr = self.dataForm.Controls;
                                arr.forEach(function (dataCtrl) {
                                    if (dataCtrl.Data.ID == Id) {
                                        ele = self.AddControl(dataCtrl);
                                    }
                                });
                            }
                            if (ele) {
                                btn.Block.appendChild(ele);
                            } else {
                                Ctrls.splice(i, 1);
                                i--;
                            }
                        }
                    }
                });
            }
            Ele.Reset();
        }
        var DownX;
        var DownY;
        Ele.onmousedown = function (e) {
            DownX = e.clientX;
            DownY = e.clientY;
        }
        Ele.onmouseup = function (e) {
            if ((DownX == e.clientX && DownY == e.clientY)) {
                var LineSel = designerDiv.getElementsByClassName("ControlLineSel")[0];
                if (LineSel != null) {
                    LineSel.classList.remove("ControlLineSel");
                }
                var BoxSel = designerDiv.getElementsByClassName("ControlBoxSel")[0];
                if (BoxSel != null) {
                    BoxSel.classList.remove("ControlBoxSel");
                }
                Ele.classList.add("ControlLineSel");
                var ele = null;
                if (dataCtrl.Name == "子表单") {
                    ele = e.srcElement;
                    while (ele != document.body && !ele.className.contains("Column_")) {
                        ele = ele.parentNode;
                    }
                    if (document.body == ele || !ele.dataCtrl) {
                        ele = null;
                    } else {
                        ele.classList.add("ControlBoxSel");
                        Ele.Selected = ele.dataCtrl.Data.ID;
                    }
                }
                self.CtrlProp(ele || Ele);
            }
        }
        var Del = Ele.querySelector(".ControlLine_" + dataCtrl.Data.ID + ">.Del");
        Del.onclick = function (e) {
            CLConfirm(function () {
                var Line = Ele.nextSibling;
                if (Line == null) {
                    Line = Ele.previousSibling;
                }
                if (Line != null) {
                    var EleSel = designerDiv.getElementsByClassName("ControlLineSel")[0];
                    if (EleSel != null) {
                        EleSel.classList.remove("ControlLineSel");
                    }
                    Line.classList.add("ControlLineSel");
                    self.CtrlProp(Line);
                } else {
                    self.FormProp();
                }
                Ele.remove();
            }, "若删除该字段，其对应的表单数据也会被清除。确定删除？", e, "250px");
        }
        var ControlCopy = Ele.querySelector(".ControlLine_" + dataCtrl.Data.ID + ">.Copy");
        ControlCopy.onclick = function () {
            var sCtrl = JSON.stringify(dataCtrl);
            var ID = CLMakeId();
            sCtrl = sCtrl.replace(new RegExp(dataCtrl.Data.ID, "g"), ID);
            if (dataCtrl.Name == "子表单") {
                var Fields = dataCtrl.Data.Field;
                for (var i = 0; i < Fields.length ; i++) {
                    sCtrl = sCtrl.replace(new RegExp(Fields[i].Data.ID, "g"), CLMakeId());
                }
            }
            var newCtrl = JSON.parse(sCtrl);
            var Line = self.AddControl(newCtrl);
            Ele.insertAdjacentElement("afterend", Line);
        }
        if (dataCtrl.Name != "选项卡") {
            var dataItem = null;
            CLEnableDragPosition(Ele, "ControlLine", null, function () {
                if (dataItem) {
                    var index = dataItem.Ctrls.indexOf(Data.ID);
                    if (index >= 0) {
                        dataItem.Ctrls.splice(index, 1);
                    }
                } else if (Ele.parentNode.classList.contains("BlockSel")) {
                    dataItem = Ele.parentNode.Item;
                    var Ctrls = dataItem.Ctrls;
                    Ctrls.splice(0, Ctrls.length);
                    Ele.parentNode.querySelectorAll(".ControlLine").forEach(function (ele) {
                        Ctrls.push(ele.dataCtrl.Data.ID);
                    });
                }
            }, function (ele, PreLine, first) {
                if (first) {
                    if (Ele.parentNode.classList.contains("BlockSel")) {
                        dataItem = Ele.parentNode.Item;
                    } else {
                        dataItem = null;
                    }
                    self.designerDiv.appendChild(Ele);
                }
                PreLine.style.width = "100%";
                var rect = ele.getBoundingClientRect();
                CalcPosDiv(self,ele,PreLine, (rect.left + rect.right)/2,(rect.top + rect.bottom)/2,dataCtrl.Name);
            });
        } else {
            CLEnableDragPosition(Ele, "ControlLine");
        }
        return Ele;
    }

    fn.getCtrlNameById = function (Id) {
        var self = this;
        var ctrlName = "??????";
        var ctrls = self.getData().Controls;
        for (var i = 0; i < ctrls.length ; i++) {
            if (ctrls[i].Data.ID == Id) {
                ctrlName = ctrls[i].Data.Name;
                break;
            }
            if (ctrls[i].Name == "子表单") {
                for (var j = 0; j < ctrls[i].Data.Field.length; j++) {
                    if (ctrls[i].Data.Field[j].Data.ID == Id) {
                        ctrlName = ctrls[i].Data.Field[j].Data.Name;
                    }
                }
                if (ctrlName.length != 0) {
                    break;
                }
            }
        }
        return ctrlName;
    }

    fn.GetOriginValue = function (Id) {
        var self = this;
        for (var key in self.BeforeChange) {
            if (key == "DataField_" + Id) {
                return self.BeforeChange[key];
            }
        }
    }
    //上传图片
    fn.UpLoadFile = function (File, ExtInfo, Success, onProgress) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
        HttpPost(Url, Success, { ExtInfo: ExtInfo }, true, null, null, File, File.name, onProgress);
    }

    fn.SelectImage = function (ImageCreated) {
        var self = this;
    }

    fn.OnValueChanged = function (Box) {

    }

    fn.InitRunCodeMethod = function (Excel) {
        var self = this;
        if (!Excel) {
            return;
        }
        var callCount = 0;
        function getCellVal(x, y) {
            var Cell;
            if (y < Excel.rowCount) {
                Cell = Excel.Rows_Cells[y][x];
            }
            if (Cell && !Cell.hasOwnProperty("Value")) {
                Object.defineProperty(Cell, "Value", {
                    get: function () {
                        if (this.Box) {
                            return this.Box.Value;
                        } else {
                            return this.Val ? this.Val[this.Val.type] : undefined;
                        }
                    },
                    set: function (Val) {
                        if (this.Box) {
                            this.Box.Value = Val;
                        } else {
                            Excel.showCellVal(this, Val);
                        }
                    }
                });
                if (Cell.defineCells) {
                    Cell.defineCells();
                }
            }
            return Cell;
        }
        var str = "";
        for (var y = 0; y < Excel.rowCount; y++) {
            for (var x = 0; x < Excel.columnCount; x++) {
                var cellName = Excel.getColumnName(x) + (y + 1);
                str += "var " + cellName + "= getCellVal(" + x + "," + y + ");";
            }
        }
        eval(str);
        var GetVarValue = function (Id) {
            return self.GetVarValue(Id);
        }
        var SetVarValue = function (Id,Val) {
            return self.SetVarValue(Id, Val);
        }
        var RCell = function (x, y, base) {
            if (!base) {
                base = currentCell;
                if (base) {
                    if (x <= 0) {
                        x += base.Start.column;
                    } else {
                        x += base.End.column;
                    }
                    if (y <= 0) {
                        y += base.Start.row;
                    } else {
                        y += base.End.row;
                    }
                }
            }
            var row = Excel.Rows_Cells[y];
            return row ? row[x] : null;
        }

        var TCell = function (x, y) {
            return self.GetCell(x, y);
        }

        var NAME = function (cell) {
            return cell.Box && cell.Box.dataCtrl ? cell.Box.dataCtrl.Data.Name : "";
        }

        var currentCell;

        Excel.runCode = function (sCode, cur) {
            var tempCell = currentCell;
            if (cur) {
                currentCell = getCellVal(cur.Start.column, cur.Start.row);
            } else {
                currentCell = null;
            }
            try {
                ret = eval(sCode);
                if (ret && ret.Cell != null) {
                    ret = ret.valueOf();
                }
            } catch (e) {
                var cellName = Excel.getColumnName(cur.Start.column) + (cur.Start.row + 1);
                throw "【" + cellName + "】:" + e;
            }
            currentCell = tempCell;
            return ret;
        }

        Excel.ParseCapture = function (code, cell) {
            var self = this;
            var arr = [];
            var char;
            var sRun = code.replace(/(\"[^\"]*\")|(\'[^\']*\')|(\/\*[^(\*\/)]*\*\/)|(\/\/.*)/g, "");
            var subCells = {};
            var match = sRun.match(/RCell\(-?[0-9]+\,-?[0-9]+\).[A-Z]+[0-9]+/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                sCell = sCell.substr(0, sCell.indexOf("."));
                arr.push(sCell);
                subCells[arr.length - 1] = sCell.substr(sCell.indexOf(".") + 1);
            }
            match = sRun.match(/TCell\(-?[0-9]+\,-?[0-9]+\)/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                arr.push(sCell);
            }
            match = sRun.match(/RCell\(-?[0-9]+\,-?[0-9]+\)/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                arr.push(sCell);
            }
            match = sRun.match(/currentCell/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                arr.push(sCell);
            }
            match = sRun.match(/[A-Z]+[0-9]+.[A-Z]+[0-9]+/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                sCell = sCell.substr(0, sCell.indexOf("."));
                arr.push(sCell);
                subCells[arr.length - 1] = sCell.substr(sCell.indexOf(".") + 1);
            }
            match = sRun.match(/[^.][A-Z]+[0-9]+/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                var ele = sCell.match(/[A-Z]+[0-9]+/);
                if (ele) {
                    arr.push(ele[0]);
                }
            }
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                var ele = sCell.match(/[A-Z]+[0-9]+/);
                if (ele) {
                    arr.push(ele[0]);
                }
            }
            var cells = Excel.runCode("[" + arr + "]", cell);
            arr = [];
            cells.forEach(function (cell, index) {
                if (cell && arr.indexOf(cell) < 0) {
                    var SubCell = subCells[index];
                    var xy;
                    if (SubCell) {
                        xy = Excel.getRowColumn();
                    }
                    arr.push({
                        Cell: cell,
                        Test: function (Box) {
                            if (!SubCell) {
                                return true;
                            } else {
                                var row = cell.Box.Excel.Rows_Cells[xy.y];
                                if (!row || !row[x]) {
                                    return true;
                                } else {
                                    if (!row[x].Box) {
                                        return false;
                                    } else {
                                        if (row[x].Box.dataCtrl.Data.ID == Box.dataCtrl.Data.ID) {
                                            return true;
                                        } else {
                                            return false;
                                        }
                                    }
                                }
                            }
                        }
                    });
                }
            });
            return arr;
        }

        Excel.GetCell = function (x, y) {
            return getCellVal(x, y);
        }
    }

    fn.ShowControl = function (dataCtrl) {
        var self = this;
        var Box;
        if (!self.Excel) {
            Box = document.createElement("div");
            Box.className = "ControlLine " + dataCtrl.Name;
            self.designerDiv.appendChild(Box);
            var ID = dataCtrl.Data.ID;
            if (self.__TabFilter__ && self.__TabFilter__[ID]) {
                self.__TabFilter__[ID](Box);
                delete self.__TabFilter__[ID];
            }
        } else {
            var Cell = self.designerDiv.querySelector(".Ctrl_" + dataCtrl.Data.ID);
            if (!Cell) {
                Box = document.createElement("div");
                Box.className = "ControlLine";
                self.designerDiv.appendChild(Box);
                Box.style.display = "none";
            } else {
                Cell.innerHTML = "<div class='Content IsCtrl'><div></div></div>";
                Box = Cell.firstChild.firstChild;
                Box.IsCell = true;
                Box.Cell = Cell;
                Cell.Box = Box;
            }
        }

        Box.dataCtrl = dataCtrl;
        Box.classList.add((dataCtrl.Name == "子表单" ? "SubTable_" : (Box.IsCell ? "CtrlLine_" : "ControlLine_")) + dataCtrl.Data.ID);
        FrmCtrls[dataCtrl.Name].Show(dataCtrl.Data, Box);
        if (dataCtrl.Name == "子表单" && !self.dataForm.ImportHandle) {
            CLEnableDragFiles(Box, function (e) {
                CLQueryDragFiles(e, function (files) {
                    if (!Box.Disabled && files[0]) {
                        var file = files[0].file;
                        if (file) {
                            var dataView = new FrmDataView();
                            dataView.formData = {
                                ID: dataCtrl.Data.ID,
                                Name: dataCtrl.Data.Name,
                                Controls: dataCtrl.Data.Field
                            }
                            dataView.Import(file, function (data) {
                                var arr = Box.Value;
                                if (arr == null) {
                                    arr = data;
                                } else {
                                    arr = arr.concat(data);
                                }
                                Box.Value = arr;
                            });
                        }
                    }
                });
                e.stopPropagation();
            });
        }
        if (Box.Changed) {
            Box.Changed.push(function (Box) {
                self.OnValueChanged(Box);
            });
        }
        self.SubmitEvent = function (Btn) {
            Btn.FrmDesigner = self;
            self.LastSubmitDt = new Date();
            Btn.dataCtrl = {
                Name: "提交按钮",
                Data: {
                    ID: "提交按钮",
                    Name: "提交"
                }
            };
            Btn.Event = {
                stopPropagation: false
            };
            try {
                for (var i = 0; i < self.BeforeSubmit.length; i++) {
                    if (Btn.Event.stopPropagation) {
                        break;
                    }
                    self.BeforeSubmit[i](Btn);
                }
                return true;
            } catch (e) {
                return false;
            }
        }
        return Box;
    }
    //控件属性
    fn.CtrlProp = function (ControlBox) {
        var self = this;
        if (self.PropBtnGroup.selectedName != "字段属性") {
            self.PropBtnGroup.Select(self.PropBtnGroup.groupDiv.firstChild);
            return;
        }
        var propBody = self.propBody;
        propBody.style.borderColor = "rgba(0,0,0,0)";
        propBody.innerHTML = "";
        var ele = self.designerDiv;
        if (ControlBox != null) {
            if (!ControlBox.dataCtrl.Data.ParentID) {
                FrmCtrls[ControlBox.dataCtrl.Name].Prop(ControlBox, propBody);
            } else {
                var btn = document.createElement("div");
                btn.className = "CLBtnGreen";
                btn.style.margin = "0 0 10px 0";
                btn.innerHTML = "完成";
                btn.style.lineHeight = "30px";
                btn.style.height = "30px";
                btn.style.width = "100%";
                btn.style.borderRadius = "3px";
                propBody.appendChild(btn);
                btn.onclick = function () {
                    propBody.innerHTML = "";
                    var BoxSel = ele.querySelector(".ControlLineSel");
                    FrmCtrls[BoxSel.dataCtrl.Name].Prop(BoxSel, propBody);
                }
                FrmCtrls[ControlBox.dataCtrl.Name].Prop(ControlBox, propBody);
            }
        } else {
            var BoxSel = ControlBox || ele.querySelector(".ControlBoxSel") || ele.querySelector(".ControlLineSel");
            propBody.innerHTML = "";
            if (BoxSel != null) {
                FrmCtrls[BoxSel.dataCtrl.Name].Prop(BoxSel, propBody);
            }
        }
    }

    fn.removeSource = function (Id) {
        var self = this;
        var Source = self.dataForm.dataSources;
        for (var i = 0; Source != null && i < Source.length; i++) {
            if (Source[i].ID == Id) {
                Source.splice(i, 1);
                break;
            }
        }
    }

    //根据Id获取数据源
    fn.getDataSourceById = function (ID) {
        var self = this;
        var Source = self.dataForm.dataSources;
        for (var i = 0; Source != null && i < Source.length; i++) {
            if (Source[i].ID == ID) {
                return Source[i];
            }
        }
    }

    //弹出框
    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        return _CLMenu;
    }

    fn.ShowSource = function (sourceView, End, dataForms) {
        var self = this;
        self.dataForms = dataForms;
        if (dataForms == null) {
            var dataSources = self.dataForm.dataSources;
            if (dataSources == null) {
                dataSources = self.dataForm.dataSources = [];
            }
            var load = DataSourceDlg.GetFormsByDataSource(dataSources, function (dataForms) {
                DataSourceDlg.RewriteFieldsInfo(dataForms, dataSources);
                self.ShowSource(sourceView, End, dataForms);
                for (var i = 0; i < dataSources.length ; i++) {
                    var FieldsInfo = dataSources.FieldsInfo;
                    for (var key in FieldsInfo) {
                        var has = false;
                        for (var j = 0; j < Fields.length ; j++) {
                            if (key == Fields[j].ID) {
                                has = true;
                            }
                        }
                        if (!has) {
                            delete FieldsInfo[key];
                        }
                    }
                }
            });
            return;
        }

        self.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    for (var j = 0; j < dataForms[i].Fields.length; j++) {
                        if (dataForms[i].Fields[j].ID == FieldID) {
                            return dataForms[i].Fields[j];
                        }
                    }
                }
            }
        };

        self.GetFieldsBySourceId = function (SourceID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    return dataForms[i].Fields == null ? [] : dataForms[i].Fields;
                }
            }
        }

        self.getDataForms = function () {
            return dataForms;
        }

        self.getSourceById = function (SourceID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    return dataForms[i];
                }
            }
        }

        if (sourceView == null) {
            if (End != null) {
                End();
            }
            return;
        }
        sourceView.innerHTML = "";
        sourceView.className = "sourceView";
        var Forms = [];
        for (var i = 0; i < dataForms.length; i++) {
            var Fields = dataForms[i].SubNode = dataForms[i].Fields;
            dataForms[i].type = "Source";
            if (self.getDataSourceById(dataForms[i].ID) != null) {
                Forms.push(dataForms[i]);
            }
        }
        var treeData = {
            ID: CLMakeId(),
            Name: "无",
            SubNode: Forms
        };
        var helpDiv = document.createElement("div");
        helpDiv.className = "FrmDesignerExDragHelp";
        var sourceTree = new CLTree(treeData);
        sourceTree.Editable = false;
        sourceTree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.ID == treeData.ID) {
                Item.firstChild.style.display = "none";
            } else {
                Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                if (ItemData.type == "Source") {
                    Item.firstChild.getElementsByClassName("Name")[0].style.cursor = "pointer";
                    var del = document.createElement("div");
                    del.className = "Del";
                    Item.firstChild.appendChild(del);
                    del.onmousedown = function (e) {
                        CLConfirm(function () {
                            Item.remove();
                            self.removeSource(ItemData.ID);
                        }, "你确定要删除吗?");
                        e.stopPropagation();
                    }
                    var set = document.createElement("div");
                    set.className = "Set";
                    Item.firstChild.appendChild(set);
                    set.onmousedown = function (e) {
                        if (!__IsDev__) {
                            CLShowMsg("你不是开发者.");
                            return;
                        }
                        var DataSource = self.getDataSourceById(ItemData.ID);
                        var funcs = [];
                        var sourceDlg = new DataSourceDlg(DataSource, self.dataForm.Vars, function (dataSource, Vars) {
                            self.dataForm.Vars = Vars;
                            for (var key in dataSource) {
                                DataSource[key] = dataSource[key]
                            }
                            funcs.forEach(function (func) {
                                func();
                            });
                            self.ShowSource(sourceView);
                        });
                        sourceDlg.CodeDlg = function (Val, End) {
                            new FrmCoderEditor({}, Val, self.propBody, function (Val) {
                                End(Val);
                            }, "公式编辑器");
                        }
                        e.stopPropagation();
                        var VarChanged = sourceDlg.VarChanged;
                        sourceDlg.VarChanged = function (dataVar, ID) {
                            VarChanged.call(this, dataVar, ID);
                            funcs.push(function () {
                                self.VarChanged(dataVar, ID);
                            });
                        }
                        sourceDlg.Save = function () {
                            self.Save();
                        }
                    }
                    Item.firstChild.onmousedown = function (e) {
                        Item.IsOpen() ? Item.Close() : Item.Open();
                    }
                    var move = document.createElement("div");
                    move.className = "Move";
                    Item.firstChild.appendChild(move);
                    CLEnableDragPosition(Item, "Item", move, function () {
                        var dataSources = [].concat(self.dataForm.dataSources);
                        self.dataForm.dataSources.splice(0, dataSources.length);
                        var dataForms = [].concat(self.dataForms);
                        self.dataForms.splice(0, dataForms.length);
                        var Items = Item.parentNode.childNodes;
                        for (var i = 0; i < Items.length; i++) {
                            for (var j = 0; j < dataSources.length ; j++) {
                                if (dataSources[j].ID == Items[i].ItemData.ID) {
                                    self.dataForm.dataSources.push(dataSources[j]);
                                    break;
                                }
                            }
                            for (var j = 0; j < dataForms.length ; j++) {
                                if (dataForms[j].ID == Items[i].ItemData.ID) {
                                    self.dataForms.push(dataForms[j]);
                                    break;
                                }
                            }
                        }
                    });
                } else {
                    Item.firstElementChild.firstElementChild.style.display = "none";
                    var set = document.createElement("div");
                    set.className = "Set";
                    Item.firstChild.appendChild(set);
                    set.onmousedown = function (e) {
                        var dlgMenu = self.Dialog(246, 165, Item);
                        var Div = dlgMenu.Div;
                        var label = document.createElement("div");
                        label.innerHTML = "名称";
                        Div.appendChild(label);
                        var input = document.createElement("input");
                        input.style.height = "30px";
                        input.style.width = "calc(100% - 30px)";
                        input.style.marginLeft = "30px";
                        input.value = ItemData.Name;
                        Div.appendChild(input);
                        var source = self.getDataSourceById(Item.parentNode.parentNode.ItemData.ID);
                        input.onchange = function () {
                            if (source.FieldsInfo == null) {
                                source.FieldsInfo = {};
                            }
                            if (source.FieldsInfo[ItemData.ID] == null) {
                                source.FieldsInfo[ItemData.ID] = {};
                            }
                            source.FieldsInfo[ItemData.ID].Name = input.value.trim();
                            if (source.FieldsInfo[ItemData.ID].Name.length == 0) {
                                delete source.FieldsInfo[ItemData.ID].Name;
                                Item.Name.innerHTML = ItemData.oName;
                                Item.Name.innerHTML = ItemData.Name = ItemData.oName;
                            } else {
                                ItemData.oName = ItemData.oName == null ? ItemData.Name : ItemData.oName
                                Item.Name.innerHTML = ItemData.Name = source.FieldsInfo[ItemData.ID].Name;
                            }
                        }

                        var label = document.createElement("div");
                        label.innerHTML = "类型";
                        Div.appendChild(label);
                        var selector = new CLSelect(Div);
                        selector.EnableClear(true);
                        selector.EnableSearch(true);
                        selector.AddItems(gAllClassNames);
                        selector.OnMenuCreated = function () {
                            dlgMenu.oldClose = dlgMenu.Close;
                            dlgMenu.Close = function () { }
                            selector.oldCloseMenu = selector.closeMenu;
                            selector.closeMenu = function () {
                                selector.oldCloseMenu();
                                dlgMenu.Close = dlgMenu.oldClose;
                            }
                        }
                        Div.lastChild.style.width = "calc(100% - 30px)";
                        Div.lastChild.style.marginLeft = "30px";
                        selector.onchanged = function () {
                            if (source.FieldsInfo == null) {
                                source.FieldsInfo = {};
                            }
                            if (source.FieldsInfo[ItemData.ID] == null) {
                                source.FieldsInfo[ItemData.ID] = {};
                            }
                            source.FieldsInfo[ItemData.ID].className = selector.GetValue();
                            if (source.FieldsInfo[ItemData.ID].className == null) {
                                delete source.FieldsInfo[ItemData.ID].className;
                                ItemData.className = ItemData.oclassName;
                                selector.SetValue(ItemData.className);
                            } else {
                                ItemData.className = source.FieldsInfo[ItemData.ID].className;
                            }
                        }
                        selector.SetValue(ItemData.className);
                        dlgMenu.Reset();
                    }
                }
            }
        }
        sourceTree.OnSelected = function (ItemData) {
            if (ItemData.ID == treeData.ID) {
                sourceTree.UnSelect(ItemData.ID);
            }
        }
        var searchInput = document.createElement("input");
        searchInput.className = "CLSearch";
        searchInput.style.height = "25px";
        searchInput.style.cssFloat = "right";
        searchInput.style.marginRight = "10px";
        searchInput.oninput = function () {
            sourceTree.Search(searchInput.value);
        }
        sourceView.appendChild(searchInput);
        sourceTree.Render(sourceView);
        if (End != null) {
            End();
        }
    }

    fn.MoveTo = function (Ele) {
        var self = this;
        self.Ele = Ele;
        self.Ele.FrmDesigner = self;
        self.Ele.appendChild(self.designerDiv);
    }

    fn.GetSerialBox = function () {
        var self = this;
        var Boxes = self.designerDiv.getElementsByClassName("ControlLine");
        for (var i = 0; i < Boxes.length; i++) {
            var dataCtrl = Boxes[i].dataCtrl;
            if (dataCtrl.Name == "流水号") {
                return Boxes[i];
            }
        }
        return null;
    }

    function ShowHandlers(Handlers, Container) {
        Container.innerHTML = "";
        if (Handlers == null) {
            return;
        }

        for (var i = 0; Handlers.Parts && i < Handlers.Parts.length; i++) {
            var Div = document.createElement("div");
            Div.style.height = "30px";
            Div.style.margin = "5px 0 0 5px";
            Div.style.lineHeight = "30px";
            Div.style.display = "inline-block";
            var Icon = document.createElement("div");
            Icon.className = "FontIcon";
            Icon.style.margin = "";
            Icon.style.color = "#0db3a6";
            Icon.innerHTML = "&#xe600;";
            Div.appendChild(Icon);
            var span = document.createElement("span");
            span.innerHTML = CLApp.getDepartmentNameById(Handlers.Parts[i]);
            Div.appendChild(span);
            Container.appendChild(Div);
        }
        for (var i = 0; Handlers.Roles && i < Handlers.Roles.length; i++) {
            var Div = document.createElement("div");
            Div.style.padding = "0 10px";
            Div.style.height = "30px";
            Div.style.margin = "5px 0 0 5px";
            Div.style.lineHeight = "30px";
            Div.style.display = "inline-block";
            var Icon = document.createElement("div");
            Icon.className = "FontIcon";
            Icon.style.margin = "";
            Icon.style.color = "#0db3a6";
            Icon.innerHTML = "&#xe737;";
            Div.appendChild(Icon);
            var span = document.createElement("span");
            span.innerHTML = CLApp.getRoleById(Handlers.Roles[i]).Name;
            Div.appendChild(span);
            Container.appendChild(Div);
        }
        for (var i = 0; Handlers.Members && i < Handlers.Members.length; i++) {
            var Div = document.createElement("div");
            Div.style.padding = "0 10px";
            Div.style.height = "30px";
            Div.style.margin = "5px 0 0 5px";
            Div.style.lineHeight = "30px";
            Div.style.display = "inline-block";
            var Icon = document.createElement("div");
            Icon.className = "FontIcon";
            Icon.style.margin = "";
            Icon.style.color = "#0db3a6";
            Icon.innerHTML = "&#xe78c;";
            Div.appendChild(Icon);
            var span = document.createElement("span");
            span.innerHTML = CLApp.getMemberNameById(Handlers.Members[i]);
            Div.appendChild(span);
            Container.appendChild(Div);
        }
        for (var i = 0; Handlers.Dynamic && i < Handlers.Dynamic.length; i++) {
            var Div = document.createElement("div");
            Div.style.padding = "0 10px";
            Div.style.height = "30px";
            Div.style.margin = "5px 0 0 5px";
            Div.style.lineHeight = "30px";
            Div.style.display = "inline-block";
            var Icon = document.createElement("div");
            Icon.className = "FontIcon";
            Icon.style.margin = "";
            Icon.style.color = "#0db3a6";
            Icon.innerHTML = "&#xe78c;";
            Div.appendChild(Icon);
            var span = document.createElement("span");
            span.innerHTML = Handlers.Dynamic[i];
            Div.appendChild(span);
            Container.appendChild(Div);
        }
    }

    fn.SetLevel = function (end) {
        var self = this;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "min-width:1350px;width:1350px;height:600px;";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("设置表单层级", function () {
            var Levels = [];
            var lines = dlg.Body.getElementsByClassName("Level");
            for (var i = 0; i < lines.length; i++) {
                Levels.push(lines[i].dataLine);
            }
            dataLevel.Levels = Levels;
            dataForm.dataLevel = dataLevel;
            end();
        });
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        dlg.EnableMove();
        dlg.Body.style.paddingTop = "10px";
        var label = document.createElement("div");
        label.style.cssText = "line-height:30px;cursor:default";
        var span = document.createElement("span");
        span.style.color = "#0db3a6";
        span.innerHTML = "关联字段";
        label.appendChild(span);
        dlg.Body.appendChild(label);
        label = label.cloneNode();
        label.style.paddingLeft = "15px";
        span = document.createElement("span");
        span.innerHTML = "编号字段： ";
        span.style.display = "inline-block";
        span.style.lineHeight = "30px";
        span.style.verticalAlign = "top";
        label.appendChild(span);

        var dataForm = self.getData();
        var Ctrls = dataForm.Controls;
        if (dataForm.dataLevel == null) {
            dataForm.dataLevel = {};
        }
        var dataLevel = CLClone(dataForm.dataLevel);
        var Items = [];
        var NoIndex = -1;
        var NameIndex = -1;
        for (var i = 0; i < Ctrls.length ; i++) {
            if (Ctrls[i].Name == "单行文本") {
                Items.push({
                    ID: Ctrls[i].Data.ID,
                    Name: Ctrls[i].Data.Name,
                    toString: function () {
                        return this.Name;
                    }
                });
            }
            if (dataLevel.No == Ctrls[i].Data.ID) {
                NoIndex = Items.length - 1;
            }
            if (dataLevel.Name == Ctrls[i].Data.ID) {
                NameIndex = Items.length - 1;
            }
        }

        var selector = new CLSelect(label);
        selector.AddItems(Items);
        selector.EnableClear(true);
        selector.selectedIndex = NoIndex;
        selector.onchanged = function () {
            if (this.selectedIndex < 0) {
                delete dataLevel.No;
            } else {
                dataLevel.No = this.Items[this.selectedIndex].ID;
            }
        }
        label.lastChild.style.display = "inline-block";
        label.lastChild.style.width = "180px";
        label.lastChild.style.marginRight = "50px";
        span = span.cloneNode();
        span.innerHTML = "名称字段： ";
        label.appendChild(span);
        selector = new CLSelect(label);
        selector.AddItems(Items);
        selector.EnableClear(true);
        selector.selectedIndex = NameIndex;
        selector.onchanged = function () {
            if (this.selectedIndex < 0) {
                delete dataLevel.Name;
            } else {
                dataLevel.Name = this.Items[this.selectedIndex].ID;
            }
        }
        label.lastChild.style.display = "inline-block";
        label.lastChild.style.width = "180px";
        label.lastChild.style.marginRight = "50px";
        dlg.Body.appendChild(label);
        label = document.createElement("div");
        label.style.cssText = "line-height:30px;cursor:default";
        span = document.createElement("span");
        span.style.color = "#0db3a6";
        span.innerHTML = "关联表单";
        label.appendChild(span);
        span = span.cloneNode();
        span.innerHTML = "&#xe6da;添加表单";
        span.style.cssFloat = "right";
        span.style.cursor = "pointer";
        span.style.fontFamily = "CLFont";
        label.appendChild(span);
        var Forms = CLApp.getForms(dataForm.ID);
        span.onclick = function () {
            var addSpan = this;
            var Menu = {
                "style": {
                    "max-height": "210px",
                    "max-width": "230px",
                    "overflow": "auto",
                    "margin-top": "15px",
                    "background-color": "#fff",
                },
                "Items": [
                ]
            }
            var Items = Menu.Items;
            for (var i = 0; i < Forms.length; i++) {
                Items.push({
                    "style": {},
                    "Icon": "",
                    "Text": Forms[i].Name,
                    "Enable": true,
                    "Data": Forms[i],
                    "CallBack": function (e) {
                        var data = this.Data;
                        var dataLine = {
                            FormId: data.ID
                        }
                        ShowLine(dataLine);
                        _CLMenu.Close();
                    }
                });
            }
            var _CLMenu = new CLMenu(Menu, addSpan);
            _CLMenu.EnableSearch(true);
        }
        dlg.Body.appendChild(label);
        function ShowLine(dataLine) {
            var line = label.cloneNode();
            line.dataLine = dataLine;
            line.className = "Level";
            line.style.paddingLeft = "15px";
            dlg.Body.appendChild(line);
            var form = CLApp.getFormById(dataLine.FormId);
            if (form == null) {
                return;
            }
            var Items = [];
            var NoIndex = -1;
            var NameIndex = -1;
            var ParentIndex = -1;
            var TopIndex = -1;
            var Fields = form.Fields;
            for (var i = 0; i < Fields.length ; i++) {
                if (Fields[i].className == "单行文本") {
                    Items.push({
                        ID: Fields[i].ID,
                        Name: Fields[i].Name,
                        toString: function () {
                            return this.Name;
                        }
                    });
                }
                if (dataLine.No == Fields[i].ID) {
                    NoIndex = Items.length - 1;
                }
                if (dataLine.Name == Fields[i].ID) {
                    NameIndex = Items.length - 1;
                }
                if (dataLine.Parent == Fields[i].ID) {
                    ParentIndex = Items.length - 1;
                }
                if (dataLine.Top == Fields[i].ID) {
                    TopIndex = Items.length - 1;
                }
            }
            var formSpan = document.createElement("span");
            formSpan.style.fontFamily = "CLFont";
            formSpan.innerHTML = "&#xe804;" + form.Name;
            formSpan.style.display = "inline-block";
            formSpan.style.lineHeight = "30px";
            formSpan.style.marginRight = "30px";
            formSpan.style.verticalAlign = "top";
            formSpan.style.width = "120px";
            formSpan.title = form.Name;
            formSpan.className = "ellipsis";
            line.appendChild(formSpan);

            var noSpan = formSpan.cloneNode();
            noSpan.innerHTML = "编号字段：";
            noSpan.style.marginRight = "0px";
            noSpan.style.width = "";
            line.appendChild(noSpan);
            var noSelector = new CLSelect(line);
            noSelector.EnableClear(true);
            noSelector.AddItems(Items);
            noSelector.selectedIndex = NoIndex;
            noSelector.onchanged = function () {
                if (noSelector.selectedIndex < 0) {
                    dataLine.No = null;
                } else {
                    dataLine.No = this.Items[noSelector.selectedIndex].ID;
                }
            }
            var style = line.lastChild.style;
            style.display = "inline-block";
            style.width = "180px";
            style.marginRight = "30px";
            var nameSpan = noSpan.cloneNode();
            nameSpan.innerHTML = "名称字段：";
            line.appendChild(nameSpan);
            var nameSelector = new CLSelect(line);
            nameSelector.EnableClear(true);
            nameSelector.AddItems(Items);
            nameSelector.selectedIndex = NameIndex;
            nameSelector.onchanged = function () {
                if (nameSelector.selectedIndex < 0) {
                    dataLine.Name = null;
                } else {
                    dataLine.Name = this.Items[nameSelector.selectedIndex].ID;
                }
            }
            var style = line.lastChild.style;
            style.display = "inline-block";
            style.width = "180px";
            style.marginRight = "30px";

            var parentSpan = noSpan.cloneNode();
            parentSpan.innerHTML = "上级编号：";
            line.appendChild(parentSpan);
            var parentSelector = new CLSelect(line);
            parentSelector.EnableClear(true);
            parentSelector.AddItems(Items);
            parentSelector.selectedIndex = ParentIndex;
            parentSelector.onchanged = function () {
                if (parentSelector.selectedIndex < 0) {
                    dataLine.Parent = null;
                } else {
                    dataLine.Parent = this.Items[parentSelector.selectedIndex].ID;
                }
            }
            var style = line.lastChild.style;
            style.display = "inline-block";
            style.width = "180px";
            style.marginRight = "30px";

            var topSpan = noSpan.cloneNode();
            topSpan.innerHTML = "顶级编号：";
            line.appendChild(topSpan);
            var topSelector = new CLSelect(line);
            topSelector.AddItems(Items);
            topSelector.EnableClear(true);
            topSelector.selectedIndex = TopIndex;
            var style = line.lastChild.style;
            style.display = "inline-block";
            style.width = "180px";
            style.marginRight = "10px";
            topSelector.onchanged = function () {
                if (topSelector.selectedIndex < 0) {
                    dataLine.Top = null;
                } else {
                    dataLine.Top = this.Items[topSelector.selectedIndex].ID;
                }
            }
            var move = noSpan.cloneNode();
            move.style.fontFamily = "CLFont";
            move.style.fontSize = "15px";
            move.style.width = "20px";
            move.style.textAlign = "center";
            move.style.cursor = "move";
            move.innerHTML = "&#xe844;";
            line.appendChild(move);

            var del = move.cloneNode();
            del.style.fontFamily = "CLFont";
            del.innerHTML = "&#xe6a6;";
            del.style.color = "#900";
            del.style.cursor = "pointer";
            line.appendChild(del);
            del.onclick = function () {
                line.remove();
            }
            CLEnableDragPosition(line, "Level", move);
        }
        var Levels = dataLevel.Levels;
        for (var i = 0; Levels && i < Levels.length; i++) {
            ShowLine(Levels[i]);
        }
    }

    fn.TplDlg = function (dataExcel, form, end) {
        var self = this;
        var excelDlg = document.createElement("div");
        excelDlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
        excelDlg.style.zIndex = CLMaxZIndex();
        excelDlg.className = "ExcelDlg";
        document.body.appendChild(excelDlg);
        var TopBar = document.createElement("div");
        TopBar.className = "TopBar";
        excelDlg.appendChild(TopBar);
        TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + (!dataExcel ? "" : dataExcel.Name) + "</div></div>";
        var Back = TopBar.getElementsByClassName("Back")[0];
        Back.onclick = function () {
            end(designer.getData());
            excelDlg.remove();
        }
        var Container = document.createElement("div");
        Container.style.cssText = "position: absolute;margin-top: 45px;top:0;bottom:0;left:0;right:0;overflow: hidden;";
        excelDlg.appendChild(Container);
        ExcelDesigner.prototype.IsWrite = true;
        var designer = new ExcelDesigner(Container);
        ExcelDesigner.prototype.IsWrite = false;
        designer.IsWrite = true;
        designer.CLExcel.SelectImage = self.SelectImage;
        designer.QueryForms = function (End) {
            End([form]);
        }

        designer.GetDataSources = function () {
            return [{ ID: form.ID, Name: form.Name }];
        }

        designer.Save = function () {
            end(designer.getData());
            self.Save();
        }
        designer.AppId = self.dataForm.AppId;
        designer.setData(dataExcel);
        Container.querySelector(".dataSource").querySelector(".Title").querySelector(".Add").style.display = "none";
        Container.querySelector(".dataSource").querySelector(".sourceView").querySelector(".CLSearch").style.display = "none";
    }

    fn.EditTpl = function (Tpl, form, Body) {
        var self = this;
        FrmCtrls.PropSplit(Body);
        var label = FrmCtrls.PropLabel(Body, "显示模板");
        var add = document.createElement("div");
        add.style.cursor = "pointer";
        add.style.cssFloat = "right";
        add.style.color = "rgb(13,179,166)";
        add.innerHTML = "添加";
        label.appendChild(add);
        add.onclick = function () {
            var index = 0;
            index = Tpl.length;
            self.TplDlg(null, form, function (data) {
                data.ID = CLMakeId();
                data.Name = "未命名模板";
                Tpl[index] = data;
                show();
            });
        }
        var Div = FrmCtrls.PropValue(Body, "div");
        Div.style.border = "none";
        Div.style.height = "initial";
        function show() {
            Div.innerHTML = "";
            Tpl.forEach(function (data, index) {
                var item = document.createElement("div");
                item.classList.add("PropItem");
                var input = document.createElement("input");
                input.classList.add("Value");
                input.value = data.Name;
                input.style.width = "calc(100% - 60px)";
                input.onchange = function () {
                    data.Name = input.value;;
                }
                item.appendChild(input);
                var move = document.createElement("span");
                move.className = "Move";
                move.innerHTML = "&#xe844;";
                item.appendChild(move);
                item.data = data;
                CLEnableDragPosition(item, "PropItem", move, function () {
                    var items = item.parentNode.querySelectorAll(".PropItem");
                    Tpl.splice(0, Tpl.length);
                    for (var i = 0; i < items.length; i++) {
                        Tpl.push(items[i].data);
                    }
                    show();
                });
                var Set = document.createElement("span");
                Set.className = "Set";
                Set.innerHTML = "&#xe606;";
                item.appendChild(Set);
                Set.onclick = function () {
                    var Name = data.Name;
                    var ID = data.ID;
                    self.TplDlg(data, form, function (data) {
                        data.Name = Name;
                        data.ID = ID;
                        Tpl[index] = data;
                        show();
                    });
                }
                var Del = document.createElement("span");
                Del.className = "Del";
                Del.innerHTML = "&#xe6a6;";
                item.appendChild(Del);
                Div.appendChild(item);
                Del.onclick = function () {
                    CLConfirm(function () {
                        var Btn = this;
                        Tpl.splice(index, 1);
                        show();
                    }, "你确定要删除吗");
                }
            });
        }
        show();
    }

    fn.UseTplDlg = function (dataForm, TplUse, End) {
        var self = this;
        if (!dataForm) {
            dataForm = self.dataForm;
        }
        if (!TplUse) {
            TplUse = CLClone(dataForm.TplUse);
        }
        if (!TplUse) {
            TplUse = {};
        }
        var forms = [];
        forms.push({ ID: dataForm.ID, Name: dataForm.Name, Tpl: dataForm.Tpl });
        dataForm.Controls.forEach(function (dataCtrl) {
            if (dataCtrl.Name == "子表单") {
                var Data = dataCtrl.Data;
                forms.push({ ID: Data.ID, Name: dataForm.Name + "." + Data.Name, Tpl: Data.Tpl });
            }
        });
        var div = document.createElement("div");
        div.style.cssText = "width:610px;height:400px";
        var dlg = new CLDialog(div);
        dlg.CreateAll("选择模板", function () {
            var hasVal = false;
            for (var key in TplUse) {
                if (!!TplUse[key]) {
                    hasVal = true;
                    break;
                }
            }
            if (!hasVal) {
                TplUse = undefined;
            }
            if (End) {
                End(TplUse);
            } else {
                dataForm.TplUse = TplUse;
            }
        });
        var Body = dlg.Body;
        forms.forEach(function (form,index) {
            var item = document.createElement("div");
            item.style.cssText = "width: 100%; margin-bottom: 10px; line-height: 30px; overflow: hidden; user-select: none;";
            Body.appendChild(item);
            var divName = document.createElement("div");
            divName.style.cssText = "width: 245px; display: inline-block; height: 30px; line-height: 30px; border: 1px solid rgb(217, 217, 217); padding: 0px 8px; vertical-align: top;";
            divName.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px;'>" + (index == 0 ? "&#xe6bb;" : "&#xe804;") + "</span>" + form.Name;
            item.appendChild(divName);
            var divUse = document.createElement("div");
            divUse.style.cssText = "width: 80px; color: rgb(13, 179, 166); text-align: center; display: inline-block; vertical-align: top;";
            divUse.innerHTML = "启用";
            item.appendChild(divUse);
            var selector = new CLSelect(item);
            item.lastChild.style.cssText = "width: 245px; display: inline-block;";
            if (form.Tpl) {
                form.Tpl.forEach(function (ele, index) {
                    selector.AddItems([{ ID: ele.ID, Name: ele.Name, toString: function () { return this.Name; } }]);
                    if (TplUse[form.ID] == ele.ID) {
                        selector.selectedIndex = index;
                    }
                });
            }
            selector.onchanged = function () {
                var item = selector.Items[selector.selectedIndex];
                if (!item) {
                    delete TplUse[form.ID];
                } else {
                    TplUse[form.ID] = item.ID;
                }
            }
        });
    }

    fn.VarChanged = function (dataVar, ID) {
        var self = this;
        var dataSources = self.dataForm.dataSources;
        if (dataSources) {
            dataSources.forEach(function (ele) {
                DataSourceDlg.updateVar(ele, ID, dataVar);
            });
        }
    }

    //表单属性
    fn.FormProp = function () {
        var self = this;
        if (self.PropBtnGroup.selectedName != "表单属性") {
            self.PropBtnGroup.Select(self.PropBtnGroup.groupDiv.lastChild);
            return;
        }
        var dataForm = self.getData();
        var PropBody = self.propBody;
        PropBody.innerHTML = "";
        var mLabel = FrmCtrls.PropLabel(PropBody, "名称");
        var span = document.createElement("span");
        span.style.color = "#0db3a6";
        span.style.cssFloat = "right";
        span.style.cursor = "pointer";
        span.innerHTML = "配置数据";
        mLabel.appendChild(span);
        span.onclick = function () {
            var data = HttpGet("/CLUI/Object", null, false, true);
            var dlg = CLFrm.CreateInstance(data, {
                Object: dataForm,
                changed: function (dataForm) {
                    self.setData(dataForm);
                }
            }, dataForm.Name || "配置数据", 350, 650, null, function (frm) {

            });
            dlg.AnimationTo(innerWidth - 350);
        }
        var Name = FrmCtrls.PropValue(PropBody);
        Name.value = dataForm.Name || "";
        Name.onchange = function () {
            dataForm.Name = Name.value;
            self.showName(dataForm.Name);
        }
        PropBody.appendChild(Name);

        (function (图标设置) {
            FrmCtrls.PropSplit(PropBody);
            FrmCtrls.PropLabel(PropBody, "图标设置");
            var divValue = FrmCtrls.PropValue(PropBody, "div");
            divValue.style.height = "initial";
            divValue.style.border = "none";
            divValue.style.marginLeft = "15px";
            divValue.innerHTML = "<img src='" + (dataForm.Icon == null ? "/img/Miao.png" : dataForm.Icon) + "' style='border-radius:5px;cursor:pointer' width=72 height=72 />";
            divValue.firstChild.onclick = function (e) {
                var Image = e.currentTarget;
                self.SelectImage(function (src) {
                    Image.setAttribute("src", src);
                    dataForm.Icon = src;
                });
            }
            divValue.firstChild.onerror = function (e) {
                e.currentTarget.setAttribute("src", "/img/Miao.png");
                e.currentTarget.onerror = null;
            }
        }());

        FrmCtrls.PropSplit(PropBody);
        var Title = FrmCtrls.PropLabel(PropBody, "别名");
        var Rename = FrmCtrls.PropValue(PropBody);;
        Rename.value = dataForm.Rename == null ? "" : dataForm.Rename;
        PropBody.appendChild(Rename);
        Rename.onchange = function () {
            dataForm.Rename = Rename.value;
        };
        (function (数据源) {
            FrmCtrls.PropSplit(PropBody);
            var label = FrmCtrls.PropLabel(PropBody, "数据源");
            var add = document.createElement("div");
            add.style.cursor = "pointer";
            add.style.cssFloat = "right";
            add.style.color = "rgb(13,179,166)";
            add.innerHTML = "添加";
            label.appendChild(add);
            PropBody.FrmDesigner = self;
            add.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                var SourceType = DataSourceDlg.SourceType;
                DataSourceDlg.SourceType = function (End) {
                    var _CLMenu = SourceType.call(this, function () {
                        DataSourceDlg.SourceType = SourceType;
                        End.apply(this, arguments);
                    });
                    if (_CLMenu) {
                        _CLMenu.Div.lastChild.Disabled = true;
                    }
                }

                var funcs = [];
                var sourceDlg = new DataSourceDlg(null, dataForm.Vars, function (dataSource, Vars) {
                    dataForm.Vars = Vars;
                    var DataSource = self.getDataSourceById(dataSource.ID);
                    if (DataSource) {
                        for (var key in dataSource) {
                            DataSource[key] = dataSource[key]
                        }
                    } else {
                        if (dataForm.dataSources == null) {
                            dataForm.dataSources = [];
                        }
                        dataForm.dataSources.push(dataSource);
                    }
                    funcs.forEach(function (func) {
                        func();
                    });
                    self.ShowSource(sourceView);
                });
                sourceDlg.CodeDlg = function (Val, End) {
                    new FrmCoderEditor({}, Val, PropBody, function (Val) {
                        End(Val);
                    }, "公式编辑器");
                }
                var VarChanged = sourceDlg.VarChanged;
                sourceDlg.VarChanged = function (dataVar, ID) {
                    VarChanged.call(this, dataVar, ID);
                    funcs.push(function () {
                        self.VarChanged(dataVar, ID);
                    });
                }
                sourceDlg.Save = function () {
                    self.Save();
                }
            }
            var sourceView = FrmCtrls.PropValue(PropBody, "div");
            sourceView.style.height = "initial";
            sourceView.style.minHeight = "30px";
            self.ShowSource(sourceView, null, self.dataForms);
        }());

        FrmCtrls.PropSplit(PropBody);
        var label = FrmCtrls.PropLabel(PropBody, "层级配置");
        var mulBox = new CLCheckBox("启用", label);
        label.lastChild.style.cssFloat = "right";
        mulBox.checked = dataForm.MulLevel;
        mulBox.onchanged = function () {
            if (mulBox.checked && !checkLevels()) {
                mulBox.checked = false;
            } else {
                dataForm.MulLevel = mulBox.checked;
            }
            if (dataForm.MulLevel) {
                defBtn.style.display = "";
            } else {
                defBtn.style.display = "none";
            }
        }
        function checkLevels() {
            var dataLevel = dataForm.dataLevel;
            var Names = ["编号", "名称", "上级编号", "顶级编号"];
            if (dataLevel && dataLevel.No != null && dataLevel.Name != null && dataLevel.Levels != null && dataLevel.Levels.length != 0) {
                var Levels = dataLevel.Levels;
                for (var i = 0; i < Levels.length; i++) {
                    var IDs = [];
                    IDs.push(Levels[i].No);
                    if (Levels[i].FormId == dataForm.ID && (Levels[i].No != dataLevel.No || Levels[i].Name != dataLevel.Name)) {
                        CLShowMsg("配置数据不合法,关联字段与关联表单配置冲突");
                        return false;
                    }
                    var index = IDs.indexOf(Levels[i].Name);
                    if (index < 0) {
                        IDs.push(Levels[i].Name);
                    } else {
                        CLShowMsg("配置数据第" + i + "行: 【" + Names[index] + "】与【名称】重复");
                        return false;
                    }
                    index = IDs.indexOf(Levels[i].Parent);
                    if (index < 0) {
                        IDs.push(Levels[i].Parent);
                    } else {
                        CLShowMsg("配置数据第" + i + "行: 【" + Names[index] + "】与【上级编号】重复");
                        return false;
                    }
                    index = IDs.indexOf(Levels[i].Top);
                    if (index < 0) {
                        IDs.push(Levels[i].Top);
                    } else {
                        CLShowMsg("配置数据第" + i + "行: 【" + Names[index] + "】与【顶级编号】重复");
                        return false;
                    }
                }
                return true;
            } else {
                CLShowMsg("配置数据不完整");
                return false;
            }
        }
        function enable() {
            var dataLevel = dataForm.dataLevel;
            if (dataLevel && dataLevel.No != null && dataLevel.Name != null && dataLevel.Levels != null && dataLevel.Levels.length != 0) {
                var Levels = dataLevel.Levels;
                for (var i = 0; i < Levels.length; i++) {
                    if (Levels[i].FormId == null) {
                        return false;
                    }
                    if (Levels[i].No == null) {
                        return false;
                    }
                    if (Levels[i].Name == null) {
                        return false;
                    }
                    if (Levels[i].Parent == null) {
                        return false;
                    }
                    if (Levels[i].Top == null) {
                        return false;
                    }
                }
                return true;
            }
            return false;
        }
        var levelBtn = FrmCtrls.PropBtn(PropBody, "设置");
        levelBtn.onclick = function () {
            var sLevel = JSON.stringify(dataForm.dataLevel);
            self.SetLevel(function () {
                if (mulBox.checked && !checkLevels()) {
                    dataForm.MulLevel = mulBox.checked = false;
                }
                if (enable()) {
                    mulBox.enable = true;
                } else {
                    mulBox.enable = false;
                }
                if (sLevel != JSON.stringify(dataForm.dataLevel)) {
                    delete dataForm.DefTree;
                }
            });
        }
        var defBtn = FrmCtrls.PropBtn(PropBody, "默认值");
        if (dataForm.MulLevel) {
            defBtn.style.display = "";
        } else {
            defBtn.style.display = "none";
        }
        defBtn.onclick = function () {
            self.PreView(function (data) {
                var Levels = data.Levels;
                delete data.Removes;
                delete data.Deletes;
                delete data.Levels;
                var Table = [];
                var dataTree = {};
                dataTree.ID = data["DataField_" + dataForm.dataLevel.No];
                dataTree.Name = data["DataField_" + dataForm.dataLevel.Name];
                for (var key in data) {
                    if ("DataField_" + dataForm.dataLevel.No != key
                        && "DataField_" + dataForm.dataLevel.Name != key
                        && (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0)) {
                        dataTree[key] = data[key];
                    }
                }
                var configLevels = dataForm.dataLevel.Levels;
                for (var i = 0; i < configLevels.length; i++) {
                    for (var j = 0; j < Levels.length; j++) {
                        var line = Levels[j];
                        if (line.FormID != configLevels[i].FormId) {
                            break;
                        }
                        var dataLine = {};
                        dataLine.ID = line["DataField_" + configLevels[i].No];
                        dataLine.Name = line["DataField_" + configLevels[i].Name];
                        dataLine.ParentID = line["DataField_" + configLevels[i].Parent];
                        dataLine.TopID = dataTree.ID;
                        for (var key in line) {
                            if ("DataField_" + configLevels[i].No != key
                                && "DataField_" + configLevels[i].Name != key
                                && "DataField_" + configLevels[i].Parent != key && (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0)) {
                                dataLine[key] = line[key];
                            }
                        }
                        Table.push(dataLine);
                    }
                }
                dataTree.SubNode = CLTableToTree(Table, dataTree.ID);
                dataForm.DefTree = dataTree;
            });
        }
        if (!enable()) {
            mulBox.enable = false;
        }

        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据存储");
        var saveBox = new CLCheckBox("存储数据", PropBody);
        saveBox.checked = !dataForm.IsVirtual;
        saveBox.onchanged = function (Box) {
            if (!dataForm.IsVirtual && !Box.checked) {
                var flag = false;
                var menu = CLConfirm(function () {
                    dataForm.IsVirtual = !Box.checked;
                    flag = true;
                }, "<h2>" + dataForm.Name + "</h2><code style='color:#5E6D82'>此操作将会清除该表单提交的所有数据,你确定要继续吗?</code>", null, "380px");
                var close = menu.Close;
                menu.Close = function () {
                    close.call(menu);
                    if (!flag) {
                        Box.checked = true;
                    }
                }
            } else {
                dataForm.IsVirtual = !Box.checked;
            }
        }

        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据视图");
        var viewBox = new CLCheckBox("启用", PropBody);
        viewBox.checked = dataForm.viewEnabled != false;
        saveBox.onchanged = function (Box) {
            dataForm.viewEnabled = viewBox.checked;
        }

        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据日志");
        var list = new CLList([{ ID: "默认", Name: "默认" }, { ID: "独立", Name: "独立" }], PropBody, false, function (Item) {
            Item.style.display = "inline-block";
            Item.style.width = "initial";
        });
        if (dataForm.useLog === undefined || dataForm.useLog == "默认") {
            list.Select("默认");
        } else {
            list.Select(dataForm.useLog);
        }
        list.OnSelected = function (ItemData) {
            dataForm.useLog = ItemData.ID;
        }
        list.OnLostSelected = function (ItemData) {
            var flag = false;
            var menu = CLConfirm(function () {
                dataForm.useLog = null;
                flag = true;
            }, "<h2>" + dataForm.Name + "</h2><code style='color:#5E6D82'>此操作将会清除该表单" + (dataForm.useLog || "默认") + "日志数据,你确定要继续吗?</code>", null, "380px");
            var close = menu.Close;
            menu.Close = function () {
                close.call(menu);
                if (!flag) {
                    list.Select(dataForm.useLog);
                }
            }
        }

        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据映射");
        var dataBtn = FrmCtrls.PropBtn(PropBody, "设置");
        dataBtn.onclick = function () {
            CLApp.setForm(self.Short());
            FrmDesigner.MappingInfo(dataForm, dataForm.MappingInfo, function (Info) {
                dataForm.MappingInfo = Info;
            }, false);
        }
        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据独占");

        var lockBox = new CLCheckBox("独占数据", PropBody);
        lockBox.checked = dataForm.dataLock;
        lockBox.onchanged = function (Box) {
            dataForm.dataLock = Box.checked;
        }

        FrmCtrls.PropSplit(PropBody);

        FrmCtrls.PropLabel(PropBody, "表单布局");
        var Layout = new CLSelect(PropBody);
        Layout.AddItems([
            "单列",
            "双列",
            "三列",
            "四列",
            "模板"
        ]);
        Layout.selectedIndex = dataForm.iLayout == null ? 0 : dataForm.iLayout;
        Layout.onset = Layout.onchanged = function () {
            var iLayout = Layout.selectedIndex;
            dataForm.iLayout = iLayout;
            var Controls = self.getData().Controls;
            for (var i = 0; i < Controls.length; i++) {
                Controls[i].Data.iLayout = iLayout;
            }
            if (iLayout == 4) {
                self.UseTplDlg();
            } else {
                delete dataForm.TplUse;
            }
        };
        (function (表单模板) {
            var Tpl = dataForm.Tpl;
            if (Tpl == null) {
                dataForm.Tpl = Tpl = [];
            }
            function getform() {
                var appform = self.Short();
                CLApp.setForm(appform);
                var form = {
                    ID: appform.ID,
                    Name: appform.Name
                };
                var Fields = form.Fields = [];
                var Names = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据"];
                appform.Fields.forEach(function (field) {
                    if (Names.indexOf(field.className) < 0) {
                        Fields.push({
                            ID: field.ID,
                            Name: field.Name,
                            className: field.className
                        });
                    }
                });
                return form;
            }
            self.EditTpl(Tpl, getform(), PropBody);
        }());


        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "共享");
        var shareBox = new CLCheckBox("全局共享", PropBody);
        shareBox.checked = dataForm.IsShare == null ? false : dataForm.IsShare;
        shareBox.onchanged = function (Box) {
            dataForm.IsShare = Box.checked;
        }

        ; (function () {
            FrmCtrls.PropSplit(PropBody);
            FrmCtrls.PropLabel(PropBody, "数据权限");
            var setDiv = FrmCtrls.PropBtn(PropBody, "设置");
            setDiv.onclick = function () {
                self.DataRange();
            }
        }());

        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "数据导入");
        var importDiv = FrmCtrls.PropBtn(PropBody, "设置");
        importDiv.onclick = function () {
            CLApp.setForm(self.Short());
            var dataCtrl = {
            };
            var editor = new FrmCoderEditor(dataCtrl, dataForm.ImportHandle, self.Ele, function (Val) {
                dataForm.ImportHandle = Val;
            }, "导入事件");
            var arr = [];
            var ele = {
                Start: {
                    column: 0,
                    row: 0
                },
                End: {
                    column: 0,
                    row: 0
                },
                Val: {
                    v: "",
                    t: ""
                }
            };
            arr = [ele] ;
            var Self = editor.CodeEditor.getGlobalScope().Self;
            Self.Sheet = arr;
            Self.GetCell = function (Name) { }
            JsParser.SetReturn(Self.GetCell, ele);
        }
        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "新增事件");
        var addEventDiv = FrmCtrls.PropBtn(PropBody, "设置");
        if (dataForm.addEventHandle != null) {
            addEventDiv.previousSibling.innerHTML += "<code style='color:#0db3a6'>(" + dataForm.addEventHandle.length + ")</code>";
        }
        var div = document.createElement("div");
        addEventDiv.onclick = function () {
            CLApp.setForm(self.Short());
            DialogEventHandle(dataForm.addEventHandle, function (EventHandle) {
                dataForm.addEventHandle = EventHandle;
                addEventDiv.previousSibling.innerHTML = "新增事件" + "<code style='color:#0db3a6'>(" + dataForm.addEventHandle.length + ")</code>";
            }, dataForm.ID);
        }
        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "修改事件");
        var changeEventDiv = FrmCtrls.PropBtn(PropBody, "设置");
        if (dataForm.changeEventHandle != null) {
            changeEventDiv.previousSibling.innerHTML += "<code style='color:#0db3a6'>(" + dataForm.changeEventHandle.length + ")</code>";
        }
        changeEventDiv.onclick = function () {
            CLApp.setForm(self.Short());
            DialogEventHandle(dataForm.changeEventHandle, function (EventHandle) {
                dataForm.changeEventHandle = EventHandle;
                changeEventDiv.previousSibling.innerHTML = "修改事件" + "<code style='color:#0db3a6'>(" + dataForm.changeEventHandle.length + ")</code>";
            }, dataForm.ID, true);
        }
        FrmCtrls.PropSplit(PropBody);
        FrmCtrls.PropLabel(PropBody, "删除事件");
        var removeEventDiv = FrmCtrls.PropBtn(PropBody, "设置");
        if (dataForm.removeEventHandle != null) {
            removeEventDiv.previousSibling.innerHTML += "<code style='color:#0db3a6'>(" + dataForm.removeEventHandle.length + ")</code>";
        }
        removeEventDiv.onclick = function () {
            CLApp.setForm(self.Short());
            DialogEventHandle(dataForm.removeEventHandle, function (EventHandle) {
                dataForm.removeEventHandle = EventHandle;
                removeEventDiv.previousSibling.innerHTML = "删除事件" + "<code style='color:#0db3a6'>(" + dataForm.removeEventHandle.length + ")</code>";
            }, dataForm.ID);
        }
    }
    //数据权限
    fn.DataRange = function () {
        var self = this;
        var dataForm = self.dataForm;
        var Short = self.Short();
        var rangeDlg = document.createElement("div");
        rangeDlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#F4F5F5";
        rangeDlg.style.zIndex = CLMaxZIndex();
        rangeDlg.className = "rangeDlg";
        document.body.appendChild(rangeDlg);
        var TopBar = document.createElement("div");
        TopBar.className = "TopBar";
        rangeDlg.appendChild(TopBar);
        TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + dataForm.Name + "</div></div>";
        var Back = TopBar.getElementsByClassName("Back")[0];
        Back.onclick = function () {
            rangeDlg.remove();
        }
        var Container = document.createElement("div");
        Container.style.cssText = "position: absolute;width:900px;margin:45px auto 0 auto;top:0;bottom:0;left:0;right:0;overflow: auto;background:#fff;box-shadow: 0 0px 50px 0 rgba(146,146,146,.5);";
        rangeDlg.appendChild(Container);
        var head = document.createElement("div");
        head.style.cssText = "position: relative;padding: 10px 20px;border-bottom:#e0e0e0 1px solid;overflow:hidden";
        var Name = document.createElement("span");
        Name.innerHTML = "数据权限";
        Name.style.fontSize = "35px";
        head.appendChild(Name);
        var Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.innerHTML = "新建权限组";
        Btn.style.cssFloat = "right";
        head.appendChild(Btn);
        function SetAuthInfo(AuthInfo, End) {
            if (AuthInfo == null) {
                AuthInfo = {
                    Name: null,
                    Desc: null,
                    Options: [
                    ]
                };
            } else {
                AuthInfo = CLClone(AuthInfo);
            }
            var dlgDiv = document.createElement("div");
            dlgDiv.style.cssText = "width:560px;height:475px;";
            var dlg = new CLDialog(dlgDiv);
            dlg.CreateAll("添加权限组", function () {
                if (!AuthInfo.Name) {
                    CLShowMsg("请输入名称");
                    return false;
                }
                if (AuthInfo.Options == null || AuthInfo.Options.length == 0) {
                    CLShowMsg("请设置操作权限");
                    return false;
                }
                if (AuthInfo.Fields == null || AuthInfo.Fields.length == 0) {
                    CLShowMsg("请设置字段权限");
                    return false;
                }
                End(AuthInfo);
            });
            dlg.Body.style.padding = "0";
            var Left = document.createElement("div");
            Left.style.width = "100px";
            Left.style.height = "100%";
            Left.style.display = "inline-block";
            Left.style.paddingTop = "15px";
            Left.style.verticalAlign = "top";
            dlg.Body.appendChild(Left);
            dlg.Body.classList.add("FrmAuthDlg");
            var Main = document.createElement("div");
            Main.style.height = "100%";
            Main.style.width = "calc(100% - 100px)";
            Main.style.verticalAlign = "top";
            Main.style.display = "inline-block";
            Main.style.padding = "0 20px";
            dlg.Body.appendChild(Main);
            function NameInfo() {
                var head = document.createElement("div");
                head.style.lineHeight = "30px";
                head.style.color = "#91A1B7";
                head.innerHTML = "可设置权限组名称和描述信息";
                Main.appendChild(head);
                var nameInput = document.createElement("input");
                nameInput.style.width = "100%";
                nameInput.style.height = "30px";
                nameInput.style.marginBottom = "10px";
                nameInput.setAttribute("placeholder", "填写权限组名称");
                Main.appendChild(nameInput);
                nameInput.value = AuthInfo.Name == null ? "" : AuthInfo.Name;
                nameInput.onblur = function () {
                    var value = nameInput.value;
                    if (value == null || value.trim().length == 0) {
                        nameInput.style.border = "#E64340 1px solid";
                        AuthInfo.Name = null;
                    } else {
                        nameInput.style.border = "";
                        AuthInfo.Name = value;
                    }
                }
                var DescEle = document.createElement("TextArea");
                DescEle.style.width = "100%";
                DescEle.style.height = "265px";
                DescEle.setAttribute("placeholder", "填写描述信息");
                Main.appendChild(DescEle);
                DescEle.value = AuthInfo.Desc == null ? "" : AuthInfo.Desc;
                DescEle.onchange = function () {
                    AuthInfo.Desc = DescEle.value;
                }
            }

            function OptAuth() {
                var head = document.createElement("div");
                head.style.lineHeight = "30px";
                head.style.color = "#91A1B7";
                head.innerHTML = "可对数据进行哪些操作";
                Main.appendChild(head);
                var DivBox = document.createElement("div");
                DivBox.style.height = "calc(100% - 30px)";
                Main.appendChild(DivBox);
                var Options;
                if (self.FlowClassId == null) {
                    Options = ["查看", "添加", "复制", "编辑", "删除", "导入", "导出"];
                } else {
                    Options = ["查看", "添加", "复制", "编辑", "调整流程负责人", "终止流程"/*, "激活流程"*/, "删除", "导入", "导出"];
                }
                for (var i = 0; i < Options.length; i++) {
                    var Box = new CLCheckBox(Options[i], DivBox);
                    DivBox.lastChild.style.display = "inline-block";
                    DivBox.lastChild.style.width = "33.3%";
                    Box.Option = Options[i];
                    if (AuthInfo.Options.indexOf(Options[i]) >= 0) {
                        Box.checked = true;
                    }
                    Box.onchanged = function () {
                        if (AuthInfo.Options == null) {
                            AuthInfo.Options = [];
                        }
                        if (this.checked) {
                            if (AuthInfo.Options.indexOf(this.Option) < 0) {
                                AuthInfo.Options.push(this.Option);
                            }
                        } else {
                            if (AuthInfo.Options.indexOf(this.Option) >= 0) {
                                AuthInfo.Options.CLRemove(this.Option);
                            }
                        }
                    }
                }
            }

            function FieldAuth() {
                var Vars = [];
                var FormFields = Short.Fields;
                var FieldsAuth = AuthInfo.Fields;
                for (var i = 0; i < FormFields.length ; i++) {
                    Vars.push({
                        ID: FormFields[i].ID,
                        Name: FormFields[i].Name,
                        className: FormFields[i].className,
                        Visible: FormFields[i].Visible != false,
                        Editable: FormFields[i].Editable != false
                    });
                    if (FormFields[i].className == "子表单") {
                        for (var j = 0; j < FormFields[i].Field.length; j++) {
                            Vars.push({
                                ID: FormFields[i].Field[j].ID,
                                ParentID: FormFields[i].Field[j].ParentID,
                                Name: FormFields[i].Field[j].Name + "<code style='color:rgb(0,128,0)'>【" + FormFields[i].Name + "】</code>",
                                className: FormFields[i].Field[j].className,
                                Visible: FormFields[i].Field[j].Visible != false,
                                Editable: FormFields[i].Field[j].Editable != false
                            });
                        }
                    }
                }
                var AuthMap = {};
                var head = document.createElement("div");
                head.style.lineHeight = "30px";
                head.style.color = "#91A1B7";
                head.innerHTML = "可以查看和编辑数据的哪些字段";
                Main.appendChild(head);
                var divLines = document.createElement("div");
                divLines.style.width = "100%";
                divLines.style.height = "calc(100% - 30px)";
                divLines.style.overflow = "auto";
                Main.appendChild(divLines);
                var divTitle = document.createElement("div");
                divTitle.className = "Title";
                divTitle.style.cssText = "display: inline-block;line-height: 30px;padding-left: 20px;cursor: default;width: 100%;box-sizing: border-box;border-radius: 2px;";
                divLines.appendChild(divTitle);
                var label = document.createElement("label");
                label.innerHTML = "表单字段";
                divTitle.appendChild(label);
                divLines.appendChild(divTitle);
                var BoxAllRead = document.createElement("div");
                BoxAllRead.style.float = "right";
                BoxAllRead.style.marginRight = "3px";
                BoxAllRead.style.display = "inline-block";
                BoxAllRead.style.width = "";
                BoxAllRead.style.height = "30px";
                divTitle.appendChild(BoxAllRead);
                var AllReadBox = new CLCheckBox("全选", BoxAllRead);
                AllReadBox.onchanged = function () {
                    var Items = Main.getElementsByClassName("Line");
                    var isCheckd = AllReadBox.checked;
                    for (var i = 0; i < Items.length; i++) {
                        var Box = Items[i].ReadBox;
                        if (Box != null && Box.checked != isCheckd) {
                            Box.checked = isCheckd;
                        }
                        if (Box != null) {
                            if (AuthMap[Items[i].Field.ID] == null) {
                                AuthMap[Items[i].Field.ID] = {
                                    ID: Items[i].Field.ID
                                };
                            }
                            AuthMap[Items[i].Field.ID].Read = Box.checked;
                        }
                    }
                    var keys = Object.keys(AuthMap);
                    AuthInfo.Fields = [];
                    for (var i = 0; i < keys.length; i++) {
                        AuthInfo.Fields.push(AuthMap[keys[i]]);
                    }
                }
                var BoxAllWrite = BoxAllRead.cloneNode();
                BoxAllWrite.style.width = "66px";
                divTitle.appendChild(BoxAllWrite);
                var AllWriteBox = new CLCheckBox("全选&nbsp;", BoxAllWrite);

                AllWriteBox.onchanged = function () {
                    var Items = Main.getElementsByClassName("Line");
                    var isCheckd = AllWriteBox.checked;
                    for (var i = 0; i < Items.length; i++) {
                        var Box = Items[i].WriteBox;
                        if (Box != null && Box.checked != isCheckd) {
                            Box.checked = isCheckd;
                        }
                    }
                }
                function CalcSel(index) {
                    var HasNoChecked = false;
                    var Items = Main.getElementsByClassName("Line");
                    var Names = ["WriteBox", "ReadBox"];
                    if (AuthInfo.Fields == null) {
                        AuthInfo.Fields = [];
                    }
                    for (var i = 0; i < Items.length ; i++) {
                        var Box = Items[i][Names[index]];
                        if (Box != null && Box.checked == false && Box.enable == true) {
                            HasNoChecked = true;
                        }
                    }
                    if (index == 1) {
                        AllReadBox.Checked = !HasNoChecked;
                    } else {
                        AllWriteBox.Checked = !HasNoChecked;
                    }
                    for (var i = 0; i < Items.length ; i++) {
                        var Box = Items[i][Names[index]];
                        if (Box != null) {
                            if (AuthMap[Items[i].Field.ID] == null) {
                                AuthMap[Items[i].Field.ID] = {
                                    ID: Items[i].Field.ID
                                };
                            }
                            if (index == 1) {
                                AuthMap[Items[i].Field.ID].Read = Box.checked;
                            } else {
                                AuthMap[Items[i].Field.ID].Write = Box.checked;
                            }
                        }
                    }
                    var keys = Object.keys(AuthMap);
                    AuthInfo.Fields = [];
                    for (var i = 0; i < keys.length; i++) {
                        AuthInfo.Fields.push(AuthMap[keys[i]]);
                    }

                }
                for (var j = 0; j < Vars.length; j++) {
                    var div = document.createElement("div");
                    div.innerHTML = Vars[j].Name;
                    div.Name = Vars[j].Name;
                    div.className = "Line";
                    div.classList.add(Vars[j].ID);
                    div.style.cssText = "position:relative;display: inline-block;line-height: 30px;padding-left: 20px;cursor: default;width: 100%;box-sizing: border-box;border-radius: 2px;";
                    div.ID = Vars[j].ID;
                    div.class = Vars[j].className;
                    div.classList.add(Vars[j].ID);
                    div.Field = Vars[j];
                    var BoxRead = BoxAllRead.cloneNode();
                    BoxRead.style.float = "right";
                    BoxRead.style.width = "";
                    BoxRead.style.marginRight = "3px";
                    BoxRead.style.display = "inline-block";
                    div.appendChild(BoxRead);
                    div.ReadBox = new CLCheckBox("可见", BoxRead);
                    if (!Vars[j].Visible) {
                        div.ReadBox.checked = false;
                        div.ReadBox.enable = false;
                    }
                    div.ReadBox.onchanged = function () {
                        CalcSel(1);
                    }
                    var BoxWrite = BoxRead.cloneNode();
                    div.appendChild(BoxWrite);
                    div.WriteBox = new CLCheckBox("可编辑", BoxWrite);
                    if (!Vars[j].Editable) {
                        div.WriteBox.checked = false;
                        div.WriteBox.enable = false;
                    }
                    div.WriteBox.onchanged = function () {
                        CalcSel(0);
                    }
                    divLines.appendChild(div);
                }
                for (var i = 0; FieldsAuth != null && i < FieldsAuth.length; i++) {
                    var divLine = Main.getElementsByClassName(FieldsAuth[i].ID)[0];
                    if (divLine == null) {
                        FieldsAuth.splice(i, 1);
                        i--;
                        continue;
                    }
                    divLine.ReadBox.checked = divLine.ReadBox.enable && FieldsAuth[i].Read;
                    divLine.ReadBox.AuthField = FieldsAuth[i];
                    divLine.WriteBox.checked = divLine.WriteBox.enable && FieldsAuth[i].Write;
                    divLine.WriteBox.AuthField = FieldsAuth[i];
                }

            }

            var ListName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "成员范围", "角色选择"];

            function DataAuth() {
                var ItemList = [];
                var FormFields = Short.Fields;
                for (var i = 0; i < FormFields.length ; i++) {
                    if (ListName.indexOf(FormFields[i].Name) >= 0) {
                        continue;
                    }
                    if (FormFields[i].className == "子表单") {
                        for (var j = 0; j < FormFields[i].Field.length; j++) {
                            if (ListName.indexOf(FormFields[i].Field[j].Name) >= 0) {
                                continue;
                            }
                            ItemList.push({
                                ID: FormFields[i].Field[j].ID,
                                ParentID: FormFields[i].Field[j].ParentID,
                                Name: FormFields[i].Field[j].Name + "<code style='color:rgb(0,128,0)'>【" + FormFields[i].Name + "】</code>",
                                className: FormFields[i].Field[j].className,
                            });
                        }
                    } else {
                        ItemList.push({
                            ID: FormFields[i].ID,
                            Name: FormFields[i].Name,
                            className: FormFields[i].className,
                        });
                    }
                }
                var Conditions = AuthInfo.Conditions;
                if (Conditions == null) {
                    Conditions = AuthInfo.Conditions = {
                        Operator: "所有",
                        Items: []
                    };
                }
                var head = document.createElement("div");
                head.style.lineHeight = "30px";
                head.className = "Header";
                head.innerHTML = "<span style='color:#5e6d82;font-size:15px'>可以查看到哪些数据</span>";
                Main.appendChild(head);
                var typeDiv = document.createElement("div");
                typeDiv.style.lineHeight = "30px";
                typeDiv.style.marginBottom = "10px";
                typeDiv.innerHTML = "<span style='color:#5e6d82;vertical-align:top;display:inline-block;line-height:30px;font-size:15px'>筛选出符合以下</span><span style='color:#5e6d82;vertical-align:top;display:inline-block;line-height:30px;font-size:15px'>条件的数据</span>";
                Main.appendChild(typeDiv);
                var divSel = document.createElement("div");
                divSel.style.display = "inline-block";
                divSel.style.width = "75px";
                divSel.style.margin = "0 5px";
                divSel.style.verticalAlign = "top";
                var _CLSelect = new CLSelect(divSel);
                _CLSelect.AddItems(["所有", "任一"]);
                _CLSelect.selectedIndex = 0;
                typeDiv.insertBefore(divSel, typeDiv.lastChild);
                Main.appendChild(typeDiv);
                var addDiv = document.createElement("div");
                addDiv.style.fontFamily = "CLFont";
                addDiv.style.color = "#0db3a6";
                addDiv.style.cursor = "pointer";
                addDiv.innerHTML = "&#xe767添加过滤条件";
                Main.appendChild(addDiv);
                addDiv.onclick = function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    var Menu = {
                        "style": {
                            "height": "210px",
                            "max-width": "230px",
                            "overflow": "auto",
                            "margin-top": "15px",
                            "background-color": "#fff",
                        },
                        "Items": [
                        ]
                    }
                    var Items = Conditions.Items;
                    for (var i = 0 ; i < ItemList.length ; i++) {
                        if (ListName.indexOf(ItemList[i].Name) >= 0) {
                            continue;
                        }
                        Menu.Items.push({
                            "style": {},
                            "Icon": "",
                            "Html": ItemList[i].Name,
                            "Node": addDiv,
                            "Enable": Items.indexOf(ItemList[i]) < 0,
                            "Data": ItemList[i],
                            "CallBack": function (e) {
                                e.currentTarget.Disabled = true;
                                Items.push(this.Data);
                                var DivItem = ShowCondition(Items[Items.length - 1]);
                                DivItem.ItemData = this.Data;
                                DivItem.OnDelete = function () {
                                    $(this).animate({ height: "0", paddingTop: "0", paddingBottom: "0" }, 300, function () {
                                        Items.splice(Items.indexOf(DivItem.ItemData), 1);
                                        $(this).remove();

                                    });
                                }
                            }
                        });
                    }
                    _CLMenu = new CLMenu(Menu, addDiv);
                    var Div = _CLMenu.Div;
                    for (var i = Div.childNodes.length - 3; i < Div.childNodes.length; i++) {
                        Div.childNodes[i].classList.add("ItemLight");
                    }
                }
                function ShowConditions() {
                    _CLSelect.SetValue(Conditions.Operator);
                    _CLSelect.onchanged = function () {
                        Conditions.Operator = _CLSelect.GetValue();
                    }
                    var Items = Conditions.Items;
                    for (var i = 0; i < Items.length ; i++) {
                        var DivItem = ShowCondition(Items[i]);
                        DivItem.ItemData = Items[i];
                        DivItem.OnDelete = function () {
                            $(this).animate({ height: "0" }, 300, function () {
                                Items.splice(Items.indexOf(DivItem.ItemData), 1);
                                $(this).remove();
                            });
                        }
                    }
                }
                function ShowCondition(itemData) {
                    var divWhere = FrmCtrls.Wheres(divItems, itemData);
                    return divWhere;
                }
                var divItems = document.createElement("div");
                divItems.style.width = "100%";
                divItems.style.overflow = "auto";
                divItems.style.maxHeight = "calc(100% - 90px)";
                Main.appendChild(divItems);
                divItems.FormID = dataForm.ID;
                divItems.GetDataFieldRange = function (ID, FormID, Success) {
                    var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataFieldRange";
                    var load = HttpPost(Url, function (Json) {
                        var data = Json.data;
                        var Range = [];
                        for (var i = 0; i < data.length; i++) {
                            if (data[i] != null) {
                                Range.push(data[i].Field);
                            }
                        }
                        Success(Range);
                    }, {
                        FieldID: ID,
                        MappingInfo: dataForm.MappingInfo,
                        FormID: FormID
                    });
                    load.Stop();
                }
                ShowConditions();
            }

            var _CLBtnGroup = new CLBtnGroup(Left, [
                {
                    Name: "名称信息",
                    Width: 100,
                    IsSel: true
                },
                {
                    Name: "操作权限",
                    Width: 100,
                    IsSel: false
                },
                {
                    Name: "字段权限",
                    Width: 100,
                    IsSel: false
                },
                {
                    Name: "数据权限",
                    Width: 100,
                    IsSel: false
                }
            ]);
            _CLBtnGroup.OnSelected = function (divBtn) {
                Main.innerHTML = "";
                if (divBtn.Btn.Name == "名称信息") {
                    NameInfo();
                }
                if (divBtn.Btn.Name == "操作权限") {
                    OptAuth();
                }
                if (divBtn.Btn.Name == "字段权限") {
                    FieldAuth();
                }
                if (divBtn.Btn.Name == "数据权限") {
                    DataAuth();
                }
            }
            NameInfo();
        }
        Btn.onclick = function () {
            SetAuthInfo(null, function (AuthInfo) {
                Other.Insert(0, AuthInfo);
                showRange.call(AuthInfo, AuthInfo.Name, AuthInfo.Desc, AuthInfo.Range, function (Range) {
                    AuthInfo.Range = Range;
                    OnRangeChanged();
                });
                body.insertBefore(body.lastChild, body.firstChild);
            });
        }
        Container.appendChild(head);
        var body = document.createElement("div");
        body.style.cssText = "width:100%;height:calc(100% - 67px);padding: 0 20px;overflow-x: hidden;overflow-y: auto;";
        Container.appendChild(body);
        var DataRange = dataForm.DataRange;
        if (DataRange == null) {
            DataRange = dataForm.DataRange = {};
        }
        //提交数据:DataRange.Submit
        //管理数据:DataRange.Admin
        //查看数据:DataRange.Read
        //管理本人数据:DataRange.Own
        //权限组:DataRange.Other
        //
        function DynamicIdToName(Dynamic) {
            for (var i = 0; Dynamic != null && i < Dynamic.length ; i++) {
                Dynamic[i] = FrmCtrls.getDynamicNameById(Dynamic[i]);
            }
            return Dynamic;
        }

        function DynamicNameToId(Dynamic) {
            for (var i = 0; Dynamic != null && i < Dynamic.length ; i++) {
                Dynamic[i] = FrmCtrls.getDynamicIdByName(Dynamic[i]);
            }
            return Dynamic;
        }

        function showRange(Name, Desc, vRange, Set) {
            var This = this;
            var divRange = document.createElement("div");
            divRange.style.cssText = "padding: 15px 0;border-bottom: 1px solid #e0e0e0;position:relative";
            body.appendChild(divRange);
            var title = document.createElement("div");
            title.style.lineHeight = "36px";
            title.innerHTML = Name;
            divRange.appendChild(title);
            if (This.Options != null) {
                var right = document.createElement("div");
                right.style.position = "absolute";
                right.style.right = "0";
                right.style.top = "0";
                title.appendChild(right);
                var Edit = document.createElement("div");
                Edit.innerHTML = "编辑";
                Edit.style.color = "#178cdf";
                Edit.style.cursor = "pointer";
                Edit.style.padding = "0 3px";
                Edit.style.display = "inline-block";
                right.appendChild(Edit);
                Edit.onclick = function () {
                    SetAuthInfo(This, function (AuthInfo) {
                        var index = Other.indexOf(This);
                        Other[index] = AuthInfo;
                        This = AuthInfo;
                        OnRangeChanged();
                    });
                }
                var Del = Edit.cloneNode();
                Del.innerHTML = "删除";
                Del.style.color = "#E64340";
                right.appendChild(Del);
                Del.onclick = function () {
                    Other.CLRemove(This);
                    body.removeChild(divRange);
                    OnRangeChanged();
                }
            }
            var divDesc = document.createElement("div");
            divDesc.style.color = "grey";
            divDesc.style.marginBottom = "5px";
            divDesc.innerHTML = Desc;
            divRange.appendChild(divDesc);
            var divHandle = document.createElement("div");
            divHandle.style.cssText = "min-height:80px;margin-bottom: 10px;overflow: auto;line-height:30px";
            divRange.appendChild(divHandle);
            ShowHandlers(vRange, divHandle);
            var addBtn = document.createElement("div");
            addBtn.innerHTML = "<span style='font-family:CLFont'>&#xe6da;</span>点击选择成员";
            addBtn.style.cssText = "cursor:pointer;color:#178cdf;display:inline-block";
            addBtn.onclick = function () {
                var tempRange = CLClone(vRange);
                if (tempRange == null) {
                    tempRange = {};
                }
                tempRange.Dynamic = DynamicNameToId(CLClone(tempRange.Dynamic));
                FrmCtrls.MemberRangeDialog(tempRange, function (Range) {
                    Range.Dynamic = DynamicIdToName(Range.Dynamic);
                    ShowHandlers(Range, divHandle);
                    if (divHandle.childNodes.length == 0) {
                        divHandle.appendChild(addBtn);
                        divHandle.onclick = null;
                        divHandle.style.cursor = "";
                    } else {
                        divHandle.onclick = addBtn.onclick;
                        divHandle.style.cursor = "pointer";
                    }
                    vRange = Range;
                    Set.call(This, Range);
                });
            }
            if (divHandle.childNodes.length == 0) {
                divHandle.appendChild(addBtn);
                divHandle.onclick = null;
                divHandle.style.cursor = "";
            } else {
                divHandle.onclick = addBtn.onclick;
                divHandle.style.cursor = "pointer";
            }
        }

        var Other = DataRange.Other;

        if (Other == null) {
            Other = DataRange.Other = [];
        }

        for (var i = 0; i < Other.length ; i++) {
            showRange.call(Other[i], Other[i].Name, Other[i].Desc, Other[i].Range, function (Range) {
                this.Range = Range;
                OnRangeChanged();
            });
        }

        showRange.call(DataRange, "直接提交数据", "在此分组内的成员只可以填报数据", DataRange.Submit, function (Range) {
            DataRange.Submit = Range;
            OnRangeChanged();
        });

        showRange.call(DataRange, "管理全部数据", "在此分组内的成员可以管理全部数据、填报数据、但不可以导入数据", DataRange.Admin, function (Range) {
            DataRange.Admin = Range;
            OnRangeChanged();
        });

        showRange.call(DataRange, "查看全部数据", "在此分组内的成员可以查看所有数据", DataRange.Read, function (Range) {
            DataRange.Read = Range;
            OnRangeChanged();
        });

        showRange.call(DataRange, "管理本人数据", "在此分组内的成员可以管理自己填报的数据", DataRange.Own, function (Range) {
            DataRange.Own = Range;
            OnRangeChanged();
        });

        function Unoin(dstRange, srcRange) {
            if (srcRange == null) {
                return;
            }
            var Parts = dstRange.Parts;
            var Roles = dstRange.Roles;
            var Members = dstRange.Members;
            var Dynamic = dstRange.Dynamic;
            var srcParts = srcRange.Parts;
            var srcRoles = srcRange.Roles;
            var srcMembers = srcRange.Members;
            var srcDynamic = srcRange.Dynamic;
            for (var i = 0; srcParts && i < srcParts.length ; i++) {
                if (Parts.indexOf(srcParts[i]) < 0) {
                    Parts.push(srcParts[i]);
                }
            }
            for (var i = 0; srcRoles && i < srcRoles.length ; i++) {
                if (Roles.indexOf(srcRoles[i]) < 0) {
                    Roles.push(srcRoles[i]);
                }
            }
            for (var i = 0; srcMembers && i < srcMembers.length ; i++) {
                if (Members.indexOf(srcMembers[i]) < 0) {
                    Members.push(srcMembers[i]);
                }
            }
            for (var i = 0; srcDynamic && i < srcDynamic.length ; i++) {
                if (Dynamic.indexOf(srcDynamic[i]) < 0) {
                    Dynamic.push(srcDynamic[i]);
                }
            }
        }

        function OnRangeChanged() {
            var Parts = [];
            var Roles = [];
            var Members = [];
            var Dynamic = []
            var showRange = {
                Parts: Parts,
                Roles: Roles,
                Members: Members,
                Dynamic: Dynamic
            };
            Unoin(showRange, DataRange.Submit);
            Unoin(showRange, DataRange.Admin);
            Unoin(showRange, DataRange.Read);
            Unoin(showRange, DataRange.Own);
            for (var i = 0; i < Other.length ; i++) {
                Unoin(showRange, Other[i].Range);
            }
            if (Parts.length + Roles.length + Members.length + Dynamic.length == 0) {
                dataForm.showRange = null;
            }
            dataForm.showRange = showRange;
        }

    }
    //获取配置数据
    fn.getData = function () {
        var self = this;
        var dataForm = self.dataForm;
        if (dataForm == null) {
            dataForm = {
                ID: CLMakeId(),
                Name: "未命名表单",
                FriendForms: [],
                Manager: {
                    Parts: [],
                    Roles: [],
                    Members: [],
                    Dynamic: []
                },
                iLayout: 0,
                Controls: []
            };
        }
        if (!self.Editable) {
            return dataForm;
        }
        var Controls = dataForm.Controls = [];
        var Boxes = self.designerDiv.childNodes;
        for (var i = 0; i < Boxes.length ; i++) {
            if (Boxes[i].dataCtrl) {
                Controls.push(Boxes[i].dataCtrl);
                if (Boxes[i].dataCtrl.Name == "选项卡") {
                    var all = Boxes[i].querySelectorAll(".TabBlock");
                    var Items = Boxes[i].dataCtrl.Data.Items;
                    all.forEach(function (ele, index) {
                        var arr = ele.querySelectorAll(".ControlLine");
                        var Ctrls = Items[index].Ctrls = [];
                        for (var j = 0; j < arr.length ; j++) {
                            if (arr[j].dataCtrl) {
                                Ctrls.push(arr[j].dataCtrl.Data.ID);
                                Controls.push(arr[j].dataCtrl);
                            }
                        }
                    });
                }
            }
        }
        return dataForm;
    }

    fn.CellsCode = function (Excel, Cells) {
        var self = this;
        Cells.forEach(function (cell) {
            var runCode = cell.Val.Code.runCode;
            var Capture = Excel.ParseCapture(runCode, cell);
            Capture.forEach(function (cap) {
                var eCell = cap.Cell;
                if (eCell.Box) {
                    eCell.Box.Changed.push(function (Box) {
                        if (!cell.isConnected) {
                            return;
                        }
                        if (cap.Test(Box)) {
                            Excel.runCode(runCode, cell);
                        }
                    });
                }
            });
            Excel.runCode(runCode, cell);
        });
        Cells.splice(0, Cells.length);
    }

    fn.CellsProp = function (Excel, Cells) {
        var self = this;
        Cells.forEach(function (cell) {
            if (cell.Prop.DynamicStyle) {
                var runCode = cell.Prop.DynamicStyle.runCode;
                var Capture = Excel.ParseCapture(runCode, cell);
                var cssText = cell.style.cssText;
                var className = cell.className;
                function set(style) {
                    if (typeof style == "string") {
                        cell.style.cssText = cssText + ";" + style;
                    } else if (style) {
                        if (style.style) {
                            cell.style.cssText = cssText + ";" + style.style;
                        }
                        if (style.className) {
                            cell.className = className + " " + style.className;
                        }
                    }
                }
                var style;
                Capture.forEach(function (cap) {
                    var eCell = cap.Cell;
                    if (eCell.Box) {
                        eCell.Box.Changed.push(function (Box) {
                            if (!cell.isConnected) {
                                return;
                            }
                            if (cap.Test(Box)) {
                                set(Excel.runCode(runCode, cell));
                            }
                        });
                    }
                });
                set(Excel.runCode(runCode, cell));
            }
            var onclick = cell.Prop.onclick;
            if (onclick && !!onclick.runCode) {
                cell.addEventListener("click", function () {
                    set(Excel.runCode(onclick.runCode, cell));
                });
            }
            var ondblclick = cell.Prop.ondblclick;
            if (ondblclick && !!ondblclick.runCode) {
                cell.addEventListener("dblclick", function () {
                    set(Excel.runCode(ondblclick.runCode, cell));
                });
            }
        });
        Cells.splice(0, Cells.length);
    }

    //设置配置数据
    fn.setData = function (dataForm, End, RunDef) {
        var self = this;
        if (dataForm == null) {
            dataForm = {
                ID: CLMakeId(),
                Name: "未命名表单",
                Controls: [],
                FriendForms: []
            }
        }
        self.dataForm = dataForm;
        if (FrmDesigner.CloseLevel) {
            delete dataForm.MulLevel;
        }
        self.showName();
        self.designerDiv.innerHTML = "";
        if (!self.Editable && dataForm.MulLevel) {
            self.designerDiv.style.marginLeft = "300px";
        }
        function show() {
            if (!self.Editable) {
                self.ShowSource(null, function () {
                    var codeCells = [];
                    var propCells = [];
                    var Boxes = [];
                    var isCell = false;
                    var Excel;
                    var setBoxSize;
                    if (!self.TplUse) {
                        self.TplUse = dataForm.TplUse;
                    }
                    if (!self.designerDiv.isConnected){
                        return;
                    }
                    if (!self.Excel && self.TplUse && !IsMobile()) {
                        isCell = true;
                        self.designerDiv.style.width = "100%";
                        self.designerDiv.style.height = "100%";
                        Excel = self.Excel = new CLExcel(self.designerDiv, false);
                        Object.defineProperty(Excel, "Scope", {
                            configurable: true,
                            get: function () {
                                var scope = Excel.Ele.className.match(/Scope_[0-9]+/);
                                if (scope) {
                                    return scope[0];
                                } else {
                                    return null;
                                }
                            }
                        });
                        Excel.setBoxSize = function (hFull) {
                            var self = this;
                            var top = self.TableBox.scrollTop;
                            self.TableBox.style.overflow = "hidden";
                            self.TableBox.style.height = self.TableBox.scrollHeight + "px";
                            self.TableBox.style.width = self.TableBox.scrollWidth + "px";
                            self.Body.style.height = self.TableBox.style.height;
                            self.Body.style.width = self.TableBox.offsetWidth + "px";
                            self.Body.style.margin = "auto";
                            self.TableBox.style.height = self.Container.offsetHeight + "px";
                            self.TableBox.style.width = self.Container.offsetWidth + "px";
                            self.TableBox.style.overflow = "auto";
                            self.TableBox.scrollTop = top;
                        }
                        var func = Excel.getCurrentBorder;
                        Excel.getCurrentBorder = function () {
                            var border = self.designerDiv.querySelector(".currentBorder");
                            if (border) {
                                border.remove();
                            }
                            return func.call(this);
                        }
                        Excel.EnableEnter();
                        Excel.EnableTab();
                        var hitCell = Excel.hitCell;
                        Excel.hitCell = function (td) {
                            hitCell.call(this, td);
                            if (td.Box && td.Box.Focus) {
                                td.Box.Focus();
                            }
                        }
                        var ww = 0;
                        var tt = setInterval(function () {
                            if (!self.designerDiv.isConnected) {
                                clearInterval(tt);
                            }
                            if (self.designerDiv.offsetWidth != ww) {
                                ww = self.designerDiv.offsetWidth;
                                Excel.setBoxSize();
                            }
                        }, 50);
                        Excel.setCellProp = function (cell, Prop) {
                            cell.Prop = Prop;
                            if (Prop.color != null) {
                                cell.style.color = Prop.color;
                            }
                            if (Prop.borderRadius != null) {
                                cell.style.borderRadius = Prop.borderRadius;
                            }
                            if (Prop.backgroundColor != null) {
                                cell.style.backgroundColor = Prop.backgroundColor;
                            }
                            if (Prop.borderColor != null) {
                                Excel.setBorderColor(cell, Prop.borderColor);
                            }
                            if (Prop.padding != null) {
                                cell.style.padding = Prop.padding;
                            }
                            if (Prop.minHeight != null) {
                                cell.style.minHeight = Prop.minHeight + "px";
                            }
                            if (Prop.DynamicStyle || Prop.onclick || Prop.ondblclick) {
                                propCells.push(cell);
                            }
                        }
                        var showCellVal = Excel.showCellVal;
                        Excel.showCellVal = function (cell, Val) {
                            cell.Val = Val;
                            if (Val != null) {
                                if (Val.type == "Code") {
                                    codeCells.push(cell);
                                } else if (Val.type !== undefined) {
                                    showCellVal.call(this, cell, Val);
                                } else {
                                    showCellVal.call(this, cell, { type: "text", text: Val });
                                }
                            } else {
                                showCellVal.call(this, cell, null);
                            }
                        }
                        var tplId = self.TplUse[self.dataForm.ID];
                        self.dataForm.Tpl.forEach(function (ele) {
                            if (ele.ID == tplId) {
                                ExcelDesigner.prototype.dataUnRef(ele.Excel);
                                Excel.hFull = false;
                                ele.Excel.autoRowHeight = false;
                                Excel.setData(ele.Excel);
                                Excel.Ele.classList.add("Scope_" + ele.ID);
                                var styleSheet = ele.styleSheet;
                                if (styleSheet) {
                                    var doc = self.Ele.getRootNode();
                                    var  style = document.createElement("style");
                                    style.id = styleSheet.ID;
                                    style.innerHTML = CLCompileSheet(styleSheet.Sheet, "." + Excel.Scope);
                                    Excel.Ele.appendChild(style);
                                }
                                var arr = Excel.columnWidths = [];
                                ele.Excel.columnWidth.forEach(function (ele) {
                                    arr.push(ele.width);
                                });
                                Excel.rWidth = ele.Space;
                                Excel.minHeight = ele.lMinHeight;
                                if (!Excel.rWidth) {
                                    Excel.rWidth = 1;
                                }
                                var left = 0;
                                var eles = Excel.Table.querySelectorAll("tbody tr :nth-child(2)");
                                eles.forEach(function (ele) {
                                    var list = ele.classList;
                                    for (var i = 0; i < list.length; i++) {
                                        if (list[i].indexOf("border-width-") == 0) {
                                            var N = list[i].substr(13) * 1;
                                            left = left > N ? left : N;
                                        }
                                    }
                                });
                                Excel.Table.style.marginLeft = left + "px";
                            }
                        });
                    }
                    var SubBoxes = [];
                    if (dataForm != null && dataForm.Controls.length > 0) {
                        for (var i = 0; i < dataForm.Controls.length; i++) {
                            Boxes.push(self.ShowControl(dataForm.Controls[i]));
                            if (dataForm.Controls[i].Name == "子表单" && Excel) {
                                SubBoxes.push(Boxes[Boxes.length - 1]);
                            }
                        }
                    }
                    var ChangedSourceIDs = [];
                    self.__RunDef__ = RunDef;
                    self.UseSource = function (sourceId, force) {
                        if (ChangedSourceIDs.indexOf(sourceId) < 0 && (force == true || RunDef != false)) {
                            ChangedSourceIDs.push(sourceId);
                        }
                    }
                    var FlushVar = self.FlushVar;
                    self.FlushVar = function () {
                        for (var i = 0; i < self.ChangedSourceIDs.length; i++) {
                            if (ChangedSourceIDs.indexOf(self.ChangedSourceIDs[i]) < 0) {
                                ChangedSourceIDs.push(self.ChangedSourceIDs[i]);
                            }
                        }
                        self.ChangedSourceIDs = [];
                    }
                    var QueryData = self.QueryData;
                    self.QueryData = function (SourceIDs) {
                        for (var i = 0; i < SourceIDs.length; i++) {
                            if (ChangedSourceIDs.indexOf(SourceIDs[i]) < 0 && RunDef != false) {
                                ChangedSourceIDs.push(SourceIDs[i]);
                            }
                        }
                    }
                    self.designerDiv.Boxes = Boxes;
                    for (var i = 0; i < Boxes.length ; i++) {
                        if (Boxes[i].Prepare != null) {
                            Boxes[i].Prepare();
                        }
                    }
                    self.designerDiv.Boxes = Boxes;
                    var events = CLClone(ChangedSourceIDs);
                    self.Prepare();
                    if (RunDef !== false) {
                        self.RunCtrlPrepared();
                    } else {
                        self.CtrlPrepared = [];
                    }
                    self.QueryData = QueryData;
                    self.FlushVar = FlushVar;
                    var dataSources = self.dataForm.dataSources;
                    if (dataSources != null && dataSources.length != 0) {
                        self.SourceData = {};
                        var load = self.QueryData(ChangedSourceIDs, true, function () {
                        });
                        self.ChangedSourceIDs = [];
                        self.OnSourceDataChangedEvent(ChangedSourceIDs);
                    }
                    self.UseSource = function () {
                    }

                    function RunAll() {
                        self.InitRunCodeMethod(self.Excel);
                        SubBoxes.forEach(function (Box) {
                            if (Box && Box.RunAll) {
                                Box.RunAll();
                            }
                        });
                        self.CellsCode(Excel, codeCells);
                        self.CellsProp(Excel, propCells);
                    }
                    RunAll();
                    if (End || self.Excel) {
                        if (!self.IsFreedom()) {
                            CLTimer(function () {
                                if (self.IsFreedom()) {
                                    if (End) {
                                        if (Excel) {
                                            RunAll();
                                        }
                                        End(self);
                                    }
                                    return false;
                                }
                            },10);
                        } else {
                            if (End) {
                                if (Excel) {
                                    RunAll();
                                }
                                End(self);
                            }
                        }
                    }
                });
            } else {
                if (dataForm != null && dataForm.Controls.length > 0) {
                    for (var i = 0; i < dataForm.Controls.length; i++) {
                        self.AddControl(dataForm.Controls[i]);
                    }
                }
                self.FormProp();
            }
        }
        show();
    }
    //参数准备
    fn.Prepare = function () {
        var self = this;
        var Vars = self.dataForm.Vars;
        var TempIDs = [];
        function doMark(Mark, Var) {
            var Field = Mark.FieldData;
            if (TempIDs.indexOf(Field.ID) >= 0) {
                return;
            }
            TempIDs.push(Field.ID);
            if (Field != null) {
                var eventBox = null;
                var bIsSubTable = false;
                if (Field.ParentID != null) {
                    bIsSubTable = true;
                    eventBox = FrmDesigner.getElementById(Field.ParentID, self.designerDiv);
                } else {
                    eventBox = FrmDesigner.getElementById(Field.ID, self.designerDiv);
                }
                function fChange(Box) {
                    if (!eventBox.isConnected) {
                        eventBox.Changed.CLRemove(fChange);
                        return;
                    }
                    if (Box.dataCtrl.Data.ID != Field.ID) {
                        return;
                    }
                    self.SetVarValue(Var.ID, FrmCoderEditor.RunCode.call(eventBox, Var.Val.runCode, eventBox.dataCtrl.Data, eventBox));
                }
                if (eventBox == null) {
                    CLShowMsg("参数【" + Var.Name + "】所引用的控件" + "【" + Field.Name + "】找不到了");
                } else {
                    eventBox.Changed.Insert(0, fChange);
                    if (bIsSubTable) {
                        eventBox.OnCtrlInitialized = function (Box) {
                            fChange(Box);
                        }
                    } else {
                        eventBox.OnInitializeds.Insert(0, fChange);
                    }
                    if (self.__RunDef__ !== false) {
                        self.SetVarValue(Var.ID, FrmCoderEditor.RunCode.call(eventBox, Var.Val.runCode, eventBox.dataCtrl.Data, eventBox).valueOf());
                    }
                }
            }
        }
        for (var i = 0; Vars != null && i < Vars.length; i++) {
            if (Vars[i].className == "公式" && Vars[i].Val != null && Vars[i].Val.Marks != null) {
                var Marks = Vars[i].Val.Marks;
                for (var j = 0; j < Marks.length; j++) {
                    doMark(Marks[j], Vars[i]);
                }
            }
        }
    }
    //检测数据合法性
    fn.CheckPageData = function () {
        var self = this;
        var Boxes = self.designerDiv.Boxes;
        var bRet = true;
        for (var i = 0; i < Boxes.length ; i++) {
            if (Boxes[i].CheckValue != null) {
                if (Boxes[i].CheckValue() == false) {
                    bRet = false;
                }
            }
        }
        return bRet;
    }
    //获取数据
    fn.getPageData = function () {
        var self = this;
        var Boxes = self.designerDiv.Boxes;
        var PageData = {};
        for (var i = 0; i < Boxes.length ; i++) {
            var dataCtrl = Boxes[i].dataCtrl;
            if (dataCtrl == null) {
                continue;
            }
            if (dataCtrl.Name != "分割线" && dataCtrl.Name != "选项卡" && dataCtrl.Name != "表格控件" && dataCtrl.Name != "关联查询") {
                var id = dataCtrl.Name == "子表单" ? "SubTable_" + dataCtrl.Data.ID : "DataField_" + dataCtrl.Data.ID;
                PageData[id] = Boxes[i].Value;
                if (PageData[id] == null) { PageData[id] = null }
            }
        }
        if (self.levelTree) {
            var Levels = [];
            var Items = self.treeDiv.getElementsByClassName("Item");
            //DataChanged
            for (var i = 0; i < Items.length; i++) {
                if (Items[i].Frm == self) {
                    continue;
                }
                if (Items[i].Frm != null) {
                    var data = Items[i].Frm.GetIfChanged(null, function (flag) {
                        if (!flag) {
                            self.levelTree.Select(Items[i].ItemData.ID);
                        }
                    });
                    if (data) {
                        data.FormID = Items[i].dataLevel.FormId;
                        Levels.push(data);
                    }
                } else {
                    if (Object.keys(Items[i].DataChanged).length > 0) {
                        var data = Items[i].DataChanged;
                        data.FormID = Items[i].dataLevel.FormId;
                        Levels.push(data);
                    }
                }
            }
            PageData.Levels = Levels;
            PageData.Removes = self.levelTree.GetRemoves();
        }
        PageData.LockId = self.dataLockId;
        return PageData;
    }

    fn.CustomSync = null;

    //设置数据
    fn.Sync = function (PageData, bSetEvent, Disabled) {
        var self = this;
        if (self.BeforeChange && PageData.ID != self.BeforeChange.ID) {
            throw "Sync 非法操作";
        } else if (self.BeforeChange) {
            PageData.LockId = self.BeforeChange.LockId;
            PageData.Locked = self.BeforeChange.Locked;
        }
        self.BeforeChange = PageData;
        var Editable = !(self.dataForm.dataLock && !PageData.Locked);
        if (self.dataForm.dataLock) {
            if (PageData.Locked) {
                self.dataLockId = PageData.LockId;
                delete PageData.LockId;
                CLTimer(function () {
                    if (!self.designerDiv.isConnected) {
                        FrmDesigner.UnLock(self.dataLockId);
                        return false;
                    }
                }, 300);
            }
        }
        if (PageData.Locked === false) {
            if (PageData.error) {
                CLShowMsg(PageData.error, null, null, null, false);
            }
            delete PageData.Locked;
            delete PageData.error;
        }
        self.Initializing = true;
        if(PageData.iFlowStatus >= 4){
            Disabled = true;
            self.designerDiv.classList.add("已审核");
        }else if(PageData.iFlowStatus !==undefined){
            self.designerDiv.classList.remove("已审核");
        }
        if (self.CustomSync) {
            self.CustomSync(PageData, bSetEvent, Disabled || !Editable);
            delete self.Initializing;
            return;
        }
        var FlushVar = self.FlushVar;
        var ChangedSourceIDs = CLClone(self.ChangedSourceIDs);
        if (ChangedSourceIDs == null) {
            ChangedSourceIDs = [];
        }
        self.ChangedSourceIDs = [];
        self.FlushVar = function () {
            if (self.ChangedSourceIDs.length == 0) {
                return;
            } else {
                for (var i = 0; i < self.ChangedSourceIDs.length ; i++) {
                    if (ChangedSourceIDs.indexOf(self.ChangedSourceIDs[i]) < 0) {
                        ChangedSourceIDs.push(self.ChangedSourceIDs[i]);
                    }
                }
                self.ChangedSourceIDs = [];
            }
        }
        var ControlLine = null;
        for (var key in PageData) {
            if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                var id = key.replace(/DataField_|SubTable_/g, "");
                ControlLine = FrmDesigner.getElementById(id, self.designerDiv);
                if (ControlLine == null) {
                    continue;
                }
                ControlLine.WhenInitChanged = ControlLine.Changed;
                if (!bSetEvent) {
                    ControlLine.Changed = [];
                }
                var Initialized = ControlLine.Initialized;
                ControlLine.InitData(PageData[key], bSetEvent);
                ControlLine.Changed = ControlLine.WhenInitChanged;
                delete ControlLine.WhenInitChanged;
                if (!Initialized && ControlLine.OnInitialized != null) {
                    ControlLine.OnInitialized();
                }
                if (!Initialized && ControlLine.OnInitializeds != null) {
                    ControlLine.OnInitializeds.call();
                }
                ControlLine.Disabled = ControlLine.dataCtrl.Data.Editable == false || (key.indexOf("SubTable_") == 0 && Disabled ? "all"  : Disabled);
            }
        }
        if (ChangedSourceIDs.length != 0) {
            var load = self.QueryData(ChangedSourceIDs, true, function () {
            });
            load == null ? null : load.Stop();
            self.ChangedSourceIDs = [];
            self.OnSourceDataChangedEvent(ChangedSourceIDs);
        } else {
            self.ChangedSourceIDs = [];
        }
        self.FlushVar = FlushVar;
        delete self.Initializing;
        if (!Editable) {
            self.SetDataEditable(false);
        }
        self.ShowLevel(PageData.dataTree);
    }

    fn.Empty = function () {
        var self = this;
        var data = self.dataForm;
        var ctrls = data.Controls;
        ctrls.forEach(function (dataCtrl) {
            var ID = dataCtrl.Data.ID;
            var Box = FrmDesigner.getElementById(ID, self.designerDiv);
            Box.Value = null;
        });
        delete self.BeforeChange;
    }

    fn.UnLock = function () {
        var self = this;
        if (self.dataLockId) {
            FrmDesigner.UnLock(self.dataLockId, function () {
                delete self.dataLockId;
                delete self.BeforeChange.LockId;
                delete self.BeforeChange.Locked;
            });
        }
    }

    fn.initPageData = fn.Sync;

    //设置数据
    fn.ResetData = function (PageData) {
        var self = this;
        var ControlLine = null;
        if (self.BeforeChange && PageData.ID != self.BeforeChange.ID) {
            throw "ResetData 非法操作";
        }
        if (self.BeforeChange) {
            self.BeforeChange = PageData;
        }
        for (var key in PageData) {
            if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                var id = key.replace(/DataField_|SubTable_/g, "");
                ControlLine = FrmDesigner.getElementById(id, self.designerDiv);
                if (ControlLine == null) {
                    continue;
                }
                ControlLine.Value = PageData[key];
            }
        }
        if (PageData.dataTree !== undefined) {
            self.ShowLevel(PageData.dataTree);
        }
    }

    fn.Reset = fn.ResetData;

    fn.ShowLevel = function (dataTree) {
        var self = this;
        if (!self.dataForm.MulLevel) {
            return;
        }
        var GetFormConfigAndData = FrmDesigner.GetFormConfigAndData;
        FrmDesigner.GetFormConfigAndData = function (FormId, dataId, Success) {
            if (dataId == null && FormId == self.dataForm.ID) {
                Success(CLClone(self.dataForm), null);
            } else {
                return GetFormConfigAndData(FormId, dataId, Success);
            }
        }
        var dataLevel = self.dataForm.dataLevel;
        if (dataTree == null) {
            dataTree = self.dataForm.DefTree;
            function GetIDs(Node, IDs) {
                if (Node && Node.ID) {
                    IDs.push(Node.ID);
                }
                var SubNode = Node && Node.SubNode;
                for (var i = 0; SubNode && i < SubNode.length; i++) {
                    GetIDs(SubNode[i], IDs);
                }
            }
            var IDs = [];
            GetIDs(dataTree, IDs);
            if (IDs.length != 0) {
                makeId(function (newIDs) {
                    var sTree = JSON.stringify(dataTree);
                    for (var i = 0; i < newIDs.length; i++) {
                        sTree = sTree.replace(new RegExp(IDs[i], "g"), newIDs[i]);
                    }
                    dataTree = JSON.parse(sTree);
                }, IDs.length);
            }
        }
        var treeDiv = self.treeDiv;
        if (treeDiv == null) {
            treeDiv = self.treeDiv = document.createElement("div");
            treeDiv.style.cssText = "width:300px;height:100%;position:absolute;padding:10px";
            self.Ele.appendChild(treeDiv);
        } else {
            treeDiv.innerHTML = "";
        }
        treeDiv.classList.add("LevelTree");
        var NoBox = FrmDesigner.getElementById(dataLevel.No, self.designerDiv);
        var NameBox = FrmDesigner.getElementById(dataLevel.Name, self.designerDiv);
        if (dataTree == null) {
            dataTree = {

            };
            makeId(function (ID) {
                dataTree.ID = ID;
            });
        }
        if (!dataTree.Name) {
            dataTree["DataField_" + dataLevel.Name] = "未命名";
        }

        NoBox.Disabled = true;
        NoBox.Value = dataTree.ID;
        var leftTree = self.levelTree = new CLTree(dataTree);
        leftTree.Animation = false;
        leftTree.IconText = "";
        var oLines = [];
        var first = true;
        leftTree.OnItemCreated = function (Item, ItemData) {
            if (first && ItemData.FormId) {
                oLines.push({
                    ID: ItemData.dataId,
                    FormID: ItemData.FormId,
                });
            }
            Item.DataChanged = {};
            if (ItemData.ID != dataTree.ID) {
                var index = Item.parentNode.Level;
                Item.dataLevel = dataLevel.Levels[index] == null ? dataLevel.Levels[dataLevel.Levels.length - 1] : dataLevel.Levels[index];
            }
            Item.dataMenu.Items = [
                Item.dataMenu.Items[0],
                Item.dataMenu.Items[1],
                Item.dataMenu.Items[4],
            ];
            if (ItemData.dataId == null && ItemData.ID != dataTree.ID) {
                Item.DataChanged["DataField_" + Item.dataLevel.No] = ItemData.ID;
                Item.DataChanged["DataField_" + Item.dataLevel.Parent] = ItemData.ParentID;
                Item.DataChanged["DataField_" + Item.dataLevel.Top] = ItemData.TopID;
                Item.DataChanged["DataField_" + Item.dataLevel.Name] = ItemData.Name;
                for (var key in ItemData) {
                    if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                        Item.DataChanged[key] = ItemData[key];
                    }
                }
            }
        }
        var lastSelect = null;
        leftTree.Render(treeDiv);
        first = false;
        leftTree.Select(dataTree.ID);
        function makeId(Success, Count) {
            Success(FrmDesigner.MakeId(Count));
        }
        var Item = leftTree.getItemById(dataTree.ID);
        lastSelect = Item;
        Item.FrmDiv = self.designerDiv;
        Item.Frm = self;
        self.LevelItem = Item;
        Item.dataLevel = dataLevel;
        NoBox.Changed.push(function () {
            NoBox.Value = dataTree.ID;
        });
        NameBox.Changed.push(function () {
            var Name = NameBox.Value;
            Item.DataChanged["DataField_" + dataLevel.Name] = Name;
            Item.SetName(Name);
        });
        
        if (self.GetDataEditable()) {

            leftTree.OnRename = function (ID, Name) {
                var Item = leftTree.getItemById(ID);
                if (Item.Frm != null) {
                    var Box = FrmDesigner.getElementById(Item.dataLevel.Name, Item.Frm.designerDiv);
                    Box.Value = Name;
                    return true;
                } else {
                    Item.DataChanged["DataField_" + Item.dataLevel.Name] = Name;
                }
                return true;
            }

            leftTree.OnAddNode = function (ParentID, Success) {
                var data = {
                    ID: CLMakeId(),
                    Name: "未命名",
                    ParentID: ParentID,
                    TopID: dataTree.TopID ? dataTree.TopID : dataTree.ID,
                }
                makeId(function (ID) {
                    data.ID = ID;
                });
                var item = Success(data);
            }

            leftTree.OnRemoveNode = function (Id, Success) {
                var Item = leftTree.getItemById(Id);
                if (Item.FrmDiv) {
                    Item.FrmDiv.remove();
                    Item.Frm = null;
                }
                var Items = Item.getElementsByClassName("Item");
                for (var i = 0; i < Items.length; i++) {
                    if (Items[i].FrmDiv) {
                        Items[i].FrmDiv.remove();
                        Items[i].Frm = null;
                    }
                }
                Success();
                leftTree.Select(Item.ItemData.ParentID);
            }

        } else {
            leftTree.Editable = false;
        }
        leftTree.OnSelected = function (ItemData) {
            var Item = leftTree.getItemById(ItemData.ID);
            lastSelect.FrmDiv.style.opacity = 0;
            lastSelect.FrmDiv.style.pointerEvents = "none";
            if (Item.Frm == null) {
                Item.FrmDiv = self.designerDiv.cloneNode();
                Item.FrmDiv.style.opacity = 1;
                Item.FrmDiv.style.pointerEvents = "";
                self.Ele.appendChild(Item.FrmDiv);
                self.designerDiv.style.opacity = 0;
                self.designerDiv.style.pointerEvents = "none";
                CLTop.FrmDesigner.CloseLevel = true;
                var _CLShowMsg = CLShowMsg;
                CLShowMsg = function () {
                    _CLShowMsg.apply(this, arguments);
                    delete CLTop.FrmDesigner.CloseLevel;
                    CLShowMsg = _CLShowMsg;
                }
                var Vars = self.CalcVars();
                Vars.Level = Item.parentNode.Level;
                FrmDesigner.CreateInstance(Item.dataLevel.FormId, ItemData.dataId, Vars, function (Frm) {
                    if (!self.GetDataEditable()) {
                        Frm.SetDataEditable(false);
                    }
                    delete CLTop.FrmDesigner.CloseLevel;
                    CLShowMsg = _CLShowMsg;
                    Item.Frm = Frm;
                    Frm.LevelItem = Item;
                    var NoBox = FrmDesigner.getElementById(Item.dataLevel.No, Frm.designerDiv);
                    var NameBox = FrmDesigner.getElementById(Item.dataLevel.Name, Frm.designerDiv);
                    var ParentBox = FrmDesigner.getElementById(Item.dataLevel.Parent, Frm.designerDiv);
                    var TopBox = FrmDesigner.getElementById(Item.dataLevel.Top, Frm.designerDiv);
                    NoBox.Value = ItemData.ID;
                    NoBox.Disabled = true;
                    NoBox.Changed.push(function () {
                        NoBox.Value = ItemData.ID;
                    });
                    ParentBox.Value = ItemData.ParentID;
                    ParentBox.Disabled = true;
                    ParentBox.Changed.push(function () {
                        ParentBox.Value = ItemData.ParentID;
                    });
                    TopBox.Value = ItemData.TopID;
                    TopBox.Disabled = true;
                    TopBox.Changed.push(function () {
                        TopBox.Value = ItemData.TopID;
                    });
                    NameBox.Value = ItemData.Name;
                    NameBox.Changed.push(function () {
                        var Name = NameBox.Value;
                        Item.DataChanged["DataField_" + Item.dataLevel.Name] = Name;
                        Item.SetName(Name);
                    });
                    lastSelect = Item;
                    if (!ItemData.dataId) {
                        for (var key in ItemData) {
                            if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                                var value = ItemData[key];
                                var Box = FrmDesigner.getElementById(key.replace("DataField_", "").replace("SubTable_", ""), Frm.designerDiv);
                                if (Box) {
                                    Box.Value = value;
                                }
                            }
                        }
                    }
                }, function () {

                }, function () {

                }, Item.FrmDiv);
            } else {
                Item.FrmDiv.style.opacity = 1;
                Item.FrmDiv.style.pointerEvents = "";
                lastSelect = Item;
            }
        }

        leftTree.GetRemoves = function () {
            var Items = self.treeDiv.getElementsByClassName("Item");
            var IDs = [];
            for (var i = 0; i < Items.length; i++) {
                var dataId = Items[i].ItemData.dataId;
                if (dataId) {
                    IDs.push(dataId);
                }
            }
            var Removes = [];
            for (var i = 0; i < oLines.length; i++) {
                if (IDs.indexOf(oLines[i].ID) < 0) {
                    Removes.push(oLines[i]);
                }
            }
            return Removes;
        }

        self.SelectLevel = function (No) {
            leftTree.Select(No);
        }

        for (var key in dataTree) {
            if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                var value = dataTree[key];
                var Box = FrmDesigner.getElementById(key.replace("DataField_", "").replace("SubTable_", ""), self.designerDiv);
                if (Box) {
                    Box.Value = value;
                }
            }
        }
        NameBox.Value = dataTree.Name;
    }

    fn.SelectLevel = function (No) {

    }
    //根据字段Id获取字段名称
    fn.getClassNameByDataFieldId = function (Id) {
        var self = this;
        var jForm = FrmDesigner.prototype.getData.call(self);
        Id = Id.replace(/SubTable_|DataField_/g, "");
        for (var i = 0 ; i < jForm.Controls.length; i++) {
            if (jForm.Controls[i].Data.ID == Id) {
                return jForm.Controls[i].Name;
            }
            if (jForm.Controls[i].Name == "子表单") {
                for (var j = 0; j < jForm.Controls[i].Data.Field.length; j++) {
                    if (jForm.Controls[i].Data.Field[j].Data.ID == Id) {
                        return jForm.Controls[i].Data.Field[j].Name;
                    }
                }
            }
        }
    }
    //开启快捷保存
    fn.EnableCtrlS = function () {
        var self = this;
        self.Ele.focus();
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
                self.Save();
                e.preventDefault();
            }
        });
    }

    fn.EnableCtrlO = function () {
        var self = this;
        self.Ele.focus();
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyO" && e.ctrlKey && !e.altKey) {
                self.FromFile();
                e.preventDefault();
            }
        });
    }

    fn.EnableSaveAsLocal = function () {
        var self = this;
        self.Ele.focus();
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && e.altKey) {
                self.SaveAsLocal();
                e.preventDefault();
            }
        });
    }

    fn.GetIfChangedNoCheck = function () {
        var self = this;
        return self.GetIfChanged(null, null, false, false);
    }

    fn.GetIfChanged = function (Btn, OnChecked, check, event) {
        var self = this;
        if (check !== false) {
            OnChecked = typeof Btn == "function" ? Btn : OnChecked;
            Btn = typeof Btn == "function" ? null : Btn;
            if (!self.CheckPageData()) {
                if (OnChecked) {
                    OnChecked(false);
                }
                CLShowMsg("数据不完整");
                return;
            }
        }
        if (event !== false) {
            if (!self.SubmitEvent(Btn || self.designerDiv)) {
                if (OnChecked) {
                    OnChecked(false);
                }
                return;
            }
        }
        if (OnChecked) {
            OnChecked(true);
        }
        var formData = self.getPageData(self.designerDiv);
        formData.FormID = self.dataForm.ID;
        if (self.BeforeChange == null) {
            return formData;
        }else{
            return FrmDesigner.CalcChanged(self.BeforeChange,formData);
        }

        var Deletes = [];
        for (var key in formData) {
            if (key.indexOf("SubTable_") == 0) {
                var lines = formData[key];
                var IDs = [];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (lines[i].ID == null) {
                        continue;
                    }
                    IDs.push(lines[i].ID);
                }
                lines = self.BeforeChange[key];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (lines[i].ID == null) {
                        continue;
                    }
                    if (IDs.indexOf(lines[i].ID) < 0) {
                        Deletes.push({
                            ID: lines[i].ID,
                            FormID: key.replace("SubTable_", "")
                        });
                    }
                }
                lines = formData[key];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (Object.keys(lines[i]).length == 1 && !!lines[i].ID) {
                        lines.splice(i, 1);
                        i--;
                    } else if (Object.keys(lines[i]).length > 0 && !lines[i].ID) {
                        formData.NewLine = true;
                    }
                }
            }
        }
        if (Deletes.length != 0) {
            formData.Deletes = Deletes;
        }
        self.RemoveIfEquals(self.BeforeChange, formData);
        var bNull = true;
        for (var key in formData) {
            if (key.indexOf("SubTable_") == 0 || key.indexOf("DataField_") == 0) {
                bNull = false;
            }
        }
        if (bNull
            && (formData.Removes == null || formData.Removes.length == 0)
            && (formData.Levels == null || formData.Levels.length == 0)
            && Deletes.length == 0) {
            return;
        }
        formData.ID = self.BeforeChange.ID;
        formData.createDt = self.BeforeChange.createDt;
        formData.iFlowStatus = self.BeforeChange.iFlowStatus;
        formData.Submiter = self.BeforeChange.Submiter;

        return formData;
    }

    fn.HasChanged = function () {
        var self = this;
        if (self.BeforeChange == null) {
            return true;
        }
        var formData = self.getPageData(self.designerDiv);
        return  self.GetIfChangedNoCheck()!=null;
    }

    fn.SetDataEditable = function (editable) {
        var self = this;
        self.DataEditable = (editable == true);
        if (!editable) {
            var Lines = self.designerDiv.Boxes;
            for (var i = 0; i < Lines.length ; i++) {
                Lines[i].Disabled = true;
                var dataCtrl = Lines[i].dataCtrl;
                if (dataCtrl.Name == "子表单") {
                    var Boxes = Lines[i].querySelectorAll(".ControlBox");
                    for (var j = 0; j < Boxes.length ; j++) {
                        if (Boxes[j].ID && Boxes[j].dataCtrl) {
                            Boxes[j].Disabled = true;
                        }
                    }
                }
            }
        } else {
            var Lines = self.designerDiv.Boxes;
            for (var i = 0; i < Lines.length ; i++) {
                var dataCtrl = Lines[i].dataCtrl;
                if (dataCtrl.Name == "子表单") {
                    var Boxes = Lines[i].querySelectorAll(".ControlBox");
                    for (var j = 0; j < Boxes.length ; j++) {
                        if (Boxes[j].ID && Boxes[j].dataCtrl) {
                            Boxes[j].Disabled = !Boxes[j].dataCtrl.Data.Editable;
                        }
                    }
                }
                Lines[i].Disabled = !dataCtrl.Data.Editable;
            }
        }
    }

    fn.GetDataEditable = function () {
        var self = this;
        return self.DataEditable === undefined ? true : self.DataEditable;
    }

    fn.GetBeforeChange = function () {
        var self = this;
        return self.BeforeChange;
    }
    //获取当前用户
    fn.getCurrentUser = function () {
        return CLApp.getMemberById(CLApp.getCurrentUserId());
    }
    //触发事件
    fn.SetEvent = function (ControlBox) {
        ControlBox.Event = {
            stopPropagation: false
        };
        for (var i = 0; i < ControlBox.Changed.length; i++) {
            if (ControlBox.Event.stopPropagation) {
                break;
            }
            ControlBox.Changed[i](ControlBox);
        }
    }
    //判断文件是否提交过
    fn.FileIsFirst = function (ID, shortBrief) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpFileIsFirst";
        var jsData = {
            FormID: self.dataForm.ID,
            ID: ID,
            shortBrief: shortBrief
        };
        var ret = false;
        HttpPost(Url, function (Json) {
            ret = Json.data;
        }, jsData, false);
        return ret;
    }
    //获取字段信息
    fn.Short = function () {
        var jForm = {};
        var self = this;
        var dataForm = self.getData();
        jForm["ID"] = dataForm["ID"];
        jForm["Name"] = dataForm["Name"];
        jForm["IsShare"] = dataForm["IsShare"];
        jForm["AppId"] = dataForm["AppId"];
        jForm["Fields"] = [];
        for (var j = 0; j < dataForm["Controls"].length; j++) {
            var className = dataForm["Controls"][j]["Name"];
            var Data = dataForm["Controls"][j]["Data"];
            var dataCtrl = {};
            jForm["Fields"].push(dataCtrl);
            dataCtrl["ID"] = Data["ID"];
            dataCtrl["Name"] = Data["Name"];
            dataCtrl["className"] = className;
            dataCtrl["usePercent"] = Data["usePercent"];
            dataCtrl["Visible"] = Data["Visible"];
            dataCtrl["Editable"] = Data["Editable"];
            if (className == "流水号") {
                dataCtrl.Rules = Data.Rules;
                dataCtrl.enableUpdate = Data.enableUpdate;
            }
            if (className == "子表单") {
                dataCtrl["Field"] = [];
                var Field = Data["Field"];
                for (var l = 0; l < Field.length; l++) {
                    var SubCtrl = {};
                    dataCtrl["Field"].push(SubCtrl);
                    var SubData = Field[l]["Data"];
                    SubCtrl["ID"] = SubData["ID"];
                    SubCtrl["ParentID"] = dataCtrl["ID"];
                    SubCtrl["Name"] = SubData["Name"];
                    SubCtrl["className"] = Field[l]["Name"];
                    SubCtrl["usePercent"] = SubData["usePercent"];
                    SubCtrl["Visible"] = SubData["Visible"];
                    SubCtrl["Editable"] = SubData["Editable"];
                }

            }
        }
        var jField = {};
        jField["ID"] = "iFlowStatus";
        jField["Name"] = "流程状态";
        jField["className"] = "流程状态";
        jForm["Fields"].push(jField);

        jField = {};
        jField["ID"] = "Submiter";
        jField["Name"] = "提交人";
        jField["className"] = "提交人";
        jForm["Fields"].push(jField);

        jField = {};
        jField["ID"] = "createDt";
        jField["Name"] = "提交时间";
        jField["className"] = "提交时间";
        jForm["Fields"].push(jField);

        jField = {};
        jField["ID"] = "updateDt";
        jField["Name"] = "更新时间";
        jField["className"] = "更新时间";
        jForm["Fields"].push(jField);
        jForm.updateDt = new Date().valueOf() + 62135625600000;
        return jForm;
    }

    fn.getElementById = function (Id, At) {
        var self = this;
        return FrmDesigner.getElementById(Id, At || self.designerDiv);
    }

    //根据ID获取元素
    FrmDesigner.getElementById = function (Id, At) {
        var frm = FrmDesigner.GetInstance(At);
        if (frm.Excel) {
            var Boxes;
            if (At.Boxes) {
                Boxes = At.Boxes;
            }
            if (At.Parent) {
                Boxes = At.Parent.Boxes;
            } else {
                Boxes = frm.designerDiv.Boxes;
            }
            for (var i = 0; i < Boxes.length; i++) {
                var dataCtrl = Boxes[i].dataCtrl;
                if (dataCtrl != null && dataCtrl.Data.ID == Id) {
                    return Boxes[i];
                }
            }
        } else {
            var Boxes;
            if (At.dataCtrl && At.dataCtrl.Data.ParentID) {
                Boxes = At.parentNode.childNodes;
            } else {
                Boxes = frm.designerDiv.querySelectorAll(".ControlLine");
            }
            for (var i = 0; Boxes && i < Boxes.length; i++) {
                var dataCtrl = Boxes[i].dataCtrl;
                if (dataCtrl != null && dataCtrl.Data.ID == Id) {
                    return Boxes[i];
                }
            }
        }
        if (frm != null && frm.designerDiv != At) {
            return FrmDesigner.getElementById(Id, frm.designerDiv);
        }
    }

    FrmDesigner.currentBox = function (event) {
        var Ele = event.srcElement;
        while (Ele != null && Ele.classList != null && !Ele.classList.contains("ControlLine") && !Ele.classList.contains("ControlBox")) {
            Ele = Ele.parentNode;
        }
        return Ele;
    }

    FrmDesigner.getData = function (Ele) {
        var Instance = FrmDesigner.GetInstance(Ele);
        if (Instance != null) {
            return Instance.getData();
        }
    }

    FrmDesigner.CtrlProp = function (Ele, ControlBox) {
        ControlBox = ControlBox == null ? Ele : ControlBox;
        var Instance = FrmDesigner.GetInstance(Ele);
        if (Instance != null) {
            return Instance.CtrlProp(ControlBox);
        }
    }

    FrmDesigner.GetOriginValue = function (Ele, ID) {
        var Instance = FrmDesigner.GetInstance(Ele);
        if (Instance != null) {
            return Instance.GetOriginValue(ID);
        }
    }

    FrmDesigner.getCtrlNameById = function (Ele, ID) {
        var Instance = FrmDesigner.GetInstance(Ele);
        if (Instance != null) {
            return Instance.getCtrlNameById(ID);
        }
    }

    FrmDesigner.getClassNameByDataFieldId = function (Ele, Id) {
        var Instance = FrmDesigner.GetInstance(Ele);
        if (Instance != null) {
            return Instance.getClassNameByDataFieldId(Id);
        } else {
            return "单行文本";
        }
    }

    FrmDesigner.GetInstance = function (Ele) {
        while (Ele != null && Ele.FrmDesigner == null) {
            Ele = Ele.parentNode;
        }
        if (Ele != null) {
            return Ele.FrmDesigner;
        }
    }

    var g_SameAppFlowClass = null;

    FrmDesigner.InitSameAppFlowClass = function (End) {
        if (g_SameAppFlowClass != null) {
            End(g_SameAppFlowClass);
        } else {
            var url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpSameAppFlowClass";
            HttpPost(url, function (Json) {
                if (Json.code == 0) {
                    g_SameAppFlowClass = Json.data;
                    for (var i = 0; i < g_SameAppFlowClass.FlowClass.length; i++) {
                        g_SameAppFlowClass.FlowClass[i].TreeID = g_SameAppFlowClass.FlowClass[i].CategoryID;
                    }
                    End(g_SameAppFlowClass);
                } else {
                    CLShowMsg(Json.msg);
                }

            }, {});
        }
    }

    FrmDesigner.FlowClassDialog = function (Id, End, SameAppFlowClass) {
        if (SameAppFlowClass == null) {
            FrmDesigner.InitSameAppFlowClass(function (SameAppFlowClass) {
                FrmDesigner.FlowClassDialog(Id, End, SameAppFlowClass);
            });
            return;
        }
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:500px;height:500px";
        var dlg = new CLDialog(divDlg);
        var treeData = {
            ID: "所有分类",
            Name: "所有分类",
            SubNode: SameAppFlowClass.Category
        };
        var listData = SameAppFlowClass.FlowClass;

        dlg.CreateAll("选择流程", function () {
        });
        dlg.Bottom.remove();
        var Body = dlg.Body;
        var _Object = new CLTreeList(Body, treeData, listData, null, function (Item, ItemData) {
            Item.onclick = function () {
                End(ItemData);
                dlg.Close();
            }
        });
        _Object.List.Select(Id);
        var tree = _Object.Tree;
        var Infos = tree.Ele.getElementsByClassName("Info");
        Infos[0].style.display = "none";
        for (var i = 0; i < Infos.length ; i++) {
            Infos[i].style.paddingLeft = "7px";
        }
        var input = document.createElement("input");
        input.className = "CLSearch";
        input.style.height = "30px";
        input.style.cssFloat = "right";
        input.style.margin = "7px";
        dlg.Header.appendChild(input);
        input.oninput = function () {
            _Object.Search(input.value);
        }
    }

    FrmDesigner.getFlowInfoById = function (Id, End) {
        FrmDesigner.InitSameAppFlowClass(function (AllFlowClassAndCategory) {
            var FlowInfo = null;
            for (var i = 0; i < AllFlowClassAndCategory.FlowClass.length; i++) {
                if (AllFlowClassAndCategory.FlowClass[i].ID == Id) {
                    End(AllFlowClassAndCategory.FlowClass[i]);
                    return;
                }
            }
            CLShowMsg("FrmDesigner.getFlowInfoById:未找到该流程");
        });
    }

    function FormToTree(Form, bHasSub) {
        var Tree = {
            ID: Form.ID,
            Name: Form.Name,
            SubNode: []
        };
        for (var i = 0; i < Form.Fields.length; i++) {
            if (!bHasSub && Form.Fields[i].className == "子表单") {
                continue;
            }
            if (Form.Fields[i].className == "分割线" || Form.Fields[i].className == "选项卡" || Form.Fields[i].className == "表格控件" || Form.Fields[i].className == "关联数据" || Form.Fields[i].className == "关联查询"
                        || Form.Fields[i].className == "更新时间"
                        || Form.Fields[i].className == "提交时间"
                        || Form.Fields[i].className == "提交人"
                        || Form.Fields[i].className == "流程状态") {
                continue;
            }
            if (Tree.SubNode == null) {
                Tree.SubNode = [];
            }
            Tree.SubNode.push(Form.Fields[i]);
            if (Form.Fields[i].className == "子表单") {
                for (var j = 0; j < Form.Fields[i].Field.length; j++) {
                    if (Form.Fields[i].Field[j].className == "关联数据"
                        || Form.Fields[i].Field[j].className == "关联查询"
                        || Form.Fields[i].Field[j].className == "更新时间"
                        || Form.Fields[i].Field[j].className == "提交时间"
                        || Form.Fields[i].Field[j].className == "提交人"
                        || Form.Fields[i].Field[j].className == "流程状态") {
                        continue;
                    }
                    if (Tree.SubNode[Tree.SubNode.length - 1].SubNode == null) {
                        Tree.SubNode[Tree.SubNode.length - 1].SubNode = [];
                    }
                    Tree.SubNode[Tree.SubNode.length - 1].SubNode.push(Form.Fields[i].Field[j]);
                }
            }
        }
        return Tree;
    }

    FrmDesigner.FlowMapFieldsDlg = function (Id, MapVal, End) {
        var self = this;
        FrmDesigner.getFlowInfoById(Id, function (Info) {
            FrmDesigner.MapFieldsDlg(Info.FormsID, MapVal, End);
        });
    }

    FrmDesigner.MapFieldsDlg = function (FormId, MapVal, End, type) {
        var Form = CLApp.getFormById(FormId);
        if (Form == null) {
            CLShowMsg("表单已丢失");
            return;
        }
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:800px;height:600px";
        var dlg = new CLDialog(divDlg);
        MapVal = JSON.parse(MapVal);
        if (MapVal == null) {
            MapVal = {
                WheresType: "所有"
            };
        }
        type = type == null ? "输入字段映射" : type;
        dlg.CreateAll(type, function () {
            MapVal.ParamInfo = Editor.getOriginalCode();
            End(JSON.stringify(MapVal));
        });
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }

        if (type == "条件字段映射") {
            var divOrAnd = document.createElement("div");
            divOrAnd.style.cssText = "width:200px;height:30px;position:absolute;top:7px;left:50%;transform:translate(-50%,0)";
            divOrAnd.innerHTML = "<div style='line-height:30px;vertical-align:top;display:inline-block'>满足</div><div style='margin:0 5px;height:30px;width:80px;display:inline-block;'></div><div style='line-height:30px;vertical-align:top;display:inline-block'>条件</div>";
            var OrAnd = new CLSelect(divOrAnd.firstChild.nextSibling);
            OrAnd.AddItems([
                "所有", "任一"
            ]);
            OrAnd.SetValue(MapVal.WheresType);
            OrAnd.onchanged = function () {
                MapVal.WheresType = OrAnd.GetValue();
            }
            dlg.Header.style.position = "relative";
            dlg.Header.appendChild(divOrAnd);
        }

        dlg.Body.style.position = "relative";
        var div = document.createElement("div");
        div.style.cssText = "height:100%;width:250px;overflow:auto;position:absolute";
        dlg.Body.appendChild(div);
        var treeData = FormToTree(Form, type != "条件字段映射");
        var Tree = new CLTree(treeData);
        Tree.Editable = false;
        var IDs = [];
        Tree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.className != null) {
                IDs.push(ItemData.ID);
            }
        }
        Tree.Render(div);
        for (var key in MapVal) {
            if (IDs.indexOf(key) < 0
                && key != "ParamInfo"
                && key != "WheresType"
                ) {
                delete MapVal[key];
            }
        }
        var rightDiv = document.createElement("div");
        rightDiv.style.cssText = "height:100%;width:calc(100% - 290px);overflow:auto;position:absolute;right:20px";
        dlg.Body.appendChild(rightDiv);
        var Label = document.createElement("div");
        Label.style.cssText = "width:calc(100% - 20px);line-height:30px;color:rgb(117,117,117);margin:5px 10px";
        rightDiv.appendChild(Label);
        var Name = document.createElement("div");
        Name.innerHTML = "<center>请从左边选择字段.</center>";
        Name.style.cssText = "width:calc(100% - 80px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block";
        Label.appendChild(Name);
        var eg = document.createElement("div");
        eg.innerHTML = "示例";
        eg.style.verticalAlign = "top";
        eg.style.padding = "0";
        eg.style.cursor = "pointer";
        eg.style.display = "none";
        eg.style.color = "rgb(36, 138, 249)";
        Label.appendChild(eg);
        eg.onclick = function () {
            var Menu = {
                "style": {
                    "width": "450px"
                },
                "Items": []
            };
            var _CLMenu = new CLMenu(Menu, Label);
            var data = {
                postData1: {
                    dataField1: "123456",
                    dataField2: "123456"
                },
                postData2: {
                    dataField1: "123456",
                    dataField2: "123456"
                }
            };
            if (type == "输入字段映射") {
                _CLMenu.Div.innerHTML = "<pre style='padding:10px;white-space: pre-line'>例子= \n\
POST数据:" + JSON.stringify(data, null, 4) + "\n\
如果要将postData2.dataField2的值传给某个字段,可在左边选择该字段后在\n右边编辑框里面填入:postData2.dataField2\n\
调用方式:http://clflow.energymould.com/api/Invoke.chx?Name=接口名称&TokenId=DCWDCXQDXQXWQWQ\n\
参数用Post方式提交,ContentType:application/json\n\
返回值:{\"code\":0,\"msg\":\"ok\",\"data\":\"实例ID\"}\
            </pre>";
            } else if (type == "输出字段映射") {
                _CLMenu.Div.innerHTML = "<pre style='padding:10px;white-space: pre-line'>例子= \n\
输出数据:" + JSON.stringify(data, null, 4) + "\n\
如果要将某个字段的值传给输出对象的postData2.dataField2,可在左边选择该字段后在\n右边编辑框里面填入:postData2.dataField2\n\
            </pre>";
            } else if (type == "条件字段映射") {
                _CLMenu.Div.innerHTML = "<pre style='padding:10px;white-space: pre-line'>例子= \n\
POST数据:" + JSON.stringify(data, null, 4) + "\n\
如果要判断某个字段的值与postData2.dataField2的值相等,可在左边选择该字段后在\n右边编辑框里面填入:postData2.dataField2\n\
            </pre>";
            }
            _CLMenu.Div.style["user-select"] = "initial";
            _CLMenu.Div.style.color = "#999";
            _CLMenu.Div.style.lineHeight = "25px";
            _CLMenu.Div.style.padding = "10px";
            _CLMenu.Div.style.height = _CLMenu.Div.firstChild.offsetHeight + 20 + "px";
            _CLMenu.Reset();
        }

        var Input = document.createElement("input");
        Input.style.cssText = "height:30px;width:calc(100% - 20px);margin:5px 10px;display:none";
        rightDiv.appendChild(Input);

        var divNode = document.createElement("div");
        divNode.style.cssText = "width:calc(100% - 20px);";
        Label = Label.cloneNode();
        Label.innerHTML = "参数信息(选填)";
        divNode.appendChild(Label);
        var ValArea = document.createElement("div");
        ValArea.style.cssText = "width:calc(100% - 30px);margin:5px 10px;color:rgb(117,105,105);line-height:25px;height:calc(100% - 150px);position:absolute;border:1px solid #e0e0e0";
        divNode.appendChild(ValArea);
        rightDiv.appendChild(divNode);
        var opSelector = null;
        Tree.OnSelected = function (ItemData) {
            if (ItemData.className != null && ItemData.className != "子表单") {
                if (type == "条件字段映射") {
                    Name.innerHTML = "<div style='height:30px;display:inline-block;vertical-align:top;'>" + ItemData.Name + "</div>";
                    var opDiv = document.createElement("div");
                    opDiv.style.cssText = "height:30px;width:150px;display:inline-block;margin:0 10px";
                    Name.appendChild(opDiv);
                    var opSelector = new CLSelect(opDiv);
                    opSelector.AddItems("等于");
                    opSelector.AddItems("不等于");
                    opSelector.AddItems("等于任意一个");
                    opSelector.AddItems("不等于任意一个");
                    opSelector.AddItems("为空");
                    opSelector.AddItems("不为空");
                    if (MapVal[ItemData.ID] != null && MapVal[ItemData.ID].Op != null) {
                        opSelector.SetValue(MapVal[ItemData.ID].Op);
                    } else {
                        opSelector.SetValue("等于");
                    }
                    opSelector.onchanged = function () {
                        MapVal[ItemData.ID] = {
                            Op: opSelector.GetValue(),
                            Val: Input.value.trim()
                        };
                        if (MapVal[ItemData.ID].Val.length == 0) {
                            delete MapVal[ItemData.ID].Val;
                        }
                        if (opSelector.GetValue() == "为空" || opSelector.GetValue() == "不为空") {
                            Input.style.display = "none";
                        } else {
                            Input.style.display = "inline-block";
                        }
                    }

                } else {
                    Name.innerText = ItemData.Name + "=";
                }
                if (type == "条件字段映射" && (opSelector.GetValue() == "为空" || opSelector.GetValue() == "不为空")) {
                    Input.style.display = "none";
                } else {
                    Input.style.display = "inline-block";
                }
                divNode.style.display = "inline-block";
                eg.style.display = "inline-block";
                if (MapVal[ItemData.ID] != null) {
                    if (type == "条件字段映射") {
                        Input.value = MapVal[ItemData.ID].Val == null ? "" : MapVal[ItemData.ID].Val;
                    } else {
                        Input.value = MapVal[ItemData.ID];
                    }
                } else {
                    Input.value = "";
                }
                Input.onchange = function () {
                    if (type == "条件字段映射") {
                        MapVal[ItemData.ID] = {
                            Op: opSelector.GetValue(),
                            Val: Input.value.trim()
                        };
                        if (MapVal[ItemData.ID].length == 0) {
                            delete MapVal[ItemData.ID];
                        }
                    } else {
                        MapVal[ItemData.ID] = Input.value.trim();
                    }
                }
            } else {
                Name.innerText = "该字段不支持配置数据.";
                Input.style.display = "none";
                divNode.style.display = "none";
                eg.style.display = "none";
            }
        }
        var Editor = new CLCodeEditor(ValArea, "javascript");
        Editor.setValue(MapVal.ParamInfo);
        Editor.editor.setSize('auto', '100%');
        Editor.setGlobalScope({});
        Editor.cusCopy = false;
        divNode.style.display = "none";
    }

    FrmDesigner.OutputDialog = function (FormId, MapVal, End) {
        FrmDesigner.MapFieldsDlg(FormId, MapVal, End, "输出字段映射");
    }

    FrmDesigner.FormDialog = function (FormId, End) {
        var jForms = FrmDesigner.prototype.AllSysForms();
        for (var i = 0 ; i < jForms.length; i++) {
            jForms[i].TreeID = jForms[i].CategoryID;
            if (jForms[i].TreeID != null && jForms[i].TreeID.length == 0) {
                jForms[i].TreeID = null;
            }
        }
        //var dataTree = FrmDesigner.prototype.GetFormCategory();
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:800px;height:600px";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("选择表单", function () {
        });
        var _CLTreeList = new CLTreeList(dlg.Body, dataTree, jForms);
        _CLTreeList.List.Select(FormId);
        _CLTreeList.List.OnSelected = function (ItemData) {
            End(ItemData);
            dlg.Close();
        }
    }

    FrmDesigner.WhereDialog = function (FormId, MapVal, End) {
        FrmDesigner.MapFieldsDlg(FormId, MapVal, End, "条件字段映射");
    }

    FrmDesigner.GetDataLine = function (FormId, dataId, Success, Error, Ansyc) {
        if (!dataId || !dataId.match(/^[0-9]+$/)) {
            Success(null);
            return;
        }
        if (Error == null) {
            Error = CLShowMsg;
        }
        var config = FrmDesigner.GetConfig(FormId);
        if (config.dataLock) {
            return FrmDesigner.Lock(FormId, dataId, Success);
        } else {
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataLine";
            var R = null;
            var load = HttpPost(Url, function (Json) {
                if (Json.code != 0) {
                    Error(Json.msg);
                    return;
                } else {
                    R = Json.data;
                    if (Success) {
                        Success(Json.data);
                    }
                }
            }, { ID: FormId, DataID: dataId, MappingInfo: config.MappingInfo, dataLevel: config.dataLevel }, Ansyc);
            if (Ansyc == false) {
                return R;
            } else {
                return load;
            }
        }
    }

    FrmDesigner.GetConfig = function (FormId) {
        var form = CLApp.getFormById(FormId);
        if (!form) {
            CLApp.ResetLocalStore();
            form = CLApp.getFormById(FormId);
            if (!form) {
                CLShowMsg("表单不存在,请刷新后重试...");
            }
            return null;
        } else {
            var dt = form.updateDt - 62135625600000;
            var v = new Date(form.updateDt - 62135625600000).toString("yyyyMMddHHmmssfff");
            var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFormDetailsById&ID=" + FormId + "&v=" + v;
            var config = CLApp.Get(url);
            config.Ver = v;
            return config;
        }
    }

    FrmDesigner.CalcAuth = function (config, Op) {
        var jForm = CLClone(config);
        if (jForm.DataRange) {
            jForm.DataRange.Op = Op;
        }
        var MapFields = CLApp.CalcFields(jForm.DataRange);
        if (jForm.DataRange) {
            delete jForm.DataRange.Op;
        }
        var Controls = jForm.Controls;
        for (var i = 0; i < Controls.length ; i++) {
            if (MapFields != null && MapFields[Controls[i].Data.ID] != null) {
                var Data = Controls[i].Data;
                var ID = Data.ID;
                Data.Visible = MapFields[ID].Read;
                Data.Editable = Data.Editable != false && MapFields[Data.ID].Write;
            }
            if (Controls[i].Name == "子表单") {
                for (var j = 0; j < Controls[i].Data.Field.length; j++) {
                    var Data = Controls[i].Data.Field[j].Data;
                    var ID = Data.ID;
                    if (MapFields != null && MapFields[ID] != null) {
                        Data.Visible = MapFields[ID].Read;
                        Data.Editable = Data.Editable != false && MapFields[Data.ID].Write;
                    }
                }
            }
        }
        return jForm;
    }

    FrmDesigner.ComputeMarks = function (code,quot) {
        if(!code){
            return [];
        }
        var rows = code.split("\n");
        var Marks = [];
        rows.forEach(function(row,line){
            var list;
            if(quot == false){
                list = [...row.matchAll(/(DataField_[0-9]+)|(DataTable_[0-9]+)|(SubTable_[0-9]+)/g)];
            }else{
                list = [...row.matchAll(/(\"DataField_[0-9]+\")|(\"DataTable_[0-9]+\")|(\"SubTable_[0-9]+\")/g)];
            }
            list.forEach(function(ele){
                var value = ele[0];
                var info 
                if(value.includes('DataField_')){
                    info = CLApp.getFieldInfo(ele[0].replace(/\"/g,""));
                }else
                {
                    info = CLApp.GetFormOrSubTableById(ele[0].replace(/\"/g,""));
                }
                var mark = {
                    className:"Tag",
                    data:{
                        ID:ele[0],
                        Name:info && info.Name || ele[0]
                    }
                };
                mark.From = {
                    line:line,
                    ch:ele.index
                };
                mark.To = {
                    line:line,
                    ch:ele.index + ele[0].length
                };
                Marks.push(mark);
            });
        });
        return Marks;
    }

    FrmDesigner.CreateInstance = function (FormIdOrConfig, dataId, Vars, Success, End, Error, Ele) {
        var Form = null;
        var FormVer = null;
        var FormData;
        if(Ele){
            var h5 = H5.GetInstance(Ele);
            if (h5) {
                var css = document.querySelector(".CLCss");
                if (css) {
                    h5.addSheet(css.innerHTML);
                }
            }
        }
        function create(config, dataLine) {
            FormData = dataLine;
            Form = FrmDesigner.CalcAuth(config);
            var Header;
            var Body;
            var Bottom;
            var submitBtn;
            var Box;
            var jCurrentStep = config.CurrentStep;
            var FlowClass = config.FlowClass;
            if (!Ele) {
                Box = new CLTop.CLPageBox();
                Box.EnableMove();
                var remove = Box.bgDiv.remove;
                Box.bgDiv.remove = function () {
                    remove.apply(Box.bgDiv, arguments);
                }
                var divTitle = document.createElement("span");
                divTitle.innerHTML = Form.Name;
                Header = Box.Header;
                Body = Box.Body;
                Header.appendChild(divTitle);
                var Btn = document.createElement("div");
                Btn.className = "CLBtnGreen";
                Btn.innerHTML = "提交";
                Btn.style.cssFloat = "right";
                Btn.style.height = "30px";
                Btn.style.lineHeight = "30px";
                Btn.style.width = "80px";
                Btn.style.margin = "0px";
                submitBtn = Btn;
                var Bottom = Box.Bottom;
                Bottom.appendChild(Btn);
                Btn.onclick = function (e) {
                    _Frm.Submit(Btn);
                }
                if (Ele === false) {
                    Box.bgDiv.style.pointerEvents = "none";
                    Box.bgDiv.style.opacity = 0;
                }
                if (jCurrentStep && jCurrentStep.SaveBtn) {
                    var Btn2 = Btn.cloneNode();
                    Btn2.innerHTML = "暂存";
                    Btn.style.marginLeft = "20px";
                    Btn2.onclick = function () {
                        self.SubmitAsTemporary(function () {
                            CLShowMsg("操作成功");
                        });
                    }
                    Bottom.appendChild(Btn2);
                }
            } else {
                Body = Ele;
            }
            var _Frm = new CLTop.FrmDesigner(Body, false);
            if (FlowClass) {
                _Frm.Submit = function (Btn, CusEnd) {
                    if (typeof Btn == "function" && CusEnd == null) {
                        CusEnd = Btn;
                    } else {
                        CusEnd = CusEnd == null ? End : CusEnd;
                    }
                    var check;
                    var changed = _Frm.GetIfChanged(function (v) {
                        check = v;
                    });
                    if(!check){
                        return;
                    }
                    if (!changed && (!_Frm.BeforeChange || _Frm.BeforeChange.iFlowStatus != -1)) {
                        if (check) {
                            if (Box) {
                                Box.Close();
                            }
                            if (CusEnd) {
                                CusEnd(FormData == null ? null : FormData.ID);
                            }
                        }
                        return;
                    }
                    var jsData = {
                        FlowClassID: FlowClass.ID,
                        ChangedFormData: changed ||{FormID:_Frm.BeforeChange.FormID,ID:_Frm.BeforeChange.ID},
                        Idea: "无",
                        Result: "提交",
                        backId: null
                    };
                    var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpSubmitStep";
                    HttpPost(Url, function (Json) {
                        if (Json.code == 0) {
                            if (Box) {
                                Box.Close();
                            }
                            var id = Json.data;
                            if (CusEnd) {
                                CusEnd(id);
                            }
                        } else {
                            var sError = Json.msg;
                            if (sError.indexOf("重复:") == 0) {
                                var CtrlID = sError.substring(3, sError.length);
                                sError = "【" + GetCtrlNameByID(CtrlID) + "】字段不允许有重复值";
                            } else if (sError.indexOf("不可为空:") == 0) {
                                var CtrlID = sError.substring(5, sError.length);
                                sError = "【" + GetCtrlNameByID(CtrlID) + "】字段的值不能为空";
                            } else {
                                sError = Json.msg;
                            }
                            if (Error) {
                                Error(sError);
                            } else {
                                CLShowMsg(sError);
                            }
                        }
                    }, jsData);
                }
                _Frm.SetVarValue("g_currentStep",jCurrentStep);
                _Frm.CurrentStep = jCurrentStep;
                _Frm.SubmitAsTemporary = function (end) {
                    _Frm.SubmitAsT(end, null, FlowClass.ID);
                }
            } else {
                _Frm.Submit = function (Btn, CusEnd) {
                    if (typeof Btn == "function" && CusEnd == null) {
                        CusEnd = Btn;
                    } else {
                        CusEnd = CusEnd == null ? End : CusEnd;
                    }
                    var close;
                    var changed = _Frm.GetIfChanged(function (check) {
                        close = check;
                    });
                    if (!changed && (!_Frm.BeforeChange || _Frm.BeforeChange.iFlowStatus != -1)) {
                        if (close) {
                            if (Box) {
                                Box.Close();
                            }
                            if (CusEnd) {
                                CusEnd(FormData == null ? null : FormData.ID);
                            }
                        }
                        return;
                    }
                    changed = changed||{FormID:_Frm.BeforeChange.FormID,ID:_Frm.BeforeChange.ID};
                    changed.Sync = true;
                    var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitFormData";
                    var load = HttpPost(url, function (Json) {
                        if (Json.code == 0) {
                            if (Box) {
                                Box.Close();
                            }
                            var id;
                            if (typeof Json.data == "object") {
                                FormData = Json.data;
                                _Frm.Sync(Json.data);
                                id = Json.data.ID;
                            } else {
                                id = Json.data;
                            }
                            if (CusEnd) {
                                CusEnd(id, Json.data);
                            }
                        } else {
                            if (Error) {
                                Error(Json.msg);
                            } else {
                                CLShowMsg(Json.msg);
                            }
                        }
                    }, changed);
                    if (Ele && load) {
                        load.SetContainer(Ele);
                    }
                }
                _Frm.SubmitAsTemporary = function (end) {
                    _Frm.SubmitAsT(end, null, null);
                }
            }
            if (Vars) {
                for (var key in Vars) {
                    var id = "$(" + new CLBase64().encode(key) + ")"
                    _Frm.SetVarValue(id, Vars[key]);
                }
            }
            try{
                _Frm.setData(Form, function (_Frm) {
                    if (FormData != null) {
                        if(FlowClass){
                            _Frm.Sync(FormData,false,FormData.iFlowStatus >= 0);
                        }else{
                            _Frm.Sync(FormData,false,FormData.iFlowStatus >= 4);
                        }
                    } else {
                        _Frm.ShowLevel();
                    }
                    if (Success) {
                        Success(_Frm);
                    }
                }, FormData == null);
            }finally{

            }
        }
        var config;
        if (typeof FormIdOrConfig == "object") {
            if (FormIdOrConfig.Controls) {
                config = FormIdOrConfig;
            } else if (FormIdOrConfig.AsFlow) {
                config = FrmDesigner.GetConfig(FormIdOrConfig.FormID);
                if (!config) {
                    return;
                }
                config.AsFlow = true;
                var FlowClass = config.FlowClass;
                var jCurrentStep = null;
                if (FlowClass == null) {
                    var Url = "/" + CLCorpId() + "/api/Flow.chx?Function=HttpGetFlowClass&FormID=" + FormIdOrConfig.FormID;
                    FlowClass = CLApp.Get(Url);
                }
                var Steps = FlowClass.Steps;
                for (var i = 0; i < Steps.length; i++) {
                    if (Steps[i].Type == 0) {
                        jCurrentStep = Steps[i];
                    }
                }
                config = FlowCoreEx.CalcAuth(config, jCurrentStep);
                config.CurrentStep = jCurrentStep;
                config.FlowClass = FlowClass;
            }
        } else {
            config = FrmDesigner.GetConfig(FormIdOrConfig);
            if (!config) {
                return;
            }
            config = FrmDesigner.CalcAuth(config, "提交");
        }
        var load = FrmDesigner.GetDataLine(config.ID, dataId, function (dataLine) {
            create(config, dataLine);
        });

        if (Ele && load) {
            load.SetContainer(Ele);
        }
    }

    FrmDesigner.CreateFormDataFromRename = function (FormId, data, full, config) {
        var Form = config ? config : FrmDesigner.GetConfig(FormId);
        if (Array.isArray(data)) {
            var R = [];
            data.forEach(function (ele) {
                R.push(FrmDesigner.CreateFormDataFromRename(FormId, ele, full, Form));
            });
            return R;
        }
        var formData = {};
        formData.ID = data.ID;
        var Controls = Form.Controls;
        for (var i = 0; i < Controls.length; i++) {
            if (Controls[i].Name == "分割线" || Controls[i].Name == "选项卡" || Controls[i].Name == "表格控件" || Controls[i].Name == "关联查询") {
                continue;
            }
            var Val = data[Controls[i].Data.Rename];
            if (Controls[i].Name == "子表单") {
                var subCtrls = Controls[i].Data.Field;
                if (Array.isArray(Val)) {
                    var subTable = [];
                    for (var line = 0; line < Val.length; line++) {
                        var dataLine = Val[line];
                        var subLine = {};
                        subLine.ID = dataLine.ID;
                        for (var j = 0; j < subCtrls.length; j++) {
                            var subVal = dataLine[subCtrls[j].Data.Rename];
                            if (subVal === undefined && full !== false || subVal == null) {
                                subLine["DataField_" + subCtrls[j].Data.ID] = null;
                            } else {
                                subLine["DataField_" + subCtrls[j].Data.ID] = subVal.oVal ? subVal.oVal : subVal;
                            }
                        }
                        subTable.push(subLine);
                    }
                    formData["SubTable_" + Controls[i].Data.ID] = subTable;
                } else {
                    formData["SubTable_" + Controls[i].Data.ID] = [];
                }
            } else {
                if (Val === undefined && full === false) {
                    formData["DataField_" + Controls[i].Data.ID] = null;
                } else {
                    formData["DataField_" + Controls[i].Data.ID] = (Val == null ? null : (Val.oVal ? Val.oVal : Val));
                }
            }
        }
        formData.FormID = FormId;
        return formData;
    }

    FrmDesigner.ConvartToRenameData = function (formData, config) {
        if (Array.isArray(formData)) {
            var configs = {};
            formData.forEach(function (line, index) {
                if (!configs[line.FormID]) {
                    configs[line.FormID] = FrmDesigner.GetConfig(line.FormID);
                }
                formData[index] = FrmDesigner.ConvartToRenameData(line, configs[line.FormID]);
            });
            return formData;
        }
        var FormId = formData.FormID;
        var Form = config ? config : FrmDesigner.GetConfig(FormId);
        var Controls = Form.Controls;
        var data = {};
        data.ID = formData.ID;
        for (var i = 0; i < Controls.length; i++) {
            if (Controls[i].Name == "分割线" || Controls[i].Name == "选项卡" || Controls[i].Name == "表格控件" || Controls[i].Name == "关联查询") {
                continue;
            }
            var Rename = Controls[i].Data.Rename;
            if (Rename == null) {
                continue;
            }
            if (Controls[i].Name == "子表单") {
                var lines = [];
                var subVals = formData["SubTable_" + Controls[i].Data.ID];
                subVals = JSON.parse(subVals);
                var SubControls = Controls[i].Data.Field;
                var SubTable = [];
                for (var j = 0; subVals && j < subVals.length ; j++) {
                    var SubLine = {};
                    for (var k = 0; k < SubControls.length ; k++) {
                        var SubRename = SubControls[k].Data.Rename;
                        var SubVal = subVals[k]["DataField_" + SubControls[k].Data.ID];
                        if (!!SubRename) {
                            SubLine[SubRename] = SubVal == null ? null : SubVal;
                        }
                    }
                    if (Object.keys(subVals).length > 0) {
                        SubTable.push(SubLine);
                    }
                }
                if (Rename != null) {
                    data[Rename] = SubTable == null ? null : SubTable;
                }
            } else {
                var Val = formData["DataField_" + Controls[i].Data.ID];
                if (Rename != null) {
                    data[Rename] = Val == null ? null : Val;
                }
            }
        }
        return data;
    }

    FrmDesigner.SubmitWithRename = function (FormId, data, Success, Error, Ansyc) {
        if (Array.isArray(data)) {
            for (var i = 0; i < data.length; i++) {
                if (!data.FormID) {
                    data[i].FormID = FormId;
                }
            }
        } else {
            data.FormID = FormId;
        }
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitWithRename";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                if (Success) {
                    if (data.Sync) {
                        Json.data = FrmDesigner.ConvartToRenameData(Json.data);
                    }
                    Success(Json.data);
                }
            } else {
                if (Error) {
                    Error(Json.msg);
                } else {
                    CLShowMsg(Json.msg);
                }
            }
        }, data, Ansyc);
    }

    FrmDesigner.GetCtrlDataByRename = function (FormId, Rename, SubRename) {
        var config = FrmDesigner.GetConfig(FormId);
        if (!config) {
            return null;
        } else {
            var Controls = config.Controls;
            function func(list, name) {
                var R;
                list.forEach(function (ele) {
                    if (ele.Data.Rename == name) {
                        R = ele;
                    }
                });
                return R;
            }
            var dataCtrl
            if (!!SubRename) {
                dataCtrl = func(Controls, SubRename);
                if (!dataCtrl) {
                    return null;
                } else {
                    dataCtrl = func(dataCtrl.Data.Field, Rename);
                }
            } else {
                dataCtrl = func(Controls, Rename);
            }
            if (!dataCtrl) {
                return null;
            } else {
                return dataCtrl;
            }
        }
    }

    FrmDesigner.SubmitLines = function (Lines, Success, Error, Ansyc) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSubmitFormData";
        var load = HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                if (Success) {
                    Success(Json.data);
                }
            } else {
                if (Error) {
                    Error(Json.msg);
                } else {
                    CLShowMsg(Json.msg);
                }
            }
        }, Lines, Ansyc);
    }

    FrmDesigner.DeleteLines = function (FormId, IDs, Success, Error, Ansyc) {
        var jsData = {};
        jsData.FormID = FormId;
        jsData.ID = IDs;
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpRemoveFormData";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                Success();
            } else {
                if (Error) {
                    Error(Json.msg);
                } else {
                    CLShowMsg(Json.msg);
                }
            }
        }, jsData, Ansyc);
    }

    FrmDesigner.SaveForever = function (FormId, IDs, Forever, Success, Error, Ansyc) {
        var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpSaveForever";
        var load = HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                if (Success) {
                    Success(Json.data);
                }
            } else {
                if (Error) {
                    Error(Json.msg);
                } else {
                    CLShowMsg(Json.msg);
                }
            }
        }, { FormID: FormId, DataID: IDs, Forever: Forever == true }, Ansyc);
    }

    FrmDesigner.ShowHandlers = ShowHandlers;

    FrmDesigner.MappingInfo = function (dataForm, Info, Success, bOnlyWrite, Body) {
        if (typeof dataForm == "string") {
            dataForm = FrmDesigner.GetConfig(dataForm);
        }
        Info = CLClone(Info);
        if (Info == null) {
            Info = {};
        }
        var div = document.createElement("div");
        div.style.cssText = "width:765px;min-width:765px;max-width:765px;height:700px";
        function GetInfo() {
            var VIDs = [];
            var Keys = [];
            var flag = false;
            for (var key in Info) {
                if (key == "FormID" || key == "No" || key == "Event") {
                    continue;
                }
                if (div.getElementsByClassName(key).length == 0) {
                    delete Info[key];
                    continue;
                }
                if (typeof Info[key] == "string") {
                    flag = true;
                    var index = VIDs.indexOf(Info[key]);
                    if (index >= 0) {
                        var Name1 = CLApp.getFieldInfo(Keys[index]).Name;
                        var Name2 = CLApp.getFieldInfo(key).Name;
                        CLShowMsg("【" + Name1 + "】与【" + Name2 + "】所映射的字段重复");
                        flag = false;
                    } else {
                        VIDs.push(Info[key]);
                        Keys.push(key);
                    }
                } else {
                    for (var subkey in Info[key]) {
                        if (subkey == "FormID" || subkey == "ParentNo" || subkey == "Event") {
                            continue;
                        }
                        if (div.getElementsByClassName(subkey).length == 0) {
                            delete Info[key][subkey];
                            continue;
                        }
                        if (Info[key][subkey] == null) {
                            continue;
                        }
                        if (typeof Info[key][subkey] == "string") {
                            flag = true;
                        }
                        var index = VIDs.indexOf(Info[key][subkey]);
                        if (index >= 0) {
                            var Name1 = CLApp.getFieldInfo(Keys[index]).Name;
                            var Name2 = CLApp.getFieldInfo(subkey).Name;
                            CLShowMsg("【" + Name1 + "】与【" + Name2 + "】所映射的字段重复");
                            flag = false;
                        } else {
                            VIDs.push(Info[key][subkey]);
                            Keys.push(subkey);
                        }
                    }
                }
            }
            if (flag) {
                return Info;
            } else {
                return;
            }
        }
        if (!Body) {
            var dlg = new CLDialog(div);
            dlg.CreateAll("配置映射", function () {
                Success(GetInfo());
            });
            dlg.EnableMove();
            dlg.Header.ondblclick = function () {
                dlg.MaximizeOrReset();
            }
            Body = dlg.Body;
        }

        Body.style.position = "relative";
        var Box = document.createElement("div");
        Box.style.cssText = "position:absolute;left:0;top:0;right:0;bottom:0;margin:20px 20px 0 20px;border:#e0e0e0 solid 1px;padding:10px;";
        Body.appendChild(Box);
        var fselector = new CLSelect(Box);
        fselector.setPlaceholder("选择目标表单");
        fselector.EnableSearch(true);
        fselector.EnableClear(true);
        var FormItems = [];
        (function () {
            var Forms = [].concat(CLApp.getForms(dataForm.ID));
            for (var i = 0; i < Forms.length ; i++) {
                if (Forms[i].ID == dataForm.ID) {
                    continue;
                }
                FormItems.push(
                    {
                        ID: Forms[i].ID,
                        Name: Forms[i].Name,
                        Fields: Forms[i].Fields,
                        toString: function () {
                            return this.Name;
                        }
                    });
            }
        }());
        fselector.AddItems(FormItems);
        fselector.onchanged = function () {
            if (fselector.selectedIndex < 0) {
                delete Info.FormID;
                Lines.Fields = []
            } else {
                Info.FormID = fselector.Items[fselector.selectedIndex].ID;
                Lines.Fields = fselector.Items[fselector.selectedIndex].Fields;
            }
            showMapInfo(Lines, dataForm.Controls, Info.FormID, Info);
        }
        var line = document.createElement("div");
        line.style.cssText = "color: #5E6D82;margin-top: 10px;line-height:30px";
        line.innerHTML = "当前表单字段映射关系如下: ";
        Box.appendChild(line);
        if (!bOnlyWrite) {
            var eventBox = new CLCheckBox("触发事件", line);
            line.lastChild.style.cssFloat = "right";
            line.lastChild.style.marginRight = "23px";
            eventBox.checked = Info.Event;
            eventBox.onchanged = function () {
                Info.Event = eventBox.checked;
            }
        }
        var currentExtendBox;
        var Lines = document.createElement("div");
        Lines.style.overflow = "auto";
        Lines.style.maxHeight = "calc(100% - 70px)";
        Box.appendChild(Lines);
        FindFIndex = function (ID) {
            for (var i = 0; i < FormItems.length; i++) {
                if (FormItems[i].ID == ID) {
                    return i;
                }
            }
            return -1;
        }
        var classNames = ["分割线", "选项卡", "表格控件", "关联查询", "提交时间", "更新时间", "流程状态"];
        function showMapInfo(Container, Controls, FormID, MapInfo) {
            Container.innerHTML = "";
            for (var i = 0; i < Controls.length; i++) {
                var className = Controls[i].Name;
                if (classNames.indexOf(className) >= 0) {
                    continue;
                }
                var Data = Controls[i].Data;
                var Name = Data.Name;
                var divLine = document.createElement("div");
                divLine.style.cssText = "width:100%;margin-bottom:10px;line-height:30px;overflow:hidden;user-select:none";
                divLine.classList.add(Data.ID);
                Container.appendChild(divLine);
                var fDiv = document.createElement("div");
                fDiv.style.cssText = "width:245px;display:inline-block;height:30px;line-height:30px;border:solid 1px #d9d9d9;padding:0 8px;vertical-align:top;";
                fDiv.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px;'>" + FrmCtrls[className].Icon + "</span>" + Name;
                divLine.appendChild(fDiv);
                if (className == "子表单") {
                    var Icon = fDiv.firstChild;
                    Icon.innerHTML = "&#xe74f;";
                    Icon.style.cursor = "pointer";
                    Icon.style.display = "inline-block";
                    Icon.style.transform = "translate(-5px,2px) rotate(90deg)";
                    Icon.onclick = function () {
                        var Icon = this;
                        var divLine = Icon.parentNode.parentNode;
                        if (!divLine.style.height) {
                            divLine.style.height = "30px";
                            Icon.style.transform = "rotate(0deg)";
                        } else {
                            divLine.style.height = "";
                            Icon.style.transform = "translate(-5px,2px) rotate(90deg)";
                        }
                    }
                }
                var op = document.createElement("div");
                op.style.cssText = "width:80px;color:#0db3a6;text-align:center;display:inline-block;vertical-align:top;";
                op.innerHTML = "写入";
                divLine.appendChild(op);
                var fSel = new CLSelect(divLine);
                divLine.lastChild.style.width = "245px";
                divLine.lastChild.style.display = "inline-block";
                fSel.innerHTML = "选择字段";
                fSel.EnableSearch(true);
                fSel.EnableClear(true);
                divLine.Data = {
                    ID: Data.ID,
                    Name: Name,
                    className: className,
                    ParentID: Data.ParentID
                };
                fSel.Data = divLine.Data;
                function getItems(FormID, className) {
                    var Fields = Container.Fields;
                    var Items = [];
                    for (var i = 0; i < Fields.length; i++) {
                        if (className == "单行文本" && Fields[i].className == "流水号") {
                            Items.push({
                                ID: Fields[i].ID,
                                Name: Fields[i].Name,
                                className: Fields[i].className,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                        } else if (Fields[i].className == className) {
                            Items.push({
                                ID: Fields[i].ID,
                                Name: Fields[i].Name,
                                className: Fields[i].className,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                        } else if (className == "流水号" && Fields[i].className == "单行文本" && bOnlyWrite) {
                            Items.push({
                                ID: Fields[i].ID,
                                Name: Fields[i].Name,
                                className: Fields[i].className,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                        }
                    }
                    return Items;
                }
                fSel.getItems = function (Success) {
                    var fSel = this;
                    if (fSel.Data.className == "子表单") {
                        if (bOnlyWrite) {
                            var fItems = [];
                            (function () {
                                var Forms = [].concat(CLApp.getForms(dataForm.ID));
                                for (var i = 0; i < Forms.length ; i++) {
                                    if (Forms[i].ID == dataForm.ID) {
                                        continue;
                                    }
                                    fItems.push(
                                        {
                                            ID: Forms[i].ID,
                                            Name: Forms[i].Name,
                                            Fields: Forms[i].Fields,
                                            toString: function () {
                                                return this.Name;
                                            }
                                        });
                                    if (Info.FormID == Forms[i].ID) {
                                        var Fields = Forms[i].Fields;
                                        for (var j = 0; j < Fields.length ; j++) {
                                            if (Fields[j].className == "子表单") {
                                                fItems.push(
                                                    {
                                                        ID: Fields[j].ID,
                                                        ParentID: Forms[i].ID,
                                                        Name: Forms[i].Name + "->" + Fields[j].Name,
                                                        Fields: Fields[j].Field,
                                                        toString: function () {
                                                            return this.Name;
                                                        }
                                                    });
                                            }
                                        }
                                    }
                                }
                            }());
                            Success(fItems);
                        } else {
                            Success(FormItems);
                        }
                    } else {
                        Success(getItems(FormID, fSel.Data.className));
                    }
                }
                function FindDIndex(Items, ID) {
                    for (var i = 0; i < Items.length; i++) {
                        if (Items[i].ID == ID) {
                            return i;
                        }
                    }
                    return -1;
                }
                fSel.onchanged = function () {
                    var fSel = this;
                    if (fSel.Data.className == "子表单") {
                        var SubInfo = MapInfo[fSel.Data.ID];
                        if (SubInfo == null) {
                            MapInfo[fSel.Data.ID] = SubInfo = {};
                        }
                        if (fSel.selectedIndex < 0) {
                            SubInfo.FormID = null;
                            SubLines.Fields = [];
                        } else {
                            SubInfo.FormID = fSel.Items[fSel.selectedIndex].ID;
                            SubLines.Fields = fSel.Items[fSel.selectedIndex].Fields;
                        }
                        showMapInfo(SubLines, fSel.Data.Field, SubInfo.FormID, SubInfo);
                    } else {
                        if (fSel.selectedIndex < 0) {
                            MapInfo[fSel.Data.ID] = null;
                        } else {
                            MapInfo[fSel.Data.ID] = fSel.Items[fSel.selectedIndex].ID;
                        }
                    }
                }
                if (className == "子表单") {
                    if (!bOnlyWrite) {
                        var eventBox = new CLCheckBox("触发事件", divLine);
                        divLine.lastChild.style.display = "inline-block";
                        divLine.lastChild.style.verticalAlign = "top";
                        divLine.lastChild.style.marginLeft = "44px";
                        eventBox.checked = MapInfo[Data.ID] && MapInfo[Data.ID].Event;
                        eventBox.onchanged = function () {
                            MapInfo[Data.ID].Event = eventBox.checked;
                        }
                    }
                    var SubLines = document.createElement("div");
                    SubLines.style.paddingLeft = "15px";
                    divLine.appendChild(SubLines);
                    divLine.Data.Field = CLClone(Data.Field);
                    divLine.Data.Field.push({
                        Name: "数字",
                        Data: {
                            ID: "Index",
                            Name: "排序字段"
                        }
                    });
                    fSel.getItems(function (Items) {
                        fSel.AddItems(Items);
                        var Info = MapInfo[fSel.Data.ID];
                        function FindFIndex(ID) {
                            for (var i = 0; i < Items.length; i++) {
                                if (Items[i].ID == ID) {
                                    return i;
                                }
                            }
                            return -1;
                        }
                        fSel.selectedIndex = Info == null ? -1 : FindFIndex(Info.FormID);
                    });
                } else {
                    fSel.getItems(function (Items) {
                        fSel.AddItems(Items);
                        fSel.selectedIndex = FindDIndex(Items, MapInfo[Controls[i].Data.ID]);
                    });
                    if (!bOnlyWrite) {
                        if (Data.ParentID) {
                            if (className == "单行文本") {
                                divLine.Box = new CLRadioBox("父编码", divLine, true);
                                divLine.Box.checked = MapInfo.ParentNo == divLine.Data.ID
                            }
                        } else {
                            if (className == "单行文本" || className == "流水号") {
                                divLine.Box = new CLRadioBox("主编码", divLine, true);
                                divLine.Box.checked = MapInfo.No == divLine.Data.ID
                            }
                        }
                    }
                    if (divLine.Box) {
                        divLine.Box.divLine = divLine;
                        divLine.Box.onchanged = function () {
                            if (this.checked) {
                                if (Container.Box && Container.Box != this) {
                                    Container.Box.checked = false;
                                }
                                Container.Box = this;
                                if (this.divLine.Data.ParentID) {
                                    MapInfo.ParentNo = this.divLine.Data.ID;
                                } else {
                                    MapInfo.No = this.divLine.Data.ID;
                                }
                            } else {
                                Container.Box = null;
                            }
                        }
                        divLine.lastChild.style.display = "inline-block";
                        divLine.lastChild.style.verticalAlign = "top";
                        divLine.lastChild.style.marginLeft = "30px";
                    }
                }
            }
        }
        fselector.selectedIndex = FindFIndex(Info.FormID);
        return GetInfo;
    }

    FrmDesigner.Mapping = function (MappingInfo, dataLine) {
        if (MappingInfo == null || MappingInfo.FormID == null) {
            return dataLine;
        }
        var newLine = {};
        newLine.FormID = MappingInfo.FormID;
        for (var key in MappingInfo) {
            if (key[0] > '9' || key[0] < 0) {
                continue;
            }
            if (typeof MappingInfo[key] == "string") {
                newLine["DataField_" + MappingInfo[key]] = dataLine["DataField_" + key];
            }
            if (MappingInfo[key] && typeof MappingInfo[key] == "object") {
                if (MappingInfo[key].FormID != null) {
                    var SubInfo = MappingInfo[key];
                    var SubTable = [];
                    var SubData = dataLine["SubTable_" + key];
                    if (SubData != null && SubData.length > 0) {
                        for (var i = 0; i < SubData.length; i++) {
                            var line = {};
                            for (var SubKey in SubInfo) {
                                if (SubKey[0] > '9' || SubKey[0] < 0) {
                                    continue;
                                }
                                if (SubInfo[SubKey] != null) {
                                    line["DataField_" + SubInfo[SubKey]] = SubData[i]["DataField_" + SubKey];
                                }
                            }
                            SubTable.push(line);
                        }
                    }
                    newLine["SubTable_" + MappingInfo[key].FormID] = SubTable;
                }
            }
        }
        return newLine;
    }

    FrmDesigner.Lock = function (formId, dataId, Success) {
        if (FrmDesigner.lockSock == null) {
            FrmDesigner.lockSock = CLApp.GetLockSock();
        }
        var config = FrmDesigner.GetConfig(formId);
        var args = [formId, dataId];
        if (config.MappingInfo) {
            args.push(config.MappingInfo);
        }
        if (config.dataLevel) {
            args.push(config.dataLevel);
        }
        var first = true;
        FrmDesigner.lockSock.Push(function () {
            var load = first ? new Loading() : null;
            first = false;
            FrmDesigner.lockSock.Invoke("api::WSDataLock", "WSLock", args, function (data) {
                if (load) {
                    load.Stop();
                    Success(data.Msg);
                }
            });
        });
    }

    FrmDesigner.UnLock = function (lockId, Success) {
        if (FrmDesigner.lockSock == null || FrmDesigner.lockSock.Invoke == null) {
            return;
        }
        FrmDesigner.lockSock.Invoke("api::WSDataLock", "WSUnLock", [lockId], function (data) {
            if (data.R && Success) {
                Success();
            }
        });
    }

    FrmDesigner.DialogCondition = function (targer, formId, dataCondition, end) {
        var frmView = new FrmDataView(formId);
        frmView.DialogCondition(targer, dataCondition, end);
    }

    FrmDesigner.UseTplDlg = function (FormId, TplUse, End) {
        var dataForm = FrmDesigner.GetConfig(FormId);
        FrmDesigner.prototype.UseTplDlg(dataForm, TplUse, End);
    }

    FrmDesigner.CalcChanged = function (prev, current) {
        if (prev == null) {
            return current;
        }

        if (Array.isArray(current)) {
            if (!Array.isArray(prev)) {
                return current;
            } else {
                var R = [];
                current.forEach(function (n) {
                    var find = false;
                    prev.forEach(function (o) {
                        if (o.ID == n.ID) {
                            find = true;
                            var r = FrmDesigner.CalcChanged(o, n);
                            if (r) {
                                R.push(r);
                            }
                        }
                    });
                    if (!find) {
                        R.push(n);
                    }
                });
                prev.forEach(function (o) {
                    var find = false;
                    current.forEach(function (n) {
                        if (o.ID == n.ID) {
                            find = true;
                        }
                    });
                    if (!find) {
                        R.push({
                            ID: o.ID,
                            FormID: o.FormID,
                            Removes: [
                                {
                                    ID: o.ID,
                                    FormID: o.FormID
                                }
                            ]
                        });
                    }
                });
                return R;
            }
        }
        function RemoveIfEquals(data1, data2) {
            var self = this;
            for (var key in data2) {
                if (key.indexOf("DataField_") == 0 || key.indexOf("SubTable_") == 0) {
                    var info = CLApp.getFieldInfo(key);
                    var Name = info ? info.className : "单行文本";
                    FrmCtrls[Name].RemoveIfEquals(data1, data2, key);
                }
            }
        }
        var Deletes = [];
        for (var key in current) {
            if (key.indexOf("SubTable_") == 0) {
                var lines = current[key];
                var IDs = [];
                var list = [];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (lines[i].ID == null) {
                        continue;
                    }
                    IDs.push(lines[i].ID);
                }
                lines = prev[key];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (lines[i].ID == null) {
                        continue;
                    }
                    if (IDs.indexOf(lines[i].ID) < 0) {
                        Deletes.push({
                            ID: lines[i].ID,
                            FormID: key.replace("SubTable_", "")
                        });
                    }
                }
                lines = current[key];
                for (var i = 0; lines && i < lines.length; i++) {
                    if (Object.keys(lines[i]).length == 1 && !!lines[i].ID) {
                        lines.splice(i, 1);
                        i--;
                    } else if (Object.keys(lines[i]).length > 0 && !lines[i].ID) {
                        current.NewLine = true;
                    }
                }
            }
        }
        if (Deletes.length != 0) {
            current.Deletes = Deletes;
        }
        RemoveIfEquals(prev, current);
        var bNull = true;
        for (var key in current) {
            if (key.indexOf("SubTable_") == 0 || key.indexOf("DataField_") == 0) {
                bNull = false;
            }
        }
        if (bNull
            && (current.Removes == null || current.Removes.length == 0)
            && (current.Levels == null || current.Levels.length == 0)
            && Deletes.length == 0) {
            return;
        }
        current.ID = prev.ID;
        return current;
    }

    FrmDesigner.DataDialog = function (formId, dataId, close) {
        var formData = FrmDesigner.GetConfig(formId);
        FrmDataDialog.prototype.getLine = function (index, Success) {
            HttpPost("/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetDataLine", function (json) {
                if (json.code != 0) {
                    CLShowMsg(json.msg);
                } else {
                    dlg.Url = "/" + CLCorpId() + "/View/Form/DataShow.cml?formId=" + formData.ID + "&dataId=" + json.data.ID;
                    Success(json.data, 1);
                }
            }, { dataLevel: formData.dataLevel, MappingInfo: formData.MappingInfo, ID: formId, DataID: dataId });
        };
        var dlg = new FrmDataDialog(formData, 1);
        if (close == false) {
            dlg.CLBox.Header.getElementsByClassName("Close")[0].style.display = "none";
        }
        return dlg;
    }

    FrmDesigner.MakeId = function (Count) {
        return CLApp.MakeId(Count);
    }

    window.CLForm = FrmDesigner;

    FrmDesigner.CreateInstance["*callback"] = function (args, index) {
        function Callback() {
            this.arguments = arguments;
        }
        if (index == 3) {
            return new Callback(Object.create(FrmDesigner.prototype));
        }
        if (index == 5) {
            return new Callback("");
        }
    }

}());

;/// <reference path="/CLUI/CLMatrix/CLMatrix.js" />
/// <reference path="/CLUI/CLUI.js" />
(function () {
    var gAllClassNames = ["流水号", "单行文本", "多行文本", "数字", "时间日期",
        "单选按钮组", "复选框组", "下拉框", "下拉复选框", "附件上传",
        "手写签名", "成员单选", "成员多选", "部门单选", "部门多选",
        "成员范围", "角色选择", "流程状态", "提交人", "提交时间", "更新时间"];

    CLTop.CLLoad("/View/Form/lib/Frm/FrmWheres.js");

    CLTop.CLLoad("/View/Form/lib/Frm/FrmDesignerEx.css");

    CLLoad("/View/Form/lib/Frm/FrmDesignerEx.css");

    //获取表单字段
    function getFieldsByFormID(FormId) {
        var Form = CLAPP.getFormById(FormId);
        return Form == null ? [] : [].concat(Form.Fields);
    }

    function GetSqlTables(ID, Source, Success) {
        var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetSqlTables";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, { ID: ID, Source: Source });
    }

    function getDataTableNameById(Id) {
        if (Id.indexOf("DataTable_") == 0) {
            Id = Id.replace("DataTable_", "");
        }
        var AllForms = CLApp.getAllForms();
        for (var i = 0; i < AllForms.length; i++) {
            if (AllForms[i].ID == Id) {
                return AllForms[i].Name;
            }
            var Fields = AllForms[i].Fields;
            for (var j = 0; Fields != null && j < Fields.length; j++) {
                if (Fields[j].className == "子表单" && Fields[j].ID == Id) {
                    return Fields[j].Name;
                }
            }
        }
    }

    var g_Dynamic = [
        {
            ID: "Dynamic_10000",
            Name: "当前用户",
        }
    ]

    var g_departDynamic = [
        {
            ID: "departDynamic_10000",
            Name: "当前用户所处部门",
        }
    ]

    function getDynamicNameById(Id) {
        for (var i = 0; i < g_Dynamic.length; i++) {
            if (g_Dynamic[i].ID == Id) {
                return g_Dynamic[i].Name;
            }
        }
        return "??????";
    }

    function getDepartDynamicNameById(Id) {
        for (var i = 0; i < g_departDynamic.length; i++) {
            if (g_departDynamic[i].ID == Id) {
                return g_departDynamic[i].Name;
            }
        }
        return "??????";
    }

    var DynamicFunctor = {};
    //回调接口
    DynamicFunctor["当前用户"] = function () {
        var user = CLApp.getMemberById(CLApp.getCurrentUserId());
        return {
            ID: user.userid,
            Name: user.name
        }
    }

    //回调接口
    DynamicFunctor["当前用户所处部门"] = function () {
        var user = CLApp.getMemberById(CLApp.getCurrentUserId());
        var depart = CLApp.getDepartmentById(user.department[0]);
        return {
            ID: depart.id,
            Name: depart.Name
        }
    }

    var RealDynamic = function (List) {
        var realDynamic = [];
        for (var i = 0 ; i < List.length; i++) {
            realDynamic.push(DynamicFunctor[List[i].Name]());
        }
        return realDynamic;
    }

    var RealDepartDynamic = function (List) {
        var realDepartDynamic = [];
        for (var i = 0 ; i < List.length; i++) {
            realDepartDynamic.push(DynamicFunctor[List[i].Name]());
        }
        return realDepartDynamic;
    }

    function createSplit(Body) {
        var div = document.createElement("div");
        div.classList.add("Split");
        Body.appendChild(div);
        return div
    }

    function createLabel(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Label");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    function createValue(Body, tag) {
        var input = document.createElement(tag == null ? "input" : tag);
        input.classList.add("Value");
        Body.appendChild(input);
        return input;
    }

    function createBtn(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Value");
        div.classList.add("Btn");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    function Background(Body, Config, End) {
        createSplit(Body);
        label = createLabel(Body, "背景");
        var clearColor = document.createElement("div");
        clearColor.style.cursor = "pointer";
        clearColor.style.cssFloat = "right";
        clearColor.style.color = "rgb(35,35,220)";
        clearColor.innerHTML = "清除";
        clearColor.onclick = function () {
            delete Config.bgColor;
            delete Config.bgImage;
            btnImage.style.background = "";
            btnColor.style.background = "";
            End();
        }
        label.appendChild(clearColor);

        var btnColor = createBtn(Body, "背景色");
        btnColor.classList.add("btnColor");
        btnColor.style.background = Config.bgColor;
        btnColor.style.color = "#fff";
        btnColor.style.textShadow = "1px 1px 3px #000";
        btnColor.style.boxShadow = "0 0px 5px 0 rgba(13,179,166,.5)";
        btnColor.onclick = function () {
            CLColors.Dialog({
                color: Config.bgColor,
                gradient: true,
                onchange: function (color) {
                    Config.bgColor = color;
                    btnColor.style.background = color;
                    End();
                }
            }, this);
        }
        var btnImage = btnColor.cloneNode();
        btnImage.style.backgroundImage = Config.bgImage || "";
        Body.appendChild(btnImage);
        btnImage.innerHTML = "背景图";
        btnImage.style.backgroundSize = "100% 100%";
        btnImage.onclick = function () {
            var btnImage = this;
            var data = null;
            var url = "/View/Form/Lib/Frm/Background.txt?v=1";
            HttpGet(url, function (Json) {
                data = Json;
            }, false, true);
            var g_frm;
            CLFrm.CreateInstance(data, {
                Selected: function (src) {
                    src = "url('" + src + "')";
                    Config.bgImage = src;
                    btnImage.style.background = src;
                    End();
                    g_frm.Close();
                }
            }, "选择图片", 1100, 650, null, function (frm) {
                g_frm = frm;
            });
        }
    }

    function ItemDlg(Designer, ItemInfo, End) {
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:660px;height:600px;";
        var dlg = new CLDialog(divDlg);
        ItemInfo = ItemInfo == null ? null : CLClone(ItemInfo);
        dlg.CreateAll("条目信息", function () {
            var Val = {
                Type: _tyleSelector.GetValue(),
            }
            Val[Val.Type] = GetVal();
            End(Val)
        });
        dlg.EnableMove(dlg.Header);
        var Body = dlg.Body;
        Body.className = "ItemDlg";
        Body.style.paddingTop = "10px";
        var typeLine = document.createElement("div");
        typeLine.className = "Line";
        Body.appendChild(typeLine);
        var leftLabel = document.createElement("div");
        leftLabel.className = "leftLabel";
        leftLabel.innerHTML = "类型";
        typeLine.appendChild(leftLabel);
        var typeBox = document.createElement("div");
        typeBox.className = "Box";
        typeLine.appendChild(typeBox);
        var infoBox = document.createElement("div");
        infoBox.style.height = "calc(100% - 40px)";
        Body.appendChild(infoBox);
        var _tyleSelector = new CLSelect(typeBox);
        _tyleSelector.AddItems(["自定义", "数据查询", /*"公式"*/]);
        _tyleSelector.onchanged = function () {
            eval(eval(_tyleSelector.GetValue() + "()"));
        }
        var GetVal;
        var Value = [];
        function InitTable(bAdd) {
            if (bAdd == null) {
                bAdd = true;
            }
            var _CLTable = new CLTable(infoBox);
            var Header = [];
            Header.push({
                ID: "realValue",
                Name: "实际值",
                width: "50%"
            });
            Header.push({
                ID: "shownValue",
                Name: "显示值",
                width: "50%"
            });
            _CLTable.SetHeader(Header);
            _CLTable.editColumn = function () { }

            var tr = document.createElement("tr");
            tr.className = "CLLine";
            var td = document.createElement("td");
            td.className = "CLColumn";
            td.style.fontFamily = "CLFont";
            td.style.fontSize = "25px";
            td.style.width = "100%";
            td.style.cursor = "pointer";
            td.style.color = "#0db3a6";
            td.innerHTML = "&#xe6da;";
            td.setAttribute("colspan", 2);
            td.onclick = function () {
                Value = GetVal();
                Value.push({
                    realValue: "",
                    shownValue: ""
                });
                _CLTable.SetData(Value);
            }
            tr.appendChild(td);

            var SetData = _CLTable.SetData;
            _CLTable.SetData = function (data) {
                if (data == null || data.length == 0) {
                    _CLTable.Table.innerHTML = "";
                    Value = [];
                } else {
                    Value = data;
                    SetData.call(_CLTable, data);
                }
                if (bAdd) {
                    _CLTable.Table.appendChild(tr);
                }
            }
            _CLTable.Table.style.marginBottom = "0";
            return _CLTable;
        }

        function 自定义() {
            infoBox.innerHTML = "";
            var Val = ItemInfo == null ? null : ItemInfo["自定义"];
            var _CLTable = InitTable();
            GetVal = function () {
                var Val = _CLTable.GetData();
                Val.splice(Val.length - 1);
                return Val;
            }
            _CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                Column.innerHTML = "<span>" + (CellData == null ? "" : CellData) + "</span>";
                if (ColumnID == "shownValue") {
                    var Del = document.createElement("div");
                    Del.className = "DelLine";
                    Del.onclick = function (e) {
                        e.stopPropagation();
                        Column.parentNode.remove();
                    }
                    Column.appendChild(Del);
                }
                Column.ondblclick = function (e) {
                    CLStartEdit(Column, function (sName) {
                        sName = sName.trim();
                        Column.innerHTML = "<span>" + (sName == null ? "" : sName) + "</span>";
                        Column.parentNode.dataLine[ColumnID] = sName;
                    }, false, null, Column.innerText);
                }
            }
            _CLTable.SetData(Val);
        }

        function 数据查询() {
            infoBox.innerHTML = "";
            var typeLine = document.createElement("div");
            typeLine.className = "Line";
            infoBox.appendChild(typeLine);
            var leftLabel = document.createElement("div");
            leftLabel.className = "leftLabel";
            leftLabel.innerHTML = "数据源";
            typeLine.appendChild(leftLabel);

            var sourceBox = document.createElement("div");
            sourceBox.className = "Box";
            typeLine.appendChild(sourceBox);
            var _sourceSelector = new CLSelect(sourceBox);
            var dataSources = [].concat(Designer.dataFrm.dataSources);
            var itemInfo = ItemInfo == null || !ItemInfo["数据查询"] ? {} : ItemInfo["数据查询"];
            var sourceId = itemInfo == null ? null : itemInfo.sourceId;
            var Index;
            var Items = [];
            var Fields = [];
            for (var i = 0; i < dataSources.length ; i++) {
                if (dataSources[i].ID == sourceId) {
                    Index = i;
                }
                _sourceSelector.AddItems([dataSources[i].Name]);
            }
            if (Index != null) {
                _sourceSelector.selectedIndex = Index;
                Fields = Designer.GetFieldsBySourceId(dataSources[_sourceSelector.selectedIndex].ID);
                for (var i = 0; i < Fields.length ; i++) {
                    Items.push(Fields[i].Name);
                }
            }
            var _CLTable = InitTable(false);
            infoBox.lastChild.style.height = "80px";
            infoBox.lastChild.style.marginTop = "30px";
            var realValue = itemInfo == null ? null : itemInfo.realValue;
            var shownValue = itemInfo == null ? null : itemInfo.shownValue;
            _sourceSelector.onchanged = function () {
                Fields = Designer.GetFieldsBySourceId(dataSources[_sourceSelector.selectedIndex].ID);
                _CLTable.SetData([[]]);
                ItemInfo = {
                    Type: "数据查询",
                    数据查询: GetVal()
                }
                数据查询();
            }
            _CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                Column.innerHTML = "";
                var selector = new CLSelect(Column);
                Column.getElementsByClassName("CLSelectVal")[0].style.textAlign = "center";
                selector.EnableSearch(true);
                selector.AddItems(Items);
                for (var i = 0; i < Fields.length; i++) {
                    if (CellData == Fields[i].ID) {
                        selector.selectedIndex = i;
                        break;
                    }
                }
                selector.onchanged = function () {
                    if (ColumnID == "realValue") {
                        realValue = Fields[selector.selectedIndex].ID;
                    } else {
                        shownValue = Fields[selector.selectedIndex].ID;
                    }
                }
            }
            GetVal = function () {
                if (_sourceSelector.selectedIndex != null && _sourceSelector.selectedIndex != -1) {
                    var dataTable = _CLTable.GetData();
                    var Val = {
                        sourceId: dataSources[_sourceSelector.selectedIndex].ID,
                        realValue: realValue,
                        shownValue: shownValue
                    }
                    return Val;
                } else {
                    return null;
                }
            }

            _CLTable.SetData([
                itemInfo
            ]);
        }

        function 公式() {
            infoBox.innerHTML = "";
            var Val = ItemInfo == null ? null : ItemInfo["公式"];
            var _CLTable = InitTable(false);
            _CLTable.SetData([
                {}
            ]);
        }
        if (ItemInfo == null) {
            _tyleSelector.selectedIndex = 0;
        } else {
            _tyleSelector.selectedIndex = _tyleSelector.Items.indexOf(ItemInfo.Type);
        }
    }

    var MemberRangeDialog = function (Range, End) {
        FrmCtrls.MemberRangeDialog(Range, End);
    }

    //Range: { Parts: [], Roles: [], Members: [], Dynamic: []},Val:{Members:[],Dynamic:[]}
    var MemberDialog = function (Range, isMult, Val, realDynamic, End) {
        FrmCtrls.MemberDialog(Range, isMult, Val, realDynamic, End);
    }
    //Range: {Parts: [],Dynamic: []}
    var PropDepartDialog = function (Range, Val, isMult, realDynamic, End) {
        FrmCtrls.PropDepartDialog(Range, Val, isMult, realDynamic, End);
    }

    window.FrmDesignerEx = function (Ele, Editable) {
        var self = this;
        if (Ele == null) {
            return;
        }
        Object.defineProperty(self, "Scope", {
            configurable: true,
            get: function () {
                var scope = self.Gridster.Ele.className.match(/Scope_[0-9]+/);
                if (scope) {
                    return scope[0];
                } else {
                    return null;
                }
            }
        });
        self.Editable = Editable != false;
        self.Ele = Ele;
        Ele.FrmDesignerEx = self;
        self.ChangedSourceIDs = [];
        self.SourceDataChanged = [];
        self.cacheFiles = {};
        Ele.setAttribute("tabindex", "1");
        Ele.classList.add("FrmDesignerEx");

        self.SourceData = {};
        CLTimer(function () {
            if (!self.designerDiv.isConnected) {
                self.SourceClose();
                return false;
            }
        }, 500);
        if (self.Editable) {
            var leftControls = self.leftControls = document.createElement("div");
            leftControls.className = "leftControls";
            Ele.appendChild(leftControls);
        }
        if (self.Editable) {
            var Bar = self.barDiv = document.createElement("div");
            Bar.className = "Bar";
            Ele.appendChild(Bar);
        }
        var designerDiv = self.designerDiv = document.createElement("div");
        designerDiv.className = "Designer";
        Ele.appendChild(designerDiv);
        designerDiv.setAttribute("tabindex", "2");
        if (!self.Editable) {
            designerDiv.style.margin = 0;
            Ele.classList.add("FrmDesignerExNoEditor");
            designerDiv.classList.add("CLGridsterNoAnimate");
        }
        self.Gridster = new CLGridster(designerDiv, {
            widget_base_margins: [0, 0],
            widget_base_dimensions: [(self.designerDiv.offsetWidth) / 120, 1],
            max_cols: 120,
            min_cols: 120,
            draggable: Editable,
            resize: {
                enabled: Editable,
                max_size: [null, null],
                min_size: [6, 30]
            },
        });
        self.autoResize();

        self.Gridster.on_end_resize = function (widget) {
            var dataCtrl = widget.dataCtrl;
            if (!dataCtrl || dataCtrl.className != "容器控件" || widget.Resize()) {
                if (widget.on_end_resize != null) {
                    widget.on_end_resize();
                }
            }

            widget.center = true;
            if (dataCtrl && dataCtrl.autoCenter) {
                widget.Gridster.center_widget(widget);
            }
            delete widget.center;
            return true;
        }

        self.Gridster.on_end_drag = function (widget, event) {
            var dataCtrl = widget.dataCtrl;
            if (!widget.__enddrag__) {
                widget.__enddrag__ = true;
                if (!widget.center && dataCtrl && dataCtrl.autoCenter) {
                    widget.Gridster.center_widget(widget);
                }
                if (dataCtrl && dataCtrl.onPosChanged) {
                    self.runCode(widget, "//【" + dataCtrl.Name + "】(位置改变)\n" + dataCtrl.onPosChanged);
                }
                delete widget.__enddrag__;
            }
            return true;
        }

        if (self.Editable) {
            var propDiv = self.propDiv = document.createElement("div");
            propDiv.className = "Prop";
            Ele.appendChild(propDiv);
            var header = document.createElement("div");
            header.className = "Header";
            propDiv.appendChild(header);
            var propBody = self.propBody = document.createElement("div");
            propBody.className = "Body";
            propDiv.appendChild(propBody);
            var Btns = [];
            Btns.push({
                Name: "控件属性",
                IsSel: false,
                Width: "50%",
                OnBtnCreated: null
            });
            Btns.push({
                Name: "容器属性",
                IsSel: false,
                Width: "50%",
                OnBtnCreated: null
            });
            var _CLBtnGroup = self.PropBtnGroup = new CLBtnGroup(header, Btns);
            _CLBtnGroup.groupDiv.className = "CLTab";
            _CLBtnGroup.OnSelected = function (divBtn) {
                if (divBtn.Btn.Name == "控件属性") {
                    _CLBtnGroup.selectedName = "控件属性";
                    self.widgetProp();
                }
                if (divBtn.Btn.Name == "容器属性") {
                    _CLBtnGroup.selectedName = "容器属性";
                    self.gridsterProp();
                }
            }
            self.showCtrls();
            self.EnableDelete();
            self.EnableCtrlS();
            self.EnableCtrlC();
            self.EnableCtrlV();
            self.EnableCtrlD();
            self.EnableSaveAsLocal();
            self.EnableKeyMove();
            self.showBar();
        }
        self.dataFrm = {
            ID: CLMakeId(),
            Name: "未命名",
            Ctrls: []
        };
    }

    var fn = FrmDesignerEx.prototype;
    //是否可编辑
    fn.Editable = true;
    //应用Id
    fn.AppId = null;
    //传入容器
    fn.Ele = null;
    //控件容器
    fn.leftControls = null;
    //主容器
    fn.designerDiv = null;
    //属性框
    fn.propDiv = null;
    //属性主容器
    fn.propBody = null;
    //Gridster
    fn.Gridster = null;
    //Gridster数据
    fn.dataFrm = null;
    //barDiv
    fn.barDiv = null;
    //模式选择器
    fn.modeSelector = null;
    //数据源容器
    fn.sourceView = null;
    //关闭
    fn.Close = function () {

    }
    //显示控件列表
    fn.showCtrls = function () {
        var self = this;
        var helpDiv = document.createElement("div");
        helpDiv.className = "FrmDesignerExDragHelp";
        function EnableDrag(Item, ItemData) {
            var X;
            var Y;
            var left, top;
            CLEnableMove(Item, function (Item, event) {
                helpDiv.style.zIndex = CLMaxZIndex();
                helpDiv.innerHTML = ItemData.Name;
                document.body.appendChild(helpDiv);
                left = event.clientX - helpDiv.offsetWidth / 2;
                top = event.clientY - helpDiv.offsetHeight / 2;
                helpDiv.style.left = left + "px";
                helpDiv.style.top = top + "px";
                X = Item.Pos.X;
                Y = Item.Pos.Y;
            }, function (Item, event) {
                helpDiv.style.left = Item.Pos.X - X + left + "px";
                helpDiv.style.top = Item.Pos.Y - Y + top + "px";
                var widgetSelected = self.designerDiv.getElementsByClassName("widgetSelected")[0];
                var gridster;
                if (widgetSelected && widgetSelected.dataCtrl.className == "容器控件") {
                    var rect = widgetSelected.getBoundingClientRect();
                    var Pos = {
                        X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                        Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                    }
                    if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                        gridster = widgetSelected.childGridster;
                    }
                }
                if (gridster == null) {
                    var rect = self.designerDiv.getBoundingClientRect();
                    var Pos = {
                        X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                        Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                    }
                    if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                        gridster = self.Gridster;
                    }
                }
                if (gridster != null) {
                    if (Item.Widget == null) {
                        var gs_size = gridster.gs_size(FrmUiCtrls[ItemData.Name].DefSize.Width, FrmUiCtrls[ItemData.Name].DefSize.Height);
                        Item.Widget = gridster.add_widget("<li data-sizex='" + gs_size.Width + "' data-sizey='" + gs_size.Height + "'></li>");
                        Item.Widget.Gridster = gridster;
                        Item.Widget.Designer = self;
                        gridster.gs_bind_to(Item.Widget, helpDiv, event);
                    } else {
                        if (Item.Widget.Gridster != gridster) {
                            Item.Widget.Gridster.player.remove();
                            Item.Widget.Gridster.remove_widget(Item.Widget);
                            var gs_size = gridster.gs_size(FrmUiCtrls[ItemData.Name].DefSize.Width, FrmUiCtrls[ItemData.Name].DefSize.Height);
                            Item.Widget = gridster.add_widget("<li data-sizex='" + gs_size.Width + "' data-sizey='" + gs_size.Height + "'></li>");
                            Item.Widget.Gridster = gridster;
                            Item.Widget.Designer = self;
                            gridster.gs_bind_to(Item.Widget, helpDiv, event);
                        }
                    }
                    helpDiv.style.opacity = 0;
                } else {
                    if (Item.Widget != null) {
                        Item.Widget.Gridster.player.remove();
                        Item.Widget.Gridster.remove_widget(Item.Widget);
                        Item.Widget.Gridster.gs_unbind(Item.Widget);
                        Item.Widget = null;
                    }
                    helpDiv.style.opacity = 1;
                }
                return false;
            }, function (Item, event) {
                if (Item.Widget != null) {
                    var dataCtrl = {
                        ID: CLMakeId(),
                        Name: ItemData.Name,
                        className: ItemData.Name
                    }
                    FrmUiCtrls[ItemData.Name].Create(Item.Widget, dataCtrl);

                    Item.Widget.setAttribute("Name", ItemData.Name);
                    self.enableWidgetEdit(Item.Widget);
                    ResetSizeInfo(Item.Widget);
                    Item.Widget._Select();
                }
                Item.Widget = null;
                helpDiv.remove();
                return false;
            });
        }
        var leftControls = self.leftControls;
        var label = createLabel(leftControls, "基础控件");
        for (var i = 0; i < FrmUiCtrls["基础控件"].length; i++) {
            var ctrlLabel = document.createElement("div");
            ctrlLabel.className = "ctrlLabel";
            ctrlLabel.innerHTML = "<div class='Icon'>" + FrmUiCtrls["基础控件"][i].Icon + "</div>" + FrmUiCtrls["基础控件"][i].Name;
            leftControls.appendChild(ctrlLabel);
            EnableDrag(ctrlLabel, FrmUiCtrls["基础控件"][i]);
        }
        var label = createLabel(leftControls, "增强控件");
        for (var i = 0; i < FrmUiCtrls["增强控件"].length; i++) {
            var ctrlLabel = document.createElement("div");
            ctrlLabel.className = "ctrlLabel";
            ctrlLabel.innerHTML = "<div class='Icon'>" + FrmUiCtrls["增强控件"][i].Icon + "</div>" + FrmUiCtrls["增强控件"][i].Name;
            leftControls.appendChild(ctrlLabel);
            EnableDrag(ctrlLabel, FrmUiCtrls["增强控件"][i]);
        }
        var label = createLabel(leftControls, "复合控件");
        for (var i = 0; i < FrmUiCtrls["复合控件"].length; i++) {
            var ctrlLabel = document.createElement("div");
            ctrlLabel.className = "ctrlLabel";
            ctrlLabel.innerHTML = "<div class='Icon'>" + FrmUiCtrls["复合控件"][i].Icon + "</div>" + FrmUiCtrls["复合控件"][i].Name;
            leftControls.appendChild(ctrlLabel);
            EnableDrag(ctrlLabel, FrmUiCtrls["复合控件"][i]);
        }
    }
    //尺寸改变事件
    fn.autoResize = function () {
        var self = this;
        var block = self.designerDiv;
        function resize(width, height) {
            if (self.modeSelector != null) {
                var mode = localStorage.getItem("FrmDesignerExMode");
                if (mode == "PC") {
                    block.style.margin = "";
                } else {
                    var Lx = (block.parentNode.offsetWidth - 540 - self.modeSelector.Items[self.modeSelector.selectedIndex].X) / 2;
                    var Ly = block.parentNode.offsetHeight - 45 - self.modeSelector.Items[self.modeSelector.selectedIndex].Y;
                    block.style.margin = "45px " + (300 + Lx) + "px " + Ly + "px " + (240 + Lx) + "px";
                }
            }
            if (block.fWidth != width || block.fHeight != height) {
                block.setAttribute("fWidth", width);
                block.setAttribute("fHeight", height);
                self.resize();
            }
        }
        CLCatchResize(self.Ele, function (w, h) {
            resize(w, h);
        });
    }

    fn.onresize = function () { }

    fn.resize = function () {
        var self = this;
        var div = self.designerDiv;
        div.style.maxWidth = "";
        div.style.maxHeight = "";
        div.style.minWidth = "";
        div.style.minHeight = "";
        if (self.resize_t != null) {
            clearTimeout(self.resize_t);
        }
        self.resize_t = setTimeout(function () {
            clearTimeout(self.resize_t);
            self.resize_t = null;
            if (!div.isConnected) {
                return;
            }
            if (self.Editable) {
                div.classList.add("CLGridsterNoAnimate");
            }
            if (self.dataFrm.Scale && !self.Editable && !IsMobile()) {
                self.adaption();
            } else {
                div.classList.add("StopAnimation");
                self.Gridster.set_options({
                    widget_base_dimensions: [(div.clientWidth) / 120, 1],
                }, true);
                self.onresize();
                div.classList.remove("StopAnimation");
            }
            if (self.Editable) {
                div.classList.remove("CLGridsterNoAnimate");
            }
        }, 15);
    }

    fn.adaption = function () {
        var self = this;
        self.designerDiv.style.transform = "";
        self.designerDiv.style.minWidth = "";
        self.designerDiv.style.maxWidth = "";
        self.designerDiv.style.width = "100%";
        self.designerDiv.style.height = "100%";
        var divWidth = self.designerDiv.offsetWidth;
        var divHeight = self.designerDiv.offsetHeight;
        var scale = divWidth / self.dataFrm.oWidth;
        var height = divHeight / scale;
        var width = self.dataFrm.oWidth;
        var offsetX = (divWidth - width) / 2;
        var offsetY = (divHeight - height) / 2;
        self.designerDiv.style.width = width + "px";
        self.designerDiv.style.height = height + "px";
        self.designerDiv.style.transform = "translate(" + offsetX + "px," + offsetY + "px) scale(" + scale + ")";
        self.Gridster.set_options({
            widget_base_dimensions: [(self.designerDiv.offsetWidth) / 120, 1],
        }, true);
    }

    fn.WidgetManager = function (ele, func) {
        var self = this;
        if (self.dlgManager) {
            return;
        }
        var Items = [];
        Items.push({
            No: self.dataFrm.ID,
            Name: self.dataFrm.Name,
            Icon: String.fromCharCode(0xe6bb),
            widget: self.designerDiv,
            Parent: null
        });
        self.designerDiv.UpdateName = function () {
            g_frm && g_frm.Rename(self.dataFrm.ID, self.dataFrm.Name);
        }
        var body = document.body;
        var Widgets = self.Ele.querySelectorAll(".Widget");
        var funcs = [];
        Widgets.forEach(function (widget) {
            var dataCtrl = widget.dataCtrl;
            if (dataCtrl) {
                var Parent = null;
                if (self.designerDiv == widget.parentNode) {
                    Parent = self.dataFrm.ID;
                } else {
                    Parent = widget.parentNode.parentNode.parentNode.dataCtrl.ID;
                }
                widget.UpdateName = function () {
                    g_frm && g_frm.Rename(dataCtrl.ID, dataCtrl.Name);
                }
                Items.push({
                    No: dataCtrl.ID,
                    Name: dataCtrl.Name,
                    className: dataCtrl.className,
                    Icon: CLHTMLDecode(FrmUiCtrls[dataCtrl.className].Icon),
                    Parent: Parent,
                    widget: widget
                });
            }
        });
        var Vars = {};
        Vars.Hover = function (widget) {
            H5.CssBox(widget);
        }
        Vars.Leave = function (widget) {
            H5.CssBox();
        }
        Vars.Click = function (widget) {
            if (widget != self.designerDiv) {
                func(widget);
            } else {
                var widgetSelected = self.designerDiv.querySelector(".widgetSelected");
                widgetSelected && widgetSelected.classList.remove("widgetSelected");
                self.PropBtnGroup.Select(1);
                CLDelay(function () {
                    self.designerDiv.focus();
                }, 100);
            }
        }
        Vars["控件"] = Items;
        var data = null;
        var url = "/View/Form/Lib/Frm/SelectWidget.txt?v=1.5";
        HttpGet(url, function (Json) {
            data = Json;
        }, false, true);
        var block = document.createElement("div");
        var rect = ele.getBoundingClientRectEx();
        var left = rect.left, top = rect.bottom;
        if (self.ManagerPos) {
            left = self.ManagerPos.left;
            top = self.ManagerPos.top;
        }
        block.style.cssText = "left:" + left + "px;top:" + top + "px;width:250px;height:515px";
        var dlg = new CLDialog(block);
        dlg.CreateAll("控件管理器");
        dlg.Body.style.position = "relative";
        dlg.Header.style.height = "30px";
        dlg.Header.style.lineHeight = "30px";
        dlg.Body.style.height = "calc(100% - 40px)";
        dlg.Bottom.remove();
        dlg.EnableMove();
        dlg.Modal = false;
        dlg.onPosChanged = function (x, y) {
            self.ManagerPos = {
                left: x,
                top: y
            }
        }
        dlg.onclosed = function () {
            self.dlgManager = null;
            g_frm = null;
            observer.disconnect();
        }
        self.dlgManager = dlg;
        var observer = null;
        var g_frm = null;
        CLFrm.CreateInstance(data, Vars, null, null, null, null, function (frm) {
            g_frm = frm;
            observer = new MutationObserver(function (records) {
                var removes = {};
                records.forEach(function (record) {
                    if (record.attributeName == "class" && record.target.classList.contains("widgetSelected")) {
                        var widget = record.target
                        var dataCtrl = widget.dataCtrl;
                        if (dataCtrl) {
                            if (!frm.Get(dataCtrl.ID)) {
                                var Parent = null;
                                if (self.designerDiv == widget.parentNode) {
                                    Parent = self.dataFrm.ID;
                                } else {
                                    Parent = widget.parentNode.parentNode.parentNode.dataCtrl.ID;
                                }
                                var data = {
                                    No: dataCtrl.ID,
                                    Name: dataCtrl.Name,
                                    className: dataCtrl.className,
                                    Icon: CLHTMLDecode(FrmUiCtrls[dataCtrl.className].Icon),
                                    Parent: Parent,
                                    widget: record.target
                                }
                                frm.Add(data);
                            }
                            frm.Select(dataCtrl.ID);
                        }
                    } else if (record.type == "childList" && record.target.classList.contains("CLGridster")) {
                        var widget = record.removedNodes[0];
                        var dataCtrl = widget && widget.dataCtrl;
                        if (dataCtrl) {
                            removes[dataCtrl.ID] = true;
                        } else {
                            widget = record.addedNodes[0];
                            dataCtrl = widget && widget.dataCtrl;
                            if (dataCtrl) {
                                delete removes[dataCtrl.ID]
                            }
                        }
                    }
                });
                for (var key in removes) {
                    frm.Remove(key);
                }
            });
            observer.observe(self.designerDiv, {
                childList: true,
                subtree: true,
                attributes: true
            });
            block.addEventListener("mousedown", function () {
                self.designerDiv.focus();
            });
        }, dlg.Body);
    }

    fn.showBar = function () {
        var self = this;
        var barDiv = self.barDiv;
        var modeDiv = document.createElement("div");
        modeDiv.style.cssText = "position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px";
        barDiv.appendChild(modeDiv);
        var modeSelector = self.modeSelector = new CLSelect(modeDiv);
        (function () {
            modeSelector.AddItems([
                {
                    toString: function () {
                        return "PC";
                    }
                },
                {
                    X: 360,
                    Y: 640,
                    toString: function () {
                        return "Galaxy S5";
                    }
                },
                {
                    X: 411,
                    Y: 731,
                    toString: function () {
                        return "Pixel 2";
                    }
                },
                {
                    X: 411,
                    Y: 823,
                    toString: function () {
                        return "Pixel 2 XL";
                    }
                },
                {
                    X: 320,
                    Y: 568,
                    toString: function () {
                        return "iPhone 5/SE";
                    }
                },
                {
                    X: 375,
                    Y: 667,
                    toString: function () {
                        return "iPhone 6/7/8";
                    }
                },
                {
                    X: 414,
                    Y: 736,
                    toString: function () {
                        return "iPhone 6/7/8 Plus";
                    }
                },
                {
                    X: 375,
                    Y: 812,
                    toString: function () {
                        return "iPhone X";
                    }
                }
            ]);
        }());
        var Items = modeSelector.Items.toString().split(",");
        modeSelector.onchanged = function () {
            var mode = localStorage.getItem("FrmDesignerExMode");
            if (modeSelector.Items[modeSelector.selectedIndex].toString() == "PC") {
                self.designerDiv.style.margin = "";
                self.resize();
            } else {
                var Lx = (self.designerDiv.parentNode.offsetWidth - 540 - modeSelector.Items[modeSelector.selectedIndex].X) / 2;
                var Ly = self.designerDiv.parentNode.offsetHeight - 45 - modeSelector.Items[modeSelector.selectedIndex].Y;
                self.designerDiv.style.margin = "45px " + (300 + Lx) + "px " + Ly + "px " + (240 + Lx) + "px";
                self.resize();
            }
            window.localStorage.setItem("FrmDesignerExMode", modeSelector.GetValue());
        }
        var modeIndex = Items.indexOf(localStorage.getItem("FrmDesignerExMode"));
        modeSelector.selectedIndex = modeIndex < 0 ? 0 : modeIndex;
        var span = document.createElement("span");
        span.style.cssText = "display:inline-block;font-family:CLFont;transform:rotate(90deg);float:right;margin:10px;cursor:pointer";
        span.innerHTML = "&#xe604";
        span.onclick = function () {
            self.WidgetManager(span, function (widget) {
                widget._Select();
                CLDelay(function () {
                    self.designerDiv.focus();
                }, 100);
            });
        }
        barDiv.appendChild(span);

        var savrBtn = document.createElement("div");
        savrBtn.className = "CLBtnGreen";
        savrBtn.innerHTML = "保存";
        savrBtn.onclick = function () {
            self.Save();
        }
        barDiv.appendChild(savrBtn);

    }
    //当前属性
    fn.propIndex = null;
    //设置样式
    fn.cssText = function (cssText) {
        var self = this;
        if (self.cssNull == null) {
            self.cssNull = self.designerDiv.style.cssText;
        }
        if (cssText == null || cssText.trim().length == 0) {
            self.designerDiv.style.cssText = self.cssNull;
            return;
        }
        var rules = cssText.split(";");
        for (var i = 0; i < rules.length; i++) {
            var rule = rules[i].split(":");
            if (rule.length < 2) {
                continue;
            }
            self.designerDiv.style[rule[0].trim()] = rule[1].trim();
        }
    }
    //格子属性
    fn.widgetProp = function () {
        var self = this;
        var widgetSelected = self.designerDiv.getElementsByClassName("widgetSelected")[0];
        if (widgetSelected != null) {
            if (self.PropBtnGroup.selectedName != "控件属性") {
                self.PropBtnGroup.Select(self.PropBtnGroup.groupDiv.firstChild);
            } else {
                if (self.propBody.shown != widgetSelected.dataCtrl.ID) {
                    self.propBody.shown = widgetSelected.dataCtrl.ID;
                    FrmUiCtrls[widgetSelected.dataCtrl.className].Prop(widgetSelected, self.propBody);
                }
                self.propIndex = 0;
            }
        } else {
            if (self.PropBtnGroup.selectedName != "容器属性") {
                self.PropBtnGroup.Select(self.PropBtnGroup.groupDiv.lastChild);
            } else {

            }
        }
    }

    fn.VarChanged = function (dataVar, ID) {
        var self = this;
        var dataSources = self.dataFrm.dataSources;
        if (dataSources) {
            dataSources.forEach(function (ele) {
                DataSourceDlg.updateVar(ele, ID, dataVar);
            });
        }
    }

    //容器属性
    fn.gridsterProp = function () {
        var self = this;
        if (self.propIndex == 1) {
            return;
        }
        delete self.propBody.shown;
        self.propBody.innerHTML = "";
        var propBody = self.propBody;
        (function (名称) {
            var label = createLabel(propBody, "名称");
            var nameInput = createValue(propBody);
            nameInput.value = self.dataFrm.Name;
            nameInput.onchange = function () {
                self.dataFrm.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                self.designerDiv.UpdateName && self.designerDiv.UpdateName();
            }
        }());

        (function (背景) {
            Background(propBody, self.dataFrm, function () {
                var style = self.designerDiv.style;
                if (CLColors.IsGradient(style.backgroundImage)) {
                    style.backgroundImage = "";
                }
                var color = false;
                if (CLColors.IsGradient(self.dataFrm.bgColor)) {
                    style.backgroundImage = self.dataFrm.bgColor || "";
                    color = true;
                } else {
                    style.backgroundColor = self.dataFrm.bgColor || "";
                }
                if (!!self.dataFrm.bgImage) {
                    style.backgroundImage = self.dataFrm.bgImage;
                } else if (!color) {
                    style.backgroundImage = "";
                }
            });
        }());

        (function (数据源) {
            createSplit(propBody);
            var label = createLabel(propBody, "数据源");
            var add = document.createElement("div");
            add.style.cursor = "pointer";
            add.style.cssFloat = "right";
            add.style.color = "rgb(13,179,166)";
            add.innerHTML = "添加";
            label.appendChild(add);
            add.onclick = function () {
                if (!__IsDev__) {
                    CLShowMsg("你不是开发者.");
                    return;
                }
                var funcs = [];
                var dataFrm = self.dataFrm;
                var sourceDlg = new DataSourceDlg(null, self.dataFrm.Vars, function (dataSource, Vars) {
                    self.dataFrm.Vars = Vars;
                    var DataSource = self.getDataSourceById(dataSource.ID);
                    if (DataSource) {
                        for (var key in dataSource) {
                            DataSource[key] = dataSource[key]
                        }
                    } else {
                        if (dataFrm.dataSources == null) {
                            dataFrm.dataSources = [];
                        }
                        dataFrm.dataSources.push(dataSource);
                    }
                    funcs.forEach(function (func) {
                        func();
                    });
                    self.ShowSource(sourceView);
                });
                var VarChanged = sourceDlg.VarChanged;
                sourceDlg.VarChanged = function (dataVar, ID) {
                    VarChanged.call(this, dataVar, ID);
                    funcs.push(function () {
                        self.VarChanged(dataVar, ID);
                    });
                }
                sourceDlg.Save = function () {
                    self.Save();
                }
            }
            var sourceView = createValue(propBody, "div");
            sourceView.style.height = "initial";
            sourceView.style.minHeight = "30px";
            self.sourceView = sourceView;
            self.ShowSource(sourceView, null, self.dataForms);
        }());

        (function (参数绑定) {
            createSplit(propBody);
            var label = createLabel(propBody, "参数绑定");
            var Btn = createBtn(propBody, "设置");
            Btn.onclick = function () {
                var Vars = self.dataFrm.Vars;
                self.BindVarsDlg(Vars, self.dataFrm.BindInfo, function (BindInfo) {
                    self.dataFrm.BindInfo = BindInfo;
                });
            }
        }());

        (function (参数值改变时自动属性数据源) {
            createSplit(propBody);
            var label = createLabel(propBody, "参数值改变时自动刷新数据");
            var _CLCheckBox = new CLCheckBox("是否刷新", propBody);
            _CLCheckBox.onchanged = function () {
                self.dataFrm.fastQuery = _CLCheckBox.checked;
            }
            _CLCheckBox.checked = self.dataFrm.fastQuery != false;
        }());

        (function (屏幕自适应) {
            createSplit(propBody);
            var label = createLabel(propBody, "屏幕自适应");
            var _CLCheckBox = new CLCheckBox("屏幕自适应", propBody);
            _CLCheckBox.onchanged = function () {
                self.dataFrm.Scale = _CLCheckBox.checked;
            }
            _CLCheckBox.checked = self.dataFrm.Scale == true;
        }());

        (function (加载完成后显示) {
            createSplit(propBody);
            var label = createLabel(propBody, "加载完成后显示");
            var _CLCheckBox = new CLCheckBox("启用", propBody);
            _CLCheckBox.onchanged = function () {
                self.dataFrm.IsAutomatic = _CLCheckBox.checked;
            }
            _CLCheckBox.checked = self.dataFrm.IsAutomatic == true;
        }());

        (function (定时刷新) {
            createSplit(propBody);
            var label = createLabel(propBody, "定时刷新(秒)");
            var inputSec = createValue(propBody);
            inputSec.value = self.dataFrm.freshSec == null ? "" : self.dataFrm.freshSec;
            inputSec.onchange = function () {
                if (inputSec.value.trim().length == 0) {
                    delete self.dataFrm.freshSec;
                } else {
                    self.dataFrm.freshSec = inputSec.value * 1;
                }
            }
        }());

        (function (样式与事件) {
            createSplit(propBody);
            var label = createLabel(propBody, "预加载事件");
            var Btn = createBtn(propBody, "设置");
            Btn.onclick = function () {
                self.codeDlg(self.dataFrm.preLoad, function (preLoad) {
                    self.dataFrm.preLoad = preLoad;
                });
            }
            createSplit(propBody);
            label = createLabel(propBody, "加载完成事件");
            var Btn = createBtn(propBody, "设置");
            Btn.onclick = function () {
                self.codeDlg(self.dataFrm.onLoad, function (onLoad) {
                    self.dataFrm.onLoad = onLoad;
                });
            }
            createSplit(propBody);
            label = createLabel(propBody, "样式");
            Btn = createBtn(propBody, "设置");
            Btn.onclick = function () {
                self.styleDlg(self.dataFrm.cssText, function (cssText) {
                    self.dataFrm.cssText = cssText;
                    self.cssText(cssText);
                });
            }
        }());

        (function (样式表) {
            createSplit(propBody);
            var label = createLabel(propBody, "样式表");
            var Btn = createBtn(propBody, "设置");
            Btn.onclick = function () {
                var styleSheet = self.dataFrm.styleSheet;
                var dlg = CLApp.StyleSheetDlg(styleSheet, function (styleSheet) {
                    self.dataFrm.styleSheet = styleSheet;
                });
                dlg.Body.addEventListener("keydown", function (e) {
                    if (e.ctrlKey && e.code == "KeyS") {
                        self.dataFrm.styleSheet = dlg.Value;
                        self.Save();
                    }
                });
            }
        }())
        self.propIndex = 1;
    }
    //自动刷新
    fn.AutoFresh = function (Id) {
        var self = this;
        location.reload();
    }
    //渲染其他设计数据
    fn.Goto = function (Id, vVars, Success) {
        var self = this;
        self.SourceClose();
        self.dataForms = null;
        self.dataFrm = null;
        self.IsRenderEnd = null;
        var RenderEnd = self.RenderEnd;
        self.Var_Vals = {};
        for (var key in vVars) {
            self.Var_Vals[key] = vVars[key];
        }
        self.RenderEnd = function () {
            self.RenderEnd = RenderEnd;
            if (Success) {
                Success(self);
            }
        }
        FrmDesignerEx.GetConfig(Id, function (frm) {
            self.dataForms = frm.dataForms;
            self.cacheFiles = frm.excelFiles;
            self.cacheTplFiles = frm.TplFiles;
            self.dataFrm = frm.File.Data;
            self.setData(frm.File.Data, false);
        });
    }
    //刷新
    fn.Fresh = function () {
        var self = this;
        for (var key in self.SourceData) {
            if (/^[0-9]*$/.test(key)) {
                self.PushSourceChanged(key);
            }
        }
    }
    //根据名称获取控件
    fn.getWidgetsByName = function (Name) {
        var self = this;
        return self.Ele.querySelectorAll(".Widget[name='" + Name + "']");
    }
    //获取所有表单
    fn.GetAllForms = function () {
        return CLApp.getAllForms();
    }
    //根据Id获取数据源
    fn.getDataSourceById = function (ID) {
        var self = this;
        var Source = self.dataFrm.dataSources;
        for (var i = 0; Source != null && i < Source.length; i++) {
            if (Source[i].ID == ID) {
                return Source[i];
            }
        }
    }
    //根据Id获取数据源
    fn.getSourceById = function (ID) {

    }
    //移除数据源
    fn.removeSource = function (ID) {
        var self = this;
        var dataSources = self.dataFrm.dataSources;
        var dataForms = self.dataForms;
        for (var i = 0; i < dataSources.length; i++) {
            if (dataSources[i].ID == ID) {
                dataSources.splice(i, 1);
                break;
            }
        }
        for (var i = 0; dataForms && i < dataForms.length ; i++) {
            if (dataForms[i].ID == ID) {
                dataForms.splice(i, 1);
                break;
            }
        }
    }
    //根据数据源及字段ID获取字段
    fn.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID, refSource) { }
    //根据数据源获取字段
    fn.GetFieldsBySourceId = function () {
        return [];
    }
    //显示数据源
    fn.ShowSource = function (sourceView, End, dataForms) {
        var self = this;
        self.dataForms = dataForms;
        if (dataForms == null) {
            var dataSources = self.dataFrm.dataSources;
            var load = DataSourceDlg.GetFormsByDataSource(dataSources, function (dataForms) {
                DataSourceDlg.RewriteFieldsInfo(dataForms, dataSources);
                self.ShowSource(sourceView, End, dataForms);
                for (var i = 0; dataSources && i < dataSources.length ; i++) {
                    var FieldsInfo = dataSources.FieldsInfo;
                    for (var key in FieldsInfo) {
                        var has = false;
                        for (var j = 0; j < Fields.length ; j++) {
                            if (key == Fields[j].ID) {
                                has = true;
                            }
                        }
                        if (!has) {
                            delete FieldsInfo[key];
                        }
                    }
                }
            });
            load == null ? null : load.Stop();
            return;
        }

        self.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID, refSource) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    for (var j = 0; j < dataForms[i].Fields.length; j++) {
                        if (dataForms[i].Fields[j].ID == FieldID) {
                            return dataForms[i].Fields[j];
                        }
                    }
                }
            }
            if (refSource != null) {
                refSource.Value = self.getSourceById(SourceID);
            }
        };

        self.GetFieldsBySourceId = function (SourceID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    return dataForms[i].Fields == null ? [] : dataForms[i].Fields;
                }
            }
        }

        self.getDataForms = function () {
            return dataForms;
        }

        self.getSourceById = function (SourceID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    return dataForms[i];
                }
            }
        }

        if (sourceView == null) {
            if (End != null) {
                End();
            }
            return;
        }
        sourceView.innerHTML = "";
        sourceView.className = "sourceView";
        var Forms = [];
        for (var i = 0; i < dataForms.length; i++) {
            var Fields = dataForms[i].SubNode = dataForms[i].Fields;
            dataForms[i].type = "Source";
            if (self.getDataSourceById(dataForms[i].ID) != null) {
                Forms.push(dataForms[i]);
            }
        }
        var treeData = {
            ID: CLMakeId(),
            Name: "无",
            SubNode: Forms
        };
        var helpDiv = document.createElement("div");
        helpDiv.className = "FrmDesignerExDragHelp";
        var sourceTree = new CLTree(treeData);
        sourceTree.Editable = false;
        sourceTree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.ID == treeData.ID) {
                Item.firstChild.style.display = "none";
            } else {
                Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                if (ItemData.type == "Source") {
                    Item.firstChild.getElementsByClassName("Name")[0].style.cursor = "pointer";
                    var del = document.createElement("div");
                    del.className = "Del";
                    Item.firstChild.appendChild(del);
                    Item.ItemData = ItemData;
                    del.onmousedown = function (e) {
                        CLConfirm(function () {
                            Item.remove();
                            self.removeSource(ItemData.ID);
                        }, "你确定要删除吗?");
                        e.stopPropagation();
                    }
                    var set = document.createElement("div");
                    set.className = "Set";
                    Item.firstChild.appendChild(set);
                    set.onmousedown = function (e) {
                        if (!__IsDev__) {
                            CLShowMsg("你不是开发者.");
                            return;
                        }
                        var dataSource = self.getDataSourceById(ItemData.ID);
                        var funcs = [];
                        var sourceDlg = new DataSourceDlg(dataSource, self.dataFrm.Vars, function (Source, Vars) {
                            self.dataFrm.Vars = Vars;
                            for (var key in Source) {
                                dataSource[key] = Source[key]
                            }
                            funcs.forEach(function (func) {
                                func();
                            });
                            self.ShowSource(sourceView);
                        });
                        var VarChanged = sourceDlg.VarChanged;
                        sourceDlg.VarChanged = function (dataVar, ID) {
                            VarChanged.call(this, dataVar, ID);
                            funcs.push(function () {
                                self.VarChanged(dataVar, ID);
                            });
                        }
                        sourceDlg.Save = function () {
                            self.Save();
                        }
                        e.stopPropagation();
                    }
                    Item.firstChild.onmousedown = function (e) {
                        Item.IsOpen() ? Item.Close() : Item.Open();
                    }
                    var move = document.createElement("div");
                    move.className = "Move";
                    Item.firstChild.appendChild(move);
                    CLEnableDragPosition(Item, "Item", move, function () {
                        var dataSources = [].concat(self.dataFrm.dataSources);
                        self.dataFrm.dataSources.splice(0, dataSources.length);
                        var dataForms = [].concat(self.dataForms);
                        self.dataForms.splice(0, dataForms.length);
                        var Items = Item.parentNode.childNodes;
                        for (var i = 0; i < Items.length; i++) {
                            for (var j = 0; j < dataSources.length ; j++) {
                                if (dataSources[j].ID == Items[i].ItemData.ID) {
                                    self.dataFrm.dataSources.push(dataSources[j]);
                                    break;
                                }
                            }
                            for (var j = 0; j < dataForms.length ; j++) {
                                if (dataForms[j].ID == Items[i].ItemData.ID) {
                                    self.dataForms.push(dataForms[j]);
                                    break;
                                }
                            }
                        }
                    });
                } else {
                    var set = document.createElement("div");
                    set.className = "Set";
                    Item.firstChild.appendChild(set);
                    set.onmousedown = function (e) {
                        var dlgMenu = self.Dialog(246, 165, Item);
                        var Div = dlgMenu.Div;
                        var label = document.createElement("div");
                        label.innerHTML = "名称";
                        Div.appendChild(label);
                        var input = document.createElement("input");
                        input.style.height = "30px";
                        input.style.width = "calc(100% - 30px)";
                        input.style.marginLeft = "30px";
                        input.value = ItemData.Name;
                        Div.appendChild(input);
                        var source = self.getDataSourceById(Item.parentNode.parentNode.ItemData.ID);
                        input.onchange = function () {
                            if (source.FieldsInfo == null) {
                                source.FieldsInfo = {};
                            }
                            if (source.FieldsInfo[ItemData.ID] == null) {
                                source.FieldsInfo[ItemData.ID] = {};
                            }
                            source.FieldsInfo[ItemData.ID].Name = input.value.trim();
                            if (source.FieldsInfo[ItemData.ID].Name.length == 0) {
                                delete source.FieldsInfo[ItemData.ID].Name;
                                Item.Name.innerHTML = ItemData.oName;
                                Item.Name.innerHTML = ItemData.Name = ItemData.oName;
                            } else {
                                ItemData.oName = ItemData.oName == null ? ItemData.Name : ItemData.oName
                                Item.Name.innerHTML = ItemData.Name = source.FieldsInfo[ItemData.ID].Name;
                            }
                        }

                        var label = document.createElement("div");
                        label.innerHTML = "类型";
                        Div.appendChild(label);
                        var selector = new CLSelect(Div);
                        selector.EnableClear(true);
                        selector.EnableSearch(true);
                        selector.AddItems(gAllClassNames);
                        selector.OnMenuCreated = function () {
                            dlgMenu.oldClose = dlgMenu.Close;
                            dlgMenu.Close = function () { }
                            selector.oldCloseMenu = selector.closeMenu;
                            selector.closeMenu = function () {
                                selector.oldCloseMenu();
                                dlgMenu.Close = dlgMenu.oldClose;
                            }
                        }
                        Div.lastChild.style.width = "calc(100% - 30px)";
                        Div.lastChild.style.marginLeft = "30px";
                        selector.onchanged = function () {
                            if (source.FieldsInfo == null) {
                                source.FieldsInfo = {};
                            }
                            if (source.FieldsInfo[ItemData.ID] == null) {
                                source.FieldsInfo[ItemData.ID] = {};
                            }
                            source.FieldsInfo[ItemData.ID].className = selector.GetValue();
                            if (source.FieldsInfo[ItemData.ID].className == null) {
                                delete source.FieldsInfo[ItemData.ID].className;
                                ItemData.className = ItemData.oclassName;
                                selector.SetValue(ItemData.className);
                            } else {
                                ItemData.className = source.FieldsInfo[ItemData.ID].className;
                            }
                        }
                        selector.SetValue(ItemData.className);
                        dlgMenu.Reset();
                    }
                }
            }
        }
        sourceTree.OnSelected = function (ItemData) {
            if (ItemData.ID == treeData.ID) {
                sourceTree.UnSelect(ItemData.ID);
            }
        }
        var searchInput = document.createElement("input");
        searchInput.className = "CLSearch";
        searchInput.style.height = "25px";
        searchInput.style.cssFloat = "right";
        searchInput.style.marginRight = "10px";
        searchInput.oninput = function () {
            sourceTree.Search(searchInput.value);
        }
        sourceView.appendChild(searchInput);
        sourceTree.Render(sourceView);
        if (End != null) {
            End();
        }
    }
    //参数-值
    fn.Var_Vals = null;
    //已改变的Source
    fn.ChangedSourceIDs = null;
    //数据改变事件
    fn.OnSourceDataChangedEvent = function (IDs) {
        var self = this;
        var SourceDataChanged = self.SourceDataChanged;
        for (var i = 0; i < SourceDataChanged.length; i++) {
            SourceDataChanged[i](IDs);
        }
    }

    fn.OnSourceDataChanged = function (Fun) {
        var self = this;
        if (self.SourceDataChanged == null) {
            self.SourceDataChanged = [];
        }
        if (self.SourceDataChanged.indexOf(Fun) < 0) {
            self.SourceDataChanged.push(Fun);
        }

    }

    fn.UnSourceDataChanged = function (Fun) {
        var self = this;
        if (self.SourceDataChanged) {
            var index = self.SourceDataChanged.indexOf(Fun);
            if (index >= 0) {
                self.SourceDataChanged.splice(index, 1);
            }
        }
    }
    //设置参数值
    fn.SetVarValue = function (Id, Val, bEvent, strict) {
        var self = this;
        if (Id == null) {
            return;
        }
        if (self.Var_Vals == null) {
            self.Var_Vals = {};
        }
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        if (Object.Equals(self.GetVarValue(Id), Val, strict)) {
            return;
        }
        self.Var_Vals[name] = Val;
        if (bEvent == false) {
            return;
        }
        var ValueEvents = self.ValueEvents || [];
        ValueEvents.forEach(function (func) {
            func(name, Val);
        });
        if (self.ChangedSourceIDs == null) {
            self.ChangedSourceIDs = [];
        }
        var sourceIds = self.getVarSourceIds(name);
        var sources = self.dataFrm.dataSources
        for (var i = 0; i < sourceIds.length; i++) {
            if (self.ChangedSourceIDs.indexOf(sourceIds[i]) < 0) {
                self.ChangedSourceIDs.push(sourceIds[i]);
            }
        }
        if (self.dataFrm.fastQuery == true) {
            self.FlushVar();
        }
    }
    //参数值改变事件
    fn.OnVarValueChanged = function (Name, Changed) {
        var self = this;
        self.ValueEvents = self.ValueEvents || [];
        self.ValueEvents.push(function (vName, Val) {
            if (Name == null) {
                Changed(vName, Val);
            } else if (vName == Name) {
                Changed(Val);
            }
        });
    }
    //设置参数值
    fn.CalcVar = function (Var) {
        var self = this;
        function GetVarValue(name) {
            return self.GetVarValue(name);
        }
        function SetVarValue(Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        var R = null;
        if (!self.Var_Vals.hasOwnProperty(Var.Name)) {
            if (Var.className == "公式" && Var.Val != null) {
                try {
                    R = eval("//【" + Var.Name + "】(变量)\n" + Var.Val);
                    if (typeof R == "function") {
                        self.Var_Vals[Var.Name] = R;
                    }
                } catch (e) {
                    throw "【" + Var.Name + "】" + (e.message ? e.message : e.toString());
                }
            } else {
                R = Var.Val;
                if (Var.className == "数字" || Var.className == "行" || Var.className == "页") {
                    R *= 1;
                }
            }
        } else {
            R = self.Var_Vals[Var.Name];
        }
        return R;
    }
    //获取参数的值
    fn.GetVarValue = function (Id) {
        var self = this;
        if (Id == null) {
            return null;
        }
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        if (self.Var_Vals[name]) {
            return self.Var_Vals[name];
        }
        var Vars = self.getAllVars();
        for (var i = 0; i < Vars.length; i++) {
            var Var = Vars[i];
            if (Var.Name == name) {
                return self.CalcVar(Var);
            }
        }
        return null;
    }
    //计算参数值
    fn.CalcVars = function (SourceIds) {
        var self = this;
        var retVars = {};
        var Vars = self.getAllVars();
        var IDs = self.getVarsBySourceId(SourceIds);
        for (var i = 0; Vars != null && i < Vars.length; i++) {
            var Var = Vars[i];
            if (IDs.indexOf(Var.ID) < 0) {
                continue;
            }
            retVars[Var.ID] = self.CalcVar(Var);
        }
        retVars.GetVarValue = function (name) {
            return self.GetVarValue(name);
        }
        retVars.SetVarValue = function (Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        return retVars;
    }
    //将数据源状态设为已改变
    fn.PushSourceChanged = function (ID) {
        var self = this;
        if (self.ChangedSourceIDs.indexOf(ID) < 0) {
            self.ChangedSourceIDs.push(ID);
        }
        self.FlushVar();
    }
    //根据参数值已经改变数据源的获取数据
    fn.FlushVar = function (IsAsync) {
        var self = this;
        if (self.ChangedSourceIDs.length == 0) {
            return;
        }
        if (self.flushTimer != null) {
            clearTimeout(self.flushTimer);
        }
        self.flushTimer = setTimeout(function () {
            clearTimeout(self.flushTimer);
            var ChangedSourceIDs = self.ChangedSourceIDs;
            self.ChangedSourceIDs = [];
            var load = self.QueryData(ChangedSourceIDs, true, function () {
                self.OnSourceDataChangedEvent(ChangedSourceIDs);
            }, IsAsync);
            if (load && load.Div) {
                load.Div.style.opacity = 0;
                var t = setTimeout(function (load) {
                    if (load.Div) {
                        load.Div.style.opacity = 1;
                    }
                }, 10, load);
            }
        }, 10);
    }
    //刷新数据源
    fn.Flush = fn.FlushVar;
    //数据源是否有变化
    fn.HasChanged = function () {
        var self = this;
        return self.ChangedSourceIDs.length != 0;
    }
    //获取数据源引用的参数
    fn.getVarsBySourceId = function (SourceIds) {
        var self = this;
        var Sources = self.dataFrm.dataSources || [];
        var Vars = self.getAllVars();
        var IDs = [];
        for (var i = 0; i < Sources.length; i++) {
            if (!SourceIds || SourceIds.indexOf(Sources[i].ID) >= 0) {
                for (var j = 0; j < Vars.length ; j++) {
                    if (DataSourceDlg.VarInUse(Vars[j].Name, Sources[i])) {
                        if (IDs.indexOf(Vars[j].ID)) {
                            IDs.push(Vars[j].ID);
                        }
                    }
                }
            }
        }
        return IDs;
    }

    fn.getVarSourceIds = function (name) {
        var self = this;
        var sources = self.dataFrm.dataSources;
        var SourceIds = [];
        for (var i = 0; sources && i < sources.length; i++) {
            if (DataSourceDlg.VarInUse(name, sources[i])) {
                if (SourceIds.indexOf(sources[i].ID) < 0) {
                    SourceIds.push(sources[i].ID);
                }
            }
        }
        return SourceIds;
    }
    //获取所有变量
    fn.getAllVars = function () {
        var self = this;
        if (self.dataFrm.Vars) {
            return self.dataFrm.Vars;
        } else {
            return [];
        }
    }

    fn.getAllSources = function () {
        var self = this;
        return self.dataFrm.dataSources;
    }
    //弹出框
    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        return _CLMenu;
    }
    FrmDesignerEx.Dialog = fn.Dialog;
    //可编辑
    fn.enableWidgetEdit = function (widget) {
        var self = this;
        if (!self.Editable) {
            return;
        }
        var BoxMask = document.createElement("div");
        BoxMask.className = "BoxMask";
        widget.appendChild(BoxMask);
        if (widget.dataCtrl.className == "容器控件") {
            BoxMask.style.pointerEvents = "none";
        }
        widget._Select = BoxMask.onclick = widget.onclick = function (e) {
            var widgets = self.designerDiv.getElementsByClassName("widgetSelected");
            while (widgets.length != 0) {
                widgets[0].classList.remove("widgetSelected");
            }
            widget.classList.add("widgetSelected");
            self.widgetProp();
            if (e) {
                e.stopPropagation();
            }
        }

        function EditSize(div, width, End) {
            var input = document.createElement("input");
            input.setAttribute("placeholder", "单位:像素");
            input.value = width;
            div.classList.add("CLSizeEditor");
            input.oninput = function () {
                CLCheckFloat(input);
            }
            div.appendChild(input);
            var Bottom = document.createElement("div");
            Bottom.className = "Bottom";
            div.appendChild(Bottom);

            var Btn = document.createElement("div");
            Btn.className = "CLBtnCancel";
            Btn.innerHTML = "取消";
            Btn.onclick = function () {
                div.Menu.Close();
            }
            Btn.style.margin = "0 5px 0 0";
            Bottom.appendChild(Btn);

            Btn = document.createElement("div");
            Btn.className = "CLBtnGreen";
            Btn.style.margin = "0 0 0 5px";
            Btn.innerHTML = "确定";
            Btn.onclick = function () {
                End(input.value.length == 0 ? null : input.value * 1);
                div.Menu.Close();
            }
            Bottom.appendChild(Btn);
        }

        BoxMask.oncontextmenu = widget.oncontextmenu = function (e) {
            var Menu = {
                "style": {
                    "width": "150px",
                    "padding": "8px",
                    "overflow": "hidden",
                },
                "Items": [
                ]
            }
            var Items = Menu.Items;
            Items.push({
                "Text": "设置宽度(px)",
                "Enable": true,
                "CallBack": function (event) {
                    var dlg = self.Dialog();
                    dlg.Reset(event);
                    EditSize(dlg.Div, widget.offsetWidth, function (width) {
                        widget.Gridster.set_widget_size(widget, width, widget.offsetHeight);
                    });
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "设置高度(px)",
                "Enable": true,
                "CallBack": function (event) {
                    var dlg = self.Dialog();
                    dlg.Reset(event);
                    EditSize(dlg.Div, widget.offsetHeight, function (height) {
                        widget.Gridster.set_widget_size(widget, widget.offsetWidth, height);
                    });
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "锁定Left(px)",
                "Enable": true,
                "CallBack": function (event) {
                    widget.Gridster.lock_widget_pos(widget, true, false);
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "锁定Top(px)",
                "Enable": true,
                "CallBack": function (event) {
                    widget.Gridster.lock_widget_pos(widget, false, true);
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "解锁",
                "Enable": true,
                "CallBack": function (event) {
                    widget.Gridster.unlock_widget_pos(widget);
                    _CLMenu.Close();
                }
            });
            var _CLMenu = new CLMenu(Menu);
            _CLMenu.Reset(e);
            e.stopPropagation();
            e.preventDefault();
        }
    }
    //显示控件
    fn.ShowControl = function (dataCtrl) {
        var self = this;
        var Rect = dataCtrl.Rect;
        var Widget = self.Gridster.add_widget("<li data-sizex='" + Rect.Width + "' data-sizey='" + Rect.Height + "'></li>");
        Widget.Gridster = self.Gridster;
        Widget.Designer = self;
        FrmUiCtrls[dataCtrl.className].Create(Widget, dataCtrl);
        self.enableWidgetEdit(Widget);
        Widget.Goto = function (left, top) {
            self.Gridster.widget_set_pos(Widget, left, top);
        }
        self.Gridster.lock_widget_pos(Widget, Rect.lock_X, Rect.lock_Y);
        if (Rect.Left != null && Rect.Top != null) {
            self.Gridster.repos_widget(Widget, Rect.Left, Rect.Top);
        }
        Widget.setAttribute("Name", dataCtrl.Name);
        return Widget;
    }
    //获取控件
    fn.GetCtrlBox = function (Id) {
        var self = this;
        function findBox(block) {
            var childNodes = block.childNodes;
            for (var i = 0; i < childNodes.length; i++) {
                var dataCtrl = childNodes[i].dataCtrl;
                if (!dataCtrl) {
                    continue;
                }
                if (dataCtrl.ID == Id) {
                    return childNodes[i];
                } else if (dataCtrl.className == "容器控件") {
                    var Box = findBox(childNodes[i].block);
                    if (Box != null) {
                        return Box;
                    }
                }
            }
        }
        return findBox(self.designerDiv);
    }
    //绑定参数
    fn.HandleBindInfo = function () {
        var self = this;
        var BindInfo = self.dataFrm.BindInfo;
        for (var key in BindInfo) {
            var CtrlBox = self.GetCtrlBox(BindInfo[key]);
            if (CtrlBox == null) {
                continue;
            }
            CtrlBox.VarId = key;
            if (CtrlBox != null) {
                CtrlBox.Changed.push(function (CtrlBox) {
                    self.SetVarValue(CtrlBox.VarId, CtrlBox.Value);
                });
            }
        }
    }
    //设置数据
    fn.setData = function (data, bClearVar) {
        var self = this;
        var IsAutomatic = data.IsAutomatic;
        H5.LoadCtrls(data.Cus_Ctrls || {});
        if (data == null || Object.keys(data).length == 0) {
            data = self.dataFrm = {
                ID: CLMakeId(),
                Name: "未命名",
                Ctrls: []
            };
        } else {
            self.dataFrm = data;
        }
        self.SourceDataChanged = [];
        if (bClearVar || self.Var_Vals == null) {
            self.Var_Vals = {};
        }
        if (!self.Editable && data.Scale && !IsMobile()) {
            self.adaption();
        }
        var designerDiv = self.designerDiv;
        if (!self.Editable) {
            if (data.styleSheet) {
                self.Gridster.Ele.classList.add("Scope_" + data.ID);
                var style = document.createElement("style");
                style.innerHTML = CLCompileSheet(data.styleSheet, "." + self.Scope);
                designerDiv.appendChild(style);
            }
            if (data.preLoad) {
                (function () {
                    try {
                        var Designer = self;
                        var Self = self;
                        var Widget = null;
                        eval("//【" + self.dataFrm.Name + "】(预加载)\n" + self.dataFrm.preLoad);
                    } catch (e) {
                        CLShowMsg(e.message == null ? e : e.message);
                    }
                }).call(self);
            }
        }
        var widgets = [];
        if (!data.Ctrls) {
            data.Ctrls = [];
        }
        for (var i = 0; i < data.Ctrls.length; i++) {
            widgets.push(self.ShowControl(data.Ctrls[i]));
        }
        for (var i = 0; i < widgets.length; i++) {
            var widget = widgets[i];
            ResetSizeInfo(widget);
            widget.Designer = self;
            if (widget.dataCtrl && widget.dataCtrl.autoCenter) {
                widget.Gridster.center_widget(widget);
            }
        }
        designerDiv.style.background = "";
        if (data.bgColor != null) {
            if (CLColors.IsGradient(data.bgColor)) {
                designerDiv.style.backgroundImage = data.bgColor;
            } else {
                designerDiv.style.backgroundColor = data.bgColor;
            }
        }
        if (data.bgImage != null) {
            designerDiv.style.backgroundImage = data.bgImage;
        }
        self.cssText(data.cssText);
        if (self.Editable) {
            self.widgetProp();
        } else {
            var end = self.RenderEnd;
            var opacity = designerDiv.style.opacity;
            if (IsAutomatic) {
                designerDiv.style.opacity = 0;
            }
            self.RenderEnd = function () {
                designerDiv.style.opacity = opacity;
                end.call(self);
                //定时刷新
                if (data.freshSec != null) {
                    CLDelay(function () {
                        if (window != null) {
                            self.AutoFresh();
                        }
                    }, data.freshSec * 1000);
                }
            }
            //绑定参数
            self.HandleBindInfo();
            self.ShowSource(null, function () {
                for (var i = 0; i < widgets.length; i++) {
                    if (widgets[i].Bind) {
                        widgets[i].Bind();
                    }
                }
                self.dependList(widgets);
                var fastQuery = data.fastQuery;
                data.fastQuery = false;
                for (var i = 0; i < widgets.length; i++) {
                    if (widgets[i].Prepare) {
                        var dataCtrl = widgets[i].dataCtrl;
                        if (dataCtrl.preLoad) {
                            self.runCode(widgets[i], "//【" + dataCtrl.Name + "】(预加载)\n" + dataCtrl.preLoad);
                        }
                        widgets[i].Prepare();
                    }
                }
                data.fastQuery = fastQuery;
                self.FlushVar();
            }, self.dataForms);
        }
    }
    //获取数据
    fn.getData = function () {
        var self = this;
        var rects = self.Gridster.get_widget_rects();
        var Ctrls = [];
        var div = document.createElement("div");
        var Cus_Ctrls = {};
        function Compress(dataCtrl) {
            if (dataCtrl.className == "自定义") {
                div.innerHTML = dataCtrl.Config;
                var ele = div.querySelector("data[config]");
                if (ele) {
                    var config = ele.innerHTML;
                    config = JSON.parse(H5.Atob(config));
                    var Ctrls = config.Ctrls;
                    if (Ctrls) {
                        for (var key in Ctrls) {
                            Cus_Ctrls[key] = null;
                            Ctrls[key] = null;
                        }
                    }
                    ele.innerHTML = H5.Btoa(JSON.stringify(config));
                    dataCtrl.Config = div.innerHTML;
                }
            } else if (dataCtrl.className == "容器控件") {
                dataCtrl.Ctrls && dataCtrl.Ctrls.forEach(Compress);
            }
        }
        for (var i = 0; i < rects.length; i++) {
            var dataCtrl = rects[i].Widget.dataCtrl;
            if (dataCtrl == null) {
                continue;
            }
            if (dataCtrl.className == "容器控件") {
                rects[i].Widget.Update();
            }
            dataCtrl.Rect = rects[i];
            delete dataCtrl.Rect.Widget;
            Compress(dataCtrl);
            Ctrls.push(dataCtrl);
        }
        self.dataFrm.Ctrls = Ctrls;
        var all = H5.LoadCtrls(Object.keys(Cus_Ctrls), true);
        self.dataFrm.Cus_Ctrls = all;
        return self.dataFrm;
    }
    //已经显示完成的控件集合
    //是否渲染完成
    fn.IsRenderEnd = null;
    //显示回调
    fn.CtrlShown = function (Id) {
        var self = this;
        var Box = self.GetCtrlBox(Id);
        Box.setAttribute("rendered", "");
        var widgets = self.Ele.querySelectorAll("." + self.Scope + " > .Widget[name]:not([rendered])");
        if (widgets.length == 0 && !self.Editable) {
            if (!self.IsRenderEnd) {
                (function () {
                    try {
                        var Designer = self;
                        var Self = self;
                        var Widget = null;
                        eval("//【" + self.dataFrm.Name + "】(加载完成)\n" + self.dataFrm.onLoad);
                    } catch (e) {
                        CLShowMsg(e.message);
                        console.error(e);
                    }
                }).call(self);
                self.RenderEnd();
                self.IsRenderEnd = true;
            }
        }
    }
    //渲染完成回调
    fn.RenderEnd = function () {
        if (window.RenderEnd) {
            window.RenderEnd();
        }
    }
    var g_Vars = new Map();
    //代码编辑
    fn.codeDlg = function (Val, End, sTitle) {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:800px;height:600px";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll(sTitle ? sTitle : "公式编辑", function () {
            End(codeEditor.getOriginalCode());
        });
        dlg.Body.style.overflow = "auto";
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
            codeEditor.setSize("100%", "auto");
        }
        var codeEditor = new CLCodeEditor(dlg.Body, "javascript");
        codeEditor.JsVars = g_Vars;
        dlg.EnableMove();
        dlg.onsizeChanged = function () {
            codeEditor.editor.setSize('auto', '100%');
        }
        codeEditor.cusCopy = false;
        CLDelay(function () {
            codeEditor.setValue(Val);
        }, 100);
        JsParser.SetReturn(self.GetSourceDataByName, function (name) {
            var dataForms = self.dataForms;
            for (var i = 0; i < dataForms.length; i++) {
                if (name == dataForms[i].Name) {
                    var N = Object.create(null);
                    dataForms[i].Fields.forEach(function (field) {
                        N[field.ID] = FrmCtrls.GetValueProps(field.className);
                    });
                    var R = [];
                    JsParser.SetElement(R, N);
                    return R;
                }
            }
        }, true);
        var scope = codeEditor.getGlobalScope();
        scope.Designer = self;
        dlg.Body.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyS") {
                End(codeEditor.getOriginalCode());
                self.Save();
            }
        });
        return codeEditor;
    };
    //样式编辑
    fn.styleDlg = function (Val, End) {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:500px;height:400px";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("设置样式", function () {
            End(cssCode.getOriginalCode());
        });
        dlg.EnableMove();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var cssCode = new CLCodeEditor(dlg.Body, "text/css");
        dlg.onsizeChanged = function () {
            cssCode.editor.setSize('auto', '100%');
        }
        cssCode.cusCopy = false;
        cssCode.setValue(Val);
        dlg.Body.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyS") {
                End(cssCode.getOriginalCode());
                self.Save();
            }
        });
    }
    //运行公式
    fn.runCode = function (widget, sCode) {
        var self = this;
        var ret;
        if (sCode == null || /^\/\/[^\n]*[\n](undefined)?$/.test(sCode)) {
            return null;
        }
        (function () {
            try {
                var Designer = self;
                var Self = widget;
                var Widget = widget;
                ret = eval(sCode);
            } catch (e) {
                CLShowMsg(e.toString());
                throw e;
            }
        }).call(widget);
        return ret;
    }
    //开启快捷删除
    fn.EnableDelete = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "Delete") {
                var widgetSelected = self.designerDiv.getElementsByClassName("widgetSelected")[0];
                if (widgetSelected != null) {
                    widgetSelected.Gridster.remove_widget(widgetSelected);
                    self.widgetProp();
                }
                e.preventDefault();
            }
        });
    }
    //开启快捷保存
    fn.EnableCtrlS = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
                self.Save();
                e.preventDefault();
            }
        });
    }
    //开启快捷复制
    fn.EnableCtrlC = function () {
        var self = this;
        self.designerDiv.addEventListener("keydown", function (e) {
            if (e.code == "KeyC" && e.ctrlKey) {
                var widget = document.getElementsByClassName("widgetSelected")[0];
                var dataCtrl = widget.dataCtrl;
                dataCtrl.Rect = self.Gridster.get_widget_rect(widget);
                delete dataCtrl.Rect.Widget;
                CLCopy({ data: JSON.stringify(dataCtrl), type: "widget" }, false);
            }
        });
    }
    //开启快捷粘贴
    fn.EnableCtrlV = function () {
        var self = this;
        function func(e) {
            if (!self.designerDiv.isConnected) {
                window.removeEventListener("paste", func, true);
            } else if (self.designerDiv == document.activeElement) {
                e.stopPropagation();
                e.preventDefault();
                var items = e.clipboardData.items;
                if (items.length == 1 && items[0].type == "widget") {
                    items[0].getAsString(function (sV) {
                        var dataCtrl = JSON.parse(sV);
                        dataCtrl.ID = CLMakeId();
                        if (dataCtrl.className == "容器控件") {
                            var Ctrls = dataCtrl.Ctrls;
                            for (var i = 0; i < Ctrls.length; i++) {
                                Ctrls[i].ID = CLMakeId();
                            }
                        }
                        var Rect = dataCtrl.Rect;
                        var left;
                        var top;
                        if (Rect) {
                            left = Rect.Left;
                            top = Rect.Top;
                            delete Rect.Left;
                            delete Rect.Top;
                        }
                        var widgetSelected = document.getElementsByClassName("widgetSelected")[0];
                        if (widgetSelected && widgetSelected.dataCtrl.className == "容器控件") {
                            widgetSelected.ShowControl(dataCtrl);
                        } else {
                            var widget = self.ShowControl(dataCtrl);
                            if (Rect) {
                                self.Gridster.widget_jump_to(widget, left, top + 1);
                            }
                        }
                    });
                }
            }
        }
        window.addEventListener("paste", func, true);
    }

    fn.EnableCtrlD = function () {
        var self = this;
        self.designerDiv.addEventListener("keydown", function (e) {
            if (e.code == "KeyD" && e.ctrlKey) {
                var widgetSelected = self.designerDiv.querySelector(".widgetSelected");
                widgetSelected && widgetSelected.classList.remove("widgetSelected");
                self.PropBtnGroup.Select(1);
                CLDelay(function () {
                    self.designerDiv.focus();
                }, 100);
                e.preventDefault();
            }
        });
    }
    //开启快捷导出
    fn.EnableSaveAsLocal = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "KeyS" && e.ctrlKey && e.altKey) {
                self.SaveAsLocal();
                e.preventDefault();
            }
        });
    }
    fn.SaveAsLocal = function () {
        var self = this;
        var data = self.getData();
        CLSaveAsLocal(data.Name + ".Json", JSON.stringify(data, null, 4));
    }
    //开启键盘控制
    fn.EnableKeyMove = function () {
        var self = this;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.code == "ArrowLeft") {
                var widgetSelected = self.designerDiv.getElementsByClassName("widgetSelected")[0];
                self.moveWidget(widgetSelected, -1);
                e.stopPropagation();
            }
            if (e.code == "ArrowRight") {
                var widgetSelected = self.designerDiv.getElementsByClassName("widgetSelected")[0];
                self.moveWidget(widgetSelected, 1);
                e.stopPropagation();
            }
        });
    }
    //移动控件
    fn.moveWidget = function (widget, MoveX) {
        var self = this;
        if (widget == null) {
            return;
        }
        widget.Gridster.move_widget(widget, MoveX);
    }
    //获取需要初始化的数据源ID
    fn.getOwnSourceIDs = function () {
        var self = this;
        var dataCtrls = self.dataFrm.Ctrls;
        var IDs = [];
        for (var i = 0; i < dataCtrls.length; i++) {
            if (dataCtrls[i].className == "下拉框" || dataCtrls[i].className == "下拉复选框") {
                var ItemInfo = dataCtrls[i].ItemInfo;
                if (ItemInfo != null && ItemInfo.Type == "数据查询") {
                    var sourceId = ItemInfo["数据查询"].sourceId;
                    if (sourceId != null && IDs.indexOf(sourceId) < 0) {
                        IDs.push(sourceId);
                    }
                }
            }
        }
        return IDs;
    }
    //数据变化回调
    fn.SourceDataChanged = null;
    //正在加载的数据源ID
    fn.LoadingSourceIDs = null;
    //加载完成时回调
    fn.LoadCallBack = null;
    //所有数据
    fn.SourceData = null;
    //关闭即时数据
    fn.SourceClose = function () {
        var self = this;
        for (var key in self.SourceData) {
            if (self.SourceData[key].Close) {
                self.SourceData[key].Close();
            }
        }
    }
    //获取数据
    fn.QueryData = function (SourceIDs, bForce, Success) {
        var self = this;
        if ((SourceIDs.length == 1 && SourceIDs[0] == null) || SourceIDs.length == 0) {
            Success();
            return;
        }
        SourceIDs = CLClone(SourceIDs);
        if (self.LoadingSourceIDs == null) {
            self.LoadingSourceIDs = [];
        }
        if (self.LoadCallBack == null) {
            self.LoadCallBack = [];
        }
        if (!bForce) {
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.SourceData[SourceIDs[i]] != null) {
                    SourceIDs.splice(i, 1);
                    i--;
                }
            }
            if (SourceIDs.length == 0) {
                Success();
                return;
            }
            var CallBack = {
                IDs: CLClone(SourceIDs),
                Success: Success
            }
            self.LoadCallBack.push(CallBack);
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.LoadingSourceIDs.indexOf(SourceIDs[i]) >= 0) {
                    SourceIDs.splice(i, 1);
                    i--;
                }
            }
            if (SourceIDs.length == 0) {
                CallBack.Loading = new Loading();
                return CallBack.Loading;
            }
        } else {
            for (var i = 0; i < SourceIDs.length ; i++) {
                if (self.SourceData[SourceIDs[i]] != null) {
                    if (self.SourceData[SourceIDs[i]].Close) {
                        self.SourceData[SourceIDs[i]].Close();
                    }
                    delete self.SourceData[SourceIDs[i]];
                }
            }
            var CallBack = {
                IDs: CLClone(SourceIDs),
                Success: Success
            }
            self.LoadCallBack.push(CallBack);
        }
        self.LoadingSourceIDs = self.LoadingSourceIDs.concat(SourceIDs);
        var Sources = [];
        var dataSources = self.dataFrm.dataSources || [];
        for (var i = 0; i < dataSources.length; i++) {
            if (SourceIDs.indexOf(dataSources[i].ID) >= 0 && Sources.indexOf(dataSources[i]) < 0) {
                Sources.push(dataSources[i]);
            }
        }
        var Vars = self.CalcVars(SourceIDs);
        var datatime = new Date();
        function CalcLine(dataLine, Fields) {
            for (var x = 0; x < Fields.length; x++) {
                if (Fields[x] != null) {
                    if (Fields[x].className == "提交人" || Fields[x].className == "成员单选"
                        || Fields[x].className == "部门单选" || Fields[x].className == "成员多选"
                        || Fields[x].className == "部门多选" || Fields[x].className == "流程状态") {
                        var Val = {
                            value: FrmUiCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]),
                            oVal: dataLine[Fields[x].ID],
                            ID: dataLine[Fields[x].ID],
                            toString: function () {
                                return this.value;
                            }
                        }
                        dataLine[Fields[x].ID] = Val;
                    } else if (Fields[x].className == "手写签名") {
                        dataLine[Fields[x].ID] = FrmCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]);
                    } else if (Fields[x].className == "下拉复选框" || Fields[x].className == "复选框组") {
                        dataLine[Fields[x].ID] = JSON.parse(dataLine[Fields[x].ID]);
                    }
                }
            }
            return dataLine;
        }
        var load = DataSourceDlg.QueryData(Sources, function (data) {
            delete self.severMsg;
            for (var sourceId in data) {
                if (typeof data[sourceId] == "function") {
                    continue;
                }
                var onedata = self.SourceData[sourceId];
                if (onedata != null && onedata.datatime > datatime) {
                    continue;
                } else {
                    if (onedata && onedata.Close) {
                        onedata.Close();
                    }
                    onedata = data[sourceId];
                    onedata.datatime = datatime;
                    onedata.Id = sourceId;
                    onedata.CalcLine = function (dataLine) {
                        return CalcLine(dataLine, this.GetFields.call(this, dataLine));
                    }
                    onedata.OnChanged = function (Msg) {
                        if (!self.designerDiv.isConnected) {
                            if (this.Close) {
                                this.Close();
                            }
                            return;
                        }
                        var id = this.Id;
                        Loading_.Use(function () {
                            self.severMsg = Msg;
                            Msg.sourceId = id;
                            self.OnSourceDataChangedEvent([id]);
                            delete self.severMsg;
                        });
                    }
                    onedata.GetFields = function (dataLine) {
                        if (!this.Fields) {
                            var Fields = [];
                            for (var key in dataLine) {
                                Fields.push(self.GetFieldBySourceIdAndFieldId(this.Id, key))
                            }
                            this.Fields = Fields;
                        }
                        return this.Fields;
                    }
                    self.SourceData[sourceId] = onedata;
                }
            }
            //转换数据
            for (var sourceId in data) {
                onedata = data[sourceId];
                if (typeof onedata == "function") {
                    continue;
                }
                if (onedata.GetFields) {
                    for (var y = 0; y < onedata.length; y++) {
                        CalcLine(onedata[y], onedata.GetFields(onedata[0]));
                    }
                }
            }
            for (var i = 0; i < SourceIDs.length; i++) {
                var index = self.LoadingSourceIDs.indexOf(SourceIDs[i]);
                if (index >= 0) {
                    self.LoadingSourceIDs.splice(self.LoadingSourceIDs.indexOf(SourceIDs[i]), 1);
                }
            }
            for (var i = 0; i < self.LoadCallBack.length; i++) {
                var IDs = self.LoadCallBack[i].IDs;
                var finish = true;
                for (var j = 0; j < IDs.length; j++) {
                    if (self.LoadingSourceIDs.indexOf(IDs[j]) >= 0) {
                        finish = false;
                    }
                }
                if (finish) {
                    var callBack = self.LoadCallBack[i];
                    self.LoadCallBack.splice(i, 1);
                    i--;
                    callBack.Success();
                    if (callBack.Loading != null) {
                        callBack.Loading.Stop();
                    }
                }
            }
        }, Vars);
        load.Box && load.Box.classList.add(self.Scope);
    }
    //文件数据缓存
    fn.cacheFiles = null;
    //获取文件
    fn.GetFiles = function (IDs, bForce, Success, IsAsync) {
        var self = this;
        IsAsync = IsAsync != false;
        if (IDs == null || (IDs.length == 1 && IDs[0] == null)) {
            Success();
            return;
        }
        var IDs = CLClone(IDs);
        if (self.cacheFiles == null) {
            self.cacheFiles = {};
        }
        if (self.LoadingIDs == null) {
            self.LoadingIDs = [];
        }
        if (self.IDsCallBack == null) {
            self.IDsCallBack = [];
        }
        if (!bForce) {
            for (var i = 0; i < IDs.length ; i++) {
                if (self.cacheFiles[IDs[i]] != null) {
                    IDs.splice(i, 1);
                    i--;
                }
            }
            if (IDs.length == 0) {
                Success();
                return;
            }
            var CallBack = {
                IDs: CLClone(IDs),
                Success: Success
            }
            self.IDsCallBack.push(CallBack);
            for (var i = 0; i < IDs.length ; i++) {
                if (self.LoadingIDs.indexOf(IDs[i]) >= 0) {
                    IDs.splice(i, 1);
                    i--;
                }
            }
            if (IDs.length == 0) {
                CallBack.Loading = new Loading();
                return CallBack.Loading;
            }
        } else {
            for (var i = 0; i < IDs.length ; i++) {
                if (self.cacheFiles[IDs[i]] != null) {
                    delete self.cacheFiles[IDs[i]];
                }
            }
            var CallBack = {
                IDs: CLClone(IDs),
                Success: Success
            }
            self.IDsCallBack.push(CallBack);
        }
        self.LoadingIDs = self.LoadingIDs.concat(IDs);
        var Url = "/" + CLCorpId() + "/api/CLExplorer.chx?Function=HttpGetFiles";
        if (CLTop.location.href.toLocaleLowerCase().indexOf("autologin=true") > 0) {
            Url += "&AutoLogin=true";
        }
        Url += "&Data=" + JSON.stringify({ IDs: IDs });
        var load = HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                for (var key in Json.data) {
                    self.cacheFiles[key] = Json.data[key];
                }
                for (var i = 0; i < IDs.length; i++) {
                    self.LoadingIDs.splice(self.LoadingIDs.indexOf(IDs[i]), 1);
                }
                for (var i = 0; i < self.IDsCallBack.length; i++) {
                    var Ids = self.IDsCallBack[i].IDs;
                    var finish = true;
                    for (var j = 0; j < Ids.length; j++) {
                        if (self.LoadingIDs.indexOf(Ids[j]) >= 0) {
                            finish = false;
                        }
                    }
                    if (finish) {
                        var callBack = self.IDsCallBack[i];
                        self.IDsCallBack.splice(i, 1);
                        i--;
                        callBack.Success();
                        if (callBack.Loading != null) {
                            callBack.Loading.Stop();
                        }
                    }
                }
            } else {
                CLShowMsg(Json.msg);
            }
        }, {}, IsAsync);
        return load;
    }
    //文件数据缓存
    fn.cacheTplFiles = null;
    //获取模板文件
    fn.GetTplFiles = function (IDs, bForce, Success) {
        var self = this;
        if (IDs.length == 1 && IDs[0] == null) {
            Success();
            return;
        }
        if (self.cacheTplFiles == null) {
            self.cacheTplFiles = {};
        }
        if (self.TplLoadingIDs == null) {
            self.TplLoadingIDs = [];
        }
        if (self.TplIDsCallBack == null) {
            self.TplIDsCallBack = [];
        }
        IDs = CLClone(IDs);
        if (!bForce) {
            for (var i = 0; i < IDs.length ; i++) {
                if (self.cacheTplFiles[IDs[i]] != null) {
                    IDs.splice(i, 1);
                    i--;
                }
            }
            if (IDs.length == 0) {
                Success();
                return;
            }
            var CallBack = {
                IDs: CLClone(IDs),
                Success: Success
            }
            self.TplIDsCallBack.push(CallBack);
            for (var i = 0; i < IDs.length ; i++) {
                if (self.TplLoadingIDs.indexOf(IDs[i]) >= 0) {
                    IDs.splice(i, 1);
                    i--;
                }
            }
            if (IDs.length == 0) {
                Success();
                return;
            }
        } else {
            for (var i = 0; i < IDs.length ; i++) {
                if (self.cacheTplFiles[IDs[i]] != null) {
                    delete self.cacheTplFiles[IDs[i]];
                }
            }
            var CallBack = {
                IDs: CLClone(IDs),
                Success: Success
            }
            self.TplIDsCallBack.push(CallBack);
        }
        self.TplLoadingIDs = self.TplLoadingIDs.concat(IDs);
        var Url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpGetFiles";
        if (CLTop.location.href.toLocaleLowerCase().indexOf("autologin=true") > 0) {
            Url += "&AutoLogin=true";
        }
        Url += "&Data=" + JSON.stringify({ IDs: IDs });
        var load = HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                for (var key in Json.data) {
                    self.cacheTplFiles[key] = Json.data[key];
                }
                for (var i = 0; i < IDs.length; i++) {
                    self.TplLoadingIDs.splice(self.TplLoadingIDs.indexOf(IDs[i]), 1);
                }
                for (var i = 0; i < self.TplIDsCallBack.length; i++) {
                    var Ids = self.TplIDsCallBack[i].IDs;
                    var finish = true;
                    for (var j = 0; j < Ids.length; j++) {
                        if (self.TplLoadingIDs.indexOf(Ids[j]) >= 0) {
                            finish = false;
                        }
                    }
                    if (finish) {
                        var callBack = self.TplIDsCallBack[i];
                        self.TplIDsCallBack.splice(i, 1);
                        i--;
                        callBack.Success();
                        if (callBack.Loading != null) {
                            callBack.Loading.Stop();
                        }
                    }
                }
            } else {
                CLShowMsg(Json.msg);
            }
        }, {});
        return load;
    }
    //依赖关系
    fn.dependList = function (widgets) {
        var self = this;
        CLQuickSort(widgets, function (el1, el2) {
            if (el1 == el2) {
                return 0;
            }
            if (FrmUiCtrls[el1.dataCtrl.className].getDepend(self, el1.dataCtrl, el2.dataCtrl)) {
                return 1;
            } else {
                return -1;
            }
        });
    }
    //绑定变量对话框
    fn.BindVarsDlg = function (Vars, BindInfo, End) {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:400px;height:400px";
        var dlg = new CLDialog(divDlg);
        var newBindInfo = {};
        dlg.CreateAll("参数绑定", function () {
            End(newBindInfo);
        });
        dlg.Body.classList.add("CLEmpty2");
        dlg.Body.setAttribute("Empty", "没有可绑定的参数!");
        var Ctrls = self.dataFrm.Ctrls;
        var ctrlIDs = [];
        var ctrlNames = [];
        var classNames = ["流水号", "单行文本", "数字", "时间日期", "下拉框", "下拉复选框", "成员单选", "成员多选", "部门单选", "部门多选", "树状控件"/*, "筛选控件"*/];
        function EnumVars(Ctrls) {
            for (var i = 0; i < Ctrls.length ; i++) {
                if (classNames.indexOf(Ctrls[i].className) >= 0) {
                    ctrlIDs.push(Ctrls[i].ID);
                    ctrlNames.push({
                        ID: Ctrls[i].ID,
                        Name: Ctrls[i].Name,
                        className: Ctrls[i].className,
                        toString: function () {
                            return this.Name;
                        },
                    });
                } else if (Ctrls[i].className == "容器控件") {
                    EnumVars(Ctrls[i].Ctrls);
                }
            }
        }
        EnumVars(Ctrls);
        var VarClass = ["字符串", "数字", "时间日期", "公式", "数据表"];
        for (var i = 0; i < Vars.length; i++) {
            if (VarClass.indexOf(Vars[i].className) < 0) {
                continue;
            }
            var Item = document.createElement("div");
            Item.style.height = "30px";
            Item.style.lineHeight = "30px";
            Item.style.width = "100%";
            Item.style.marginBottom = "5px";
            dlg.Body.appendChild(Item);
            var label = document.createElement("div");
            label.style.color = "rgb(86,156,214)";
            label.style.display = "inline-block";
            label.style.width = "120px";
            label.style.paddingRight = "10px";
            label.style.verticalAlign = "top";
            label.style.textOverflow = "ellipsis";
            label.style.whiteSpace = "nowrap";
            label.style.overflow = "hidden";
            label.innerHTML = Vars[i].Name;
            label.Var = Vars[i];
            label.title = Vars[i].Name;
            Item.appendChild(label);
            var box = document.createElement("div");
            box.style.display = "inline-block";
            box.style.height = "30px";
            box.style.width = "calc(100% - 120px)";
            Item.appendChild(box);
            Item.selector = new CLSelect(box);
            Item.selector.EnableClear(true);
            Item.selector.EnableSearch(true);
            Item.selector.Var = Vars[i];
            Item.selector.AddItems(ctrlNames);
            Item.selector.onchanged = function () {
                var selector = this;
                newBindInfo[selector.Var.ID] = ctrlIDs[selector.selectedIndex];
            }
            Item.selector.OnMenuCreated = function (divMenu) {
                var selector = this;
                var Items = divMenu.getElementsByClassName("Item");
                if (selector.Var.className == "数据筛选") {
                    for (var i = 0; i < selector.Items.length; i++) {
                        if (selector.Items[i].className != "筛选控件") {
                            Items[i + 1].style.display = "none";
                        }
                    }
                }
                selector.ResetMenu();
            }
            if (BindInfo != null) {
                Item.selector.selectedIndex = ctrlIDs.indexOf(BindInfo[Item.selector.Var.ID]);
            }
        }
    }
    //模板绑定数据
    fn.TplBindDlg = function (TplFields, sourceId, BindInfo, End) {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:400px;height:400px";
        var dlg = new CLDialog(divDlg);
        var newBindInfo = {};
        dlg.CreateAll("参数绑定", function () {
            End(newBindInfo);
        });
        var Fields = self.GetFieldsBySourceId(sourceId);
        if (Fields == null) {
            return;
        }
        var FieldIDs = [];
        var FieldNames = [];
        var classNames = ["流水号", "单行文本", "数字", "时间日期", "下拉框", "下拉复选框", "成员单选", "成员多选", "部门单选", "部门多选"];
        for (var i = 0; i < Fields.length ; i++) {
            FieldIDs.push(Fields[i].ID);
            FieldNames.push(Fields[i].Name);
        }
        for (var i = 0; i < TplFields.length; i++) {
            var Item = document.createElement("div");
            Item.style.height = "30px";
            Item.style.lineHeight = "30px";
            Item.style.width = "100%";
            Item.style.marginBottom = "5px";
            dlg.Body.appendChild(Item);
            var label = document.createElement("div");
            label.style.color = "rgb(86,156,214)";
            label.style.display = "inline-block";
            label.style.width = "120px";
            label.style.paddingRight = "10px";
            label.style.verticalAlign = "top";
            label.style.textOverflow = "ellipsis";
            label.style.whiteSpace = "nowrap";
            label.style.overflow = "hidden";
            label.innerHTML = TplFields[i];
            label.TplField = TplFields[i];
            label.title = TplFields[i];
            Item.appendChild(label);
            var box = document.createElement("div");
            box.style.display = "inline-block";
            box.style.height = "30px";
            box.style.width = "calc(100% - 120px)";
            Item.appendChild(box);
            Item.selector = new CLSelect(box);
            Item.selector.EnableClear(true);
            Item.selector.EnableSearch(true);
            Item.selector.TplField = TplFields[i];
            Item.selector.AddItems(FieldNames);
            Item.selector.onchanged = function () {
                var selector = this;
                newBindInfo[selector.TplField] = FieldIDs[selector.selectedIndex]
            }
            if (BindInfo != null) {
                Item.selector.selectedIndex = FieldIDs.indexOf(BindInfo[Item.selector.TplField]);
            }
        }
    }
    //选择图片
    fn.SelectImage = function (Success) {

    }

    FrmDesignerEx.EDialog = function (name, func) {
        var dlg = document.createElement("div");
        dlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
        dlg.style.zIndex = CLMaxZIndex();
        dlg.className = "CLFrmDialog";
        document.body.appendChild(dlg);
        var TopBar = document.createElement("div");
        TopBar.className = "TopBar";
        dlg.appendChild(TopBar);
        TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + name + "</div></div>";
        var Back = TopBar.getElementsByClassName("Back")[0];
        Back.onclick = function () {
            func();
            dlg.remove();
        }
        var Container = document.createElement("div");
        Container.style.cssText = "position: absolute;margin-top: 45px;top:0;bottom:0;left:0;right:0;overflow: hidden;";
        dlg.appendChild(Container);
        return Container;
    }

    //编辑表格
    fn.EditExcel = function (Name, dataExcel, End) {
        var self = this;
        if (!self.dataForms) {
            CLShowMsg("你的手速太快了");
            return;
        }
        var FrmExcelDlg = document.createElement("div");
        FrmExcelDlg.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
        FrmExcelDlg.style.zIndex = CLMaxZIndex();
        FrmExcelDlg.className = "FrmExcelDlg";
        document.body.appendChild(FrmExcelDlg);
        var TopBar = document.createElement("div");
        TopBar.className = "TopBar";
        FrmExcelDlg.appendChild(TopBar);
        TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + Name + "</div></div>";
        var Back = TopBar.getElementsByClassName("Back")[0];
        Back.onclick = function () {
            var data = _ExcelDesigner.getData();
            End(data);
            FrmExcelDlg.remove();
        }
        var Container = document.createElement("div");
        Container.style.cssText = "position: absolute;margin-top: 45px;top:0;bottom:0;left:0;right:0;overflow: hidden;";
        FrmExcelDlg.appendChild(Container);
        var _ExcelDesigner = new ExcelDesigner(Container);
        var ShowSource = _ExcelDesigner.ShowSource;
        _ExcelDesigner.AppId = self.AppId;
        _ExcelDesigner.GetVars = function () {
            return self.getAllVars();
        }
        _ExcelDesigner.Save = function () {
            var data = _ExcelDesigner.getData();
            End(data);
            self.Save();
        }
        _ExcelDesigner.GetDataSources = function () {
            return self.dataFrm.dataSources;
        }
        _ExcelDesigner.ShowSource = function (End, dataForms) {
            if (self.dataFrm.dataSources && self.dataForms.length == self.dataFrm.dataSources.length) {
                ShowSource.call(_ExcelDesigner, End, self.dataForms);
            } else {
                self.ShowSource(self.sourceView, function () {
                    ShowSource.call(_ExcelDesigner, End, self.dataForms);
                });
            }
        }
        _ExcelDesigner.getDataSourceById = function (ID) {
            return self.getDataSourceById(ID);
        };
        _ExcelDesigner.addDataSource = function (Source) {
            if (!self.dataFrm.dataSources) {
                self.dataFrm.dataSources = [];
            }
            self.dataFrm.dataSources.push(Source);
        }
        _ExcelDesigner.CLExcel.SelectImage = self.SelectImage;
        var load = new Loading();
        var t = setTimeout(function () {
            clearTimeout(t);
            _ExcelDesigner.setData(dataExcel);
            load.Stop();
        });
        var Block = document.createElement("div");
        Block.className = "Block";
        Block.style.margin = "0 auto";
        Block.style.width = "100px";
        Block.style.height = "30px";
        TopBar.appendChild(Block);
        var Box = new CLCheckBox("预览效果", Block, true);
        Box.checked = false;
        var div = document.createElement("div");
        Box.onchanged = function () {
            if (Box.checked) {
                var preview = Container.cloneNode();
                div.appendChild(preview);
                document.body.appendChild(div);
                var data = _ExcelDesigner.getData();
                var excelDesigner = new ExcelDesigner(preview, false);
                var ShowSource = excelDesigner.ShowSource;
                excelDesigner.ShowSource = function (End) {
                    ShowSource.call(excelDesigner, End, self.dataForms);
                }
                excelDesigner.QueryData = function (SourceIDs, Success) {
                    self.QueryData(SourceIDs, true, function () {
                        excelDesigner.SourceData = self.SourceData;
                        Success();
                    });
                }
                excelDesigner.setData(data);
                preview.style.zIndex = CLMaxZIndex();
            } else {
                div.innerHTML = "";
                div.remove();
                _ExcelDesigner.Enter();
            }
        }
    }

    fn.H5Edit = function (Name, Config, End) {
        var self = this;
        if (!self.dataForms) {
            CLShowMsg("你的手速太快了");
            return;
        }
        var list = [];
        var matchs = [];
        self.dataForms.forEach(function (ele) {
            matchs.push(ele.ID);
            list.push({
                id: ele.ID,
                name: ele.Name,
                items: (function () {
                    var fields = ele.Fields;
                    var list = [];
                    fields.forEach(function (ele) {
                        list.push({
                            id: ele.ID,
                            name: ele.Name
                        });
                    });
                    return list;
                }())
            });
        });
        function end_(html) {
            var sourceIds = [];
            if (matchs.length > 0) {
                matchs = matchs.join("|");
                matchs = new RegExp(matchs, "g");
                matchs = html.match(matchs) || [];
                matchs.forEach(function (ele) {
                    if (sourceIds.indexOf(ele)) {
                        sourceIds.push(ele);
                    }
                });
            }
            End(html, sourceIds);
        }
        var h5 = H5.Editor({
            title: Name,
            Value: Config || H5.Empty()
        }, end_);
        h5.WaitEvent("SaveAs", function (html) {
            end_(html);
            self.Save();
        });
        var main = h5.GetParam("H5");
        main.WaitParam("Api", function (Api) {
            var doc = Api.GetRoot();
            var h5 = H5.GetInstance(doc.defaultView.frameElement);
            h5.WaitEvent("Sync", function () {
                Api.AddSource(list);
            });
        });
    }

    fn.H5Edit_ = function (Name, Config, End) {
        var self = this;
        if (!self.dataForms) {
            CLShowMsg("你的手速太快了");
            return;
        }
        var frm = null;
        var Container = FrmDesignerEx.EDialog(Name, function () {
            if (frm) {
                var body = frm.GetVarValue("Element");
                var data = body.Value;
                End(data, frm.CalcSource());
            }
        });
        var vVars = {};
        vVars["保存"] = function (data, sourceIds) {
            End(data, sourceIds);
            self.Save();
        };
        vVars["数据源"] = function () {
            return self.getAllSources() || [];
        };
        vVars["数据源字段"] = function (sourceId) {
            return self.GetFieldsBySourceId(sourceId) || [];
        };
        vVars["数据源数据"] = function () {
            return [];
        };
        CLFrm.CreateInstance("23071908020070100000", vVars, "", null, null, null, function (_frm) {
            frm = _frm;
            frm.Ele.focus();
            var body = frm.GetVarValue("Element");
            body.Value = Config || "";
        }, Container);
    }

    fn.MoveTo = function (Ele) {
        var self = this;
        self.Ele = Ele;
        self.Ele.appendChild(self.designerDiv);
        Ele.FrmDesignerEx = self;
        self.resize();
    }

    fn.GetSourceDataByName = function (name) {
        var self = this;
        if (!self.SourceData) {
            return null;
        }
        var Sources = self.dataFrm.dataSources;
        for (var i = 0; i < Sources.length; i++) {
            if (Sources[i].Name == name) {
                return self.SourceData[Sources[i].ID];
            }
        }
    }

    CLUseUndo(fn);

    FrmDesignerEx.GetVer = function (ID, Success) {
        if (CLTop.FrmDesignerEx.VerMap == null) {
            CLTop.FrmDesignerEx.VerMap = {};
        }
        if (CLTop.FrmDesignerEx.VerMap[ID]) {
            Success(CLTop.FrmDesignerEx.VerMap[ID]);
            return;
        }
        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFileVer&ID=" + ID;
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                CLTop.FrmDesignerEx.VerMap[ID] = Json.data;
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {}, false);
    }

    FrmDesignerEx.GetConfig = function (ID, Success) {
        FrmDesignerEx.GetVer(ID, function (Ver) {
            var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetShowInfo&ID=" + ID + "&v=" + Ver;

            HttpGet(Url, function (Json) {
                if (Json.code == 0) {
                    var Frm = Json.data;
                    var Name = Frm.File.Name;
                    Name = Name.substr(0, Name.length - 4);
                    var Sources = [];
                    var Data = Frm.File.Data;
                    if (!Data) {
                        Frm.File.Data = Data = {
                            ID: ID,
                            Name: "",
                            dataSources: [],
                            Ctrls: []
                        };
                    }
                    var dataSources = Data.dataSources;
                    for (var i = 0; dataSources && i < dataSources.length; i++) {
                        if (dataSources[i].Type != null && dataSources[i].Type != 1) {
                            Sources.push(dataSources[i]);
                        }
                    }
                    Frm.dataForms = DataSourceDlg.setDataFormsInfo(dataSources, Frm.dataForms);
                    DataSourceDlg.RewriteFieldsInfo(Frm.dataForms, dataSources);
                    if (Sources.length == 0) {
                        if (window != CLTop) {
                            if (parent.FrmFilter) {
                                parent.FrmFilter(Frm);
                            }
                        }
                        Success(Frm);
                    } else {
                        var load = DataSourceDlg.GetFormsByDataSource(Sources, function (dataForms) {
                            dataForms = DataSourceDlg.setDataFormsInfo(Sources, dataForms);
                            Frm.dataForms = Frm.dataForms.concat(dataForms);
                            DataSourceDlg.RewriteFieldsInfo(Frm.dataForms, Frm.dataSources);
                            if (window != CLTop) {
                                if (parent.FrmFilter) {
                                    parent.FrmFilter(Frm);
                                }
                            }
                            Success(Frm);
                        });
                    }
                } else {
                    CLShowMsg(Json.msg);
                }
            }, false, true);
        });
    }

    FrmDesignerEx.CreateInstance = function (IdOrConfig, vVars, sTitle, Width, Height, Ver, Success, Ele) {
        var ID = IdOrConfig.ID || IdOrConfig;
        Width = Width || 500;
        Height = Height || 350;
        if (typeof IdOrConfig == "string" && Ver != null) {
            if (!CLTop.FrmDesignerEx.VerMap) {
                CLTop.FrmDesignerEx.VerMap = {};
            }
            CLTop.FrmDesignerEx.VerMap[ID] = Ver;
        }
        var dlg;
        var Designer;

        var func = CLShowMsg;
        CLShowMsg = function () {
            load.Stop();
            CLShowMsg = func;
            CLShowMsg.apply(this, arguments);
        }
        var root = Loading.Root;
        var load = new Loading();
        function show(Frm) {
            if (!Frm.File.Data.IsAutomatic) {
                load.Stop();
            }
            if (!Ele && Ele !== false) {
                var dlgDiv = document.createElement("div");
                dlgDiv.style.cssText = "position:absolute;width:" + Width + "px;height:" + Height + "px";
                dlg = new CLDialog(dlgDiv);
                if (sTitle == null) {
                    sTitle = Frm.File.Name.replace(/.frm/ig, "");
                }
                dlg.CreateHeader(sTitle);
                dlg.Header.ondblclick = function () {
                    dlg.MaximizeOrReset();
                }
                Ele = dlg.CreateBody();
                Ele.style.position = "relative";
                Ele.style.height = "calc(100% - 45px)";
                dlg.EnableMove(dlg.Header);
                Ele.Close = function () {
                    frm.onclose && frm.resize();
                    dlg.Close();
                }
                if (Frm.File.Data.IsAutomatic) {
                    load.SetContainer(dlg.Body);
                }
                var close = dlg.Close;
                dlg.Close = function () {
                    load.Stop();
                    close.call(this);
                }

                dlg.resize = function () {
                    if (frm) {
                        frm.resize();
                    }
                }
            } else if (Ele === false) {
                Ele = document.createElement("div");
                Ele.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0";
                document.body.appendChild(Ele);
                Ele.Close = function () {
                    Ele.remove();
                }
                load.SetContainer(Ele);
            }

            var frm = ShowFrm(Frm, Ele);
        }
        if (typeof IdOrConfig == "string") {
            FrmDesignerEx.GetConfig(ID, show);
        } else {
            show(IdOrConfig);
        }
        function ShowFrm(Frm, container) {
            var func = (container.getRootNode().defaultView || container.ownerDocument.defaultView).FrmDesignerEx;
            if (!func || H5.GetInstance(container)) {
                var h5 = H5.GetInstance(container);
                if (h5) {
                    var css = document.querySelector(".CLCss");
                    if (css) {
                        h5.addSheet(css.innerHTML);
                    }
                }
            }
            func = func || FrmDesignerEx;
            Designer = new func(container, false);
            if (Ele.Close) {
                var close = Designer.Close;
                Designer.Close = function () {
                    close.apply(this, arguments);
                    Ele.Close();
                }
            }
            Designer.dataForms = Frm.dataForms;
            Designer.cacheFiles = Frm.excelFiles;
            Designer.cacheTplFiles = Frm.TplFiles;
            Designer.dataFrm = Frm.File.Data;
            Designer.Var_Vals = {};
            for (var key in vVars) {
                Designer.Var_Vals[key] = vVars[key];
            }
            Designer.RenderEnd = function () {
                load.Stop();
                if (Success) {
                    Designer.Ele.focus();
                    Success(this);
                }
            }
            Designer.autoResize();
            Designer.setData(Frm.File.Data, false);
            return Designer;
        }

        return dlg;
    }

    FrmDesignerEx.CreateInstance["*callback"] = function (args, index) {
        function Callback() {
            this.arguments = arguments;
        }
        if (index == 6) {
            return new Callback(Object.create(FrmDesignerEx.prototype));
        }
    }

    FrmDesignerEx.DialogBox = function (ID, vVars, sTitle, Width, Height, FrmVer) {
        FrmDesignerEx.CreateInstance(ID, vVars, sTitle, Width, Height, FrmVer);
    }

    FrmDesignerEx.GetInstance = function (ele) {
        var win = H5.Window(ele);
        while (ele && !ele.FrmDesignerEx) {
            if (ele.tagName == "BODY") {
                if (!win.frameElement) {
                    return null;
                } else {
                    return FrmDesignerEx.GetInstance(win.frameElement);
                }
                return null;
            }
            ele = ele.host && H5.IsHTMLElement(ele.host) ? ele.host : ele.parentNode;
        }
        return ele ? ele.FrmDesignerEx : null;
    }

    fn.DialogBox = function (ID, vVars, sTitle, Width, Height, FrmVer) {
        FrmDesignerEx.DialogBox(ID, vVars, sTitle, Width, Height, FrmVer);
    }
    ////////////////////////////////////////////////////
    var FrmUiCtrls = window.FrmUiCtrls = {};

    FrmUiCtrls["基础控件"] = [];

    FrmUiCtrls["增强控件"] = [];

    FrmUiCtrls["复合控件"] = [];

    FrmUiCtrls.Categorys = ["基础控件", "增强控件", "复合控件"];

    var cssText = "width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)";

    function propTitle(CtrlBox, Prop) {
        var dataCtrl = CtrlBox.dataCtrl;
        var label = createLabel(Prop, "名称");
        label.innerHTML += "<div class='ctrlType'>" + dataCtrl.className + "</div>";
        var nameInput = createValue(Prop);
        nameInput.value = dataCtrl.Name;
        nameInput.onchange = function () {
            dataCtrl.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
            if (CtrlBox.NameChanged != null) {
                CtrlBox.NameChanged();
            }
            if (CtrlBox.UpdateName != null) {
                CtrlBox.UpdateName();
            }
        }
    }

    function propDef(CtrlBox, Prop) {
        var dataCtrl = CtrlBox.dataCtrl;
        var Designer = CtrlBox.Designer;
        createSplit(Prop);
        label = createLabel(Prop, "默认值");
        var DefVal = null;
        var DefType = new CLSelect(Prop);
        var DelSel = Prop.lastChild;
        DefType.AddItems([
            "自定义",
            "公式编辑"
        ]);
        DefType.onchanged = function (This) {
            if (DefVal != null) {
                DefVal.parentNode.removeChild(DefVal);
                DefVal = null;
            }
            if (This.selectedIndex == 0) {
                //自定义
                if (dataCtrl.DefType != This.Items[This.selectedIndex]) {
                    dataCtrl.DefVal = "";
                }
                DefVal = document.createElement("input");
                DefVal.className = "Value";
                DefVal.style.marginTop = "10px";
                if (dataCtrl.DefType == This.Items[This.selectedIndex]) {
                    DefVal.value = dataCtrl.DefVal == null || typeof (dataCtrl.DefVal) != "string" ? "" : dataCtrl.DefVal;
                }
                CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                DefVal.onchange = function (e) {
                    dataCtrl.DefVal = DefVal.value;
                    CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                }
                if (dataCtrl.className == "数字") {
                    DefVal.oninput = function () {
                        CLCheckFloat(DefVal, 10);
                    }
                }
                Prop.insertBefore(DefVal, DelSel.nextSibling);
            } else {
                if (dataCtrl.DefType != This.Items[This.selectedIndex]) {
                    dataCtrl.DefVal = "\"" + dataCtrl.DefVal + "\"";
                }
                DefVal = document.createElement("div");
                DefVal.className = "Value Btn";
                DefVal.style.marginTop = "10px";
                DefVal.innerHTML = "fx公式编辑";
                DefVal.onclick = function () {
                    Designer.codeDlg(dataCtrl.DefVal, function (DefVal) {
                        dataCtrl.DefVal = DefVal;
                    });
                }
                Prop.insertBefore(DefVal, DelSel.nextSibling);
                CtrlBox.Value = "${fx公式编辑}";
            }
            dataCtrl.DefType = This.Items[This.selectedIndex];
        }
        DefType.selectedIndex = DefType.Items.indexOf(dataCtrl.DefType);
        if (DefType.selectedIndex == -1) {
            DefType.selectedIndex = 0;
        }
    }

    function PropGroup(Prop, Name) {
        createSplit(Prop);
        var label = createLabel(Prop, "");
        label.innerHTML = "<span style='vertical-align:top;margin-right:3px;font-family:CLFont;font-size:10px;cursor:pointer;display:inline-block'>&#xe79b;</span>" + Name;
        label.style.marginBottom = "0";
        label.style.cursor = "pointer";
        var Box = createValue(Prop, "div");
        Box.style.height = "initial";
        Box.style.overflow = "hidden";
        Box.style.paddingLeft = "20px";
        Box.style.border = "none";
        Box.className = "PropGroup";
        Box.style.transition = "all 218ms ease-in-out";
        var span = label.firstChild;
        label.onclick = function () {
            Box.OpenOrClose();
        };
        label.onmousedown = function (e) {
            e.preventDefault();
            e.stopPropagation();
        };
        if (!Prop.OpenInfo) {
            Prop.OpenInfo = {};
        }
        Box.Open = label.Open = function () {
            if (span.close) {
                Prop.OpenInfo[Name] = true;
                span.close = false;
                span.style.transform = "rotate(0)";
                Box.style.transition = "";
                Box.style.height = "initial";
                var height = Box.offsetHeight;
                Box.style.height = "0px";
                Box.style.transition = "all 218ms ease-in-out";
                CLAsync(function () {
                    Box.style.height = height + "px";
                });
                CLDelay(function () {
                    if (!span.close) {
                        Box.style.height = "initial";
                    }
                }, 218);
            }
        }
        Box.Close = label.Close = function () {
            if (!span.close) {
                Prop.OpenInfo[Name] = false;
                span.close = true;
                span.style.transform = "rotate(-90deg)";
                Box.style.height = Box.offsetHeight + "px";
                CLAsync(function () {
                    Box.style.height = "0px";
                });
            }
        }
        Box.OpenOrClose = function () {
            if (span.close) {
                Box.Open();
            } else {
                Box.Close();
            }
        }
        Box.Label = label;
        Box.Display = function (display) {
            Box.style.display = label.style.display = display;
        };
        if (!Prop.OpenInfo[Name]) {
            Box.Close();
        }
        return Box;
    }

    function cssAndEvet(CtrlBox, Prop, Scope) {
        var Box = PropGroup(Prop, "事件与样式");
        var dataCtrl = CtrlBox.dataCtrl;
        var Designer = CtrlBox.Designer;
        createSplit(Box);
        var label = createLabel(Box, "预加载事件");
        var Btn = createBtn(Box, "设置");
        Btn.onclick = function () {
            var editor = Designer.codeDlg(dataCtrl.preLoad, function (preLoad) {
                dataCtrl.preLoad = preLoad;
            });
            var scope = editor.getGlobalScope();
            scope.Self = CtrlBox;
            if (Scope) {
                Scope(scope);
            }
        }
        createSplit(Box);
        label = createLabel(Box, "加载完成事件");
        var Btn = createBtn(Box, "设置");
        Btn.onclick = function () {
            var editor = Designer.codeDlg(dataCtrl.onLoad, function (onLoad) {
                dataCtrl.onLoad = onLoad;
            });
            var scope = editor.getGlobalScope();
            scope.Self = CtrlBox;
            if (Scope) {
                Scope(scope);
            }
        }
        createSplit(Box);
        label = createLabel(Box, "位置改变事件");
        var Btn = createBtn(Box, "设置");
        Btn.onclick = function () {
            var editor = Designer.codeDlg(dataCtrl.onPosChanged, function (code) {
                dataCtrl.onPosChanged = code;
            });
            var scope = editor.getGlobalScope();
            scope.Self = CtrlBox;
        }
        createSplit(Box);
        label = createLabel(Box, "样式");
        Btn = createBtn(Box, "设置");
        Btn.onclick = function () {
            Designer.styleDlg(dataCtrl.cssText, function (cssText) {
                dataCtrl.cssText = cssText;
                CtrlBox.cssText = cssText;
            });
        }
        createSplit(Prop);
    }

    function SizeInfo(CtrlBox, Prop) {
        var Box = PropGroup(Prop, "位置与尺寸");
        var span = document.createElement("span");
        span.innerHTML = "单位"
        span.style.color = "#2440b3";
        span.style.cssFloat = "right";
        span.onclick = function (e) {
            e.stopPropagation();
            var menu = CLAutoDialog(250, 500, span);
            var list = [
                { name: "em", text: "(当前)字体尺寸" },
                { name: "ex", text: "(当前)字母x高度" },
                { name: "ch", text: "(当前)数字0的宽度" },
                { name: "rem", text: "(根元素)字体尺寸" },
                { name: "vw", text: "视窗宽度的1%" },
                { name: "vh", text: "视窗高度的1%" },
                { name: "vmin", text: "vw和vh中较小的那个" },
                { name: "vmax", text: "vw和vh中较大的那个" },
                { name: "%", text: "父容器尺寸的1%" },
                { name: "cm", text: "厘米" },
                { name: "mm", text: "毫米" },
                { name: "in", text: "英寸 (1in = 96px = 2.54cm)" },
                { name: "pt", text: "point,大约1/72英寸; (1pt = 1/72in)" },
                { name: "pc", text: "pica,大约 12pt,1/6英寸; (1pc = 12 pt)" },
                { name: "rw", text: "当前控件宽度的1%" },
                { name: "rh", text: "当前控件高度的1%" },
            ]
            var div = menu.Div;
            div.style.lineHeight = "25px";
            var html = "";
            list.forEach(function (ele) {
                html += "<div style='padding:0 8px'><span style='font-weight:900;display:inline-block;width:50px'>" + ele.name + ":</span><span style='margin-left:30px;display:inline-block;width:180px'>"
                    + ele.text + "</span></div>";
            });
            div.innerHTML = html;
        }
        Box.Label.appendChild(span);
        var dataCtrl = CtrlBox.dataCtrl;
        createSplit(Box);
        function func(name, key, index) {
            var label = createLabel(Box, name);
            var input = createValue(Box);
            input.value = dataCtrl[key] == null || dataCtrl[key][index] == null ? "" : dataCtrl[key][index];
            input.onchange = function () {
                var input = this;
                if (dataCtrl[key] == null) {
                    dataCtrl[key] = [null, null];
                }
                var w = input.value.trim();
                if (w.length == 0) {
                    dataCtrl[key][index] = null;
                } else {
                    dataCtrl[key][index] = w;
                }
                ResetSizeInfo(CtrlBox);
            }
            input.style.marginBottom = "10px";
        }
        //位置
        (function () {
            func("位置(X)", "xyCoor", 0);
            func("位置(Y)", "xyCoor", 1);

        }());
        //最大尺寸
        (function () {
            func("最大宽度", "maxSize", 0);
            func("最大高度", "maxSize", 1);
        }());
        //最小尺寸
        (function () {
            func("最小宽度", "minSize", 0);
            func("最小高度", "minSize", 1);
        }());
        //是否居中
        (function () {
            createSplit(Box);
            createLabel(Box, "对齐方式");
            var boxValue = createValue(Box, "div");
            boxValue.style.border = "none";
            var _CLBox = new CLCheckBox("自动居中", boxValue);
            _CLBox.checked = dataCtrl.autoCenter == true;
            _CLBox.onchanged = function () {
                dataCtrl.autoCenter = _CLBox.checked;
                if (dataCtrl.autoCenter) {
                    CtrlBox.Gridster.center_widget(CtrlBox);
                }
            }
        }());
    }

    function TplDlg(End) {
        if (window.TplDirList == null) {
            TplView.prototype.GetDirTree(function (TplDirList) {
                window.TplDirList = TplDirList;
                TplDlg(End);
            });
            return;
        }
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:750px;height:500px;";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("选择路径", function () {
            var DirInfos = _TplView.getSelects();
            for (var i = 0; i < DirInfos.length; i++) {
                if (DirInfos[i].Type == 1) {
                    End(DirInfos[i]);
                    break;
                }
            }
        });
        divDlg.classList.add("templateSelector");
        var _TplView = new TplView(dlg.Body, window.TplDirList);
        _TplView.OnlyDir = false;
        _TplView.EnablePushState();
        _TplView.OpenDir(window.TplDirList[0]);
        _TplView.DefOpenTpl = function (DirInfo) {
            End(DirInfo);
            dlg.Close();
        }
    }

    function GetTplFile(ID, End, bForce) {
        bForce = bForce == null ? 0 : bForce;
        if (ID == null) {
            return;
        }
        if (window.TplDirList == null || bForce == 1) {
            TplView.prototype.GetDirTree(function (TplDirList) {
                window.TplDirList = TplDirList;
                GetTplFile(ID, End, bForce + 1)
            });
            return;
        }
        for (var i = 0; i < TplDirList.length; i++) {
            if (TplDirList[i].ID == ID) {
                End(TplDirList[i]);
                return;
            }
        }
        if (bForce == 0) {
            GetTplFile(ID, End, 1);
        } else {
            End(null);
        }
    }

    function FieldPrefix(FieldPrefixInfo, Fields, Source, End, SqlTables) {
        if (SqlTables == null) {
            GetSqlTables(Source.ConnectionID, Source, function (data) {
                SqlTables = [];
                for (var i = 0; i < data.length; i++) {
                    SqlTables.push({
                        ID: data[i],
                        Name: data[i].indexOf("DataTable_") == 0 ? getDataTableNameById(data[i]) : data[i],
                        toString: function () {
                            return this.Name;
                        }
                    });
                }
                FieldPrefix(FieldPrefixInfo, Fields, Source, End, SqlTables);
            });
            return;
        }
        if (FieldPrefixInfo == null) {
            FieldPrefixInfo = {};
        }
        var newFieldPrefixInfo = CLClone(FieldPrefixInfo);
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:530px;height:400px";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll("配置字段前缀", function () {
            End(newFieldPrefixInfo);
        });
        var addDiv = document.createElement("div");
        addDiv.style.cssText = "color:#0db3a6;line-height:25px;font-family:CLFont;display:inline-block;cursor:pointer";
        addDiv.innerHTML = "&#xe767;添加前缀字段";
        var div = document.createElement("div");
        div.style.height = "25px";
        div.style.marginBottom = "10px";
        div.appendChild(addDiv);
        dlg.Body.appendChild(div);
        addDiv.onclick = function () {
            var Items = [];
            for (var i = 0 ; i < Fields.length ; i++) {
                Items.push({
                    "Icon": "",
                    "Text": Fields[i].Name,
                    "Enable": !(Fields[i].ID in newFieldPrefixInfo),
                    "Data": Fields[i],
                    "CallBack": function (e) {
                        e.currentTarget.Disabled = true;
                        newFieldPrefixInfo[this.Data.ID] = null;
                        showFieldPrefixInfo();
                    }
                });
            }
            var Menu = {
                style: {
                    "max-height": "350px"
                },
                Items: Items
            }
            var _CLMenu = new CLMenu(Menu, addDiv);
            _CLMenu.EnableSearch(true);
        }

        var divLines = document.createElement("div");
        divLines.className = "Lines";
        divLines.style.maxHeight = "calc(100% - 35px)";
        divLines.style.overflow = "auto";
        dlg.Body.appendChild(divLines);
        function showFieldPrefixInfo() {
            var Items = [];
            divLines.innerHTML = "";
            for (var i = 0 ; i < Fields.length ; i++) {
                if (Fields[i].ID in newFieldPrefixInfo) {
                    Items.push({
                        ID: Fields[i].ID,
                        Name: Fields[i].Name,
                        Val: newFieldPrefixInfo[Fields[i].ID]
                    });
                }
            }

            for (var i = 0; i < Items.length; i++) {
                var divLine = document.createElement("div");
                divLine.className = "Line";
                divLine.style.position = "relative";
                divLine.style.marginBottom = "10px";
                divLines.appendChild(divLine);
                var label = document.createElement("div");
                label.style.cssText = "width:calc(100% - 230px);display:inline-block;line-height: 28px;border: 1px solid #e0e0e0;padding-left:8px;vertical-align: top;";
                label.innerText = (Items[i].Val == null ? "" : (Items[i].Val.indexOf("DataTable_") == 0 ? getDataTableNameById(Items[i].Val) : Items[i].Val) + ".") + Items[i].Name;
                divLine.appendChild(label);
                var divSelector = document.createElement("div");
                divSelector.style.display = "inline-block";
                divSelector.style.width = "180px";
                divSelector.style.marginRight = "30px";
                divSelector.style.cssFloat = "right";
                divLine.appendChild(divSelector);
                var Del = document.createElement("div");
                Del.style.cssText = "position:absolute;right:0px;top:0px;font-size:20px;margin-top:3px;cursor:pointer;font-family:CLFont;color:#3f80ae";
                Del.innerHTML = "&#xe80b;";
                divLine.appendChild(Del);
                divLine.dataItem = Items[i];
                Del.onclick = function () {
                    delete newFieldPrefixInfo[this.parentNode.dataItem.ID];
                    this.parentNode.remove();

                }
                divLine.selector = new CLSelect(divSelector);
                divLine.selector.label = label;
                divLine.selector.Name = Items[i].Name;
                divLine.selector.dataItem = Items[i];
                divLine.selector.onchanged = function () {
                    var Val = this.Items[this.selectedIndex].ID;
                    newFieldPrefixInfo[this.dataItem.ID] = this.Items[this.selectedIndex].ID;
                    this.label.innerText = (Val == null ? "" : (Val.indexOf("DataTable_") == 0 ? getDataTableNameById(Val) : Val) + ".") + this.Name;
                }
                divLine.selector.AddItems(SqlTables);
                for (var j = 0; j < SqlTables.length ; j++) {
                    if (SqlTables[j].ID == Items[i].Val) {
                        divLine.selector.selectedIndex = j;
                        break;
                    }
                }
            }

        }

        showFieldPrefixInfo();
    }

    function ResetSizeInfo(Box, bFlush) {
        var dataCtrl = Box.dataCtrl;
        var gridster = Box.Gridster;
        Box.minSize = dataCtrl.minSize;
        Box.maxSize = dataCtrl.maxSize;
        Box.xyCoor = dataCtrl.xyCoor;
    }

    fn.ResetSizeInfo = ResetSizeInfo;

    var scripts = {};

    ; (function (单行文本) {
        FrmUiCtrls["单行文本"] = {
            Icon: "&#xe649;"
            , Name: "单行文本"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var input = document.createElement("input");
                input.style.cssText = cssText;
                CtrlBox.Input = input;
                CtrlBox.appendChild(input);
                var cssNull = input.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        input.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var sValue = null;
                (function () {
                    input.OnInput(function () {
                        if (dataCtrl.SearchBtn == true) {
                            if (!input.value) {
                                btn.classList.remove("Delete");
                            } else {
                                btn.classList.add("Delete");
                            }
                        }
                    });
                    input.onchange = function () {
                        if (sValue != input.value) {
                            sValue = input.value;
                            OnChanged();
                        }
                    }
                    if (dataCtrl.SearchBtn == true) {
                        input.style.paddingRight = "20px";
                        var btn = document.createElement("div");
                        btn.className = "BtnSearch";
                        CtrlBox.appendChild(btn);
                        CtrlBox.classList.add("Search");
                        btn.onmousedown = function (e) {
                            e.preventDefault();
                        }
                        btn.onclick = function (e) {
                            if (input.value) {
                                input.value = "";
                                btn.classList.remove("Delete");
                                input.onchange();
                            }
                        }
                        input.OnInput(function () {
                            if (!input.value) {
                                btn.classList.remove("Delete");
                            } else {
                                btn.classList.add("Delete");
                            }
                        });
                    } else if (dataCtrl.ScanAble == true) {
                        (function () {
                            input.className = "Scan";
                        })();
                        input.onclick = function (e) {
                            if (e.offsetX > input.offsetWidth - 36) {
                                if (!IsMobile()) {
                                    CLApp.PcScan(e, function (sRet) {
                                        input.value = sRet;
                                        input.onchange();
                                    });
                                } else {
                                    CLScan(function (sRet) {
                                        input.value = sRet;
                                        input.onchange();
                                    });
                                }
                            }
                        }
                        input.onmousemove = function (e) {
                            if (e.offsetX > input.offsetWidth - 36) {
                                input.style.cursor = "default";
                            } else {
                                input.style.cursor = "";
                            }
                        }
                    }
                }());
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return input.value == null || input.value.trim().length == null ? null : input.value.trim();
                    }
                    , set: function (Val) {
                        if (this.Value == Val) {
                            return;
                        }
                        input.value = Val == null ? "" : Val;
                        input.onchange();
                    }
                });
                function ShowDef() {
                    if (CtrlBox.VarId && Designer.GetVarValue(CtrlBox.VarId)) {
                        CtrlBox.Value = Designer.GetVarValue(CtrlBox.VarId);
                    } else {
                        if (dataCtrl.DefType == "自定义") {
                            CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                        }
                        if (dataCtrl.DefType == "公式编辑") {
                            var Val = Designer.Editable ? "${fx公式编辑}" : Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(默认值)\n" + dataCtrl.DefVal);
                            CtrlBox.Value = Val == null ? "" : Val;
                        }
                    }
                    Designer.CtrlShown(dataCtrl.ID);
                }
                if (Designer.Editable) {
                    ShowDef();
                }
                CtrlBox.Prepare = function () {
                    input.setAttribute("placeholder", dataCtrl.Name);
                    ShowDef();
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                var Designer = CtrlBox.Designer;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                propDef(CtrlBox, propBody);
                (function (搜索按钮) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "搜索按钮");
                    var boxValue = createValue(propBody, "div");
                    boxValue.style.border = "none";
                    var Box = new CLCheckBox("开启", boxValue);
                    Box.checked = dataCtrl.SearchBtn == true;
                    Box.onchanged = function () {
                        dataCtrl.SearchBtn = Box.checked;
                        if (dataCtrl.SearchBtn) {
                            CtrlBox.classList.add("Search");
                        } else {
                            CtrlBox.classList.remove("Search");
                        }
                    }
                }());
                (function (扫码) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "扫码功能");
                    var boxValue = createValue(propBody, "div");
                    boxValue.style.border = "none";
                    var Box = new CLCheckBox("开启", boxValue);
                    Box.checked = dataCtrl.ScanAble == true;
                    Box.onchanged = function () {
                        dataCtrl.ScanAble = Box.checked;
                        if (dataCtrl.ScanAble) {
                            CtrlBox.Input.classList.add("Scan");
                        } else {
                            CtrlBox.Input.classList.remove("Scan");
                        }
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                if (dataCtrl.DefType == "公式编辑" && dataCtrl.DefVal != null) {
                    var Val = dataCtrl.DefVal.replace(/\S/g, "");
                    if (Val.indexOf("Designer.getWidgetsByName('" + dataCtrl.Name + "')") >= 0 || Val.indexOf("Designer.getWidgetsByName(\"" + dataCtrl.Name + "\")") >= 0) {
                        return true;
                    }
                }
                return false;
            }
            , BindVars: function (Designer, self) {
                var dataCtrl = self;
                var BindInfo = Designer.dataFrm.BindInfo;
                for (var Key in BindInfo) {
                    if (BindInfo[Key] == dataCtrl.ID) {
                        return [Key];
                    }
                }
                return [];
            }
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["单行文本"]);
    }());

    (function (多行文本) {
        FrmUiCtrls["多行文本"] = {
            Icon: "&#xe7e9;"
            , Name: "多行文本"
            , DefSize: {
                Width: 330,
                Height: 80,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var textarea = document.createElement("textarea");
                textarea.style.cssText = cssText;
                textarea.style.height = "100%";
                textarea.style.lineHeight = "25px";
                CtrlBox.appendChild(textarea);
                CtrlBox.Textarea = textarea;
                textarea.onchange = function () {
                    OnChanged();
                }

                var cssNull = textarea.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        textarea.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return textarea.value == null || textarea.value.trim().length == null ? null : textarea.value.trim();
                    }
                    , set: function (Val) {
                        if (this.Value == Val) {
                            return;
                        }
                        textarea.value = Val == null ? "" : Val;
                        OnChanged();
                    }
                });
                function ShowDef() {
                    if (dataCtrl.DefType == "自定义") {
                        CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                    }
                    if (dataCtrl.DefType == "公式编辑") {
                        var Val = Designer.Editable ? "${fx公式编辑}" : Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(默认值)\n" + dataCtrl.DefVal);
                        CtrlBox.Value = Val == null ? "" : Val;
                    }
                    Designer.CtrlShown(dataCtrl.ID);
                }
                if (Designer.Editable) {
                    ShowDef();
                }
                CtrlBox.Prepare = function () {
                    ShowDef();
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                propDef(CtrlBox, propBody);
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["多行文本"]);
    }());

    (function (数字) {
        FrmUiCtrls["数字"] = {
            Icon: "&#xe649;"
            , Name: "数字"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var input = document.createElement("input");
                input.style.cssText = cssText;
                CtrlBox.appendChild(input);
                input.onchange = function () {
                    OnChanged();
                }
                if (dataCtrl.className == "数字") {
                    input.oninput = function () {
                        CLCheckFloat(input, 10);
                    }
                }
                var cssNull = input.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        input.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        var Val = input.value == null || input.value.trim().length == null ? null : input.value.trim() * 1;
                        return Val == null || isNaN(Val) ? null : Val;
                    }
                    , set: function (Val) {
                        if (this.Value == Val) {
                            return;
                        }
                        if (Val == null || Val.trim().length == 0) {
                            input.value = "";
                            OnChanged();
                        } else {
                            Val = Val * 1;
                            if (isNaN(Val)) {
                                input.value = "";
                            } else {
                                var sFormat = CLGetFormat(dataCtrl.dataFormat);
                                input.value = Val.toStringEx(sFormat);
                            }
                            OnChanged();
                        }
                    }
                });
                function ShowDef() {
                    if (dataCtrl.DefType == "自定义") {
                        CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                    }
                    if (dataCtrl.DefType == "公式编辑") {
                        var Val = Designer.Editable ? "${fx公式编辑}" : Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(默认值)\n" + dataCtrl.DefVal);
                        CtrlBox.Value = Val == null ? "" : Val;
                    }
                    Designer.CtrlShown(dataCtrl.ID);
                }
                if (Designer.Editable) {
                    ShowDef();
                }
                CtrlBox.Prepare = function () {
                    ShowDef();
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                propDef(CtrlBox, propBody);
                (function () {
                    var dataCtrl = CtrlBox.dataCtrl;
                    createSplit(propBody);
                    var label = createLabel(propBody, "数据格式");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        CLNumFormatDialog(dataCtrl.dataFormat, function (dataFormat) {
                            dataCtrl.dataFormat = dataFormat;
                            CtrlBox.Value = CtrlBox.Value;
                        });
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["数字"]);
    }());

    (function (时间日期) {
        FrmUiCtrls["时间日期"] = {
            Icon: "&#xeb1e;"
            , Name: "时间日期"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var Dt = new CLSelect(CtrlBox);
                var divDt = CtrlBox.lastChild;
                divDt.style.cssText = cssText;
                Dt.setIcon("&#xeb1e");
                var ooVal;
                Dt.OnClick = function (event) {
                    var oFormat = dataCtrl.dataFormat == null ? "yyyy-MM-dd" : dataCtrl.dataFormat.format;
                    var sFormat = (oFormat.toLocaleLowerCase().indexOf("h") > 0 || oFormat.indexOf("m") > 0 || oFormat.toLocaleLowerCase().indexOf("s") > 0) ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd";
                    ooVal = CtrlBox.Value;
                    var _dt = CLDate(ooVal, sFormat, divDt);
                    _dt.End = function (cancel) {
                        if (!cancel) {
                            value = _dt.Value.toString();
                            if (ooVal != value) {
                                CtrlBox.Value = value;
                            }
                        }
                    }
                }
                var dtVal = null;
                var cssNull = divDt.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        divDt.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        var oFormat = dataCtrl.dataFormat == null ? "yyyy-MM-dd HH:mm:ss.fff" : dataCtrl.dataFormat.format;
                        var sFormat = (oFormat.toLocaleLowerCase().indexOf("h") > 0 || oFormat.indexOf("m") > 0 || oFormat.toLocaleLowerCase().indexOf("s")) ? "yyyy-MM-dd HH:mm:ss.fff" : "yyyy-MM-dd 00:00:00.000";
                        if (dtVal == null) {
                            return null;
                        }
                        return Date.Parse(dtVal).Format(sFormat);
                    }
                    , set: function (Val) {
                        var oFormat = dataCtrl.dataFormat == null ? "yyyy-MM-dd HH:mm:ss.fff" : dataCtrl.dataFormat.format;
                        var sFormat = (oFormat.toLocaleLowerCase().indexOf("h") > 0 || oFormat.indexOf("m") > 0 || oFormat.toLocaleLowerCase().indexOf("s")) ? "yyyy-MM-dd HH:mm:ss.fff" : "yyyy-MM-dd 00:00:00.000";
                        if (Val == "") {
                            Val = null;
                        }
                        if (this.Value == Val) {
                            return;
                        }
                        if (Val == null || Val.trim().length == 0) {
                            dtVal = null;
                            Dt.SetValue("");
                            OnChanged();
                        } else {
                            if (Designer.Editable && dataCtrl.DefType == "公式编辑") {
                                Dt.SetValue(Val);
                            } else {
                                var dt = Date.Parse(Val);
                                dtVal = dt.Format(sFormat);
                                Dt.SetValue(dt.Format(oFormat));
                            }
                            OnChanged();
                        }
                    }
                });
                function ShowDef() {
                    if (dataCtrl.DefType == "自定义") {
                        CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                    }
                    if (dataCtrl.DefType == "公式编辑") {
                        var Val = Designer.Editable ? "${fx公式编辑}" : Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(默认值)\n" + dataCtrl.DefVal);
                        CtrlBox.Value = Val == null ? "" : Val;
                    }
                    Designer.CtrlShown(dataCtrl.ID);
                }
                if (Designer.Editable) {
                    ShowDef();
                }
                CtrlBox.Prepare = function () {
                    ShowDef();
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (默认值) {
                    var dataCtrl = CtrlBox.dataCtrl;
                    createSplit(propBody);
                    var label = createLabel(propBody, "默认值");
                    var DefVal = null;
                    var DefType = new CLSelect(propBody);
                    var DelSel = propBody.lastChild;
                    DefType.AddItems([
                        "自定义",
                        "公式编辑"
                    ]);
                    DefType.onchanged = function (This) {
                        if (DefVal != null) {
                            DefVal.parentNode.removeChild(DefVal);
                            DefVal = null;
                        }
                        if (This.selectedIndex == 0) {
                            //自定义
                            if (dataCtrl.DefType != This.Items[This.selectedIndex]) {
                                dataCtrl.DefVal = "";
                            }
                            DefVal = document.createElement("div");
                            DefVal.className = "Value";
                            DefVal.style.marginTop = "10px";
                            if (dataCtrl.DefType == This.Items[This.selectedIndex]) {
                                DefVal.value = dataCtrl.DefVal == null || typeof (dataCtrl.DefVal) != "string" ? "" : dataCtrl.DefVal;
                            }
                            CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                            DefVal.innerHTML = CtrlBox.Value;
                            DefVal.onclick = function (e) {
                                var oFormat = dataCtrl.dataFormat == null ? "yyyy-MM-dd" : dataCtrl.dataFormat.format;
                                var sFormat = (oFormat.toLocaleLowerCase().indexOf("h") > 0 || oFormat.indexOf("m") > 0 || oFormat.toLocaleLowerCase().indexOf("s") > 0) ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd";
                                var _dt = CLDate(dataCtrl.DefVal, sFormat, DefVal);
                                _dt.onchanged = function () {
                                    dataCtrl.DefVal = _dt.Value.toString();
                                    CtrlBox.Value = dataCtrl.DefVal;
                                }
                            }
                            propBody.insertBefore(DefVal, DelSel.nextSibling);
                            dataCtrl.DefType = This.Items[This.selectedIndex];
                        } else {
                            if (dataCtrl.DefType != This.Items[This.selectedIndex]) {
                                dataCtrl.DefVal = "\"" + dataCtrl.DefVal + "\"";
                            }
                            DefVal = document.createElement("div");
                            DefVal.className = "Value Btn";
                            DefVal.style.marginTop = "10px";
                            DefVal.innerHTML = "fx公式编辑";
                            DefVal.onclick = function () {
                                Designer.codeDlg(dataCtrl.DefVal, function (DefVal) {
                                    dataCtrl.DefVal = DefVal;
                                });
                            }
                            propBody.insertBefore(DefVal, DelSel.nextSibling);
                            dataCtrl.DefType = This.Items[This.selectedIndex];
                            CtrlBox.Value = "${fx公式编辑}";
                        }
                    }
                    DefType.selectedIndex = DefType.Items.indexOf(dataCtrl.DefType);
                    if (DefType.selectedIndex == -1) {
                        DefType.selectedIndex = 0;
                    }
                }());
                (function (日期格式) {
                    var dataCtrl = CtrlBox.dataCtrl;
                    createSplit(propBody);
                    var label = createLabel(propBody, "日期格式");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        CLDtFormatDialog(dataCtrl.dataFormat, function (dataFormat) {
                            dataCtrl.dataFormat = dataFormat;
                            if (dataCtrl.DefType == "自定义") {
                                CtrlBox.Value = dataCtrl.DefVal == null ? "" : dataCtrl.DefVal;
                            } else {
                                CtrlBox.Value = "${fx公式编辑}";
                            }
                        });
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["时间日期"]);
    }());

    (function (下拉框) {
        FrmUiCtrls["下拉框"] = {
            Icon: "&#xe80e;"
            , Name: "下拉框"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var selector = CtrlBox.CLSelect = new CLSelect(CtrlBox);
                selector.Scope = Designer.Scope;
                var divSelector = CtrlBox.lastChild;
                divSelector.style.cssText = cssText;
                selector.setPlaceholder(dataCtrl.Name == null ? this.Name : dataCtrl.Name);
                selector.EnableSearch(true);
                selector.EnableClear(true);
                var realItems = [];
                var shownItems = [];
                var bFrush = true;
                var Value = null;
                var cssNull = divSelector.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        divSelector.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return Value;
                    }
                    , set: function (Val) {
                        if (Val == this.Value) {
                            return;
                        }
                        Value = Val;
                        var index = realItems.indexOf(Val);
                        if (index == -1) {
                            selector.SetValue(Value);
                        } else {
                            selector.SetValue(shownItems[index]);
                        }
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    var onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    var flag = false;
                    if (dataCtrl.ItemInfo != null) {
                        if (dataCtrl.ItemInfo.Type == "自定义") {
                            var Val = dataCtrl.ItemInfo["自定义"];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                realItems.push(Val[i].realValue);
                                shownItems.push(Val[i].shownValue);
                            }
                            selector.AddItems(shownItems);
                            Designer.runCode(CtrlBox, onLoad);
                        } else if (dataCtrl.ItemInfo.Type == "数据查询") {
                            var Info = dataCtrl.ItemInfo["数据查询"];
                            flag = true;
                            selector.getItems = function (Success) {
                                if (!bFrush) {
                                    Success(shownItems);
                                    return;
                                }
                                var load = Designer.QueryData([Info.sourceId], false, function () {
                                    bFrush = false;
                                    realItems = [];
                                    shownItems = [];
                                    var Val = Designer.SourceData[Info.sourceId];
                                    if (Info.realValue != null && Info.shownValue != null) {
                                        for (var i = 0; Val != null && i < Val.length; i++) {
                                            var realVal = Val[i][Info.realValue];
                                            if (realVal == null) {
                                                continue;
                                            }
                                            realVal = realVal.constructor == {}.constructor ? realVal.oVal : realVal
                                            if (realItems.indexOf(realVal) < 0) {
                                                if (Val[i][Info.shownValue] == null) {
                                                    continue;
                                                }
                                                realItems.push(realVal);
                                                shownItems.push(Val[i][Info.shownValue]);
                                            }
                                        }
                                    }
                                    Success(shownItems);
                                });
                            }
                            Designer.PushSourceChanged(Info.sourceId);
                            Designer.runCode(CtrlBox, onLoad);
                        }
                        selector.onchanged = function () {
                            var onchanged = selector.onchanged;
                            selector.onchanged = function () { }
                            CtrlBox.Value = realItems[selector.selectedIndex];
                            selector.onchanged = onchanged;
                        }
                    } else {
                        Designer.runCode(CtrlBox, onLoad);
                    }
                    if (flag) {
                        selector.getItems(function () {
                            CtrlBox.Value = Designer.GetVarValue(CtrlBox.VarId);
                            Designer.CtrlShown(dataCtrl.ID);
                        });
                    } else {
                        CtrlBox.Value = Designer.GetVarValue(CtrlBox.VarId);
                        Designer.CtrlShown(dataCtrl.ID);
                    }
                }
                if (dataCtrl.ItemInfo != null && dataCtrl.ItemInfo.Type == "数据查询") {
                    var Info = dataCtrl.ItemInfo["数据查询"];
                    Designer.SourceDataChanged.push(function (IDs) {
                        if (IDs.indexOf(Info.sourceId) >= 0) {
                            bFrush = true;
                        }
                    });
                }

            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (选项) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "选项");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        ItemDlg(Designer, dataCtrl.ItemInfo, function (ItemInfo) {
                            dataCtrl.ItemInfo = ItemInfo;
                        });
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                var dataSources = Designer.dataFrm.dataSources;
                var dataSource = Designer.getDataSourceById(self.sourceId);
                if (dataSource == null) {
                    return false;
                }
                var Keys = FrmUiCtrls[dataCtrl.className].BindVars == null ? [] : FrmUiCtrls[dataCtrl.className].BindVars(Designer, dataCtrl);
                for (var i = 0; i < Keys.length; i++) {
                    var Key = Keys[i];
                    if (DataSourceDlg.VarInUse(Key, dataSource)) {
                        return true;
                    }
                }
                return false;
            }
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["下拉框"]);
    }());

    (function (下拉复选框) {
        FrmUiCtrls["下拉复选框"] = {
            Icon: "&#xe80e;"
            , Name: "下拉复选框"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                var selector = CtrlBox.CLSelect = new CLSelect(CtrlBox);
                selector.Scope = Designer.Scope;
                var divSelector = CtrlBox.lastChild;
                divSelector.style.cssText = cssText;
                selector.setPlaceholder(dataCtrl.Name == null ? this.Name : dataCtrl.Name);
                selector.EnableSearch(true);
                selector.EnableClear(true);
                selector.EnableMultiSel(true);
                var realItems = [];
                var shownItems = [];
                var Value = null;
                var bFrush = true;
                var cssNull = divSelector.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        divSelector.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return Value;
                    }
                    , set: function (Val) {
                        var curVal = JSON.stringify(this.Value);
                        if (Val != null && Val.constructor == "".constructor) {
                            Val = JSON.parse(Val);
                        }
                        if (JSON.stringify(Val) == curVal) {
                            return;
                        }
                        Value = Val;
                        if (Val != null) {
                            var indexes = [];
                            for (var i = 0; i < Val.length; i++) {
                                indexes.push(realItems.indexOf(Val[i]));
                            }
                        }
                        selector.selectedIndexes = indexes;
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    var onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    if (dataCtrl.ItemInfo != null) {
                        if (dataCtrl.ItemInfo.Type == "自定义") {
                            var Val = dataCtrl.ItemInfo["自定义"];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                realItems.push(Val[i].realValue);
                                shownItems.push(Val[i].shownValue);
                            }
                            selector.AddItems(shownItems);
                            Designer.runCode(CtrlBox, onLoad);
                        } else if (dataCtrl.ItemInfo.Type == "数据查询") {
                            var Info = dataCtrl.ItemInfo["数据查询"];
                            selector.getItems = function (Success) {
                                if (!bFrush) {
                                    Success(shownItems);
                                    return;
                                }
                                var load = Designer.QueryData([Info.sourceId], false, function () {
                                    bFrush = false;
                                    realItems = [];
                                    shownItems = [];
                                    var Val = Designer.SourceData[Info.sourceId];
                                    if (Info.realValue != null && Info.shownValue != null) {
                                        for (var i = 0; Val != null && i < Val.length; i++) {
                                            var realVal = Val[i][Info.realValue];
                                            if (realVal == null) {
                                                continue;
                                            }
                                            realVal = realVal.constructor == {}.constructor ? realVal.oVal : realVal
                                            if (realItems.indexOf(realVal) < 0) {
                                                if (Val[i][Info.shownValue] == null) {
                                                    continue;
                                                }
                                                realItems.push(realVal);
                                                shownItems.push(Val[i][Info.shownValue]);
                                            }
                                        }
                                    }
                                    Success(shownItems);
                                });
                                load ? load.Stop() : load;
                            }
                            Designer.PushSourceChanged(Info.sourceId);
                            Designer.runCode(CtrlBox, onLoad);
                        }
                        selector.onchanged = function () {
                            var indexes = selector.selectedIndexes;
                            var Value;
                            if (indexes == null || indexes.length == 0) {
                                Value = null;
                            } else {
                                Value = [];
                                for (var i = 0; i < indexes.length; i++) {
                                    Value.push(realItems[indexes[i]]);
                                }
                            }
                            var onchanged = selector.onchanged;
                            selector.onchanged = function () { }
                            CtrlBox.Value = Value;
                            selector.onchanged = onchanged;
                        }
                    } else {
                        Designer.runCode(CtrlBox, onLoad);
                    }
                    if (selector.getItems) {
                        selector.getItems(function () {
                            selector.AddItems(realItems);
                            CtrlBox.Value = Designer.GetVarValue(CtrlBox.VarId);
                            Designer.CtrlShown(dataCtrl.ID);
                        });
                    } else {
                        CtrlBox.Value = Designer.GetVarValue(CtrlBox.VarId);
                        Designer.CtrlShown(dataCtrl.ID);
                    }
                }
                if (dataCtrl.ItemInfo != null && dataCtrl.ItemInfo.Type == "数据查询") {
                    var Info = dataCtrl.ItemInfo["数据查询"];
                    Designer.SourceDataChanged.push(function (IDs) {
                        if (IDs.indexOf(Info.sourceId) >= 0) {
                            bFrush = true;
                        }
                    });
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (选项) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "选项");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        ItemDlg(CtrlBox.Designer, dataCtrl.ItemInfo, function (ItemInfo) {
                            dataCtrl.ItemInfo = ItemInfo;
                        });
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["下拉框"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["基础控件"].push(FrmUiCtrls["下拉复选框"]);
    }());

    (function (成员单选) {
        FrmUiCtrls["成员单选"] = {
            Name: "成员单选"
            , Icon: "&#xe7d6;"
            , DefSize: {
                Width: 330,
                Height: 40,
            }
            , DefMinSize: [115, 40]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                if (dataCtrl.Range == null) {
                    dataCtrl.Range = {
                        Parts: [

                        ],
                        Roles: [

                        ],
                        Members: [

                        ],
                        Dynamic: [

                        ]
                    };
                }
                var div = document.createElement("div");
                div.style.cssText = cssText;
                div.style.height = "40px";
                div.style.border = "1px #e0e0e0 dashed";
                div.className = "CLEmpty2";
                div.setAttribute("Empty", dataCtrl.Name);
                div.style.cursor = "pointer";
                div.style.overflow = "hidden";
                div.style.whiteSpace = "nowrap";
                div.style.textOverflow = "ellipsis";
                var cssNull = div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                CtrlBox.appendChild(div);
                CtrlBox.Div = div;
                var MemberID = null;
                div.onclick = function () {
                    MemberDialog(dataCtrl.Range, false, { Members: (CtrlBox.Value == null ? null : [CtrlBox.Value]) }, true, function (Val) {
                        CtrlBox.Value = Val.Members[0];
                    });
                }
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return MemberID;
                    },
                    set: function (val) {
                        if (val == null || val.trim() == "") {
                            val = null;
                        }
                        if (MemberID == val) {
                            return;
                        }
                        MemberID = val;
                        if (val == null) {
                            div.innerHTML = "";
                            div.style.textAlign = "";
                        } else {
                            div.style.textAlign = "center";
                            var html = "<div style='padding-right:10px; height: 30px; margin: 5px 0px 0px 5px; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                            html += "<span>" + CLApp.getMemberNameById(val) + "</span></div>";
                            div.innerHTML = html;
                        }
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    if (dataCtrl.DefVal != null) {
                        CtrlBox.Value = FrmCtrls.CalcMembers({ Members: [dataCtrl.DefVal.MemberId], Dynamic: [dataCtrl.DefVal.Dynamic] })[0];
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                CtrlBox.NameChanged = function () {
                    CtrlBox.Div.setAttribute("Empty", dataCtrl.Name);
                }
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "可选范围");
                var Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    MemberRangeDialog(dataCtrl.Range, function (Range) {
                        dataCtrl.Range = Range;
                    });
                }
                createSplit(propBody);
                label = createLabel(propBody, "默认值");
                Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    if (dataCtrl.DefVal == null) {
                        dataCtrl.DefVal = {};
                    }
                    var Value = {
                        Members: [dataCtrl.DefVal.MemberId],
                        Dynamic: [dataCtrl.DefVal.Dynamic]
                    }
                    MemberDialog(dataCtrl.Range, false, Value, false, function (Val) {
                        dataCtrl.DefVal = {};
                        if (Val.Members.length != 0) {
                            dataCtrl.DefVal.MemberId = Val.Members[0];
                        }
                        if (Val.Dynamic.length != 0) {
                            dataCtrl.DefVal.Dynamic = Val.Dynamic[0];
                        }
                    });
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["成员单选"]);
    }());

    (function (成员多选) {
        FrmUiCtrls["成员多选"] = {
            Name: "成员多选"
            , Icon: "&#xe818"
            , DefSize: {
                Width: 330,
                Height: 40,
            }
            , DefMinSize: [115, 40]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                if (dataCtrl.Range == null) {
                    dataCtrl.Range = {
                        Parts: [

                        ],
                        Roles: [

                        ],
                        Members: [

                        ],
                        Dynamic: [

                        ]
                    };
                }
                var div = document.createElement("div");
                div.style.cssText = cssText;
                div.style.height = "100%";
                div.style.border = "1px #e0e0e0 dashed";
                div.className = "CLEmpty2";
                div.setAttribute("Empty", dataCtrl.Name);
                div.style.cursor = "pointer";
                CtrlBox.appendChild(div);
                CtrlBox.Div = div;
                var cssNull = div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var SelectedIDs = [];
                div.onclick = function () {
                    MemberDialog(dataCtrl.Range, true, { Members: CtrlBox.Value }, true, function (Val) {
                        CtrlBox.Value = Val.Members;
                    });
                }
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs;
                    },
                    set: function (Val) {
                        if (Val == null) {
                            SelectedIDs = [];
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = Val;
                            } else {
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = CLClone(Val);
                            }
                        }
                        var Vals = [];
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (Vals.indexOf(SelectedIDs[i]) < 0) {
                                Vals.push(SelectedIDs[i]);
                            }
                        }
                        SelectedIDs = Vals;
                        var html = ""
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            if (SelectedIDs[i] == null) {
                                SelectedIDs.splice(i, 1);
                                i--;
                                continue;
                            }
                            html += "<div style='padding-right:10px; height: 30px; margin: 5px 0px 0px 5px; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe78c;</div>"
                            html += "<span>" + CLApp.getMemberNameById(SelectedIDs[i]) + "</span></div>";
                        }
                        div.innerHTML = html;
                        var height = CtrlBox.style.height;
                        CtrlBox.style.transition = "none";
                        CtrlBox.style.height = "40px";
                        div.style.overflow = "auto";
                        var scrollHeight = div.scrollHeight + 5;
                        div.style.overflow = "hidden";
                        CtrlBox.style.height = height;
                        CtrlBox.Gridster.set_widget_size(CtrlBox, CtrlBox.offsetWidth, scrollHeight);
                        CtrlBox.style.transition = "";
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    if (dataCtrl.DefVal != null) {
                        CtrlBox.Value = FrmCtrls.CalcMembers(dataCtrl.DefVal);
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                CtrlBox.NameChanged = function () {
                    CtrlBox.Div.setAttribute("Empty", dataCtrl.Name);
                }
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "可选范围");
                var Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    MemberRangeDialog(dataCtrl.Range, function (Range) {
                        dataCtrl.Range = Range;
                    });
                }
                createSplit(propBody);
                label = createLabel(propBody, "默认值");
                Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    MemberDialog(dataCtrl.Range, true, dataCtrl.DefVal, false, function (Val) {
                        dataCtrl.DefVal = Val;
                    });
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["成员多选"]);
    }());

    (function (部门单选) {
        FrmUiCtrls["部门单选"] = {
            Name: "部门单选"
            , Icon: "&#xe7d5;"
            , DefSize: {
                Width: 330,
                Height: 40,
            }
            , DefMinSize: [115, 40]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                if (dataCtrl.Range == null) {
                    dataCtrl.Range = {};
                }
                if (dataCtrl.DefVal == null) {
                    dataCtrl.DefVal = {};
                }
                var div = document.createElement("div");
                div.style.cssText = cssText;
                div.style.height = "40px";
                div.style.overflow = "hidden";
                div.style.whiteSpace = "nowrap";
                div.style.textOverflow = "ellipsis";
                div.style.border = "1px #e0e0e0 dashed";
                div.className = "CLEmpty2";
                div.setAttribute("Empty", dataCtrl.Name);
                div.style.cursor = "pointer";
                CtrlBox.appendChild(div);
                CtrlBox.Div = div;
                var cssNull = div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var SelectedIDs = [];
                div.onclick = function () {
                    PropDepartDialog(dataCtrl.Range, { Parts: (CtrlBox.Value == null ? null : [CtrlBox.Value]) }, false, true, function (Range) {
                        CtrlBox.Value = Range.Parts[0];
                    });
                }
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs[0];
                    },
                    set: function (Val) {
                        if (Val == SelectedIDs[0]) {
                            return;
                        }
                        if (Val != null) {
                            SelectedIDs = [Val];
                            div.style.textAlign = "center";
                            var html = "<div style='padding-right:10px; height: 30px; margin: 5px 0px 0px 5px; line-height: 30px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                            html += "<span>" + CLApp.getDepartmentNameById(Val) + "</span></div>";
                            div.innerHTML = html;
                        } else {
                            div.style.textAlign = "";
                            SelectedIDs = [];
                            div.innerHTML = "";
                        }
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    if (dataCtrl.DefVal != null) {
                        CtrlBox.Value = FrmCtrls.CalcParts({ Parts: [dataCtrl.DefVal.PartId], Dynamic: [dataCtrl.DefVal.Dynamic] })[0];
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                CtrlBox.NameChanged = function () {
                    CtrlBox.Div.setAttribute("Empty", dataCtrl.Name);
                }
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "可选范围");
                var Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    PropDepartDialog({ Parts: [], Dynamic: [] }, dataCtrl.Range, true, false, function (Range) {
                        dataCtrl.Range = Range;
                    });
                }
                createSplit(propBody);
                label = createLabel(propBody, "默认值");
                Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    var Val = { Parts: [], Dynamic: [] };
                    if (dataCtrl.DefVal.PartId != null && dataCtrl.DefVal.PartId.length != 0) {
                        Val.Parts = [dataCtrl.DefVal.PartId];
                    }
                    if (dataCtrl.DefVal.Dynamic != null && dataCtrl.DefVal.Dynamic.length != 0) {
                        Val.Dynamic = [dataCtrl.DefVal.Dynamic];
                    }
                    PropDepartDialog(dataCtrl.Range, Val, false, false, function (Range) {
                        dataCtrl.DefVal = {};
                        dataCtrl.DefVal.PartId = Range.Parts[0];
                        dataCtrl.DefVal.Dynamic = Range.Dynamic[0];
                        if (dataCtrl.DefVal.PartId == null) {
                            delete dataCtrl.DefVal.PartId;
                        }
                        if (dataCtrl.DefVal.Dynamic == null) {
                            delete dataCtrl.DefVal.Dynamic;
                        }
                    });
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["部门单选"]);
    }());

    (function (部门多选) {
        FrmUiCtrls["部门多选"] = {
            Name: "部门多选"
            , Icon: "&#xe7d5;"
            , DefSize: {
                Width: 330,
                Height: 40,
            }
            , DefMinSize: [115, 40]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                if (dataCtrl.Range == null) {
                    dataCtrl.Range = {};
                }
                if (dataCtrl.DefVal == null) {
                    dataCtrl.DefVal = {};
                }
                var div = document.createElement("div");
                div.style.cssText = cssText;
                div.style.height = "100%";
                div.style.border = "1px #e0e0e0 dashed";
                div.className = "CLEmpty2";
                div.setAttribute("Empty", dataCtrl.Name);
                div.style.cursor = "pointer";
                CtrlBox.appendChild(div);
                CtrlBox.Div = div;
                var cssNull = div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                div.onclick = function () {
                    PropDepartDialog(dataCtrl.Range, { Parts: CtrlBox.Value }, true, true, function (Range) {
                        CtrlBox.Value = Range.Parts;
                    });
                }
                var SelectedIDs = [];
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return SelectedIDs.length == 0 ? null : SelectedIDs;
                    },
                    set: function (Val) {
                        if (Val == null) {
                            SelectedIDs = [];
                        } else {
                            if (Val.constructor != [].constructor) {
                                Val = JSON.parse(Val);
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = Val;
                            } else {
                                if (Object.Equals(SelectedIDs, Val)) {
                                    return;
                                }
                                SelectedIDs = CLClone(Val);
                            }
                        }
                        var html = ""
                        for (var i = 0; i < SelectedIDs.length; i++) {
                            html += "<div style='padding-right:10px; height: 30px;line-height: 30px; margin: 5px 0px 0px 5px; display: inline-block;'><div class='FontIcon' style='color: rgb(13, 179, 166);'>&#xe600;</div>"
                            html += "<span>" + CLApp.getDepartmentNameById(SelectedIDs[i]) + "</span></div>";
                        }
                        div.innerHTML = html;
                        var height = CtrlBox.style.height;
                        CtrlBox.style.transition = "none";
                        CtrlBox.style.height = "40px";
                        div.style.overflow = "auto";
                        var scrollHeight = div.scrollHeight + 5;
                        div.style.overflow = "hidden";
                        CtrlBox.style.height = height;
                        CtrlBox.Gridster.set_widget_size(CtrlBox, CtrlBox.offsetWidth, scrollHeight);
                        CtrlBox.style.transition = "";
                        OnChanged();
                    }
                });
                CtrlBox.Prepare = function () {
                    if (dataCtrl.DefVal != null) {
                        CtrlBox.Value = FrmCtrls.CalcParts(dataCtrl.DefVal);
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                CtrlBox.NameChanged = function () {
                    CtrlBox.Div.setAttribute("Empty", dataCtrl.Name);
                }
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "可选范围");
                var Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    PropDepartDialog({ Parts: [], Dynamic: [] }, dataCtrl.Range, true, false, function (Range) {
                        dataCtrl.Range = Range;
                    });
                }
                createSplit(propBody);
                label = createLabel(propBody, "默认值");
                Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    PropDepartDialog(dataCtrl.Range, dataCtrl.DefVal, true, false, function (Range) {
                        dataCtrl.DefVal = Range;
                    });
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: FrmUiCtrls["单行文本"].getDepend
            , BindVars: FrmUiCtrls["单行文本"].BindVars
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["部门多选"]);
    }());

    (function (分页控件) {
        FrmUiCtrls["分页控件"] = {
            Icon: "&#xe6d8;"
            , Name: "分页控件"
            , DefSize: {
                Width: 280,
                Height: 32,
            }
            , DefMinSize: [280, 32]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                dataCtrl.pageCounts = dataCtrl.pageCounts == null ? [10, 20, 30] : dataCtrl.pageCounts;
                dataCtrl.pageCount = dataCtrl.pageCount == null ? 10 : dataCtrl.pageCount;
                dataCtrl.BindInfo = dataCtrl.BindInfo == null ? {} : dataCtrl.BindInfo;
                var Div = document.createElement("div");
                Div.style.cssText = cssText;
                Div.style.height = "32px";
                CtrlBox.appendChild(Div);
                var countSel = null;
                if (dataCtrl.pageCounts.length != 0) {
                    var selectorDiv = document.createElement("div");
                    selectorDiv.style.height = "100%";
                    selectorDiv.style.width = "150px";
                    selectorDiv.style.padding = "1px";
                    selectorDiv.style.cssFloat = "left";
                    Div.appendChild(selectorDiv);
                    countSel = new CLSelect(selectorDiv);
                    countSel.Scope = Designer.Scope;
                    for (var i = 0; i < dataCtrl.pageCounts.length ; i++) {
                        countSel.AddItems(dataCtrl.pageCounts[i] + "条/页");
                    }
                    countSel.selectedIndex = 0;
                    countSel.onchanged = function () {
                        var fastQuery = Designer.dataFrm.fastQuery;
                        Designer.dataFrm.fastQuery = false;
                        CtrlBox.PageCount = dataCtrl.pageCounts[countSel.selectedIndex];
                        Designer.SetVarValue(dataCtrl.BindInfo.perPage, dataCtrl.pageCounts[countSel.selectedIndex]);
                        Designer.SetVarValue(dataCtrl.BindInfo.currentPage, 1);
                        Designer.dataFrm.fastQuery = fastQuery;
                        Designer.FlushVar();
                    }
                };
                var ResetPageInfo;
                (function () {
                    var PageReturn = document.createElement("div");
                    PageReturn.style.cssText = "float:right;border:solid 1px #e0e0e0;line-height:29px";
                    var PrePage = document.createElement("div");
                    PrePage.style.cssText = "font-family:CLFont;cursor:pointer; width:25px;text-align:center; display:inline-block;border-right:solid 1px #e0e0e0;";
                    PrePage.innerHTML = "&#xe679;";
                    PageReturn.appendChild(PrePage);
                    PrePage.onclick = function () {
                        var iPage = parseInt(countSpan.innerHTML);
                        if (input.value * 1 != 1) {
                            input.value = input.value * 1 - 1;
                        } else {
                            return;
                        }
                        //上一页
                        ResetPageInfo();
                        Designer.SetVarValue(dataCtrl.BindInfo.currentPage, input.value * 1);
                    }
                    var NextPage = document.createElement("div");
                    NextPage.style.cssText = "font-family:CLFont;cursor:pointer;width:25px;text-align:center;display:inline-block";
                    NextPage.innerHTML = "&#xe6a3;";
                    PageReturn.appendChild(NextPage);
                    NextPage.onclick = function () {
                        var iPage = CtrlBox.TotalCount / CtrlBox.PageCount;
                        if (input.value * 1 < iPage) {
                            input.value = input.value * 1 + 1;
                        } else {
                            return;
                        }
                        //下一页
                        ResetPageInfo();
                        Designer.SetVarValue(dataCtrl.BindInfo.currentPage, input.value * 1);
                    }
                    var ToNextPage = NextPage.onclick;
                    var ToPrePage = PrePage.onclick;

                    Div.appendChild(PageReturn);
                    var PageJmp = document.createElement("div");
                    PageJmp.style.cssText = "float: right;line-height:29px";
                    Div.appendChild(PageJmp);
                    var input = document.createElement("input");
                    input.style.cssText = "padding: 0 2px;width: 25px;height:25px; text-align: center";
                    input.value = "1";
                    input.style.color = "inherit";
                    PageJmp.appendChild(input);
                    var span = document.createElement("span");
                    span.style.cssText = "padding: 0 3px";
                    span.innerHTML = "/";
                    PageJmp.appendChild(span);
                    var countSpan = span.cloneNode();
                    countSpan.innerHTML = 1;
                    PageJmp.appendChild(countSpan);
                    input.oninput = function () {
                        var iPage = parseInt(countSpan.innerHTML);
                        CLCheckInt(input, 1, iPage);
                    }
                    input.onchange = function () {
                        ResetPageInfo();
                        //跳转
                        Designer.SetVarValue(dataCtrl.BindInfo.currentPage, input.value * 1);
                    }
                    var TotalCount = 0;
                    var PageCount = 0;
                    Object.defineProperty(CtrlBox, "TotalCount", {
                        get: function () {
                            return TotalCount;
                        },
                        set: function (count) {
                            TotalCount = count;
                            ResetPageInfo();
                        }
                    });
                    Object.defineProperty(CtrlBox, "PageCount", {
                        get: function () {
                            return PageCount;
                        },
                        set: function (count) {
                            PageCount = count;
                            ResetPageInfo();
                        }
                    });
                    ResetPageInfo = function () {
                        var iPage = Math.ceil(CtrlBox.TotalCount / CtrlBox.PageCount);
                        countSpan.innerHTML = iPage;
                        if (input.value * 1 >= iPage) {
                            input.value = iPage < 1 ? 1 : iPage;
                            NextPage.style.cursor = "not-allowed";
                            NextPage.style.opacity = "0.5";
                        } else {
                            NextPage.style.cursor = "pointer";
                            NextPage.style.opacity = "1";
                        }
                        if (input.value * 1 <= 1) {
                            PrePage.style.cursor = "not-allowed";
                            PrePage.style.opacity = "0.5";
                        } else {
                            PrePage.style.cursor = "pointer";
                            PrePage.style.opacity = "1";
                        }
                        input.style.width = countSpan.offsetWidth + 20 + "px";
                    }
                    CtrlBox.PageCount = countSel == null ? dataCtrl.pageCount : dataCtrl.pageCounts[countSel.selectedIndex];
                    Object.defineProperty(CtrlBox, "Value", {
                        get: function () {
                            return input.value * 1;
                        },
                        set: function (v) {
                            input.value = parseInt(v);
                            Designer.SetVarValue(dataCtrl.BindInfo.currentPage, input.value * 1);
                            ResetPageInfo();
                        }
                    });
                }());
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;

                CtrlBox.Prepare = function () {
                    var pageCount = countSel == null ? dataCtrl.pageCount : dataCtrl.pageCounts[countSel.selectedIndex];
                    if (dataCtrl.BindInfo.perPage != null) {
                        Designer.SetVarValue(dataCtrl.BindInfo.perPage, pageCount);
                    }
                    if (dataCtrl.BindInfo.currentPage != null) {
                        Designer.SetVarValue(dataCtrl.BindInfo.currentPage, 1);
                    }
                    Designer.CtrlShown(dataCtrl.ID);
                }
                CtrlBox.TotalCount = 1 / 0;
                Designer.SourceDataChanged.push(function (IDs) {
                    var totalPage = dataCtrl.BindInfo.totalPage;
                    if (totalPage == null || IDs.indexOf(totalPage.SourceID) < 0) {
                        return;
                    }
                    var load = Designer.QueryData([totalPage.SourceID], false, function () {
                        if (totalPage != null && totalPage.SourceID != null && IDs.indexOf(totalPage.SourceID) >= 0 && Designer.SourceData[totalPage.SourceID][0] != null) {
                            CtrlBox.TotalCount = Designer.SourceData[totalPage.SourceID][0][totalPage.ID] || 1 / 0;
                        } else {

                        }
                    });
                    load == null ? load : load.Stop();
                });
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (页条目) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "页条目");
                    var pageInput = createValue(propBody);
                    pageInput.value = dataCtrl.pageCounts.toString();
                    pageInput.onchange = function () {
                        var sVal = pageInput.value;
                        var valList = sVal.split(",");
                        dataCtrl.pageCounts = [];
                        for (var i = 0; i < valList.length; i++) {
                            var iVal = valList[i] * 1;
                            if (iVal != 0 && !isNaN(iVal)) {
                                dataCtrl.pageCounts.push(iVal);
                            }
                        }
                    }
                }());
                //每页条数
                (function (每页条数) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "每页条数");
                    var vInput = createValue(propBody);
                    vInput.value = dataCtrl.pageCount;
                    vInput.onchange = function () {
                        dataCtrl.pageCount = vInput.value * 1;
                        if (isNaN(dataCtrl.pageCount) || dataCtrl.pageCount == 0) {
                            dataCtrl.pageCount = 10;
                            vInput.value = dataCtrl.pageCount;
                        }
                    }
                    vInput.oninput = function () {
                        CLCheckInt(vInput, 1, 500);
                    }
                }());
                //参数绑定
                var allVars = Designer.getAllVars();
                var dataForms = Designer.getDataForms();
                var IDs = [];
                for (var i = 0; i < allVars.length; i++) {
                    IDs.push(allVars[i].ID);
                }
                createSplit(propBody);
                var label = createLabel(propBody, "每页条数绑定");
                var perPage = new CLSelect(propBody);
                perPage.EnableClear(true);
                var perPageIndex = -1;
                for (var i = 0; i < allVars.length; i++) {
                    if (allVars[i].className == "行") {
                        perPage.AddItems([{
                            ID: allVars[i].ID,
                            Name: allVars[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        }]);
                        if (dataCtrl.BindInfo.perPage == allVars[i].ID) {
                            perPageIndex = perPage.Items.length - 1;
                        }
                    }
                }
                perPage.onchanged = function () {
                    dataCtrl.BindInfo.perPage = perPage.selectedIndex == -1 ? null : this.Items[perPage.selectedIndex].ID;
                }
                perPage.selectedIndex = perPageIndex;

                createSplit(propBody);
                var label = createLabel(propBody, "当前页数绑定");
                var currentPage = new CLSelect(propBody);
                currentPage.EnableClear(true);
                var currentPageIndex = -1;
                for (var i = 0; i < allVars.length; i++) {
                    if (allVars[i].className == "页") {
                        currentPage.AddItems([{
                            ID: allVars[i].ID,
                            Name: allVars[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        }]);
                        if (dataCtrl.BindInfo.currentPage == allVars[i].ID) {
                            currentPageIndex = currentPage.Items.length - 1;
                        }
                    }
                }
                currentPage.onchanged = function () {
                    dataCtrl.BindInfo.currentPage = currentPage.selectedIndex == -1 ? null : this.Items[currentPage.selectedIndex].ID;
                }
                currentPage.selectedIndex = currentPageIndex;
                createSplit(propBody);
                var label = createLabel(propBody, "总条数绑定");
                var totalPage = new CLSelect(propBody);
                totalPage.SetValue(dataCtrl.BindInfo.totalPage == null ? "" : dataCtrl.BindInfo.totalPage.Name);
                var selectorDiv = propBody.lastChild;
                totalPage.OnClick = function (event) {
                    var Forms = [];
                    for (var i = 0; i < dataForms.length; i++) {
                        var Form = {
                            ID: dataForms[i].ID,
                            type: "Source",
                            Name: dataForms[i].Name,
                            SubNode: []
                        };
                        for (var j = 0; j < dataForms[i].Fields.length; j++) {
                            if (dataForms[i].Fields[j].className == "数字") {
                                Form.SubNode.push({
                                    ID: dataForms[i].ID + "." + dataForms[i].Fields[j].ID,
                                    SourceID: dataForms[i].ID,
                                    FieldID: dataForms[i].Fields[j].ID,
                                    SourceName: dataForms[i].Name,
                                    Name: dataForms[i].Fields[j].Name,
                                    className: dataForms[i].Fields[j].className
                                });
                            }
                        }
                        Forms.push(Form);
                    }
                    var treeData = {
                        ID: CLMakeId(),
                        Name: "无",
                        SubNode: Forms
                    };
                    var sourceTree = new CLTree(treeData);
                    sourceTree.Editable = false;
                    sourceTree.Animation = false;
                    sourceTree.OnItemCreated = function (Item, ItemData) {
                        Item.Icon.style.display = "none";
                        if (ItemData.ID == treeData.ID) {
                            Item.firstChild.style.display = "none";
                        } else {
                            Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                            if (ItemData.type == "Source") {
                                Item.firstChild.getElementsByClassName("Name")[0].style.cursor = "pointer";
                                var open = Item.Open; var close = Item.Close;
                                Item.Open = function () {
                                    open.call(Item);
                                    _CLMenu.Div.style.height = "";
                                    _CLMenu.Reset();
                                }
                                Item.Close = function () {
                                    close.call(Item);
                                    _CLMenu.Div.style.height = "";
                                    _CLMenu.Reset();
                                }
                                Item.Ctrl.onclick = function (e) {
                                    Item.IsOpen() ? Item.Close() : Item.Open();
                                    e.stopPropagation();
                                }
                            }
                        }
                    }
                    sourceTree.OnSelected = function (ItemData) {
                        if (ItemData.type == "Source") {
                            return;
                        }
                        dataCtrl.BindInfo.totalPage = {
                            ID: ItemData.FieldID,
                            Name: ItemData.SourceName + "." + ItemData.Name,
                            SourceID: ItemData.SourceID
                        }
                        totalPage.SetValue(dataCtrl.BindInfo.totalPage.Name);
                        _CLMenu.Close();
                    }
                    var Menu = {
                        "style": {
                            "max-height": "250px",
                        },
                        "Items": []
                    };
                    var _CLMenu = new CLMenu(Menu, selectorDiv);
                    var sInput = document.createElement("input");
                    sInput.className = "CLSearch";
                    sInput.style.height = "30px";
                    sInput.style.marginLeft = "10px";
                    _CLMenu.Div.appendChild(sInput);
                    sInput.onchange = function () {
                        sourceTree.Search(sInput.value);
                        _CLMenu.Div.style.height = "";
                        _CLMenu.Reset();
                    }
                    var div = document.createElement("div");
                    div.style.maxHeight = "calc(100% - 35px)";
                    _CLMenu.Div.appendChild(div);
                    sourceTree.Render(div);
                    _CLMenu.Div.lastChild.style.overflowY = "auto";
                    _CLMenu.Div.style.height = "";
                    _CLMenu.Reset();
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
            , BindVars: function (Designer, self) {
                var dataCtrl = self;
                var BindInfo = self.BindInfo;
                if (BindInfo == null) {
                    return [];
                }
                var Keys = [];
                if (BindInfo.currentPage) {
                    Keys.push(BindInfo.currentPage);
                }
                if (BindInfo.perPage) {
                    Keys.push(BindInfo.perPage);
                }
                return Keys;
            }
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["分页控件"]);
    }());

    (function (富文本框) {

        FrmUiCtrls["富文本框"] = {
            Icon: "&#xe611;"
            , Name: "富文本框"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [5, 5]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Rich";
                Div.style.overflow = "hidden";
                CtrlBox.appendChild(Div);
                var _CLExcel;
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });

                CtrlBox.cssText = dataCtrl.cssText;
                Div.innerHTML = "<div style='width:100%;height:100%'></div>";
                CtrlBox.wLen = CtrlBox.offsetWidth - Div.firstChild.clientWidth;
                CtrlBox.hLen = CtrlBox.offsetHeight - Div.firstChild.clientHeight;
                var Box = Div.firstChild;
                var pretty = '<link rel="stylesheet" href="' + CLHost + '/js/highlight/styles/cl.min.css" /><script src="' + CLHost + '/js/highlight/highlight.min.js"></script><script src="' + CLHost + '/js/highlight/languages/javascript.min.js"></script><script>hljs.configure({cssSelector:"pre"});</script>';
                CtrlBox.Prepare = function () {
                    var iframe;
                    var styleSheet = dataCtrl.styleSheet;
                    if (!styleSheet) {
                        styleSheet = "";
                    }
                    if (dataCtrl.Editable) {
                        CLApp.RichEdit(dataCtrl.sHtml, function () {
                        }, Box, null, "");
                        iframe = Box.parentNode.getElementsByClassName("ke-edit-iframe")[0];
                        iframe.contentWindow.addEventListener("keydown", function (e) {
                            if (e.code == "KeyS" && e.ctrlKey && !e.altKey) {
                                CtrlBox.Save();
                                e.preventDefault();
                            }
                        });
                        Box.iframe = iframe;
                        CtrlBox.Save = function () { }
                    } else {
                        iframe = document.createElement("iframe");
                        iframe.style.width = "100%";
                        iframe.style.height = "100%";
                        iframe.style.border = "none";
                        Box.appendChild(iframe);
                        Box.sHtml = !dataCtrl.sHtml ? "" : dataCtrl.sHtml;
                        var url = "data:text/html;base64," + new CLBase64().encode(pretty + Box.sHtml.replace(/class="prettyprint lang-js"/, 'class="javascript"'));
                        url = CLGetObjectURL(new CLBase64().blobUrl(url));
                        Box.url = url;
                        iframe.setAttribute("src", url);
                        Box.iframe = iframe;
                    }
                    styleSheet +=
                        "html {margin:0;padding:0;}\
                        body {margin:0;padding:5px;}\
                        body, td {font:12px 宋体;}\
                        body, p, div {word-wrap: break-word;}\
                        p {margin:5px 0;}\
                        table {border-collapse:collapse;}\
                        img {border:0;}\
                        noscript {display:none;}";
                    var style = document.createElement("style");
                    style.innerHTML = styleSheet;
                    style.setAttribute('type', 'text/css');
                    Box.iframe.onload = function () {
                        var doc = iframe.contentWindow.document;
                        doc.head.appendChild(style);
                        if (!dataCtrl.Editable) {
                            iframe.contentWindow.addEventListener("click", function (e) {
                                var ele = e.srcElement;
                                if (ele.tagName == "A") {
                                    var href = ele.getAttribute("href");
                                    if (href[0] == "#") {
                                        location.hash = href;
                                    } else if (href[0] == "&") {
                                        var arr = href.substr(1).split("&");
                                        for (var i = 0; i < arr.length ; i++) {
                                            var keyVal = arr[i].split("=");
                                            if (keyVal.length == 2) {
                                                CLQueryString(keyVal[0], keyVal[1]);
                                            }
                                        }
                                    } else {
                                        if (href.indexOf("http") != 0) {
                                            href = CLHost + href;
                                        }
                                        var target = ele.getAttribute("target");
                                        if ("_blank" == target) {
                                            open(href);
                                        } else {
                                            location.href = href;
                                        }
                                    }
                                    e.preventDefault();
                                    e.stopPropagation();
                                }
                            }, true);
                        }
                    }
                    var on_end_resize = function () {
                        if (Box.KingEditor) {
                            Box.KingEditor.resize(Div.offsetWidth, Div.offsetHeight);
                        }
                    }
                    CtrlBox.on_end_resize = on_end_resize;
                    CtrlBox.Save = function () {
                        if (dataCtrl.OnSave) {
                            Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(保存)\n" + dataCtrl.OnSave);
                        }
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
                CtrlBox.html = function (sHtml) {
                    var iframe = Box.iframe;
                    if (Box.KingEditor) {
                        return Box.KingEditor.html(sHtml);
                    } else {
                        if (sHtml !== undefined) {
                            Box.sHtml = sHtml;
                            CLDelay(function () {
                                var doc = iframe.contentWindow && iframe.contentWindow.document;
                                if (doc.body) {
                                    doc.body.innerHTML = sHtml.replace(/class="prettyprint lang-js"/, 'class="javascript"');
                                    iframe.contentWindow.hljs.highlightAll();
                                }
                            }, 10);
                        } else {
                            return Box.sHtml;
                        }
                    }
                }

            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "设置文本");
                var Btn = createBtn(propBody, "编辑");
                Btn.onclick = function () {
                    CLApp.RichEdit(dataCtrl.sHtml, function (sHtml) {
                        dataCtrl.sHtml = sHtml;
                        CtrlBox.getElementsByClassName("Rich")[0].innerHTML = dataCtrl.sHtml;
                    });
                }
                var dataCtrl = CtrlBox.dataCtrl;
                createSplit(propBody);
                var label = createLabel(propBody, "保存事件");
                var btn = createBtn(propBody, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnSave, function (Val) {
                        dataCtrl.OnSave = Val;
                    }, "保存事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                createSplit(propBody);
                createLabel(propBody, "可编辑");
                var boxValue = createValue(propBody, "div");
                boxValue.style.border = "none";
                var _CLBox = new CLCheckBox("开启", boxValue);
                _CLBox.checked = dataCtrl.Editable == true;
                _CLBox.onchanged = function () {
                    dataCtrl.Editable = _CLBox.checked;
                }
                CtrlBox.Save = function () { }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
                (function (样式表) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "样式表");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        var styleSheet = dataCtrl.styleSheet;
                        CLApp.StyleSheetDlg(styleSheet, function (styleSheet) {
                            dataCtrl.styleSheet = styleSheet;
                        });
                    }
                }())
            }
            , getDepend: function () {
                return false;
            }
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["富文本框"]);
    }());

    function isLess(rect1, rect2) {
        var Pos1 = {
            X: rect1.left + rect1.width / 2,
            Y: rect1.top + rect1.height / 2
        };
        if (Pos1.Y < rect2.top) {
            return true;
        } else if (Pos1.Y > rect2.bottom) {
            return false;
        } else {
            if (Pos1.X < rect2.left + rect2.width / 2) {
                return true;
            } else {
                return false;
            }
        }
    };

    (function (筛选控件) {
        //var dataCtrl = {
        //    "ID": "19092709530343305129",
        //    "Name": "筛选控件",
        //    "className": "筛选控件",
        //    "minSize": [
        //        null,
        //        "30"
        //    ],
        //    "maxSize": [
        //        null,
        //        "30"
        //    ],
        //    "Rect": {
        //        "lock_Y": true,//Y方向锁定
        //        "Left": 0,//X坐标
        //        "Top": 0,//Y坐标
        //        "Width": 0,//宽度
        //        "Height": 30//高度
        //    },
        //    "cssText": "",//样式
        //    "Exclude": [],//排除字段
        //    "FieldPrefixInfo": {},//字段前缀
        //    "dynamicTableId": "FlowClass.FormsID",//动态表单字段
        //    "isStatic": true,//静态筛选标识
        //    "FilterId": "",//绑定筛选参数
        //    "dynamicFilterId": "",//绑定动态筛选参数
        //    "dynamicTableVarId": "",//绑定表参数
        //    "dynamicRangeInfo": {
        //        "mainId": "Flows.DataID",//动态范围对应主数据源字段
        //        "dynamicId": "ID"//动态范围对应动态数据源字段
        //    }
        //}
        var listName = ["分割线", "选项卡", "表格控件", "关联查询", "关联数据", "手写签名", "成员范围", "角色选择"];
        FrmUiCtrls["筛选控件"] = {
            Icon: "&#xe69c;"
            , Name: "筛选控件"
            , DefSize: {
                Width: 70,
                Height: 30,
            }
            , DefMinSize: [70, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                var Source = null;
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                function EmptyConditions(ItemList) {
                    var Conditions = {
                        Operator: "所有",
                        Items: []
                    };
                    if (dataCtrl.isStatic) {
                        for (var i = 0 ; i < ItemList.length ; i++) {
                            if (dataCtrl.Exclude != null && dataCtrl.Exclude.indexOf(ItemList[i].ID) >= 0) {
                                continue;
                            }
                            Conditions.Items.push(ItemList[i]);
                        }
                    }
                    return Conditions;
                }
                var filterConditions = null;
                var filterConditions2 = null;
                var ItemList = [];
                function isEqual(Conditions1, Conditions2) {
                    if (Conditions1 == Conditions2) {
                        return true;
                    }
                    if (Conditions1 != null && Conditions2 == null) {
                        return false;
                    }
                    if (Conditions1 == null && Conditions2 != null) {
                        return false;
                    }
                    if (Conditions1.Operator != Conditions2.Operator) {
                        return false;
                    }
                    if (Conditions1.Items.length != Conditions2.Items.length) {
                        return false;
                    }
                    var Items1 = [];
                    var Items2 = [];
                    for (var i = 0; i < Conditions1.Items.length ; i++) {
                        Items1.push(JSON.stringify(Conditions1.Items[i]));
                    }
                    for (var i = 0; i < Conditions2.Items.length ; i++) {
                        Items2.push(JSON.stringify(Conditions2.Items[i]));
                    }
                    for (var i = 0; i < Items1.length ; i++) {
                        if (Items2.indexOf(Items1[i]) < 0) {
                            return false;
                        }
                    }
                    return true;
                }
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return filterConditions;
                    }
                    , set: function (Val) {
                        if (isEqual(filterConditions, Val)) {
                            return;
                        }
                        filterConditions = Val;
                        if (filterConditions == null) {
                            filterConditions = EmptyConditions(ItemList);
                        }
                    }
                });
                var dynamicTableId = null;
                Object.defineProperty(CtrlBox, "Value2", {
                    get: function () {
                        return filterConditions2;
                    }
                    , set: function (Val) {
                        if (isEqual(filterConditions2, Val)) {
                            return;
                        }
                        filterConditions2 = Val;
                        if (filterConditions2 == null) {
                            filterConditions2 = EmptyConditions([]);
                        }
                    }
                });
                var dynamicWhere = null;
                function showFunc(Div, useMenu) {
                    if (!Source) {
                        return;
                    }
                    var Conditions = CLClone(filterConditions);
                    var Conditions2 = CLClone(filterConditions2);
                    var Menu = {
                        "style": {
                            "overflow": "auto"
                        },
                        "Items": [
                        ]
                    };
                    var Body = Div;
                    if (useMenu) {
                        var _Menu1 = new CLTop.CLMenu(Menu, Div);
                        if (Designer.Scope) {
                            _Menu1.Box.parentNode.classList.add(Designer.Scope);
                        }
                        Body = _Menu1.Div;
                        Body.classList.add("FilterWidgetMenu");
                        Body.style.height = "";
                        var Close = _Menu1.Close;
                        var pause = false;
                        _Menu1.RClose = function () {
                            if (!pause) {
                                Close.call(_Menu1);
                            }
                        }
                        _Menu1.Close = function () { };
                        var bg = _Menu1.Box.parentNode;
                        bg.style.pointerEvents = "initial";
                        bg.addEventListener("mousedown", function (event) {
                            if ((event.srcElement ? event.srcElement : event.target) == bg) {
                                _Menu1 && _Menu1.RClose();
                            }
                        });
                        function resize() {
                            Body.style.height = "";
                            divItems.style.height = "";
                            if (Body.offsetHeight <= Body.parentNode.offsetHeight) {
                                return;
                            }
                            _Menu1.Reset();
                            divItems.style.height = Body.offsetHeight - 140 + "px";
                            Body.style.height = "";
                        }

                        var addDiv = document.createElement("div");
                        addDiv.className = "Add";
                        addDiv.innerHTML = "添加过滤条件";
                        Body.appendChild(addDiv);
                        addDiv.onclick = function (e) {
                            addFilter(Conditions.Items, ItemList, dataCtrl.Exclude == null ? [] : dataCtrl.Exclude, addDiv, divItems, dataCtrl.isStatic);
                        }
                    }


                    function addFilter(Items, ItemList, Exclude, addDiv, divItems, isStatic) {
                        Items.Has = function (item) {
                            for (var i = 0; i < Items.length; i++) {
                                if (Items[i].ID == item.ID) {
                                    return true;
                                }
                            }
                            return false;
                        }
                        var Menu2 = {
                            "style": {
                                "overflow": "auto",
                                "margin-top": "15px",
                                "background-color": "#fff",
                            },
                            "Items": [
                            ]
                        }
                        for (var i = 0 ; i < ItemList.length ; i++) {
                            if (Exclude.indexOf(ItemList[i].ID) < 0) {
                                Menu2.Items.push({
                                    "style": {},
                                    "Icon": "",
                                    "Text": ItemList[i].Name,
                                    "Node": addDiv,
                                    "Enable": !Items.Has(ItemList[i]),
                                    "Data": ItemList[i],
                                    "CallBack": function (e) {
                                        e.currentTarget.Disabled = true;
                                        Items.push(this.Data);
                                        var DivItem = ShowCondition(Items[Items.length - 1], divItems, isStatic);
                                        DivItem.ItemData = this.Data;
                                        var height = DivItem.offsetHeight + "px";
                                        DivItem.style.height = "0px";
                                        $(DivItem).animate({ height: height }, 200, function () {
                                            DivItem.style.height = "";
                                            resize && resize();
                                        });
                                        DivItem.OnDelete = function () {
                                            $(this).animate({ height: "0", paddingTop: "0", paddingBottom: "0" }, 200, function () {
                                                Items.splice(Items.indexOf(DivItem.ItemData), 1);
                                                $(this).remove();
                                                resize && resize();
                                            });
                                        }
                                    }
                                });
                            }
                        }
                        pause = true;
                        _Menu1.SetFree(true);
                        var _CLMenu2 = new CLMenu(Menu2, addDiv);
                        if (Designer.Scope) {
                            _CLMenu2.Box.parentNode.classList.add(Designer.Scope);
                        }
                        _CLMenu2.EnableSearch(true);
                        _CLMenu2.onclosed = function () {
                            CLAsync(function () {
                                pause = false;
                            });
                            _Menu1.SetFree(false);
                        }
                    }

                    var Items = document.createElement("div");
                    Items.className = "Items";
                    Items.style.marginBottom = "10px";
                    Body.appendChild(Items);
                    var divItems = document.createElement("div");
                    divItems.FormID = Source.ID;
                    divItems.Source = Source;
                    divItems.NullVars = [dataCtrl.FilterId, dataCtrl.dynamicFilterId, dataCtrl.dynamicTableVarId];
                    divItems.Designer = Designer;
                    Items.appendChild(divItems);
                    var dynamicContainer = document.createElement("div");
                    Items.appendChild(dynamicContainer);

                    function showDynamic(TableId, range) {
                        dynamicContainer.innerHTML = "";
                        dynamicTableId = TableId;
                        if (TableId == null) {
                            return;
                        }
                        if (dataCtrl.dynamicRangeInfo != null && dataCtrl.dynamicRangeInfo.mainId != null && dataCtrl.dynamicRangeInfo.dynamicId != null && range == null) {
                            var VarId = dataCtrl.FilterId;
                            Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                            var CalcVars = Designer.CalcVars;
                            Designer.CalcVars = function (SourceIds) {
                                var Vars = CalcVars.call(Designer, SourceIds);
                                if (dataCtrl.dynamicTableVarId != null) {
                                    Vars[dataCtrl.dynamicTableVarId] = (/^[0-9]*$/.test(TableId) ? "DataTable_" + TableId : TableId);
                                }
                                if (dataCtrl.FilterId != null) {
                                    Vars[dataCtrl.FilterId] = Conditions;
                                }
                                return Vars;
                            }
                            GetDataFieldRange.call({
                                NullVars: [dataCtrl.dynamicFilterId],
                                FormID: Source.ID,
                                Designer: Designer,
                                Source: Source
                            }, dataCtrl.dynamicRangeInfo.mainId, Source.ID, function (data) {
                                showDynamic(TableId, data);
                            });
                            Designer.CalcVars = CalcVars;
                            return;
                        }
                        var dynamicSource = {
                            ID: TableId,
                            ConnectionID: Source.ConnectionID,
                            Type: 1,
                            sql: {
                                Marks: [],
                                runCode: {
                                    range: range,
                                    dynamicId: dataCtrl.dynamicRangeInfo.dynamicId
                                }
                            }
                        };
                        function show(Fields) {
                            if (Fields == null) {
                                if (window.dynamicForms == null) {
                                    window.dynamicForms = {};
                                } else {
                                    if (window.dynamicForms[TableId] != null) {
                                        var dataForm = window.dynamicForms[TableId];
                                        show(dataForm.Fields);
                                        return;
                                    }
                                }
                                var load = DataSourceDlg.GetFormsByDataSource([dynamicSource], function (dataForms) {
                                    window.dynamicForms[TableId] = dataForms[0];
                                    show(dataForms[0].Fields);
                                });
                                if (load) {
                                    load.SetContainer(Body);
                                }
                                return;
                            }
                            var addDiv = document.createElement("div");
                            addDiv.className = "Add";
                            addDiv.innerHTML = "添加字段筛选";
                            dynamicContainer.appendChild(addDiv);
                            resize && resize();
                            var divItems = document.createElement("div");
                            divItems.className = "Items";
                            divItems.style.maxHeight = "initial";
                            dynamicContainer.appendChild(divItems);
                            divItems.FormID = dynamicSource.ID;
                            divItems.Source = dynamicSource;
                            divItems.Designer = Designer;
                            divItems.NullVars = [dataCtrl.FilterId, dataCtrl.dynamicFilterId, dataCtrl.dynamicTableVarId];
                            divItems.GetDataFieldRange = GetDataFieldRange;
                            var ItemList2 = [];
                            for (var i = 0 ; i < Fields.length ; i++) {
                                if (listName.indexOf(Fields[i].className) >= 0) {
                                    continue;
                                }
                                ItemList2.push({
                                    ID: Fields[i].ID,
                                    Name: Fields[i].Name,
                                    className: Fields[i].ID == dataCtrl.dynamicTableId ? "动态表单" : Fields[i].className,
                                });
                            }
                            addDiv.onclick = function (e) {
                                addFilter(Conditions2.Items, ItemList2, ["ID", "ParentID"], addDiv, divItems, false);
                            }
                            ShowConditions(Conditions2.Items, divItems, false);
                        }
                        show();
                    }

                    if (useMenu) {
                        var divBottom = document.createElement("div");
                        divBottom.className = "Bottom";
                        Body.appendChild(divBottom);
                        var Btn = document.createElement("div");
                        Btn.className = "CLBtnGreen";
                        Btn.innerHTML = "确定";
                        divBottom.appendChild(Btn);
                        Btn.onclick = function () {
                            CtrlBox.Value = Conditions;
                            CtrlBox.Value2 = Conditions2;
                            OnChanged();
                            _Menu1 && _Menu1.RClose();
                        }
                        var clearBtn = Btn.cloneNode();
                        clearBtn.onclick = function () {
                            Conditions = EmptyConditions(ItemList);
                            Conditions2 = EmptyConditions([]);
                            CtrlBox.Value = Conditions;
                            CtrlBox.Value2 = Conditions2;
                            OnChanged();
                            _Menu1 && _Menu1.RClose();
                        }
                        clearBtn.className = "clearBtn";
                        clearBtn.innerHTML = "清空";
                        divBottom.appendChild(clearBtn);
                        if (dataCtrl.isStatic) {
                            addDiv.style.display = "none";
                        }
                    }

                    function ShowConditions(Items, divItems, isStatic) {
                        var dynamicTableItem = null;
                        for (var i = 0; i < Items.length ; i++) {
                            var DivItem = ShowCondition(Items[i], divItems, isStatic);
                            DivItem.Where = Items[i];
                            resize && resize();
                            DivItem.ItemData = Items[i];
                            if (Items[i].ID == dataCtrl.dynamicTableId) {
                                dynamicTableItem = Items[i];
                            }
                            DivItem.OnDelete = function () {
                                $(this).animate({ height: "0" }, 300, function () {
                                    Items.splice(Items.indexOf(this.ItemData), 1);
                                    $(this).remove();
                                    resize && resize();
                                });
                            }
                        }
                        if (dynamicTableItem) {
                            showDynamic(dynamicTableItem.Val);
                        }
                    }

                    function ShowCondition(itemData, divItems, isStatic) {
                        divItems.__Scope__ = Designer.Scope;
                        var whereDiv = CLTop.FrmWheres(divItems, itemData);
                        if (isStatic) {
                            whereDiv.Del.style.display = "none";
                        }
                        whereDiv.onchanged = function () {
                            if (itemData.ID == dataCtrl.dynamicTableId) {
                                Conditions2 = EmptyConditions([]);
                                showDynamic(itemData.Val);
                            } else if (divItems.Source == Source) {
                                showDynamic(dynamicTableId);
                            }
                            if (!useMenu) {
                                CtrlBox.Value = CLClone(Conditions);
                                CtrlBox.Value2 = CLClone(Conditions2);
                                OnChanged();
                            }
                            resize && resize();
                        }
                        return whereDiv;
                    }
                    divItems.GetDataFieldRange = GetDataFieldRange;
                    ShowConditions(Conditions.Items, divItems, dataCtrl.isStatic);
                    _Menu1 && _Menu1.Reset();
                }
                var Div;
                var cssNull;
                if (dataCtrl.useMenu !== false || Designer.Editable) {
                    var Div = document.createElement("div");
                    Div.style.cssText = cssText + ";font-family:CLFont;width:70px;height:30px;line-height:30px;color:#3F80AE;cursor:pointer";
                    Div.innerHTML = this.Icon + dataCtrl.Name;
                    cssNull = Div.style.cssText;
                    Div.onclick = function () {
                        showFunc(Div, true);
                    }
                    CtrlBox.appendChild(Div);
                } else {
                    var Div = document.createElement("div");
                    Div.className = "FilterWidgetMenu";
                    Div.style.cssText = "position:absolute;overflow:auto;left:0;top:0;width:100%;height:100%;padding:0;background:rgba(0,0,0,0)";
                    cssNull = Div.style.cssText;
                    CtrlBox.appendChild(Div);
                }
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                CtrlBox.Prepare = function () {
                    var VarId = dataCtrl.FilterId;
                    Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                    if (Source == null) {
                        return;
                    }
                    var FieldPrefixInfo = dataCtrl.FieldPrefixInfo == null ? {} : dataCtrl.FieldPrefixInfo;
                    var Fields = Designer.GetFieldsBySourceId(Source.ID);
                    for (var i = 0 ; i < Fields.length ; i++) {
                        if (listName.indexOf(Fields[i].className) >= 0) {
                            continue;
                        }
                        ItemList.push({
                            ID: (FieldPrefixInfo[Fields[i].ID] == null ? "" : FieldPrefixInfo[Fields[i].ID] + ".") + Fields[i].ID,
                            Name: Fields[i].Name,
                            className: Fields[i].ID == dataCtrl.dynamicTableId ? "动态表单" : Fields[i].className,
                        });
                    }
                    filterConditions = EmptyConditions(ItemList);
                    filterConditions2 = EmptyConditions([]);
                    CtrlBox.Changed.push(function () {
                        var fastQuery = Designer.dataFrm.fastQuery;
                        Designer.dataFrm.fastQuery = false;
                        Designer.SetVarValue(dataCtrl.FilterId, filterConditions);
                        Designer.SetVarValue(dataCtrl.dynamicFilterId, filterConditions2);
                        Designer.SetVarValue(dataCtrl.dynamicTableVarId, dynamicTableId == null ? null : (/^[0-9]*$/.test(dynamicTableId) ? "DataTable_" + dynamicTableId : dynamicTableId));
                        Designer.dataFrm.fastQuery = fastQuery;
                        Designer.FlushVar();
                    });
                    Designer.CtrlShown(dataCtrl.ID);
                    if (dataCtrl.useMenu === false) {
                        showFunc(Div, false);
                    }
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);

                (function (参数绑定) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "参数绑定");
                    var allVars = Designer.getAllVars();
                    var Items = [];
                    var index = -1;
                    var BindInfo = Designer.dataFrm.BindInfo;
                    for (var i = 0; i < allVars.length; i++) {
                        if (allVars[i].className != "数据筛选") {
                            continue;
                        }
                        Items.push({
                            ID: allVars[i].ID,
                            Name: allVars[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                        if (allVars[i].ID == dataCtrl.FilterId) {
                            index = Items.length - 1;
                        }
                    }
                    var selector = new CLSelect(propBody);
                    selector.AddItems(Items);
                    selector.onchanged = function () {
                        if (selector.selectedIndex != -1) {
                            dataCtrl.FilterId = selector.Items[selector.selectedIndex].ID;
                        } else {
                            delete dataCtrl.FilterId;
                        }
                    }
                    selector.selectedIndex = index;
                }());

                (function (排除字段) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "排除字段");
                    var add = document.createElement("div");
                    add.className = "Add";
                    add.innerHTML = "添加字段";
                    label.appendChild(add);
                    var Value = createValue(propBody, "div");
                    Value.style.height = "80px";
                    Value.style.overflow = "auto";
                    add.onclick = function () {
                        var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                        var VarId = dataCtrl.FilterId;
                        Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                        if (Source == null) {
                            return;
                        }
                        var Items = [];
                        var Fields = Designer.GetFieldsBySourceId(Source.ID);
                        for (var i = 0; i < Exclude.length; i++) {
                            var has = false;
                            for (var j = 0; j < Fields.length ; j++) {
                                if (Fields[j].ID == Exclude[i]) {
                                    has = true;
                                }
                            }
                            if (!has) {
                                Exclude.splice(i, 1);
                                i--;
                            }
                        }
                        for (var i = 0 ; i < Fields.length ; i++) {
                            if (listName.indexOf(Fields[i].className) >= 0) {
                                continue;
                            }
                            Items.push({
                                "Icon": "",
                                "Text": Fields[i].Name,
                                "Enable": Exclude.indexOf(Fields[i].ID) < 0,
                                "Data": Fields[i],
                                "CallBack": function (e) {
                                    e.currentTarget.Disabled = true;
                                    Exclude.push(this.Data.ID);
                                    ShowExclude();
                                }
                            });
                        }
                        var Menu = {
                            style: {
                                "max-height": "350px"
                            },
                            Items: Items
                        }
                        var _CLMenu = new CLMenu(Menu, label);
                        _CLMenu.EnableSearch(true);
                    }
                    var pointerDiv = document.createElement("div");
                    pointerDiv.style.height = "28px";
                    pointerDiv.style.width = "2px";
                    pointerDiv.style.margin = "3px 0";
                    pointerDiv.style.verticalAlign = "top";
                    pointerDiv.style.background = "#0db3a6";
                    pointerDiv.style.display = "inline-block";
                    function EnableDrag(FieldBtn) {
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            FieldBtn.oStyle = FieldBtn.style.cssText;
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            Value.insertBefore(pointerDiv, beforeBtn);
                        }, function (FieldBtn, event) {
                            var rect = Value.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < rect.top || dragRect.right < rect.left || dragRect.top > rect.bottom || dragRect.left > rect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == Value) {
                                    Value.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            pointerDiv.remove();
                            FieldBtn.style.cssText = FieldBtn.oStyle;
                            dataCtrl.Exclude = [];
                            for (var i = 0; i < Value.childNodes.length; i++) {
                                dataCtrl.Exclude.push(Value.childNodes[i].dataId);
                            }
                        });
                    }

                    function ShowExclude() {
                        Value.innerHTML = "";
                        var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                        var VarId = dataCtrl.FilterId;
                        Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                        if (Source == null) {
                            return;
                        }
                        var Items = [];
                        var Fields = Designer.GetFieldsBySourceId(Source.ID);
                        var Field = null;
                        for (var i = 0; i < Exclude.length; i++) {
                            var has = false;
                            for (var j = 0; j < Fields.length ; j++) {
                                if (Fields[j].ID == Exclude[i]) {
                                    has = true;
                                    Field = Fields[j];
                                }
                            }
                            if (!has) {
                                Exclude.splice(i, 1);
                                i--;
                            } else {
                                var divBtn = document.createElement("div");
                                divBtn.className = "FieldBtn";
                                divBtn.innerHTML = Field.Name;
                                divBtn.dataId = Field.ID;
                                Value.appendChild(divBtn);
                                EnableDrag(divBtn);
                            }
                        }
                    }

                    ShowExclude();
                }());

                (function (字段前缀) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "字段前缀");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                        var VarId = dataCtrl.FilterId;
                        Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                        if (Source == null) {
                            return;
                        }
                        var Items = [];
                        var Fields = Designer.GetFieldsBySourceId(Source.ID);
                        for (var i = 0; i < Fields.length; i++) {
                            if (Exclude.indexOf(Fields[i].ID) < 0 && listName.indexOf(Fields[i].className) < 0) {
                                Items.push(Fields[i]);
                            }
                        }
                        FieldPrefix(dataCtrl.FieldPrefixInfo, Items, Source, function (FieldPrefixInfo) {
                            dataCtrl.FieldPrefixInfo = FieldPrefixInfo;
                        });
                    }
                }());

                (function (静态筛选) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "静态筛选");
                    var box = new CLCheckBox("使用静态筛选", propBody);
                    box.checked = dataCtrl.isStatic == true;
                    box.onchanged = function () {
                        dataCtrl.isStatic = box.checked;
                        if (!box.checked) {
                            box2.checked = false;
                            box2.enable = false;
                        } else {
                            box2.enable = true;
                        }
                    }
                    var box2 = new CLCheckBox("平铺", propBody);
                    box2.checked = dataCtrl.useMenu === false;
                    box2.onchanged = function () {
                        dataCtrl.useMenu = !box2.checked;
                    }
                    if (!box.checked) {
                        box2.checked = false;
                        box2.enable = false;
                    }
                }());

                (function (从筛选器) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "动态表单");
                    var selector = new CLSelect(propBody);
                    var VarId = dataCtrl.FilterId;
                    Source = DataSourceDlg.GetSourcesByFilter(Designer.dataFrm.dataSources, VarId);
                    if (Source == null) {
                        return;
                    }
                    var fieldItems = [];
                    var Fields = Designer.GetFieldsBySourceId(Source.ID);
                    var selIndex = -1;
                    for (var i = 0; i < Fields.length; i++) {
                        fieldItems.push({
                            ID: Fields[i].ID,
                            Name: Fields[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                        if (dataCtrl.dynamicTableId == Fields[i].ID) {
                            selIndex = i;
                        }
                    }
                    selector.AddItems(fieldItems);
                    selector.EnableClear();
                    selector.onchanged = function () {
                        var selector = this;
                        dataCtrl.dynamicTableId = selector.selectedIndex == -1 ? null : selector.Items[selector.selectedIndex].ID;
                    }
                    selector.selectedIndex = selIndex;
                    createSplit(propBody);
                    label = createLabel(propBody, "动态参数绑定");
                    var Vars = Designer.getAllVars();
                    var varItems = [];
                    var index = -1;
                    for (var i = 0; i < Vars.length; i++) {
                        if (Vars[i].className != "数据筛选") {
                            continue;
                        }
                        varItems.push({
                            ID: Vars[i].ID,
                            Name: Vars[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                        if (Vars[i].ID == dataCtrl.dynamicFilterId) {
                            index = varItems.length - 1;
                        }
                    }
                    selector = new CLSelect(propBody);
                    selector.EnableClear();
                    selector.AddItems(varItems);
                    selector.onchanged = function () {
                        var selector = this;
                        if (selector.selectedIndex != -1) {
                            dataCtrl.dynamicFilterId = selector.Items[selector.selectedIndex].ID
                        } else {
                            delete dataCtrl.dynamicFilterId;
                        }
                    }
                    selector.selectedIndex = index;
                    //动态表单绑定
                    createSplit(propBody);
                    label = createLabel(propBody, "动态表单绑定参数");
                    var Vars = Designer.getAllVars();
                    var Items = [];
                    var index = -1;
                    for (var i = 0; i < Vars.length; i++) {
                        if (Vars[i].className != "数据表") {
                            continue;
                        }
                        Items.push({
                            ID: Vars[i].ID,
                            Name: Vars[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                        if (Vars[i].ID == dataCtrl.dynamicTableVarId) {
                            index = Items.length - 1;
                        }
                    }
                    selector = new CLSelect(propBody);
                    selector.AddItems(Items);
                    selector.onchanged = function () {
                        var selector = this;
                        if (selector.selectedIndex != -1) {
                            dataCtrl.dynamicTableVarId = selector.Items[selector.selectedIndex].ID
                        } else {
                            delete dataCtrl.dynamicTableVarId;
                        }
                    }
                    selector.selectedIndex = index;
                    //动态数据范围限定
                    createSplit(propBody);
                    label = createLabel(propBody, "动态数据范围限定");
                    var divValue = createValue(propBody, "div");
                    divValue.style.border = "none";
                    var selectorBox = document.createElement("div");
                    selectorBox.style.width = "50%";
                    selectorBox.style.display = "inline-block";
                    selectorBox.style.verticalAlign = "top";
                    divValue.appendChild(selectorBox);
                    selector = new CLSelect(selectorBox);
                    selector.AddItems(fieldItems);
                    if (dataCtrl.dynamicRangeInfo != null && dataCtrl.dynamicRangeInfo.mainId != null) {
                        for (var i = 0; i < fieldItems.length ; i++) {
                            if (fieldItems[i].ID == dataCtrl.dynamicRangeInfo.mainId) {
                                selector.selectedIndex = i;
                                break;
                            }
                        }
                    }
                    selector.onchanged = function () {
                        var selector = this;
                        var value = selector.selectedIndex == -1 ? null : selector.Items[selector.selectedIndex].ID;
                        if (value == null && dataCtrl.dynamicRangeInfo != null) {
                            delete dataCtrl.dynamicRangeInfo.mainId;
                        }
                        if (value.length != 0) {
                            if (dataCtrl.dynamicRangeInfo == null) {
                                dataCtrl.dynamicRangeInfo = {};
                            }
                            dataCtrl.dynamicRangeInfo.mainId = value;
                        }
                    }
                    var input = document.createElement("input");
                    input.style.width = "calc(50% - 20px)";
                    input.style.marginLeft = "20px";
                    input.style.height = "30px";
                    divValue.appendChild(input);
                    input.onchange = function () {
                        var value = input.value.trim();
                        if (value.length == 0 && dataCtrl.dynamicRangeInfo != null) {
                            delete dataCtrl.dynamicRangeInfo.dynamicId;
                        }
                        if (value.length != 0) {
                            if (dataCtrl.dynamicRangeInfo == null) {
                                dataCtrl.dynamicRangeInfo = {};
                            }
                            dataCtrl.dynamicRangeInfo.dynamicId = value;
                        }
                    }
                    input.value = dataCtrl.dynamicRangeInfo == null || dataCtrl.dynamicRangeInfo.dynamicId == null ? "" : dataCtrl.dynamicRangeInfo.dynamicId;
                }());

                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
            , BindVars: function (Designer, self) {
                var dataCtrl = self;
                var Keys = [];
                if (dataCtrl.FilterId) {
                    Keys.push(dataCtrl.FilterId);
                }
                if (dataCtrl.dynamicFilterId) {
                    Keys.push(dataCtrl.dynamicFilterId);
                }
                if (dataCtrl.dynamicTableVarId) {
                    Keys.push(dataCtrl.dynamicTableVarId);
                }
                return Keys;
            }
        }
        FrmUiCtrls["增强控件"].push(FrmUiCtrls["筛选控件"]);
    }());

    (function (图表控件) {
        var SortAbleNameList = ["流水号", "单行文本", "数字", "单选按钮组", "下拉框", "时间日期", "更新时间", "提交时间"];
        var listName = ["关联查询", "关联数据", "手写签名", "成员范围", "角色选择", "分割线", "选项卡", "多行文本", "复选框组", "下拉复选框", "附件上传", "成员多选", "部门多选"];
        FrmUiCtrls["图表控件"] = {
            Icon: "&#xe60f;"
            , Name: "图表控件"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [150, 150]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Chart";
                CtrlBox.appendChild(Div);
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                if (Designer.Editable) {
                    return;
                }
                CtrlBox.Prepare = function () {
                    Div.style.background = File.bgColor;
                    CtrlBox.cssText = dataCtrl.cssText;
                    var onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    if (dataCtrl.SourceID != null) {
                        Designer.PushSourceChanged(dataCtrl.SourceID);
                    } else {
                        Designer.runCode(CtrlBox, onLoad);
                        Designer.CtrlShown(dataCtrl.ID);
                        return;
                    }

                    CtrlBox.Render = function () {
                        var load = Designer.QueryData([dataCtrl.SourceID], false, function () {
                            var dataList = Designer.SourceData[dataCtrl.SourceID];
                            try {
                                Render(dataList);
                                CtrlBox.cssText = dataCtrl.cssText;
                                Designer.runCode(CtrlBox, onLoad);
                                Designer.CtrlShown(dataCtrl.ID);
                            } catch (e) {
                                console.log(e);
                            }
                        });
                        load == null ? null : load.SetContainer(CtrlBox);
                    }
                }
                var Widgets = [CtrlBox];

                function addBox(widget) {
                    var rectWidget = CtrlBox.Gridster.get_widget_rect(widget);
                    rect = CtrlBox.Gridster.next_gs_rect(widget, rectWidget.Width, rectWidget.Height);
                    if (dataCtrl.Rect.lock_X) {
                        rect.Left = dataCtrl.Rect.Left;
                    }
                    if (dataCtrl.Rect.lock_Y) {
                        rect.Top = dataCtrl.Rect.Top;
                    }
                    CtrlBox.Gridster.lock_widget_pos(widget, dataCtrl.Rect.lock_X, dataCtrl.Rect.lock_Y);
                    var widget = CtrlBox.Gridster.add_widget("<li data-sizex='" + rect.Width + "' data-sizey='" + rect.Height + "'></li>");
                    CtrlBox.Gridster.widget_jump_to(widget, rect.Left, rect.Top);
                    var Div = document.createElement("div");
                    Div.className = "Chart";
                    widget.appendChild(Div);
                    widget.dataCtrl = dataCtrl;
                    widget.Designer = Designer;
                    widget.Gridster = CtrlBox.Gridster;
                    widget.cssText = dataCtrl.cssText;
                    ResetSizeInfo(widget);
                    Object.defineProperty(widget, "cssText", {
                        set: function (cssText) {
                            Div.style.cssText = cssNull + cssText;
                        }
                    });
                    return widget;
                }

                function allocateBox(count) {
                    for (var i = 1; i < Widgets.length; i++) {
                        CtrlBox.Gridster.remove_widget(Widgets[i]);
                    }
                    Widgets = [CtrlBox];
                    for (var i = 1; i < count; i++) {
                        var widget = addBox(Widgets[i - 1]);
                        Widgets.push(widget);
                    }
                }

                function collect(dataList) {
                    var collectList = [];
                    if (dataCtrl.Loop == null || dataCtrl.Loop.FieldID == null) {
                        return [dataList];
                    }
                    var listText = [];
                    for (var i = 0; i < dataList.length; i++) {
                        var text = dataList[i][dataCtrl.Loop.FieldID];
                        text = text == null ? null : text.constructor == {}.constructor ? text.oVal : text;
                        if (text === undefined) {
                            return [tempData];
                        }
                        var index = listText.indexOf(text);
                        if (index < 0) {
                            index = listText.length;
                            listText.push(text);
                            collectList.push([]);
                            index = listText.length - 1;
                        }
                        collectList[index].push(dataList[i]);
                    }
                    return collectList;
                }

                function Render(dataList) {
                    var collectList = collect(dataList);
                    allocateBox(collectList.length);
                    for (var i = 0; i < collectList.length ; i++) {
                        var Div = Widgets[i].firstChild;
                        Div.CLChart = new CLChart(Div, "sql");
                        Div.CLChart.Control = self;
                        if (dataCtrl.LabelColor) {
                            Div.CLChart.axisLabelColor = dataCtrl.LabelColor;
                        }
                        if (dataCtrl.LineColor) {
                            Div.CLChart.axisLineColor = dataCtrl.LineColor;
                        }
                        if (dataCtrl.TickColor) {
                            Div.CLChart.axisTickColor = dataCtrl.TickColor;
                        }
                        if (dataCtrl.TextColor) {
                            Div.CLChart.TextColor = dataCtrl.TextColor;
                        }
                        Div.CLChart.Data = dataCtrl;
                        Div.CLChart.Rotate = dataCtrl.Rotate;
                        Div.CLChart.showText = dataCtrl.showText;
                        Div.CLChart.getMemberNameById = CLApp.getMemberNameById;
                        Div.CLChart.getDepartNameById = CLApp.getDepartmentNameById;
                        Div.CLChart.Empty = function () {
                            Div.innerHTML = null;
                        }
                        Widgets[i].cssText = dataCtrl.cssText;
                        Widgets[i].dataList = collectList[i];
                        if (dataCtrl.ChartType == "GanttChart") {
                            Div.CLChart.Render_GanttChart(collectList[i], dataCtrl.Dimensions == null ? [] : dataCtrl.Dimensions,
                                dataCtrl.StartDt, dataCtrl.EndDt, dataCtrl.RealStartDt, dataCtrl.Progress, dataCtrl.RealEndDt);
                        } else {
                            Div.CLChart.Render(dataCtrl.ChartType, collectList[i], dataCtrl.Dimensions == null ? [] : dataCtrl.Dimensions, [], dataCtrl.Pointers == null ? [] : dataCtrl.Pointers);
                        }
                        Widgets[i].CLChart = Div.CLChart;
                        Widgets[i].on_end_resize = function () {
                            var Widget = this;
                            Widget.CLChart.resize();
                        }
                    }
                }

                Designer.SourceDataChanged.push(function (IDs) {
                    if (IDs.indexOf(dataCtrl.SourceID) < 0) {
                        return;
                    }
                    CtrlBox.Render();
                });
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);

                var Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);

                (function (图表类型) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "类型");
                    var typeSelector = new CLSelect(propBody);
                    var typeNames = ['LineChart', 'ColumnChart', 'BarChart', 'AreaChart', 'PieChart', 'RadarChart', 'SunChart'];
                    typeSelector.AddItems(["折线图", "柱状图", "条形图", "面积图", "饼图", '雷达图', '旭日图']);
                    if (dataCtrl.ChartType == null) {
                        dataCtrl.ChartType = "BarChart";
                    }
                    var index = typeNames.indexOf(dataCtrl.ChartType);
                    if (index < 0) {
                        index = 2;
                    }
                    typeSelector.selectedIndex = index;
                    typeSelector.onchanged = function () {
                        dataCtrl.ChartType = typeNames[typeSelector.selectedIndex];
                        propBody.innerHTML = "";
                        FrmUiCtrls.图表控件.Prop(CtrlBox, propBody);
                    }
                    var rotateLabel = createLabel(propBody, "转角");
                    rotateLabel.style.marginTop = "15px";
                    rotateLabel.style.paddingLeft = "15px";
                    var rotateInput = createValue(propBody);
                    rotateInput.style.width = "calc(100% - 15px)";
                    rotateInput.style.marginLeft = "15px";
                    rotateInput.oninput = function () {
                        CLCheckInt(this);
                    }
                    rotateInput.onchange = function () {
                        dataCtrl.Rotate = this.value * 1;
                    }
                    if (dataCtrl.ChartType == "LineChart" || dataCtrl.ChartType == "ColumnChart" || dataCtrl.ChartType == "BarChart" || dataCtrl.ChartType == "AreaChart") {
                        rotateLabel.style.display = "";
                        rotateInput.style.display = "";
                    } else {
                        rotateLabel.style.display = "none";
                        rotateInput.style.display = "none";
                    }
                    rotateInput.value = dataCtrl.Rotate == null ? 30 : dataCtrl.Rotate;
                    if (dataCtrl.ChartType == "LineChart") {
                        var label = createLabel(propBody, "线宽");
                        label.style.marginTop = "15px";
                        label.style.paddingLeft = "15px";
                        var input = createValue(propBody);
                        input.style.width = "calc(100% - 15px)";
                        input.style.marginLeft = "15px";
                        input.oninput = function () {
                            CLCheckInt(this);
                        }
                        input.onchange = function () {
                            dataCtrl.lineWidth = this.value * 1;
                        }
                        input.value = dataCtrl.lineWidth == null ? 2 : dataCtrl.lineWidth;
                        label = label.cloneNode();
                        label.innerHTML = "平滑";
                        propBody.appendChild(label);
                        label = label.cloneNode();
                        propBody.appendChild(label);
                        var box = new CLCheckBox("启用", label);
                        box.checked = dataCtrl.Smooth != false;
                        box.onchanged = function () {
                            dataCtrl.Smooth = this.checked;
                        }
                    }
                    //坐标轴颜色
                    createSplit(propBody);
                    var TextColor = createLabel(propBody, "");
                    TextColor.innerHTML = "文字颜色";
                    var vTextColor = createValue(propBody, "Div");
                    vTextColor.style.cssText = "cursor:pointer;";
                    vTextColor.style.backgroundColor = dataCtrl.TextColor == null ? "#000" : dataCtrl.TextColor;
                    vTextColor.onclick = function () {
                        var _CLColors = new CLColors(dataCtrl.TextColor);
                        _CLColors.End = function (color) {
                            dataCtrl.TextColor = color;
                            vTextColor.style.backgroundColor = dataCtrl.TextColor == null ? "#000" : dataCtrl.TextColor;
                        }
                    }
                    createSplit(propBody);
                    var LineColor = createLabel(propBody, "");
                    LineColor.innerHTML = "坐标颜色:<code style='color:#999'>轴 | 刻度 | 文字</code>";
                    var vLineColor = createValue(propBody, "Div");
                    vLineColor.style.cssText = "display:inline-block;width:30px;margin:0 15px 0 45px;cursor:pointer;";
                    vLineColor.style.backgroundColor = dataCtrl.LineColor == null ? "#3cb371" : dataCtrl.LineColor;
                    vLineColor.onclick = function () {
                        var _CLColors = new CLColors(dataCtrl.LineColor);
                        _CLColors.End = function (color) {
                            dataCtrl.LineColor = color;
                            vLineColor.style.backgroundColor = dataCtrl.LineColor == null ? "#3cb371" : dataCtrl.LineColor;
                        }
                    }
                    //坐标刻度颜色
                    var vTickColor = createValue(propBody, "Div");
                    vTickColor.style.cssText = "display:inline-block;width:30px;margin:0 15px;cursor:pointer;";
                    vTickColor.style.backgroundColor = dataCtrl.TickColor == null ? "#3cb371" : dataCtrl.TickColor;
                    vTickColor.onclick = function () {
                        var _CLColors = new CLColors(dataCtrl.TickColor);
                        _CLColors.End = function (color) {
                            dataCtrl.TickColor = color;
                            vTickColor.style.backgroundColor = dataCtrl.TickColor == null ? "#3cb371" : dataCtrl.TickColor;
                        }
                    }
                    //坐标文字颜色
                    var vLabelColor = createValue(propBody, "Div");
                    vLabelColor.style.cssText = "display:inline-block;width:30px;margin:0 15px;cursor:pointer;";
                    vLabelColor.style.backgroundColor = dataCtrl.LabelColor == null ? "#3cb371" : dataCtrl.LabelColor;
                    vLabelColor.onclick = function () {
                        var _CLColors = new CLColors(dataCtrl.LabelColor);
                        _CLColors.End = function (color) {
                            dataCtrl.LabelColor = color;
                            vLabelColor.style.backgroundColor = dataCtrl.LabelColor == null ? "#3cb371" : dataCtrl.LabelColor;
                        }
                    }
                }());

                (function (数据源) {
                    createSplit(propBody);
                    label = createLabel(propBody, "数据源");
                    var sourceName;
                    var sourceSelector = new CLSelect(propBody);
                    var Sources = Designer.dataFrm.dataSources;
                    if (Sources == null) {
                        Sources = Designer.dataFrm.dataSources = [];
                    }
                    for (var i = 0; i < Sources.length; i++) {
                        if (dataCtrl.SourceID == Sources[i].ID) {
                            sourceName = Sources[i].Name;
                        }
                        sourceSelector.AddItems(Sources[i].Name);
                    }
                    sourceSelector.OnMenuCreated = function (divMenu) {
                        if (Sources.length > 0) {
                            divMenu.lastChild.lastChild.style.color = "#3385ff";
                        }
                    }
                    sourceSelector.onchanged = function () {
                        dataCtrl.SourceID = Sources[sourceSelector.selectedIndex].ID;
                        dataCtrl.Dimensions = [];
                        dataCtrl.Pointers = [];
                        dataCtrl.ExcelId = null;
                        dataCtrl.ExcelName = null;
                        Designer.widgetProp();
                    }
                    sourceSelector.SetValue(sourceName == null ? "" : sourceName);
                }());

                (function (图例信息) {
                    createSplit(propBody);
                    label = createLabel(propBody, "显示图例");
                    var selectorL = new CLSelect(propBody);
                    selectorL.AddItems(["无", "顶部", "底部", "左侧", "右侧", "左上", "右上", "左下", "右下"]);
                    var index = selectorL.Items.indexOf(dataCtrl.showLable);
                    selectorL.selectedIndex = index < 0 ? 0 : index;
                    selectorL.onchanged = function () {
                        dataCtrl.showLable = selectorL.Items[selectorL.selectedIndex];
                    }
                    createSplit(propBody);
                    label = createLabel(propBody, "数据标签");
                    var selectorN = new CLSelect(propBody);
                    if (dataCtrl.ChartType == "PieChart") {
                        selectorN.AddItems(["隐藏", "里边", "外边"]);
                    } else {
                        selectorN.AddItems(["显示", "隐藏"]);
                    }
                    selectorN.selectedIndex = selectorN.Items.indexOf(dataCtrl.showText);
                    selectorN.onchanged = function () {
                        dataCtrl.showText = selectorN.Items[selectorN.selectedIndex];
                    }
                }());

                (function (区域) {
                    createSplit(propBody);
                    label = createLabel(propBody, "区域");
                    var blockInput = createValue(propBody);
                    blockInput.setAttribute("placeholder", "例:20 20 0 20");
                    blockInput.value = dataCtrl.Block == null ? "" : dataCtrl.Block;
                    blockInput.onchange = function () {
                        dataCtrl.Block = !blockInput.value ? undefined : blockInput.value;
                    }
                }());

                (function (堆叠) {
                    createSplit(propBody);
                    label = createLabel(propBody, "堆叠");
                    var typeSelector = new CLSelect(propBody);
                    var index = -1;
                    var Items = [];
                    for (var i = 0; Fields != null && i < Fields.length; i++) {
                        var className = Fields[i].className;
                        if (className != "单行文本" && className != "下拉框" && className != "时间日期" && className != "成员单选" && className != "部门单选") {
                            continue;
                        }
                        Items.push({
                            ID: Fields[i].ID,
                            Name: Fields[i].Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                        if (dataCtrl.stackInfo && dataCtrl.stackInfo.ID == Fields[i].ID) {
                            index = Items.length - 1;
                        }
                    }
                    typeSelector.AddItems(Items);
                    typeSelector.EnableClear(true);
                    typeSelector.selectedIndex = index;
                    typeSelector.onchanged = function () {
                        if (typeSelector.selectedIndex != -1) {
                            dataCtrl.stackInfo = {
                                ID: typeSelector.Items[typeSelector.selectedIndex].ID,
                                Name: typeSelector.Items[typeSelector.selectedIndex].Name,
                                className: typeSelector.Items[typeSelector.selectedIndex].className,
                            };
                        } else {
                            delete dataCtrl.stackInfo;
                        }
                    }
                }());

                (function () {
                    if (dataCtrl.ChartType == "PieChart") {
                        createSplit(propBody);
                        label = createLabel(propBody, "半径");
                        var radiusInput = createValue(propBody);
                        radiusInput.setAttribute("placeholder", "例:30% 50%");
                        radiusInput.value = dataCtrl.Radius == null ? "" : dataCtrl.Radius;
                        radiusInput.onchange = function () {
                            dataCtrl.Radius = !radiusInput.value ? undefined : radiusInput.value;
                        }
                    }
                }());
                var pointerDiv = document.createElement("div");
                pointerDiv.style.height = "28px";
                pointerDiv.style.width = "2px";
                pointerDiv.style.margin = "3px 0";
                pointerDiv.style.verticalAlign = "top";
                pointerDiv.style.background = "#0db3a6";
                pointerDiv.style.display = "inline-block";

                function RenameFieldBtn(btnDiv, Name, End) {
                    var self = this;
                    var Menu = {
                        "style": {
                            "width": "246px",
                            "height": "116px",
                            "padding": "8px",
                            "background-color": "rgba(0,0,0,0)",
                            "box-shadow": "none",
                            "overflow": "hidden"
                        },
                        "Items": [
                        ]
                    }
                    var _CLMenu = new CLMenu(Menu, btnDiv);
                    var divMenu = document.body.lastChild.firstChild.firstChild;
                    var Div = document.createElement("div");
                    Div.className = "FrmDesignerExNameEditor";
                    divMenu.appendChild(Div);
                    var input = document.createElement("input");
                    input.value = Name;
                    Div.appendChild(input);
                    input.select();
                    var Bottom = document.createElement("div");
                    Bottom.className = "Bottom";
                    Div.appendChild(Bottom);
                    var Btn = document.createElement("div");
                    Btn.className = "CLBtnCancel";
                    Btn.innerHTML = "取消";
                    Btn.style.margin = "0 5px 0 0";
                    Btn.onclick = function () {
                        _CLMenu.Close();
                    }
                    Bottom.appendChild(Btn);

                    Btn = document.createElement("div");
                    Btn.className = "CLBtnGreen";
                    Btn.style.margin = "0 0 0 5px";
                    Btn.innerHTML = "确定";
                    Btn.onclick = function () {
                        End(input.value);
                        _CLMenu.Close();
                    }
                    Bottom.appendChild(Btn);
                }
                (function (维度) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "维度");
                    var add = document.createElement("div");
                    add.className = "Add";
                    label.appendChild(add);
                    function resetDimension() {
                        var dimensions = DivDimensions.childNodes;
                        dataCtrl.Dimensions = [];
                        for (var i = 0; i < dimensions.length; i++) {
                            if (dimensions[i].Dimension != null) {
                                dataCtrl.Dimensions.push(dimensions[i].Dimension);
                            }
                        }
                    }

                    function EditDimension(dimensionDiv) {
                        var Dimension = dimensionDiv.Dimension;
                        function subMenu(Item, items, callback, selName) {
                            var right = document.createElement("span");
                            right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                            right.innerHTML = "&#xe6a3;";
                            Item.appendChild(right);
                            Item.onmouseenter = function () {
                                var Menu = document.createElement("div");
                                Menu.className = "CLMenu";
                                for (var i = 0; i < items.length; i++) {
                                    var item = document.createElement("div");
                                    item.className = "Item";
                                    item.style.width = "160px";
                                    item.innerHTML = items[i];
                                    item.onclick = function (e) {
                                        var item = e.currentTarget;
                                        callback(item);
                                        title.Close();
                                    }
                                    if (Dimension[selName] == items[i]) {
                                        item.classList.add("FrmDesignerExOrderItemSel");
                                    }
                                    Menu.appendChild(item);
                                }

                                var title = new CLTitle(Item, Menu);
                                var Box = Menu.parentNode;
                                var rect = Item.getBoundingClientRectEx();
                                Box.style.left = rect.right - 15 + "px";
                                Box.style.top = rect.top + "px";
                                var subRect = Box.getBoundingClientRect();
                                if (subRect.right > window.innerWidth) {
                                    Box.style.left = rect.left - Box.offsetWidth + "px";
                                }
                            }
                        }
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "width": "160px",
                                "overflow-y": "auto",
                            },
                            "Items": [
                            ]
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "修改显示名",
                            "Enable": true,
                            "CallBack": function () {
                                RenameFieldBtn(dimensionDiv, Dimension.Name, function (Name) {
                                    Dimension.Name = Name;
                                    dimensionDiv.firstChild.innerHTML = Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")");
                                });
                                _CLMenu.Close();
                            }
                        });
                        if (Dimension.className == "时间日期" || Dimension.className == "更新时间" || Dimension.className == "提交时间") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "汇总方式",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['年', '年-季', '年-月', '年-周', '年-月-日'], function (item) {
                                        Dimension.collectType = item.innerHTML;
                                        dimensionDiv.firstChild.innerHTML = Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")");
                                    }, 'collectType');
                                }
                            });
                        }
                        if (SortAbleNameList.indexOf(Dimension.className) >= 0) {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "排序",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['默认', '升序', '降序'], function (item) {
                                        Dimension.sortType = item.innerHTML;
                                    }, 'sortType');
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "颜色",
                            "Enable": true,
                            "CallBack": function (e) {
                                var menu = Designer.Dialog(280, null, DivDimensions);
                                CLChart.SetColor(menu.Div, function (colors) {
                                    Dimension.bgColors = colors;
                                    menu.Close();
                                });
                                menu.Div.style.height = "";
                                menu.Reset();
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "颜色(公式编辑)",
                            "Enable": true,
                            "CallBack": function (e) {
                                var jsColor = Dimension.jsColor == null ? "" : Dimension.jsColor;
                                Designer.codeDlg(jsColor, function (jsColor) {
                                    Dimension.jsColor = jsColor;
                                    if (!jsColor) {
                                        delete Dimension.jsColor;
                                    } else {
                                        Dimension.jsColor = jsColor;
                                    }
                                });
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "删除字段",
                            "Enable": true,
                            "CallBack": function () {
                                dimensionDiv.remove();
                                resetDimension();
                                _CLMenu.Close();
                            }
                        });
                        var _CLMenu = new CLMenu(Menu, dimensionDiv);
                    }

                    function addDimension(Dimension) {
                        var FieldBtn = document.createElement("div");
                        FieldBtn.className = "FieldBtn";
                        if (Dimension.collectType == null) {
                            if (Dimension.className == "时间日期" || Dimension.className == "更新时间" || Dimension.className == "提交时间") {
                                Dimension.collectType = "年-月";
                            }
                        }
                        FieldBtn.innerHTML = "<span>" + Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")") + "</span>";

                        DivDimensions.appendChild(FieldBtn);
                        var down = document.createElement("div");
                        down.className = "BtnDown";
                        FieldBtn.appendChild(down);
                        down.onmousedown = function (e) {
                            e.stopPropagation();
                        }
                        down.onclick = function () {
                            EditDimension(FieldBtn);
                        }
                        FieldBtn.Dimension = Dimension;
                        if (dataCtrl.Dimensions == null) {
                            dataCtrl.Dimensions = [
                                Dimension
                            ];
                        } else {
                            var bHas = false;
                            for (var i = 0; i < dataCtrl.Dimensions.length; i++) {
                                if (dataCtrl.Dimensions[i].ID == Dimension.ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            if (!bHas) {
                                dataCtrl.Dimensions.push(Dimension);
                            }
                        }
                        var FromX, FromY;
                        var Rect;
                        var oStyle = FieldBtn.style.cssText;
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            DivDimensions.insertBefore(pointerDiv, beforeBtn);
                        }, function (FieldBtn, event) {
                            var dimensionsRect = DivDimensions.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < dimensionsRect.top || dragRect.right < dimensionsRect.left || dragRect.top > dimensionsRect.bottom || dragRect.left > dimensionsRect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == DivDimensions) {
                                    DivDimensions.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            resetDimension();
                            pointerDiv.remove();
                            FieldBtn.style.cssText = oStyle;
                        });
                        return FieldBtn;
                    }

                    add.onclick = function (e, Fields) {
                        var Menu = {
                            "style": {
                                "width": "200px",
                                "max-height": "500px",
                                "overflow-y": "auto",
                            },
                            "Items": []
                        };
                        i
                        Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                        var Items = Menu.Items;
                        for (var i = 0; Fields != null && i < Fields.length ; i++) {
                            if (listName.indexOf(Fields[i].className) >= 0 || Fields[i].className == "数字") {
                                continue;
                            }
                            var bHas = false;
                            for (var j = 0; dataCtrl.Dimensions != null && j < dataCtrl.Dimensions.length; j++) {
                                if (dataCtrl.Dimensions[j].ID == Fields[i].ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            Items.push({
                                ID: Fields[i].ID,
                                Text: Fields[i].Name,
                                Enable: !bHas,
                                className: Fields[i].className,
                                CallBack: function (e) {
                                    addDimension({
                                        ID: this.ID,
                                        Name: this.Text,
                                        className: this.className
                                    });
                                    e.currentTarget.Disabled = true;
                                }
                            });
                        }
                        var _CLMenu = new CLMenu(Menu, this.parentNode);
                    }

                    var DivDimensions = createValue(propBody, "div");
                    DivDimensions.style.height = "initial";
                    DivDimensions.style.minHeight = "30px";
                    for (var i = 0; dataCtrl.Dimensions != null && i < dataCtrl.Dimensions.length; i++) {
                        var bFind = false;
                        for (var j = 0; Fields != null && j < Fields.length; j++) {
                            if (dataCtrl.Dimensions[i].ID == Fields[j].ID) {
                                var FieldBtn = addDimension(dataCtrl.Dimensions[i]);
                                FieldBtn.title = Fields[j].Name;
                                bFind = true;
                            }
                        }
                        if (!bFind) {
                            dataCtrl.Dimensions.CLRemove(dataCtrl.Dimensions[i]);
                            i--;
                        }
                    }

                }());

                (function (指标) {
                    function resetPointer() {
                        var pointers = DivPointers.childNodes;
                        dataCtrl.Pointers = [];
                        for (var i = 0; i < pointers.length; i++) {
                            if (pointers[i].Pointer != null) {
                                dataCtrl.Pointers.push(pointers[i].Pointer);
                            }
                        }
                    }

                    function onclickDlg(End, Pointer) {
                        var divDialog = document.createElement("div");
                        divDialog.style.cssText = "width:500px;height:600px";
                        var dlg = new CLDialog(divDialog);
                        var Header = dlg.CreateHeader("修改点击事件");
                        Header.ondblclick = function () {
                            dlg.MaximizeOrReset();
                        }
                        var Body = dlg.CreateBody();
                        var codeEditor = new CLCodeEditor(Body, "javascript");
                        codeEditor.setValue(Pointer.onclick);
                        dlg.onsizeChanged = function () {
                            codeEditor.setSize('auto', '100%');
                        }
                        var Scope = codeEditor.getGlobalScope();
                        Scope.EventData = {
                            ID: Pointer.ID,
                            Name: Pointer.Name,
                            className: Pointer.className,
                            CLChart: {
                                Ele: document.body
                            },
                            Wheres: []
                        }

                        dlg.CreateBottom(function () {
                            Pointer.onclick = codeEditor.getValue();
                        });
                        dlg.Body.addEventListener("keydown", function (e) {
                            if (e.ctrlKey && e.code == "KeyS") {
                                Pointer.onclick = codeEditor.getValue();
                                self.Save();
                            }
                        });
                        var Close = dlg.Close;
                        dlg.Close = function () {
                            Close.apply(this, arguments);
                            delete window.Self;
                        }
                    }

                    function EditPointer(pointerDiv) {
                        var Pointer = pointerDiv.Pointer;
                        function subMenu(Item, items, callback, value) {
                            var right = document.createElement("span");
                            right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                            right.innerHTML = "&#xe6a3;";
                            Item.appendChild(right);
                            Item.onmouseenter = function () {
                                var Menu = document.createElement("div");
                                Menu.className = "CLMenu";
                                for (var i = 0; i < items.length; i++) {
                                    var item = document.createElement("div");
                                    item.className = "Item";
                                    item.style.width = "160px";
                                    item.innerHTML = items[i];
                                    item.onclick = function (e) {
                                        var item = e.currentTarget;
                                        callback(item);
                                        title.Close();
                                    }
                                    if (value == items[i]) {
                                        item.classList.add("FrmDesignerExOrderItemSel");
                                    }
                                    Menu.appendChild(item);
                                }

                                var title = new CLTitle(Item, Menu);
                                var Box = Menu.parentNode;
                                var rect = Item.getBoundingClientRectEx();
                                Box.style.left = rect.right - 15 + "px";
                                Box.style.top = rect.top + "px";
                                var subRect = Box.getBoundingClientRect();
                                if (subRect.right > window.innerWidth) {
                                    Box.style.left = rect.left - Box.offsetWidth + "px";
                                }
                            }
                        }
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "width": "160px",
                                "overflow-y": "auto",
                            },
                            "Items": [
                            ]
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "修改显示名",
                            "Enable": true,
                            "CallBack": function () {
                                RenameFieldBtn(pointerDiv, Pointer.Name, function (Name) {
                                    Pointer.Name = Name;
                                    pointerDiv.firstChild.innerHTML = Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")");
                                });
                                _CLMenu.Close();
                            }
                        });
                        if (Pointer.className == "数字") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "汇总方式",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['求和', '平均', '最大值', '最小值', '计数'], function (item) {
                                        Pointer.collectType = item.innerHTML;
                                        pointerDiv.firstChild.innerHTML = Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")");
                                    }, Pointer.collectType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "点击事件",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.Menu.Close();
                                onclickDlg(function () {

                                }, Pointer);
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "汇总结果显示",
                            "Enable": true,
                            "CallBack": function () {
                            },
                            "OnCreated": function (Item) {
                                subMenu(Item, ['显示为实际值', '显示为占比', '实际值与占比'], function (item) {
                                    Pointer.resultShow = item.innerHTML;
                                }, Pointer.resultShow);
                            }
                        });
                        if (dataCtrl.ChartType == "ColumnChart") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "图表类型",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    var chartType = Pointer.chartType === undefined ? "无" : (Pointer.chartType == "line" ? "折线图" : "面积图");
                                    subMenu(Item, ['无', '折线图', '面积图'], function (item) {
                                        if (item.innerHTML == "无") {
                                            delete Pointer.chartType;
                                        }
                                        if (item.innerHTML == "折线图") {
                                            Pointer.chartType = "line";
                                        }
                                        if (item.innerHTML == "面积图") {
                                            Pointer.chartType = "area";
                                        }
                                    }, chartType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "辅助线",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.Menu.Close();
                                var divDlg = document.createElement("div");
                                divDlg.style.cssText = "width:300px;height:250px";
                                var dlg = new CLDialog(divDlg);
                                dlg.CreateHeader("辅助线设置");
                                var Body = dlg.CreateBody();
                                var Label = document.createElement("div");
                                Label.style.height = "30px";
                                Label.style.lineHeight = "30px";
                                Label.style.margin = "10px 0";
                                Label.innerHTML = "<span style='padding:0 15px;display:inline-block;width:100px'>标线类型<span>";
                                Body.appendChild(Label);
                                var MarkLine = Pointer.MarkLine == null ? {
                                } : CLClone(Pointer.MarkLine);

                                var typeSel = new CLSelect(Label);
                                typeSel.EnableClear(true);
                                Label.lastChild.style.display = "inline-block";
                                Label.lastChild.style.width = "calc(100% - 100px)";
                                Label.lastChild.style.verticalAlign = "top";
                                typeSel.setPlaceholder("标线类型");
                                typeSel.AddItems([
                                    "平均值",
                                    "自定义"
                                ]);
                                typeSel.onchanged = function () {
                                    if (typeSel.selectedIndex == -1) {
                                        nameInput.value = '';
                                        valInput.value = '';
                                    }
                                    else if (typeSel.GetValue() == "平均值") {
                                        valLabel.style.display = "none";
                                    } else {
                                        valLabel.style.display = "block";
                                    }
                                    MarkLine.Type = typeSel.GetValue();
                                }

                                var nameLabel = Label.cloneNode();
                                nameLabel.innerHTML = "<span style='padding:0 15px;display:inline-block;width:100px'>名称<span>";
                                Body.appendChild(nameLabel);
                                var nameInput = document.createElement("input");
                                nameInput.style.width = "calc(100% - 100px)";
                                nameInput.style.height = "30px";
                                nameInput.value = MarkLine.Name == null ? "" : MarkLine.Name;
                                nameInput.onchange = function () {
                                    MarkLine.Name = nameInput.value;
                                }
                                nameLabel.appendChild(nameInput);

                                var valLabel = nameLabel.cloneNode(true);
                                valLabel.firstChild.innerHTML = "值";
                                Body.appendChild(valLabel);
                                valInput = valLabel.lastChild;
                                valInput.value = MarkLine.Value == null ? "" : MarkLine.Value;
                                valInput.oninput = function () {
                                    CLCheckFloat(valInput, 10);
                                }
                                valInput.onchange = function () {
                                    MarkLine.Value = valInput.value;
                                }

                                typeSel.selectedIndex = typeSel.Items.indexOf(MarkLine.Type);
                                dlg.CreateBottom(function () {
                                    if (MarkLine.Type == null) {
                                        delete Pointer.MarkLine;
                                    } else {
                                        Pointer.MarkLine = MarkLine;
                                    }
                                });
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "数据格式",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.parentNode.Menu.Close();
                                CLNumFormatDialog(Pointer.dataFormat, function (dataFormat) {
                                    Pointer.dataFormat = dataFormat;
                                });
                            }
                        });
                        if (dataCtrl.ChartType == "LineChart" || Pointer.chartType == "line") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "数据标签",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['显示', '隐藏'], function (item) {
                                        Pointer.showText = item.innerHTML;
                                    }, Pointer.showText);
                                }
                            });
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "线条样式",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['实线', '虚线', '点线'], function (item) {
                                        Pointer.lineType = item.innerHTML;
                                    }, Pointer.lineType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "删除字段",
                            "Enable": true,
                            "CallBack": function () {
                                pointerDiv.remove();
                                resetPointer();
                                _CLMenu.Close();
                            }
                        });
                        var _CLMenu = new CLMenu(Menu, pointerDiv);
                    }

                    function addPointer(Pointer) {
                        var FieldBtn = document.createElement("div");
                        FieldBtn.className = "FieldBtn";
                        if (Pointer.collectType == null && Pointer.className == "数字") {
                            Pointer.collectType = "求和";
                        } else if (Pointer.collectType == null) {
                            Pointer.collectType = "计数";
                        }
                        FieldBtn.innerHTML = "<span>" + Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")") + "</span>";

                        DivPointers.appendChild(FieldBtn);
                        var down = document.createElement("div");
                        down.className = "BtnDown";
                        FieldBtn.appendChild(down);
                        down.onmousedown = function (e) {
                            e.stopPropagation();
                        }
                        down.onclick = function () {
                            EditPointer(FieldBtn);
                        }
                        FieldBtn.Pointer = Pointer;
                        if (dataCtrl.Pointers == null) {
                            dataCtrl.Pointers = [
                                Pointer
                            ];
                        } else {
                            var bHas = false;
                            for (var i = 0; i < dataCtrl.Pointers.length; i++) {
                                if (dataCtrl.Pointers[i].ID == Pointer.ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            if (!bHas) {
                                dataCtrl.Pointers.push(Pointer);
                            }
                        }
                        var FromX, FromY;
                        var Rect;
                        var oStyle = FieldBtn.style.cssText;
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            DivPointers.insertBefore(pointerDiv, beforeBtn);
                        }, function (FieldBtn, event) {
                            var pointersRect = DivPointers.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < pointersRect.top || dragRect.right < pointersRect.left || dragRect.top > pointersRect.bottom || dragRect.left > pointersRect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == DivPointers) {
                                    DivPointers.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            resetPointer();
                            pointerDiv.remove();
                            FieldBtn.style.cssText = oStyle;
                        });
                        return FieldBtn;
                    }

                    createSplit(propBody);
                    var label = createLabel(propBody, "指标");
                    add = document.createElement("div");
                    add.className = "Add";
                    label.appendChild(add);
                    var DivPointers = createValue(propBody, "div");
                    DivPointers.style.height = "initial";
                    DivPointers.style.minHeight = "30px";
                    add.onclick = function (e, Fields) {
                        var Menu = {
                            "style": {
                                "width": "200px",
                                "max-height": "500px",
                                "overflow-y": "auto",
                            },
                            "Items": []
                        };
                        Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                        var Items = Menu.Items;
                        for (var i = 0; Fields != null && i < Fields.length ; i++) {
                            if (listName.indexOf(Fields[i].className) >= 0) {
                                continue;
                            }
                            var bHas = false;
                            for (var j = 0; dataCtrl.Pointers != null && j < dataCtrl.Pointers.length; j++) {
                                if (dataCtrl.Pointers[j].ID == Fields[i].ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            Items.push({
                                ID: Fields[i].ID,
                                Text: Fields[i].Name,
                                Enable: !bHas,
                                className: Fields[i].className,
                                CallBack: function (e) {
                                    addPointer({
                                        ID: this.ID,
                                        Name: this.Text,
                                        className: this.className
                                    });
                                    e.currentTarget.Disabled = true;
                                }
                            });
                        }
                        var _CLMenu = new CLMenu(Menu, this.parentNode);
                    }

                    for (var i = 0; dataCtrl.Pointers != null && i < dataCtrl.Pointers.length; i++) {
                        var bFind = false;
                        for (var j = 0; Fields != null && j < Fields.length; j++) {
                            if (dataCtrl.Pointers[i].ID == Fields[j].ID) {
                                var FieldBtn = addPointer(dataCtrl.Pointers[i]);
                                FieldBtn.title = Fields[j].Name;
                                bFind = true;
                            }
                        }
                        if (!bFind) {
                            dataCtrl.Pointers.CLRemove(dataCtrl.Pointers[i]);
                            i--;
                        }
                    }
                }());

                (function (循环) {
                    createSplit(propBody);
                    label = createLabel(propBody, "分组循环");
                    var spanClear = document.createElement("span");
                    spanClear.style.cssFloat = "right";
                    spanClear.style.color = "#00c";
                    spanClear.style.cursor = "pointer";
                    spanClear.innerHTML = "清除";
                    spanClear.onclick = function () {
                        fieldSelector.SetValue("");
                        delete dataCtrl.Loop;
                    }
                    label.appendChild(spanClear);
                    var fieldSelector = new CLSelect(propBody);
                    if (Fields == null) {
                        return;
                    }
                    if (dataCtrl.Loop != null) {
                        for (var i = 0; i < Fields.length; i++) {
                            if (Fields[i].ID == dataCtrl.Loop.FieldID) {
                                fieldSelector.SetValue(Fields[i].Name);
                            }
                        }
                    }
                    var Div = propBody.lastChild;
                    fieldSelector.OnClick = function (e) {
                        var Menu = {
                            style: {
                                "min-width": "270px",
                                "max-height": "185px",
                            },
                            Items: []
                        }
                        var _CLMenu = new CLMenu(Menu, Div);
                        var treeData = {
                            ID: null,
                            Name: "",
                            SubNode: []
                        }
                        for (var j = 0; j < Fields.length; j++) {
                            treeData.SubNode[j] = {
                                ID: Fields[j].ID,
                                Name: Fields[j].Name,
                                className: Fields[j].className
                            }
                        }
                        var input = document.createElement("input");
                        input.className = "CLSearch";
                        input.style.height = "30px";
                        input.style.marginLeft = "10px";
                        input.oninput = function () {
                            _CLTree.Search(input.value);
                            _CLMenu.Reset();
                        }
                        _CLMenu.Div.appendChild(input);
                        var _CLTree = new CLTree(treeData);
                        _CLTree.Editable = false;
                        _CLTree.OnItemCreated = function (Item, ItemData) {
                            if (ItemData.ID == null) {
                                Item.Info.style.display = "none";
                            } else {
                                Item.Info.style.paddingLeft = parseInt(Item.Info.style.paddingLeft) - 10 + "px";
                                Item.Icon.setAttribute("IconText", "");
                                var open = Item.Open;
                                var close = Item.Close;
                                Item.Open = function () {
                                    open.apply(this, arguments);
                                    _CLMenu.Div.style.height = "initial";
                                    _CLMenu.Reset();
                                }
                                Item.Close = function () {
                                    close.apply(this, arguments);
                                    _CLMenu.Div.style.height = "initial";
                                    _CLMenu.Reset();
                                }
                                if (ItemData.className == null) {
                                    Item.Info.style.background = "rgba(0,0,0,0)";
                                    Item.Info.firstChild.style.color = "#0db3a6";
                                    Item.Name.style.color = "#333";
                                    Item.Info.firstChild.onclick = function (e) {
                                        e.stopPropagation();
                                    }
                                    Item.Info.onclick = function (e) {
                                        if (Item.IsOpen()) {
                                            Item.Close();
                                        } else {
                                            Item.Open();
                                        }
                                        e.stopPropagation();
                                    }
                                }
                            }
                        }
                        _CLTree.Render(_CLMenu.Div);
                        _CLMenu.Div.lastChild.style.maxHeight = "150px";
                        _CLMenu.Div.lastChild.style.overflow = "auto";
                        _CLMenu.Div.style.height = "initial";
                        _CLMenu.Reset();
                        _CLTree.OnSelected = function (ItemData) {
                            if (ItemData.className === undefined) {
                                return;
                            }
                            fieldSelector.SetValue(ItemData.Name);
                            if (dataCtrl.Loop == null || dataCtrl.Loop.FieldID != ItemData.ID) {
                                dataCtrl.Loop = {
                                    FieldID: ItemData.ID
                                }
                                _CLMenu.Close();
                            }
                        }
                        if (dataCtrl.Loop != null) {
                            _CLTree.Select(dataCtrl.Loop.FieldID);
                        }
                    }
                }());

                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                var dataSources = Designer.dataFrm.dataSources;
                var dataSource = Designer.getDataSourceById(self.SourceID);
                if (dataSource == null) {
                    return;
                }
                var Keys = FrmUiCtrls[dataCtrl.className].BindVars == null ? [] : FrmUiCtrls[dataCtrl.className].BindVars(Designer, dataCtrl);

                for (var i = 0; i < Keys.length; i++) {
                    var Key = Keys[i];
                    if (DataSourceDlg.VarInUse(Key, dataSource)) {
                        return true;
                    }
                }
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["图表控件"]);
    }());

    (function (数据控件) {
        FrmUiCtrls["数据控件"] = {
            Icon: "&#xe804;"
            , Name: "数据控件"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [150, 150]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                var cssNull = Div.style.cssText = "width:100%;height:100%;position:absolute;left:0;top:0";
                CtrlBox.appendChild(Div);
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;

                var onLoad;

                CtrlBox.Prepare = function () {
                    onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    if (dataCtrl.SourceID != null) {
                        Designer.PushSourceChanged(dataCtrl.SourceID);
                    } else {
                        Designer.runCode(CtrlBox, onLoad);
                        Designer.CtrlShown(dataCtrl.ID);
                    }
                }

                CtrlBox.Render = function () {
                    var load = Designer.QueryData([dataCtrl.SourceID], false, function () {
                        var dataList = Designer.SourceData[dataCtrl.SourceID];
                        try {
                            Div.innerHTML = "";
                            var Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                            var Header = [];
                            if (dataCtrl.MultiSel) {
                                Header.push({ ID: "", Name: "", width: "80px" });
                            }
                            var classHeader = {};
                            var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                            for (var i = 0; i < Fields.length; i++) {
                                if (Exclude.indexOf(Fields[i].ID) >= 0) {
                                    continue;
                                }
                                Header.push({
                                    ID: Fields[i].ID,
                                    Name: Fields[i].Name
                                });
                                classHeader[Fields[i].ID] = Fields[i].className;
                            }
                            Div.innerHTML = "<div style='width:100%;height:100%'></div>";
                            var width = Div.firstChild.offsetWidth - 11;
                            var l = 0;
                            var index = 0;
                            var count = Header.length;
                            if (dataCtrl.MultiSel) {
                                index++;
                                count--;
                                width -= 80;
                            }
                            for (; index < Header.length; index++) {
                                Header[index].width = width / count + "px";
                            }
                            Header.push({ ID: "", Name: "", width: "" });
                            Div.innerHTML = "";
                            CtrlBox.CLTable = new CLTable(Div);
                            Div.getElementsByClassName("CLNoSelect")[0].style.display = "none";
                            CtrlBox.CLTable.Table.style.marginBottom = "0";
                            CtrlBox.CLTable.SetHeader(Header);
                            var Tr = CtrlBox.CLTable.HeaderTable.childNodes[1];
                            var Td = Tr.childNodes[0];
                            var allBox = null;
                            if (dataCtrl.MultiSel) {
                                allBox = new CLCheckBox("", Td);
                                var flag = false;
                                allBox.onchanged = function () {
                                    flag = true;
                                    CtrlBox.CLTable.Table.childNodes.forEach(function (line) {
                                        if (line.CLBox) {
                                            line.CLBox.checked = allBox.checked;
                                        }
                                    });
                                    flag = false;
                                }
                            }
                            CtrlBox.CLTable.Resize = true;
                            CtrlBox.CLTable.Container.onclick = null;
                            CtrlBox.CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                                if (ColumnID == null) {
                                    return;
                                }
                                var className = classHeader[ColumnID] == null ? null : classHeader[ColumnID];

                                if (className == "附件上传") {
                                    if (CellData == null) {
                                        Column.innerHTML = "";
                                    } else {
                                        var Files = CellData.constructor == [].constructor ? CellData : JSON.parse(CellData);
                                        Column.firstChild.onclick = function (e) {
                                            var _CLPreView = new CLPreView(Files, 0);
                                            e.stopPropagation();
                                        }
                                    }
                                }
                            }
                            CtrlBox.CLTable.OnLineCreated = function (TrLine) {
                                TrLine.onclick = function () {
                                    CtrlBox.OnClick(TrLine);
                                }
                                TrLine.ondblclick = function () {
                                    CtrlBox.OnDblClick(TrLine);
                                }
                                if (dataCtrl.MultiSel) {
                                    TrLine.CLBox = new CLCheckBox("", TrLine.firstChild);
                                    TrLine.firstChild.onclick = function (e) {
                                        e.stopPropagation();
                                    }
                                    TrLine.CLBox.onchanged = function () {
                                        var checked = true;
                                        CtrlBox.CLTable.Table.childNodes.forEach(function (line) {
                                            if (!line.CLBox.checked) {
                                                checked = false;
                                            }
                                        });
                                        if (!flag) {
                                            allBox.Checked = checked;
                                        }
                                        if (TrLine.CLBox.checked) {
                                            TrLine.classList.add("CLLineSel");
                                        } else {
                                            TrLine.classList.remove("CLLineSel");
                                        }
                                    }
                                    TrLine.onclick = function (e) {
                                        if (!e.ctrlKey) {
                                            allBox.Checked = false;
                                            allBox.onchanged();
                                        }
                                        TrLine.CLBox.checked = true;
                                    }
                                }
                            }
                            CtrlBox.CLTable.SetData(dataList);
                            CtrlBox.cssText = dataCtrl.cssText;
                            Designer.runCode(CtrlBox, onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                            CtrlBox.CLTable.Table.style.borderBottom = "solid 1px #e0e0e0";
                            CtrlBox.GetSelected = function () {
                                var lines = [];
                                CtrlBox.CLTable.Table.childNodes.forEach(function (line) {
                                    if (line.CLBox && line.CLBox.checked) {
                                        lines.push(line.dataLine);
                                    }
                                });
                                return lines;
                            }
                            CtrlBox.on_end_resize = function () {
                                CtrlBox.CLTable.Scroll();
                            }
                        } catch (e) {
                            console.log(e);
                        }
                    });
                    load == null ? null : load.SetContainer(CtrlBox);
                }

                CtrlBox.GetSelected = function () {
                    return [];
                }

                CtrlBox.Search = function (sVal) {
                    var lines = CtrlBox.querySelector(".CLTableBody .CLLine");
                    lines.forEach(function (tr) {
                        var data = tr.dataLine;
                        if (data) { }
                    });
                }

                Designer.SourceDataChanged.push(function (IDs) {
                    if (IDs.indexOf(dataCtrl.SourceID) < 0) {
                        return;
                    }
                    CtrlBox.Render();
                });

                CtrlBox.OnClick = function () { };
                CtrlBox.OnDblClick = function () { };
            }

            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (数据源) {
                    createSplit(propBody);
                    label = createLabel(propBody, "数据源");
                    var sourceName;
                    var sourceSelector = new CLSelect(propBody);
                    var Sources = Designer.dataFrm.dataSources;
                    if (Sources == null) {
                        Sources = Designer.dataFrm.dataSources = [];
                    }
                    if (Sources.length == 0) {
                        return;
                    }
                    for (var i = 0; i < Sources.length; i++) {
                        if (dataCtrl.SourceID == Sources[i].ID) {
                            sourceName = Sources[i].Name;
                        }
                        sourceSelector.AddItems(Sources[i].Name);
                    }
                    sourceSelector.OnMenuCreated = function (divMenu) {
                        divMenu.lastChild.lastChild.style.color = "#3385ff";
                    }
                    sourceSelector.onchanged = function () {
                        {
                            dataCtrl.SourceID = Sources[sourceSelector.selectedIndex].ID;
                        }
                        Designer.widgetProp();
                    }
                    sourceSelector.SetValue(dataCtrl.SourceType == "表格数据" ? "<code style='color:#3385ff;font-weight:900'>表格数据<code>" : (sourceName == null ? "" : sourceName));
                }());

                (function (排除字段) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "排除字段");
                    var add = document.createElement("div");
                    add.className = "Add";
                    add.innerHTML = "添加字段";
                    label.appendChild(add);
                    var Value = createValue(propBody, "div");
                    Value.style.height = "80px";
                    Value.style.overflow = "auto";
                    add.onclick = function () {
                        var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                        var Items = [];
                        var Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                        if (Fields == null) {
                            CLShowMsg("请先添加数据源");
                            return;
                        }
                        for (var i = 0; i < Exclude.length; i++) {
                            var has = false;
                            for (var j = 0; j < Fields.length ; j++) {
                                if (Fields[j].ID == Exclude[i]) {
                                    has = true;
                                }
                            }
                            if (!has) {
                                Exclude.splice(i, 1);
                                i--;
                            }
                        }
                        for (var i = 0 ; i < Fields.length ; i++) {
                            Items.push({
                                "Icon": "",
                                "Text": Fields[i].Name,
                                "Enable": Exclude.indexOf(Fields[i].ID) < 0,
                                "Data": Fields[i],
                                "CallBack": function (e) {
                                    e.currentTarget.Disabled = true;
                                    Exclude.push(this.Data.ID);
                                    ShowExclude();
                                }
                            });
                        }
                        var Menu = {
                            style: {
                                "max-height": "350px"
                            },
                            Items: Items
                        }
                        var _CLMenu = new CLMenu(Menu, label);
                        _CLMenu.EnableSearch(true);
                    }
                    var pointerDiv = document.createElement("div");
                    pointerDiv.style.height = "28px";
                    pointerDiv.style.width = "2px";
                    pointerDiv.style.margin = "3px 0";
                    pointerDiv.style.verticalAlign = "top";
                    pointerDiv.style.background = "#0db3a6";
                    pointerDiv.style.display = "inline-block";
                    function EnableDrag(FieldBtn) {
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            FieldBtn.oStyle = FieldBtn.style.cssText;
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            Value.insertBefore(pointerDiv, beforeBtn);
                        }, function (FieldBtn, event) {
                            var rect = Value.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < rect.top || dragRect.right < rect.left || dragRect.top > rect.bottom || dragRect.left > rect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == Value) {
                                    Value.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            pointerDiv.remove();
                            FieldBtn.style.cssText = FieldBtn.oStyle;
                            dataCtrl.Exclude = [];
                            for (var i = 0; i < Value.childNodes.length; i++) {
                                dataCtrl.Exclude.push(Value.childNodes[i].dataId);
                            }
                        });
                    }

                    function ShowExclude() {
                        Value.innerHTML = "";
                        var Exclude = dataCtrl.Exclude == null ? dataCtrl.Exclude = [] : dataCtrl.Exclude;
                        var Fields = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                        var Items = [];
                        for (var i = 0; i < Exclude.length; i++) {
                            var field = null;
                            for (var j = 0; j < Fields.length ; j++) {
                                if (Fields[j].ID == Exclude[i]) {
                                    field = Fields[j];
                                }
                            }
                            if (!field) {
                                Exclude.splice(i, 1);
                                i--;
                            } else {
                                var divBtn = document.createElement("div");
                                divBtn.className = "FieldBtn";
                                divBtn.innerHTML = field.Name;
                                divBtn.dataId = field.ID;
                                Value.appendChild(divBtn);
                                EnableDrag(divBtn);
                            }
                        }
                    }

                    ShowExclude();
                }());

                createSplit(propBody);
                var label = createLabel(propBody, "数据选择");
                var boxValue = createValue(propBody, "div");
                boxValue.style.border = "none";
                var _CLBox = new CLCheckBox("启用多选", boxValue);
                _CLBox.checked = dataCtrl.MultiSel == true;
                _CLBox.onchanged = function () {
                    dataCtrl.MultiSel = _CLBox.checked;
                }

                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }

            , getDepend: FrmUiCtrls["图表控件"].getDepend
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["数据控件"]);
    }());

    (function (表格控件) {
        FrmUiCtrls["表格控件"] = {
            Icon: "&#xe613;"
            , Name: "表格控件"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [150, 150]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Excel";
                CtrlBox.appendChild(Div);
                var _ExcelCalculator;
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var SourceIDs = [];

                var Widgets = [CtrlBox];

                function addBox(widget) {
                    var rectWidget = CtrlBox.Gridster.get_widget_rect(widget);
                    rect = CtrlBox.Gridster.next_gs_rect(widget, rectWidget.Width, rectWidget.Height);
                    if (dataCtrl.Rect.lock_X) {
                        rect.Left = dataCtrl.Rect.Left;
                    }
                    if (dataCtrl.Rect.lock_Y) {
                        rect.Top = dataCtrl.Rect.Top;
                    }
                    CtrlBox.Gridster.lock_widget_pos(widget, dataCtrl.Rect.lock_X, dataCtrl.Rect.lock_Y);
                    var widget = CtrlBox.Gridster.add_widget("<li data-sizex='" + rect.Width + "' data-sizey='" + rect.Height + "'></li>");
                    CtrlBox.Gridster.widget_jump_to(widget, rect.Left, rect.Top);
                    var Div = document.createElement("div");
                    Div.className = "Excel";
                    widget.appendChild(Div);
                    widget.dataCtrl = dataCtrl;
                    widget.Designer = Designer;
                    widget.Gridster = CtrlBox.Gridster;
                    widget.cssText = dataCtrl.cssText;
                    ResetSizeInfo(widget);
                    widget.addEventListener("mousedown", function (e) {
                        if (e.ctrlKey || e.shiftKey) {
                            e.preventDefault();
                        }
                    });
                    Object.defineProperty(widget, "cssText", {
                        set: function (cssText) {
                            Div.style.cssText = cssNull + cssText;
                        }
                    });
                    return widget;
                }

                function allocateBox(count) {
                    for (var i = 1; i < Widgets.length; i++) {
                        CtrlBox.Gridster.remove_widget(Widgets[i]);
                    }
                    Widgets = [CtrlBox];
                    for (var i = 1; i < count; i++) {
                        var widget = addBox(Widgets[i - 1]);
                        Widgets.push(widget);
                    }
                }

                function collect(SourceData, SourceIDs) {
                    var tempData = {};
                    var collectSource = null;
                    for (var i = 0; i < SourceIDs.length; i++) {
                        tempData[SourceIDs[i]] = SourceData[SourceIDs[i]];
                        if (dataCtrl.Loop != null && SourceIDs[i] == dataCtrl.Loop.SourceID) {
                            collectSource = SourceData[SourceIDs[i]]
                        }
                    }
                    if (collectSource == null) {
                        return [tempData];
                    }
                    var listText = [];
                    var collectList = [];
                    for (var i = 0; i < collectSource.length; i++) {
                        var text = collectSource[i][dataCtrl.Loop.FieldID];
                        text = text == null ? null : text.constructor == {}.constructor ? text.oVal : text;
                        if (text === undefined) {
                            return [tempData];
                        }
                        var index = listText.indexOf(text);
                        if (index < 0) {
                            listText.push(text);
                            index = listText.length - 1;
                            var temp = {};
                            for (var j = 0; j < SourceIDs.length; j++) {
                                if (dataCtrl.Loop != null && SourceIDs[j] == dataCtrl.Loop.SourceID) {
                                    temp[SourceIDs[j]] = [];
                                } else {
                                    temp[SourceIDs[j]] = SourceData[SourceIDs[j]];
                                }
                            }
                            collectList.push(temp);
                        }
                        collectList[index][dataCtrl.Loop.SourceID].push(collectSource[i]);
                    }
                    return collectList;
                }

                var m_indexes = null;
                var m_widths = null;
                function draw(_ExcelCalculator, End) {
                    var _load = null;
                    function funcDraw() {
                        if (!_load) {
                            _load = new Loading(false);
                            _load.SetContainer(CtrlBox);
                            CLAsync(function () {
                                try {
                                    funcDraw();
                                } finally {
                                    _load.Stop();
                                }
                            });
                            return;
                        }
                        var collectList = collect(Designer.SourceData, SourceIDs);
                        allocateBox(collectList.length);
                        var sError;
                        for (var i = 0; i < collectList.length ; i++) {
                            var Widget = Widgets[i];
                            var Div = Widget.firstChild;
                            Div.innerHTML = "<div style='width:100%;height:100%'></div>";
                            Div.style.cssText = cssNull + dataCtrl.cssText;
                            Widget.wLen = Widget.offsetWidth - Div.firstChild.clientWidth;
                            if (Widget.wLen < 0) {
                                Widget.wLen = 0;
                            }
                            Widget.hLen = Widget.offsetHeight - Div.firstChild.clientHeight;
                            Div.innerHTML = "";
                            _ExcelCalculator.width = Widget.offsetWidth - Widget.wLen;
                            _ExcelCalculator.Reset();
                            if (!!sError) {
                                Div.innerHTML = sError;
                                continue;
                            }
                            try {
                                _ExcelCalculator.Calc(collectList[i]);
                            } catch (e) {
                                sError = "<center style='color:#c00;line-height:30px'>" + e.toString() + "</center>";
                                Div.innerHTML = sError;
                                continue;
                            }
                            Widget.CLExcel = new CLExcel(Div, false);
                            Widget.CLExcel.Ele.classList.add("Scope_" + dataCtrl.ID);
                            if (IsMobile() || !_ExcelCalculator.dataExcel.usePrintServerOnlyMobile) {
                                Widget.CLExcel.PrintServerIp = _ExcelCalculator.dataExcel.PrintServerIp;
                            }
                            Widget.CLExcel.usePrintDlg = _ExcelCalculator.dataExcel.usePrintDlg;
                            Widget.CLExcel.Widget = Widget;
                            Widget.CLExcel.setBoxSize = function (off) {
                            }
                            Widget.CLExcel.TableBox.style.overflow = "auto";

                            var vExcel = _ExcelCalculator.Render(Widget.CLExcel);
                            Widget.vExcel = vExcel;
                            vExcel.onsorted = function (indexes) {
                                if (Widget.on_end_sort) {
                                    Widget.on_end_sort(indexes);
                                } else {
                                    m_indexes = indexes;
                                }
                                if (Widgets.length > 0) {
                                    for (var i = 0; i < Widgets.length ; i++) {
                                        if (Widgets[i] != Widget) {
                                            Widget.SetColIndexes(indexes);
                                        }
                                    }
                                }
                            }
                            Widget.SetColIndexes = function (indexes) {
                                vExcel.AdjustCols(indexes);
                            }
                            if (m_indexes != null) {
                                vExcel.AdjustCols(m_indexes);
                            }
                            vExcel.onsizeChanged = function (widths) {
                                if (Widget.on_end_col_resize) {
                                    Widget.on_end_col_resize(widths);
                                } else {
                                    m_widths = widths;
                                }
                            }
                            Widget.SetColsWidth = function (widths) {
                                if (widths) {
                                    vExcel.AdjustWidths(widths);
                                }
                            }
                            Widget.ShowCol = function (index, width, show) {
                                vExcel.ShowCol(index, width, show !== false);
                            }
                            Widget.HideCol = function (index) {
                                vExcel.ShowCol(index, null, false);
                            }
                            if (m_widths != null) {
                                vExcel.AdjustWidths(m_widths);
                            }
                            Widget.CLExcel.Body.style.width = "100%";
                            Widget.CLExcel.Body.style.height = "100%";
                            Widget.CLExcel.Container.style.width = "100%";
                            Widget.CLExcel.Container.style.height = "100%";
                            Widget.CLExcel.TableBox.style.width = "100%";
                            Widget.CLExcel.TableBox.style.height = "100%";
                            var Table = Widget.CLExcel.Table;
                            var margin = parseInt(Table.style.marginLeft) + parseInt(Table.style.marginRight);
                            if (_ExcelCalculator.dataExcel.hFull) {
                                Table.style.width = "calc(100% - " + margin + "px)";
                            }
                            var tw = Table.offsetWidth + margin;
                            var width = _ExcelCalculator.dataExcel.hFull ? parseFloat(Widget.style.width) :
                               tw + Widget.wLen;
                            var height = Table.offsetHeight + Widget.CLExcel.topTable.offsetHeight + Widget.hLen;
                            if (Table.Cloned) {
                                height -= Table.Cloned.offsetHeight;
                            }
                            CtrlBox.setAttribute("AdjustLeft", getComputedStyle(Table.firstChild.firstChild.firstChild).width);
                            if (parseFloat(getComputedStyle(Table.firstChild).width) == parseFloat(getComputedStyle(Table).width) - 0.5) {
                                CtrlBox.setAttribute("AdjustRight", "1px");
                            }
                            CtrlBox.Gridster.set_widget_size(Widget, width, height);
                            Widget.VirtualExcel = _ExcelCalculator.VirtualExcel;
                            Widget.on_end_resize = on_end_resize;
                            if (!_ExcelCalculator.dataExcel.hFull) {
                                var body = Widget.CLExcel.Body;
                                body.style.width = tw + "px";
                                var w1 = tw;
                                var w2 = Widget.fWidth - Widget.wLen;
                                if (w2 > w1) {
                                    body.style.margin = "0 " + parseInt((w2 - w1) / 2) + "px"
                                } else {
                                    body.style.margin = "auto";
                                }
                            }
                            Widget.CLExcel.Scroll();
                        }
                        End();
                    }
                    Designer.QueryData(SourceIDs, false, funcDraw);
                }
                var onLoad;
                CtrlBox.Prepare = function () {
                    CtrlBox.addEventListener("mousedown", function (e) {
                        if (e.ctrlKey || e.shiftKey) {
                            e.preventDefault();
                        }
                    });
                    onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    function show(file) {
                        if (file == null) {
                            Designer.runCode(CtrlBox, onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                            return;
                        }
                        draw(_ExcelCalculator, function () {
                            Designer.runCode(CtrlBox, onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                        });
                    }
                    if (!dataCtrl.dataExcel) {
                        show();
                        return;
                    }
                    _ExcelCalculator = new ExcelCalculator(dataCtrl.dataExcel, Div.clientWidth);
                    _ExcelCalculator.Init(Designer.GetFieldBySourceIdAndFieldId);
                    SourceIDs = _ExcelCalculator.getSourceIDs();
                    for (var i = 0; i < SourceIDs.length; i++) {
                        Designer.PushSourceChanged(SourceIDs[i]);
                    }
                    if (SourceIDs.length == 0) {
                        show(dataCtrl.dataExcel);
                    }
                    _ExcelCalculator.GetVarValue = function (Id) {
                        return Designer.GetVarValue(Id);
                    }
                    _ExcelCalculator.SetVarValue = function (Id, Value, bEvent) {
                        return Designer.SetVarValue(Id, Value, bEvent);
                    }
                    CtrlBox.Render = function () {
                        show(dataCtrl.dataExcel);
                    }
                    _ExcelCalculator.CurrentDesigner = function () {
                        return Designer;
                    }
                }
                var bFirst = true;
                Designer.SourceDataChanged.push(function (IDs) {
                    var bRet = true;
                    for (var i = 0; i < SourceIDs.length; i++) {
                        if (IDs.indexOf(SourceIDs[i]) >= 0) {
                            bRet = false;
                        }
                    }
                    if (bRet && !bFirst) {
                        return;
                    }
                    bFirst = false;
                    function show(File) {
                        if (File == null) {
                            Designer.runCode(CtrlBox, onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                            return;
                        }
                        Div.style.background = File.bgColor;
                        CtrlBox.cssText = dataCtrl.cssText;
                        if (SourceIDs.length != 0) {
                            draw(_ExcelCalculator, function () {
                                Designer.runCode(CtrlBox, onLoad);
                                Designer.CtrlShown(dataCtrl.ID);
                            });
                        }
                    }
                    show(dataCtrl.dataExcel);
                });
                function on_end_resize() {
                    var Widget = this;
                    var _CLExcel = Widget.CLExcel;
                    if (_CLExcel != null) {
                        var hFull = _ExcelCalculator.dataExcel.hFull;
                        if (hFull) {
                            _CLExcel.resize(parseFloat(Widget.style.width) - Widget.wLen);
                        }
                        Widget.wLast = parseFloat(Widget.style.width);
                        CLDelay(function () {
                            _CLExcel.Scroll();
                            if (!hFull) {
                                var body = Widget.CLExcel.Body;
                                var w1 = parseInt(body.style.width);
                                var w2 = Widget.fWidth - Widget.wLen;
                                if (w2 > w1) {
                                    body.style.margin = "0 " + parseInt((w2 - w1) / 2) + "px"
                                } else {
                                    body.style.margin = "auto";
                                }
                            }
                        }, 100, null, on_end_resize);
                    }
                }
                CtrlBox.Export = function (Name, iPage, iLine, func) {
                    var widgets = Designer.getWidgetsByName(Name);
                    if (widgets.length > 1) {
                        CLShowMsg("找到多个分页控件...");
                        return false;
                    }
                    var load = new Loading();
                    function Export() {
                        try {
                            _ExcelCalculator.Reset();
                            _ExcelCalculator.Calc(Designer.SourceData);
                            var vExcel = _ExcelCalculator.VirtualExcel;
                            var CssSheet = vExcel.CssSheet = CtrlBox.VirtualExcel.CssSheet;
                            if (func) {
                                func(vExcel);
                            } else {
                                var ms_xlsx = new MsXlsx();
                                ms_xlsx.showGridLines = false;
                                ms_xlsx.AddSheet(dataCtrl.Name);
                                vExcel.MsWrite(ms_xlsx);
                                CLSaveAsLocal(dataCtrl.Name + ".xlsx", ms_xlsx.ToBolb());
                            }
                        } finally {
                            load.Stop();
                        }
                    }

                    var widget = widgets[0];
                    if (!widget) {
                        return Export();
                    }
                    var sourceData = Designer.SourceData;
                    var SourceData = {};
                    for (var key in sourceData) {
                        SourceData[key] = sourceData[key];
                    }
                    var var_Vals = Designer.Var_Vals;
                    var Var_Vals = {};
                    for (var key in var_Vals) {
                        Var_Vals[key] = var_Vals[key];
                    }
                    var BindInfo = widget.dataCtrl.BindInfo;
                    var perPage = BindInfo.perPage;
                    var currentPage = BindInfo.currentPage;

                    var FlushVar = Designer.FlushVar;
                    Designer.FlushVar = function () {

                    }
                    if (iPage != null) {
                        Designer.SetVarValue(currentPage, iPage);
                    }
                    if (iLine != null) {
                        Designer.SetVarValue(perPage, iLine);
                    }

                    Designer.FlushVar = FlushVar;
                    Designer.QueryData(Designer.ChangedSourceIDs, true, function () {
                        try {
                            Export();
                        } finally {
                            Designer.Var_Vals = Var_Vals;
                        }
                    });
                }

                CtrlBox.MsWrite = function (ms_xlsx, col_s, row_s, indexes, widths) {
                    var vExcel = CtrlBox.vExcel;
                    if (!ms_xlsx) {
                        ms_xlsx = new MsXlsx();
                        ms_xlsx.showGridLines = false;
                        ms_xlsx.AddSheet(dataCtrl.Name);
                    }
                    col_s = col_s == null ? 0 : col_s;
                    row_s = row_s == null ? 0 : row_s;
                    vExcel.MsWrite(ms_xlsx, col_s, row_s, indexes || m_indexes, widths || m_widths);
                    return ms_xlsx;
                }

                window.JsParser && window.JsParser.SetReturn(CtrlBox.MsWrite, Object.create(MsXlsx.prototype));

                CtrlBox.PrintDlg = function () {
                    ExcelDesigner.PrintDlg(_CLExcel);
                }

                CtrlBox.CLPrint = function (Success, Printer) {
                    var Widget = Widgets[0];
                    var _CLExcel = Widget.CLExcel;
                    ExcelDesigner.Print(_CLExcel, Success, Printer);
                }

                CtrlBox.SetPaper = function (paper) {
                    for (var i = 0; i < Widgets.length; i++) {
                        var _CLExcel = Widgets[i].CLExcel;
                        var pageInfo = _CLExcel.pageInfo;
                        pageInfo.type = paper.type;
                        pageInfo.direction = paper.direction;
                        pageInfo.width = paper.width;
                        pageInfo.height = paper.height;
                        pageInfo.marginTop = paper.marginTop;
                        pageInfo.marginBottom = paper.marginBottom;
                        pageInfo.marginLeft = paper.marginLeft;
                        pageInfo.marginRight = paper.marginRight;
                    }
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                CtrlBox.on_end_sort = null;
                CtrlBox.on_end_col_resize = null;
                CtrlBox.SetColIndexes = function () { };
                CtrlBox.SetColsWidth = function () { };
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "表格设置");
                var Btn = createBtn(propBody, "编辑");
                Btn.onclick = function () {
                    var dataExcel = !dataCtrl.dataExcel ? {
                        bgColor: "#fff",
                        dataSources: []
                    } : dataCtrl.dataExcel;
                    dataExcel.ID = dataCtrl.ID;
                    Designer.EditExcel(dataCtrl.Name, dataExcel, function (dataExcel) {
                        dataCtrl.dataExcel = dataExcel;
                    });
                }
                ; (function () {
                    createSplit(propBody);
                    label = createLabel(propBody, "分组循环");
                    var spanClear = document.createElement("span");
                    spanClear.style.cssFloat = "right";
                    spanClear.style.color = "#00c";
                    spanClear.style.cursor = "pointer";
                    spanClear.innerHTML = "清除";
                    spanClear.onclick = function () {
                        fieldSelector.SetValue("");
                        delete dataCtrl.Loop;
                    }
                    label.appendChild(spanClear);
                    var fieldSelector = new CLSelect(propBody);
                    if (dataCtrl.Loop != null) {
                        var Source = Designer.getSourceById(dataCtrl.Loop.SourceID);
                        if (Source != null) {
                            var Fields = Source.Fields == null ? [] : Source.Fields;
                            for (var i = 0; i < Fields.length; i++) {
                                if (Fields[i].ID == dataCtrl.Loop.FieldID) {
                                    fieldSelector.SetValue(Source.Name + "->" + Fields[i].Name);
                                }
                            }
                        } else {
                            delete dataCtrl.Loop;
                        }
                    }
                    var Div = propBody.lastChild;
                    fieldSelector.OnClick = function (e) {
                        var Menu = {
                            style: {
                                "min-width": "270px",
                                "max-height": "185px",
                            },
                            Items: []
                        }
                        var _CLMenu = new CLMenu(Menu, Div);
                        function Loop(File) {
                            if (File == null) {
                                CLShowMsg("还没有设置表格");
                                return;
                            }
                            var _ExcelCalculator = new ExcelCalculator(File, 1000);
                            _ExcelCalculator.Init(Designer.GetFieldBySourceIdAndFieldId);
                            var bFind = false;
                            var SourceIDs = _ExcelCalculator.getSourceIDs();
                            if (SourceIDs.length == 0) {
                                CLShowMsg("该表格没有关联数据源");
                                return;
                            }
                            var Sources = Designer.dataFrm.dataSources;
                            var treeData = {
                                ID: null,
                                Name: "",
                                SubNode: []
                            }
                            for (var i = 0; i < Sources.length; i++) {
                                if (SourceIDs.indexOf(Sources[i].ID)) {
                                    continue;
                                }
                                var form = {
                                    ID: Sources[i].ID,
                                    Name: Sources[i].Name,
                                    SubNode: CLClone(Designer.GetFieldsBySourceId(Sources[i].ID))
                                }
                                if (form.SubNode == null || form.SubNode.length == 0) {
                                    continue;
                                }

                                for (var j = 0; j < form.SubNode.length; j++) {
                                    form.SubNode[j].SourceID = form.ID;
                                    form.SubNode[j].SourceName = form.Name;
                                    form.SubNode[j].FieldID = form.SubNode[j].ID;
                                    form.SubNode[j].ID = form.ID + form.SubNode[j].ID;
                                }
                                treeData.SubNode.push(form);
                            }
                            var input = document.createElement("input");
                            input.className = "CLSearch";
                            input.style.height = "30px";
                            input.style.marginLeft = "10px";
                            input.oninput = function () {
                                _CLTree.Search(input.value);
                                _CLMenu.Reset();
                            }
                            _CLMenu.Div.appendChild(input);

                            var _CLTree = new CLTree(treeData);
                            _CLTree.Editable = false;
                            _CLTree.OnItemCreated = function (Item, ItemData) {
                                if (ItemData.ID == null) {
                                    Item.Info.style.display = "none";
                                } else {
                                    Item.Info.style.paddingLeft = parseInt(Item.Info.style.paddingLeft) - 10 + "px";
                                    Item.Icon.setAttribute("IconText", "");
                                    var open = Item.Open;
                                    var close = Item.Close;
                                    Item.Open = function () {
                                        open.apply(this, arguments);
                                        _CLMenu.Div.style.height = "initial";
                                        _CLMenu.Reset();
                                    }
                                    Item.Close = function () {
                                        close.apply(this, arguments);
                                        _CLMenu.Div.style.height = "initial";
                                        _CLMenu.Reset();
                                    }
                                    if (ItemData.className == null) {
                                        Item.Info.style.background = "rgba(0,0,0,0)";
                                        Item.Info.firstChild.style.color = "#0db3a6";
                                        Item.Name.style.color = "#333";
                                        Item.Info.firstChild.onclick = function (e) {
                                            e.stopPropagation();
                                        }
                                        Item.Info.onclick = function (e) {
                                            if (Item.IsOpen()) {
                                                Item.Close();
                                            } else {
                                                Item.Open();
                                            }
                                            e.stopPropagation();
                                        }
                                    }
                                }
                            }
                            _CLTree.Render(_CLMenu.Div);
                            _CLMenu.Div.lastChild.style.maxHeight = "150px";
                            _CLMenu.Div.lastChild.style.overflow = "auto";
                            _CLMenu.Div.style.height = "initial";
                            _CLMenu.Reset();
                            _CLTree.OnSelected = function (ItemData) {
                                if (ItemData.SourceID === undefined) {
                                    return;
                                }
                                fieldSelector.SetValue(ItemData.SourceName + "->" + ItemData.Name);
                                if (dataCtrl.Loop == null || dataCtrl.Loop.SourceID != ItemData.SourceID || dataCtrl.Loop.FieldID != ItemData.FieldID) {
                                    dataCtrl.Loop = {
                                        SourceID: ItemData.SourceID,
                                        FieldID: ItemData.FieldID
                                    }
                                    _CLMenu.Close();
                                }
                            }
                            if (dataCtrl.Loop != null) {
                                _CLTree.Select(dataCtrl.Loop.SourceID + dataCtrl.Loop.FieldID);
                            }
                        }
                        if (dataCtrl.ExcelId != null) {
                            dataExcelFromOld(function (dataExcel) {
                                dataCtrl.dataExcel = dataExcel;
                                Loop(dataExcel);
                            });
                            Designer.GetFiles([dataCtrl.ExcelId], false, function () {
                                var File = Designer.cacheFiles[dataCtrl.ExcelId] == null ? null : Designer.cacheFiles[dataCtrl.ExcelId].Data;
                                Loop(File);
                            });
                        } else {
                            Loop(dataCtrl.dataExcel);
                        }
                    }
                }());
                SizeInfo(CtrlBox, propBody);
                CtrlBox.CLExcel = CLExcel.prototype;
                CtrlBox.ExcelCalculator = ExcelCalculator.prototype;
                CtrlBox.CLPrint = function () {
                }
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return self.BindInfo == null ? false : JSON.stringify(self.BindInfo).indexOf(dataCtrl.ID) >= 0;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["表格控件"]);
    }());

    (function (模板控件) {
        FrmUiCtrls["模板控件"] = {
            Icon: "&#xe8a5;"
            , Name: "模板控件"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [5, 5]

            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Tpl";
                Div.style.overflow = "hidden";
                CtrlBox.appendChild(Div);
                var _CLExcel;
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                function Run(Div) {
                    var scripts = Div.getElementsByTagName("SCRIPT");
                    for (var x = 0; x < scripts.length; x++) {
                        var wSelf = window.Self;
                        window.Self = CtrlBox;
                        var src = scripts[x].getAttribute("src");
                        if (!!src) {
                            if (!scripts[src]) {
                                var oOpen = XMLHttpRequest.prototype.open;
                                var oFetch = window.fetch;
                                try {
                                    var js = HttpGet(src, null, false);
                                    window.fetch = XMLHttpRequest.prototype.open = function () {
                                    };
                                    window.eval("//【" + dataCtrl.Name + "】(script:" + x + ")\n" + js);
                                    scripts[src] = true;
                                } finally {
                                    XMLHttpRequest.prototype.open = oOpen;
                                    window.fetch = oFetch;
                                }
                            }
                        } else {
                            window.eval("//【" + dataCtrl.Name + "】(script:" + x + ")\n" + scripts[x].innerHTML);
                        }
                        window.Self = wSelf;
                    }
                    var Styles = Div.getElementsByTagName("STYLE");
                    for (var x = 0; x < Styles.length; x++) {
                        Styles[x].setAttribute("scoped", "scoped");
                    }
                }
                CtrlBox.cssText = dataCtrl.cssText;
                Div.innerHTML = "<div style='width:100%;height:100%'></div>";
                CtrlBox.wLen = CtrlBox.offsetWidth - Div.firstChild.clientWidth;
                CtrlBox.hLen = CtrlBox.offsetHeight - Div.firstChild.clientHeight;
                Div.innerHTML = "";
                function show(file, End) {
                    if (dataCtrl.SourceType == "数据源" || dataCtrl.SourceType == "表格数据") {
                        var hasData = dataCtrl.forceData == true || dataCtrl.SourceType == "表格数据";
                        if (dataCtrl.SourceType == "数据源") {
                            for (var key in dataCtrl.TplBindInfo) {
                                var Field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, dataCtrl.TplBindInfo[key]);
                                if (Field != null) {
                                    hasData = true;
                                    break;
                                }
                            }
                        }
                        if (!hasData) {
                            CtrlBox.dataTable = [];
                            if (file) {
                                Div.innerHTML = file;
                                Run(Div);
                            }
                            if (End) {
                                End();
                            }
                            return;
                        }
                        Designer.QueryData(SourceIDs, false, function () {
                            var dataList = [];
                            if (dataCtrl.SourceType == "表格数据") {
                                _ExcelCalculator.Reset();
                                _ExcelCalculator.Calc(Designer.SourceData);
                                dataList = _ExcelCalculator.GetDataTable();
                                function ShowExcel(Div) {
                                    var _CLExcel = new CLExcel(Div, false);
                                    _ExcelCalculator.Render(_CLExcel);
                                    return _CLExcel;
                                }
                            } else {
                                dataList = Designer.SourceData[dataCtrl.SourceID];
                            }
                            CtrlBox.dataTable = dataList;
                            if (CtrlBox.OnSourceChanged != null && severMsg) {
                                CtrlBox.dataTable = dataList;
                                CtrlBox.OnSourceChanged(dataList, severMsg);
                                if (End) {
                                    End();
                                }
                                return;
                            }
                            Div.innerHTML = "";
                            var body = document.createElement("div");
                            body.style.overflow = "auto";
                            body.style.maxWidth = "100%";
                            body.style.maxHeight = "100%";
                            if (!!file) {
                                Div.appendChild(body);
                            }
                            if (dataCtrl.forceData && (!dataList || dataList.length == 0)) {
                                if (file) {
                                    body.innerHTML = file;
                                    Run(Div);
                                }
                                CtrlBox.Gridster.set_widget_size(CtrlBox, body.offsetWidth + CtrlBox.wLen, body.offsetHeight + CtrlBox.hLen);
                                if (End) {
                                    End();
                                }
                                return;
                            }

                            CtrlBox.DefRender = function (body) {
                                if (!file) {
                                    return;
                                }
                                body.innerHTML = "";
                                var divHelper = document.createElement("div");
                                var once = dataCtrl.TplBindInfo == null || JSON.stringify(dataCtrl.TplBindInfo) == "{}";
                                for (var i = 0; i < dataList.length; i++) {
                                    divHelper.innerHTML = file;
                                    for (var key in dataCtrl.TplBindInfo) {
                                        var dataEles = divHelper.getElementsByAttribute("datafield", key);
                                        for (var j = 0; j < dataEles.length; j++) {
                                            var val = dataList[i][dataCtrl.TplBindInfo[key]] || dataList[i]["DataField_" + dataCtrl.TplBindInfo[key]];
                                            val = val == null ? "" : val;
                                            if (dataEles[j].tagName == "TEXTAREA" || dataEles[j].tagName == "INPUT") {
                                                dataEles[j].value = val;
                                            } else {
                                                dataEles[j].innerHTML = val;
                                            }
                                            dataEles[j].dataLine = dataList[i];
                                        }
                                    }
                                    while (divHelper.childNodes.length != 0) {
                                        if (divHelper.childNodes[0].tagName == "SCRIPT") {
                                            if (i == 0) {
                                                body.appendChild(divHelper.childNodes[0]);
                                            } else {
                                                divHelper.childNodes[0].remove();
                                            }
                                        } else if (divHelper.childNodes[0].tagName == "STYLE") {
                                            if (i == 0) {
                                                body.appendChild(divHelper.childNodes[0]);
                                            } else {
                                                divHelper.childNodes[0].remove();
                                            }
                                        } else {
                                            body.appendChild(divHelper.childNodes[0]);
                                        }
                                    }
                                    if (once) {
                                        break;
                                    }
                                }
                                Run(body);
                                CtrlBox.Gridster.set_widget_size(CtrlBox, body.offsetWidth + CtrlBox.wLen, body.offsetHeight + CtrlBox.hLen);
                            }
                            CtrlBox.DefRender(body);
                            if (End) {
                                End();
                            }
                        });
                    } else {
                        CtrlBox.dataTable = [];
                        var body = document.createElement("div");
                        body.style.overflow = "auto";
                        body.style.maxWidth = "100%";
                        body.style.maxHeight = "100%";
                        if (!!file) {
                            Div.appendChild(body);
                            body.innerHTML = file;
                            Run(Div);
                        }
                        if (End) {
                            End();
                        }
                        return;
                    }
                }
                var _ExcelCalculator;
                var severMsg;
                var onLoad;
                function NoSource() {
                    var load = Designer.GetTplFiles([dataCtrl.TplId], false, function () {
                        var File = !Designer.cacheTplFiles ? null : Designer.cacheTplFiles[dataCtrl.TplId];
                        if (File == null) {
                            Div.innerHTML = "";
                            Designer.runCode(CtrlBox, onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                        } else {
                            show(File, function () {
                                Designer.runCode(CtrlBox, onLoad);
                                Designer.CtrlShown(dataCtrl.ID);
                            });
                        }
                    });
                    load ? load.Stop() : null;
                }
                var SourceIDs = [];
                CtrlBox.Prepare = function () {
                    onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    if (dataCtrl.TplId == null) {
                        if (dataCtrl.SourceType == "数据源" && dataCtrl.SourceID != null) {
                            if (SourceIDs.indexOf(dataCtrl.SourceID) < 0) {
                                SourceIDs.push(dataCtrl.SourceID);
                            }
                        }
                    }
                    if (dataCtrl.MulID) {
                        SourceIDs = SourceIDs.concat(dataCtrl.MulID);
                    }
                    if (dataCtrl.SourceType == "数据源" && dataCtrl.SourceID != null) {
                        if (SourceIDs.indexOf(dataCtrl.SourceID) < 0) {
                            SourceIDs.push(dataCtrl.SourceID);
                        }
                    } else if (dataCtrl.SourceType == "表格数据" && dataCtrl.dataExcel != null) {
                        _ExcelCalculator = new ExcelCalculator(dataCtrl.dataExcel, Div.clientWidth);
                        _ExcelCalculator.Init(Designer.GetFieldBySourceIdAndFieldId);
                        _ExcelCalculator.GetVarValue = function (Id) {
                            return Designer.GetVarValue(Id);
                        }
                        _ExcelCalculator.SetVarValue = function (Id, Value, bEvent) {
                            return Designer.SetVarValue(Id, Value, bEvent);
                        }
                        var IDs = _ExcelCalculator.getSourceIDs();
                        for (var i = 0; i < IDs.length; i++) {
                            if (SourceIDs.indexOf(IDs[i]) < 0) {
                                SourceIDs.push(IDs[i]);
                            }
                        }
                    }
                    if (SourceIDs.length == 0) {
                        var t = setTimeout(function () {
                            clearTimeout(t);
                            NoSource();
                        }, 1);
                    } else {
                        for (var i = 0; i < SourceIDs.length; i++) {
                            Designer.PushSourceChanged(SourceIDs[i]);
                        }
                    }
                    CtrlBox.Render = function () {
                        var load = Designer.GetTplFiles([dataCtrl.TplId], false, function () {
                            var File = !Designer.cacheTplFiles ? null : Designer.cacheTplFiles[dataCtrl.TplId];
                            show(File, function () {
                                Designer.runCode(CtrlBox, onLoad);
                                Designer.CtrlShown(dataCtrl.ID);
                            });
                        });
                        load == null ? null : load.Stop();
                    }
                }
                Designer.SourceDataChanged.push(function (IDs) {
                    severMsg = Designer.severMsg;
                    var bRet = true;
                    for (var i = 0; i < SourceIDs.length; i++) {
                        if (IDs.indexOf(SourceIDs[i]) >= 0) {
                            bRet = false;
                        }
                    }
                    if (bRet) {
                        return;
                    }
                    CtrlBox.Render();
                });
            }

            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "选择模板");
                label.innerHTML += "<div style='float:right;color:#0db3a6;cursor:pointer'>" + (dataCtrl.TplId == null ? "添加" : "编辑") + "</div>";
                var addBtn = label.lastChild;

                var win;
                addBtn.onclick = function () {
                    var dataForms = Designer.dataForms;
                    var MapR = {};
                    for (var i = 0; i < dataForms.length; i++) {
                        MapR[dataForms[i].ID] = {
                            Name: dataForms[i].Name,
                            Fields: dataForms[i].Fields
                        };
                    }
                    MapR.current = dataCtrl.SourceID;
                    MapR.dataCtrl = dataCtrl.ID;
                    var url;
                    if (dataCtrl.TplId != null) {
                        url = "/" + CLCorpId() + "/View/Form/Template.cml?ID=" + dataCtrl.TplId;

                    } else {
                        url = "/" + CLCorpId() + "/View/Form/Template.cml";
                    }
                    if (win && win.innerWidth != 0) {
                        win.focus();
                    } else {
                        win = window.open(url);
                        win.addEventListener("load", function () {
                            win.history.replaceState(JSON.parse(JSON.stringify(MapR)), '', win.location.href);
                        });
                    }
                }
                var Val = createValue(propBody, "div");
                Val.style.cursor = "pointer";
                GetTplFile(dataCtrl.TplId, function (File) {
                    if (File != null) {
                        Val.innerHTML = File.Name;
                    }
                });
                Val.onclick = function () {
                    TplDlg(function (DirInfo) {
                        Val.innerHTML = DirInfo.Name;
                        dataCtrl.TplId = DirInfo.ID;
                    });
                };

                (function (数据源) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "数据源");
                    var sourceName;
                    var selector = new CLSelect(propBody);
                    selector.EnableClear(true);
                    var divSelector = propBody.lastChild;
                    var Sources = Designer.dataFrm.dataSources;
                    if (Sources == null) {
                        Sources = Designer.dataFrm.dataSources = [];
                    }
                    for (var i = 0; i < Sources.length; i++) {
                        if (dataCtrl.SourceID == Sources[i].ID) {
                            sourceName = Sources[i].Name;
                        }
                        selector.AddItems(Sources[i].Name);
                    }
                    selector.AddItems(["表格数据"]);
                    selector.OnMenuCreated = function (divMenu) {
                        divMenu.lastChild.lastChild.style.color = "#3385ff";
                    }
                    var SetBtn = createBtn(propBody, "设置");
                    SetBtn.onclick = function () {
                        Designer.EditExcel(dataCtrl.Name, dataCtrl.dataExcel, function (dataExcel) {
                            dataCtrl.dataExcel = dataExcel;
                        });
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex >= Sources.length) {
                            dataCtrl.SourceType = "表格数据";
                            dataCtrl.SourceID = null;
                            FrmUiCtrls["模板控件"].Prop(CtrlBox, propBody);
                        } else {
                            var type = dataCtrl.SourceType;
                            dataCtrl.SourceType = "数据源";
                            dataCtrl.SourceID = Sources[selector.selectedIndex] == null ? null : Sources[selector.selectedIndex].ID;
                            if (type == "表格数据") {
                                CLConfirm(function () {
                                    delete dataCtrl.dataExcel;
                                    SetBtn.remove();
                                    FrmUiCtrls["模板控件"].Prop(CtrlBox, propBody);
                                }, "<div style='line-height:40px;padding:10px'>此操作将会清除当前表格配置数据，你确定要继续吗?</div>");
                            }
                        }
                    }
                    if (dataCtrl.SourceType == "表格数据") {
                        selector.SetValue("<code style='color:#3385ff'>表格数据</code>");
                    } else {
                        selector.SetValue(sourceName == null ? "" : sourceName);
                        SetBtn.remove();
                    }
                    createSplit(propBody);
                    var label = createLabel(propBody, "扩展数据源");
                    if (!dataCtrl.MulID) {
                        dataCtrl.MulID = [];
                    }
                    var MulID = dataCtrl.MulID;
                    var mulSelector = new CLSelect(propBody);
                    mulSelector.AddItems(selector.Items);
                    mulSelector.Items.pop();
                    mulSelector.EnableClear(true);
                    mulSelector.EnableMultiSel(true);
                    mulSelector.onchanged = function () {
                        var items = this.Items;
                        var arr = this.selectedIndexes;
                        MulID.splice(0, MulID.length);
                        for (var i = 0; i < arr.length ; i++) {
                            MulID.push(Sources[arr[i]].ID);
                        }
                    }
                    var arr = [];
                    for (var i = 0; i < Sources.length ; i++) {
                        if (MulID.indexOf(Sources[i].ID) >= 0) {
                            arr.push(i);
                        }
                    }
                    mulSelector.selectedIndexes = arr;
                }());

                (function () {
                    if (dataCtrl.SourceType != "数据源") {
                        return;
                    }
                    createSplit(propBody);
                    var label = createLabel(propBody, "数据绑定");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        Designer.GetTplFiles([dataCtrl.TplId], false, function () {
                            var File = Designer.cacheTplFiles && Designer.cacheTplFiles[dataCtrl.TplId];
                            if (File == null) {
                                CLShowMsg("请先选择模板");
                                return;
                            }
                            var TplFields = [];
                            var divHelper = document.createElement("div");
                            divHelper.innerHTML = File;
                            var Nodes = divHelper.getElementsByTagName("*");
                            for (var i = 0; i < Nodes.length; i++) {
                                var datafield = Nodes[i].getAttribute("datafield");
                                if (datafield == null || datafield.length == 0) {
                                    continue;
                                }
                                if (TplFields.indexOf(datafield) < 0) {
                                    TplFields.push(datafield);
                                }
                            }
                            Designer.TplBindDlg(TplFields, dataCtrl.SourceID, dataCtrl.TplBindInfo, function (TplBindInfo) {
                                dataCtrl.TplBindInfo = TplBindInfo;
                            });
                        });
                    }
                    createSplit(propBody);
                    var label = createLabel(propBody, "数据输入");
                    var box = new CLCheckBox("强制输入数据", propBody);
                    box.checked = dataCtrl.forceData == true;
                    box.onchanged = function () {
                        dataCtrl.forceData = box.checked;
                    }
                }());

                CtrlBox.dataTable = (function () {

                }());
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }

            , getDepend: FrmUiCtrls["图表控件"].getDepend
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["模板控件"]);
    }());

    (function (容器控件) {
        FrmUiCtrls["容器控件"] = {
            Icon: "&#xe61d;"
            , Name: "容器控件"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [5, 5]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Pannel";
                Div.style.overflow = "hidden";
                CtrlBox.appendChild(Div);
                var _CLExcel;
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                Object.defineProperty(CtrlBox, "Scale", {
                    set: function () {
                        resize();
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                if (CLColors.IsGradient(dataCtrl.bgColor)) {
                    CtrlBox.style.backgroundImage = dataCtrl.bgColor;
                } else {
                    CtrlBox.style.backgroundColor = dataCtrl.bgColor || "";
                }
                if (!!dataCtrl.bgImage) {
                    CtrlBox.style.backgroundImage = dataCtrl.bgImage;
                }
                Div.innerHTML = "<div style='width:100%;height:100%;margin:0'></div>";
                CtrlBox.wLen = CtrlBox.offsetWidth - Div.firstChild.clientWidth;
                CtrlBox.hLen = CtrlBox.offsetHeight - Div.firstChild.clientHeight;
                var block = Div.firstChild;
                var Editable = Designer.Editable;
                CtrlBox.block = block;
                var Gridster = CtrlBox.childGridster = new CLGridster(block, {
                    widget_base_margins: [0, 0],
                    widget_base_dimensions: [dataCtrl.useScale != false ? block.clientWidth / 120 : 1, 1],
                    max_cols: dataCtrl.useScale != false ? 120 : block.clientWidth,
                    min_cols: dataCtrl.useScale != false ? 120 : block.clientWidth,
                    draggable: Editable,
                    resize: {
                        enabled: Editable,
                        max_size: [null, null],
                        min_size: [6, 30]
                    },
                });
                block.classList.add("CLGridsterNoAnimate");

                Gridster.on_end_resize = function (widget) {
                    var dataCtrl = widget.dataCtrl;
                    if (!dataCtrl || dataCtrl.className != "容器控件" || widget.Resize()) {
                        if (widget.on_end_resize != null) {
                            widget.on_end_resize();
                        }
                    }
                    widget.center = true;
                    if (dataCtrl && dataCtrl.autoCenter) {
                        widget.Gridster.center_widget(widget);
                    }
                    delete widget.center;
                }

                Gridster.on_end_drag = function (widget, event) {
                    var dataCtrl = widget.dataCtrl;
                    if (widget.oo_left != widget.style.left || widget.oo_top != widget.style.top) {
                        widget.oo_left = widget.style.left;
                        widget.oo_top = widget.style.top
                    } else {
                        return;
                    }
                    if (!widget.__enddrag__) {
                        widget.__enddrag__ = true;
                        if (!widget.center && dataCtrl && dataCtrl.autoCenter) {
                            widget.Gridster.center_widget(widget);
                        }
                        if (dataCtrl && dataCtrl.onPosChanged) {
                            self.runCode(widget, "//【" + dataCtrl.Name + "】(位置改变)\n" + dataCtrl.onPosChanged);
                        }
                        delete widget.__enddrag__;
                    }
                }

                function resize() {
                    if (Editable) {
                        block.classList.add("CLGridsterNoAnimate");
                    }
                    block.style.maxWidth = "";
                    block.style.maxHeight = "";
                    block.style.minWidth = "";
                    block.style.minHeight = "";
                    block.style.width = "100%";
                    block.style.height = "100%";
                    Gridster.set_options({
                        widget_base_dimensions: [dataCtrl.useScale != false ? block.fWidth / 120 : 1, 1],
                        max_cols: dataCtrl.useScale != false ? 120 : block.fWidth,
                        min_cols: dataCtrl.useScale != false ? 120 : block.fWidth,
                    }, true);
                    if (Editable) {
                        block.classList.remove("CLGridsterNoAnimate");
                    }
                }

                CtrlBox.Update = function () {
                    var widgets = block.childNodes;
                    var Ctrls = [];
                    for (var i = 0; i < widgets.length; i++) {
                        var dataCtrl = widgets[i].dataCtrl;
                        if (dataCtrl == null) {
                            continue;
                        }
                        if (dataCtrl.className == "容器控件") {
                            widgets[i].Update();
                        }
                        dataCtrl.Rect = Gridster.get_widget_rect(widgets[i]);
                        delete dataCtrl.Rect.Widget;
                        Ctrls.push(dataCtrl);
                    }
                    CLQuickSort(Ctrls, function (ele1, ele2) {
                        if (ele1.Rect.Top == ele1.Rect.Top && ele1.Rect.Left == ele1.Rect.Left) {
                            return 0;
                        }
                        if (ele1.Rect.Top < ele1.Rect.Top) {
                            return -1;
                        }
                        if (ele1.Rect.Top > ele1.Rect.Top) {
                            return 1;
                        }
                        if (ele1.Rect.Top == ele1.Rect.Top) {
                            if (ele1.Rect.Left < ele1.Rect.Left) {
                                return -1;
                            } else {
                                return 1;
                            }
                        }
                    });
                    CtrlBox.dataCtrl.Ctrls = Ctrls;
                }

                CtrlBox.getAllWidgets = function () {
                    var widgets = block.childNodes;
                    var R = [];
                    for (var i = 0; i < widgets.length; i++) {
                        var widget = widgets[i];
                        var dataCtrl = widgets[i].dataCtrl;
                        if (dataCtrl == null) {
                            continue;
                        }
                        if (dataCtrl.className == "容器控件") {
                            var Sub = widgets[i].getAllWidgets();
                            Sub.forEach(function (ele) {
                                R.push(ele);
                            });
                        }
                        R.push(widget);
                    }
                    return R;
                }

                function ShowControl(dataCtrl) {
                    var Rect = dataCtrl.Rect;
                    var Widget = Gridster.add_widget("<li data-sizex='" + Rect.Width + "' data-sizey='" + Rect.Height + "'></li>");
                    Widget.setAttribute("Name", dataCtrl.Name);
                    Widget.Gridster = Gridster;
                    Widget.Designer = Designer;

                    FrmUiCtrls[dataCtrl.className].Create(Widget, dataCtrl);
                    Designer.enableWidgetEdit(Widget);
                    Gridster.lock_widget_pos(Widget, Rect.lock_X, Rect.lock_Y);
                    if (Rect.Left != null && Rect.Top != null) {
                        Gridster.repos_widget(Widget, Rect.Left, Rect.Top);
                    }
                    Widget.Goto = function (left, top) {
                        Gridster.widget_set_pos(Widget, left, top);
                    }
                    return Widget;
                }

                CtrlBox.ShowControl = ShowControl;

                var widgets = [];

                (function () {
                    var Ctrls = dataCtrl.Ctrls;
                    for (var i = 0; Ctrls && i < Ctrls.length; i++) {
                        widgets.push(ShowControl(Ctrls[i]));
                    }
                    for (var i = 0; i < widgets.length; i++) {
                        widgets[i].Designer = Designer;
                        ResetSizeInfo(widgets[i]);
                        if (widgets[i].dataCtrl && widgets[i].dataCtrl.autoCenter) {
                            widgets[i].Gridster.center_widget(widgets[i]);
                        }
                    }
                }());

                CtrlBox.Resize = function () {
                    if (block.fWidth != CtrlBox.fWidth - CtrlBox.wLen || block.fHeight != CtrlBox.fHeight - CtrlBox.hLen) {
                        block.setAttribute("fWidth", CtrlBox.fWidth - CtrlBox.wLen);
                        block.setAttribute("fHeight", CtrlBox.fHeight - CtrlBox.hLen);
                        return true;
                    } else {
                        return false;
                    }
                }
                var onLoad;
                CtrlBox.Prepare = function () {
                    onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    var IDs = [];
                    var iShown = 0;
                    var CtrlShown = Designer.CtrlShown;
                    Designer.CtrlShown = function (ID) {
                        var index = IDs.indexOf(ID);
                        if (index >= 0) {
                            IDs.splice(index, 1);
                            if (IDs.length == 0) {
                                Designer.runCode(CtrlBox, onLoad);
                                CtrlShown.call(this, dataCtrl.ID);
                            }
                        } else {
                            CtrlShown.call(this, ID);
                        }
                    }
                    for (var i = 0; i < widgets.length; i++) {
                        if (widgets[i].Prepare) {
                            var _dataCtrl = widgets[i].dataCtrl;
                            if (_dataCtrl.preLoad) {
                                Designer.runCode(widgets[i], "//【" + _dataCtrl.Name + "】(预加载)\n" + _dataCtrl.preLoad);
                            }
                            IDs.push(widgets[i].dataCtrl.ID);
                        }
                    }
                    for (var i = 0; i < widgets.length; i++) {
                        widgets[i].Prepare();
                    }

                    CtrlBox.on_end_resize = function () {
                        resize();
                    }
                    if (IDs.length == 0) {
                        Designer.runCode(CtrlBox, onLoad);
                        Designer.CtrlShown(dataCtrl.ID);
                    }
                    resize();
                }
                if (Editable) {
                    CtrlBox.on_end_resize = function () {
                        resize();
                    }
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (背景) {
                    Background(propBody, dataCtrl, function () {
                        var style = CtrlBox.style;
                        if (CLColors.IsGradient(style.backgroundImage)) {
                            style.backgroundImage = "";
                        }
                        var color = false;
                        if (CLColors.IsGradient(dataCtrl.bgColor)) {
                            style.backgroundImage = dataCtrl.bgColor || "";
                            color = true;
                        } else {
                            style.backgroundColor = dataCtrl.bgColor || "";
                        }
                        if (!!dataCtrl.bgImage) {
                            style.backgroundImage = dataCtrl.bgImage;
                        } else if (!color) {
                            style.backgroundImage = "";
                        }
                    });
                }());
                (function (禁用缩放) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "禁用缩放");
                    var _CLCheckBox = new CLCheckBox("禁用缩放", propBody);
                    _CLCheckBox.onchanged = function () {
                        dataCtrl.useScale = !_CLCheckBox.checked;
                    }
                    _CLCheckBox.checked = dataCtrl.useScale == false;
                }());
                createSplit(propBody);
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                var widgets = Designer.designerDiv.getElementsByClassName("Widget");
                for (var i = 0; i < widgets.length ; i++) {
                    if (widgets[i].dataCtrl.ID == self.ID) {
                        widgets = widgets[i].getElementsByClassName("Widget");
                    }
                }
                for (var i = 0; i < widgets.length ; i++) {
                    if (FrmUiCtrls[widgets[i].dataCtrl.className].getDepend(Designer, widgets[i].dataCtrl, dataCtrl)) {
                        return true;
                    }
                }
                return false;
            }
        };
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["容器控件"]);
    }());

    function showItem(container, dataItem, type, dataCtrl, fSet) {
        var item = document.createElement("div");
        item.style.position = "relative";
        item.style.marginBottom = "5px";
        item.data = dataItem;
        item.style.lineHeight = "30px";
        var Btn = dataItem.Btn;
        if (Btn == null) {
            Btn = 7;
        }
        var name = document.createElement("input");
        if (typeof dataItem != "string" && Btn & 4) {
            name.onchange = function () {
                var find = false;
                dataCtrl[type].forEach(function (ele) {
                    if (ele == dataItem) {
                        return;
                    }
                    if (ele.Name == name.value) {
                        find = true;
                    }
                });
                if (find) {
                    name.value = dataItem.Name;
                    CLShowMsg("名称已存在");
                } else {
                    dataItem.Name = name.value;
                }
            }
        } else {
            name.disabled = true;
        }
        name.style.width = "calc(100% - 65px)";
        name.style.padding = "0 8px";
        name.className = "Name";
        item.appendChild(name);
        if (typeof dataItem == "string") {
            name.value = dataItem;
        } else {
            name.value = dataItem.Name;
            var set = document.createElement("div");
            set.style.width = "20px";
            set.style.fontSize = "15px";
            set.style.right = "25px";
            set.className = "Set";
            set.onclick = function () {
                fSet(dataItem, set);
            }
            if (Btn & 2) {
                item.appendChild(set);
            }
        }
        var move = document.createElement("div");
        move.style.width = "18px";
        move.style.fontSize = "15px";
        move.className = "Move";
        item.appendChild(move);
        if (typeof dataItem == "string") {
            move.style.right = "30px";
        }
        var del = document.createElement("div");
        del.style.width = "18px";
        del.style.fontSize = "15px";
        del.className = "Del";
        del.onclick = function () {
            item.remove();
            dataCtrl[type] = [];
            container.childNodes.forEach(function (ele) {
                dataCtrl[type].push(ele.data);
            });
        }
        if (Btn & 1) {
            item.appendChild(del);
        }
        container.appendChild(item);
        CLEnableDragPosition(item, null, move, function () {
            dataCtrl[type] = [];
            container.childNodes.forEach(function (ele) {
                dataCtrl[type].push(ele.data);
            });
        });
        return item;
    }

    function showMenuItem(container, dataItem, type, CtrlBox) {
        var Designer = CtrlBox.Designer;
        return showItem(container, dataItem, type, CtrlBox.dataCtrl, function (dataItem) {
            var codeDlg = Designer.codeDlg(dataItem.func, function (func) {
                dataItem.func = func;
            }, dataItem.Name);
            codeDlg.editor.globalScope["Self"] = CtrlBox;
        });
    }

    function showHeaderItem(container, dataItem, type, CtrlBox) {
        var Designer = CtrlBox.Designer;
        var dataCtrl = CtrlBox.dataCtrl;
        var field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, dataItem.ID);
        var className = !field ? "单行文本" : field.className;
        return showItem(container, dataItem, type, dataCtrl, function (dataItem, Tag) {
            var dlg;
            if (className == "数字") {
                dlg = Designer.Dialog(246, 235, Tag.parentNode);
            } else if (className == "附件上传") {
                dlg = Designer.Dialog(246, 220, Tag.parentNode);
            } else {
                dlg = Designer.Dialog(246, 165, Tag.parentNode);
            }
            var Box = dlg.Div;
            var label = document.createElement("div");
            label.innerHTML = "编辑";
            Box.appendChild(label);
            var checkBox = new CLCheckBox("启用", Box);
            checkBox.checked = dataItem.Editable;
            Box.lastChild.style.margin = "3px 20px";
            Box.lastChild.style.width = "calc(100% - 40px)";
            var singleBox, onlyBox;
            if (className == "附件上传") {
                var singleBox = new CLCheckBox("仅允许上传单个文件", Box);
                Box.lastChild.style.margin = "3px 20px";
                Box.lastChild.style.width = "calc(100% - 40px)";
                singleBox.checked = dataItem.Single;
                singleBox.enable = checkBox.checked;
                singleBox.onchanged = function () {
                    dataItem.Single = singleBox.checked;
                }
                onlyBox = new CLCheckBox("仅允许上传图片", Box);
                Box.lastChild.style.margin = "3px 20px";
                Box.lastChild.style.width = "calc(100% - 40px)";
                onlyBox.checked = dataItem.onlyPic;
                onlyBox.enable = checkBox.checked;
                onlyBox.onchanged = function () {
                    dataItem.onlyPic = onlyBox.checked;
                }
            }
            checkBox.onchanged = function () {
                dataItem.Editable = checkBox.checked;
                if (className == "附件上传") {
                    singleBox.enable = checkBox.checked;
                    onlyBox.enable = checkBox.checked;
                }
                if (className == "数字") {
                    fInput.disabled = !checkBox.checked;
                }
            }
            function createInput() {
                var input = document.createElement("input");
                input.style.height = "30px";
                input.style.width = "calc(100% - 30px)";
                input.style.marginLeft = "30px";
                Box.appendChild(input);
                return input;
            }
            if (className == "数字") {
                label = document.createElement("div");
                label.innerHTML = "小数位数";
                Box.appendChild(label);
                var fInput = createInput();
                fInput.oninput = function () {
                    CLCheckInt(this, 0, 30);
                }
                fInput.onchange = function () {
                    dataItem.iPoint = this.value * 1;
                }
                fInput.disabled = !checkBox.checked;
                fInput.value = dataItem.iPoint == null ? "" : dataItem.iPoint;
            }
            label = document.createElement("div");
            label.innerHTML = "最小宽度(px)";
            Box.appendChild(label);
            var min = createInput();
            min.value = dataItem.minWidth ? dataItem.minWidth : "";
            min.oninput = function () {
                CLCheckInt(this, 10);
            }
            min.onchange = function () {
                if (!!this.value) {
                    dataItem.minWidth = this.value * 1;
                } else {
                    delete dataItem.minWidth;
                }
            }
        });
    }

    function nameOnly(item, items, type) {
        if (!type) {
            type = "Name";
        }
        var name = item[type];
        var match = name.match(/\([0-9]+\)$/);
        if (match) {
            name = name.substr(0, name.length - match[0].length);
        }
        function exist(name) {
            for (var i = 0; i < items.length ; i++) {
                if (item == items[i]) {
                    continue;
                }
                if (name == items[i][type]) {
                    return true;
                }
            }
        }
        if (!exist(item[type])) {
            return;
        } else if (!exist(name)) {
            item[type] = name;
        } else {
            var N = 1;
            var nName = name + "(" + N + ")";
            while (exist(nName)) {
                nName = name + "(" + (++N) + ")";
            }
            item[type] = nName;
        }
    }

    (function (网络硬盘) {
        FrmUiCtrls["网络硬盘"] = {
            Icon: "&#xe654;"
            , Name: "网络硬盘"
            , DefSize: {
                Width: 400,
                Height: 300,
            }
            , DefMinSize: [400, 300]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                dataCtrl.SpaceMenu = dataCtrl.SpaceMenu ? dataCtrl.SpaceMenu : ["查看", "动态水印", "刷新", "粘贴", "新建目录", "弹出", "退出"];
                dataCtrl.FolderMenu = dataCtrl.FolderMenu ? dataCtrl.FolderMenu : ["打开", "剪切", "复制", "下载", "权限", "重命名", "删除"];
                dataCtrl.FileMenu = dataCtrl.FileMenu ? dataCtrl.FileMenu : ["在线打开", "本地打开", "打开方式", "查看历史版本", "下载", "剪切", "复制", "权限", "重命名", "删除"];
                var Div = document.createElement("div");
                Div.className = "Disk";
                Div.style.overflow = "hidden";
                CtrlBox.appendChild(Div);
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                Object.defineProperty(CtrlBox, "Scale", {
                    set: function () {
                        resize();
                    }
                });
                Object.defineProperty(CtrlBox, "Src", {
                    set: function (src) {
                        if (!!src) {
                            Div.innerHTML = "";
                            var index = src.indexOf("?");
                            var position = src.substr(0, index);
                            var path = dataCtrl.path;
                            if (index > 0) {
                                var args = src.substr(index + 1);
                                args = args.split("&");
                                args.forEach(function (arg) {
                                    kv = arg.split("=");
                                    if (kv.length == 2 && kv[0] == "path") {
                                        path = kv[1];
                                    }
                                });
                            }
                            CtrlBox.CLDisk = new CLDisk(Div, src, path);
                            CtrlBox.CLDisk.Ele.__Scope__ = Designer.Scope;
                            CtrlBox.CLDisk.Filter = dataCtrl.filter;
                            CtrlBox.CLDisk.DefViewType = dataCtrl.ViewType;
                            if (dataCtrl.Editable == false) {
                                CtrlBox.CLDisk.Copy
                                    = CtrlBox.CLDisk.Cut
                                    = CtrlBox.CLDisk.Paste
                                    = CtrlBox.CLDisk.DeleteDirs
                                    = CtrlBox.CLDisk.CreateDir
                                    = CtrlBox.CLDisk.UploadFiles
                                    = CtrlBox.CLDisk.UploadFile = function () { }
                            }
                            var dataFrm = Designer.dataFrm;
                            if (dataCtrl.WaterInfo && !!dataCtrl.WaterInfo.Src) {
                                var Src = dataCtrl.WaterInfo.Src;
                                delete dataCtrl.WaterInfo.Src
                                var Info = CLClone(dataCtrl.WaterInfo);
                                dataCtrl.WaterInfo.Src = Src;
                                if (Src.Code) {
                                    Info.Src = function () {
                                        onLoad
                                        return Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(水印)\n" + dataCtrl.WaterInfo.Src.Code);
                                    };
                                }
                                CtrlBox.CLDisk.WriteWater(Info, dataFrm.ID + "-" + dataCtrl.ID + "-" + dataFrm.Ver);
                            }
                            var Items = Div.dataMenu.Items;
                            var newItems = [];
                            dataCtrl.SpaceMenu.forEach(function (item) {
                                if (typeof item == "string") {
                                    Items.some(function (dataItem) {
                                        if (dataItem.Text == item) {
                                            newItems.push(dataItem);
                                            return true;
                                        }
                                    });
                                } else {
                                    var R = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "." + item.Name + "】(空白区域菜单)\n" + item.func);
                                    var func = R && (typeof R == "function" ? R : R.callback);
                                    var dataItem = {
                                        Text: item.Name,
                                        Enable: true,
                                        OnCreated: function (menuItem) {
                                            if (R && typeof R.created == "function") {
                                                R.created.call(R, menuItem);
                                            }
                                        },
                                        CallBack: function (e) {
                                            if (func) {
                                                if (func.call(R, e.currentTarget) !== false) {
                                                    CLMenu.GetInstance(e.currentTarget).Close();
                                                }
                                            }
                                        }
                                    };
                                    newItems.push(dataItem);
                                }
                            });

                            Div.dataMenu.Items = newItems;

                            dataCtrl.FolderMenu.forEach(function (item) {
                                item.R = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "." + item.Name + "】(文件夹菜单)\n" + item.func);
                            });

                            dataCtrl.FileMenu.forEach(function (item) {
                                item.R = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "." + item.Name + "】(文件菜单)\n" + item.func);
                            });

                            CtrlBox.CLDisk.OnDirCreated = function (divDir) {
                                CLDisk.prototype.OnDirCreated.call(this, divDir);
                                var Items = divDir.dataMenu.Items;
                                var type;
                                if (divDir.Dir.Type == 0) {
                                    type = "FolderMenu";
                                } else if (divDir.Dir.Type == 1) {
                                    type = "FileMenu";
                                }
                                var newItems = [];
                                dataCtrl[type].forEach(function (item) {
                                    if (typeof item == "string") {
                                        Items.some(function (dataItem) {
                                            if (dataItem.Text == item) {
                                                newItems.push(dataItem);
                                                return true;
                                            }
                                        });
                                    } else {
                                        var R = item.R;
                                        var func = R && (typeof R == "function" ? R : R.callback);
                                        var dataItem = {
                                            Text: item.Name,
                                            Enable: true,
                                            OnCreated: function (menuItem) {
                                                if (R && typeof R.created == "function") {
                                                    R.created.call(R, divDir, menuItem);
                                                }
                                            },
                                            CallBack: function (e) {
                                                if (func) {
                                                    if (func.call(R, divDir, e.currentTarget) !== false) {
                                                        CLMenu.GetInstance(e.currentTarget).Close();
                                                    }
                                                }
                                            }
                                        };
                                        newItems.push(dataItem);
                                    }
                                });
                                divDir.dataMenu.Items = newItems;
                            }

                            CtrlBox.CLDisk.EnablePushState();
                            if (!CtrlBox.CLDisk.IsLocal && CtrlBox.CLDisk.url.indexOf(CLHost) == 0) {
                                CtrlBox.CLDisk.WriteFile = function (ID, file, Success) {
                                    var url = "/" + CLCorpId() + "/api/WSNetDisk.chx?Function=HttpWriteBuffer";
                                    CLTop.HttpPost(url, function (Json) {
                                        if (Json.code == 0) {
                                            Success();
                                        } else {
                                            CtrlBox.CLDisk.onerror(Json.msg);
                                        }
                                    }, { ID: ID, Position: CtrlBox.CLDisk.GetPosition() }, true, null, null, file.file, file.file.name, function (e) {
                                        if (e.IsUpLoad) {
                                            var fProgress = e.loaded / file.file.size;
                                            if (fProgress > 1) {
                                                fProgress = 1;
                                            }
                                            CtrlBox.CLDisk.ShowProgress(file.path, fProgress);
                                        }
                                    });
                                }
                            }
                        }
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var Disk;
                CtrlBox.Prepare = function () {
                    var url = dataCtrl.url;
                    if (!!url) {
                        CtrlBox.Src = url;
                    }
                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
                CtrlBox.CLDisk = Object.create(CLDisk.prototype);
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                createLabel(propBody, "网盘地址");
                var input = createValue(propBody);
                input.setAttribute("placeholder", "例：localhost/A.lor 或 /C.lor");
                input.value = dataCtrl.url == null ? "" : dataCtrl.url;
                input.onchange = function () {
                    var input = this;
                    dataCtrl.url = input.value.trim();
                }
                createSplit(propBody);
                createLabel(propBody, "相对路径");
                var input = createValue(propBody);
                input.setAttribute("placeholder", "例：A/M");
                input.value = dataCtrl.path == null ? "" : dataCtrl.path;
                input.onchange = function () {
                    var input = this;
                    dataCtrl.path = input.value.trim();
                }
                createSplit(propBody);
                createLabel(propBody, "过滤(正则)");
                var input = createValue(propBody);
                input.setAttribute("placeholder", "例：(?:\.png|\.jpeg)$");
                input.value = dataCtrl.filter == null ? "" : dataCtrl.filter;
                input.onchange = function () {
                    var input = this;
                    dataCtrl.filter = input.value.trim();
                }
                createSplit(propBody);
                createLabel(propBody, "可编辑");
                var _box = new CLCheckBox("启用", propBody);
                _box.checked = dataCtrl.Editable != false;
                _box.onchanged = function () {
                    dataCtrl.Editable = _box.checked;
                }
                createSplit(propBody);
                createLabel(propBody, "查看方式");
                var _select = new CLSelect(propBody);
                _select.AddItems(["超大图标", "大图标", "中等图标", "小图标", "详细信息"]);
                _select.SetValue(dataCtrl.ViewType);
                _select.onchanged = function () {
                    dataCtrl.ViewType = _select.GetValue();
                }
                _select.EnableClear();
                function openOrClose(open) {
                    var lable = this.parentNode;
                    lable.nextSibling.OpenOrClose();
                }
                var propGrp = PropGroup(propBody, "空白区域菜单");
                var label = propGrp.Label;
                var btnSpace = document.createElement("div");
                btnSpace.style.cssText = "display:inline-block;float:right;color:#0db3a6;cursor:pointer;";
                btnSpace.innerHTML = "添加";
                label.appendChild(btnSpace);
                function showItem(container, dataItem, type) {
                    showMenuItem(container, dataItem, type, CtrlBox);
                }
                btnSpace.onclick = function (e) {
                    var Names = ["查看", "动态水印", "刷新", "粘贴", "新建目录", "弹出", "退出"];
                    var dataMenu = {
                        style: {
                            "width": "180px",
                        },
                        Items: [
                        ]
                    };
                    var Items = dataMenu.Items;
                    Names.forEach(function (item, index) {
                        Items.push({
                            Text: item,
                            Enable: dataCtrl.SpaceMenu.indexOf(item) < 0,
                            CallBack: function (e) {
                                var data = { Name: item };
                                nameOnly(data, dataCtrl.SpaceMenu);
                                if (data.Name == item) {
                                    e.currentTarget.Disabled = true;
                                    dataCtrl.SpaceMenu.push(item);
                                    showItem(SpaceBlock, item, "SpaceMenu");
                                    openOrClose.call(btnSpace, true);
                                } else {
                                    CLShowMsg("已存在名为【" + item + "】的选项");
                                }
                            }
                        });
                    });
                    Items.push({
                        Html: "<span style='color:#315efb'>自定义</span>",
                        Enable: true,
                        CallBack: function () {
                            var data = { Name: "未命名" };
                            nameOnly(data, dataCtrl.SpaceMenu);
                            dataCtrl.SpaceMenu.push(data);
                            showItem(SpaceBlock, data, "SpaceMenu");
                            openOrClose.call(btnSpace, true);
                        }
                    });
                    var Menu = new CLMenu(dataMenu, btnSpace);
                    e.stopPropagation();
                }
                var SpaceBlock = document.createElement("div");
                SpaceBlock.style.paddingTop = "15px";
                propGrp.appendChild(SpaceBlock);
                dataCtrl.SpaceMenu.forEach(function (item) {
                    showItem(SpaceBlock, item, "SpaceMenu");
                });
                propGrp = PropGroup(propBody, "文件夹菜单");
                label = propGrp.Label;
                var btnFolder = btnSpace.cloneNode(true);
                btnFolder.onclick = function (e) {
                    var Names = ["打开", "剪切", "复制", "下载", "权限", "重命名", "删除"];
                    var dataMenu = {
                        style: {
                            "width": "180px",
                        },
                        Items: [
                        ]
                    };
                    var Items = dataMenu.Items;
                    Names.forEach(function (item, index) {
                        Items.push({
                            Text: item,
                            Enable: dataCtrl.FolderMenu.indexOf(item) < 0,
                            CallBack: function (e) {
                                var data = { Name: item };
                                nameOnly(data, dataCtrl.FolderMenu);
                                if (data.Name == item) {
                                    e.currentTarget.Disabled = true;
                                    dataCtrl.FolderMenu.push(item);
                                    showItem(FolderBlock, item, "FolderMenu");
                                    openOrClose.call(btnFolder, true);
                                } else {
                                    CLShowMsg("已存在名为【" + item + "】的选项");
                                }
                            }
                        });
                    });
                    Items.push({
                        Html: "<span style='color:#315efb'>自定义</span>",
                        Enable: true,
                        CallBack: function () {
                            var data = { Name: "未命名" };
                            nameOnly(data, dataCtrl.FolderMenu);
                            dataCtrl.FolderMenu.push(data);
                            showItem(FolderBlock, data, "FolderMenu");
                            openOrClose.call(btnFolder, true);
                        }
                    });
                    var Menu = new CLMenu(dataMenu, btnSpace);
                    e.stopPropagation();
                }
                label.appendChild(btnFolder);
                var FolderBlock = document.createElement("div");
                FolderBlock.style.paddingTop = "15px";
                propGrp.appendChild(FolderBlock);
                dataCtrl.FolderMenu.forEach(function (item) {
                    showItem(FolderBlock, item, "FolderMenu");
                });
                propGrp = PropGroup(propBody, "文件菜单");
                label = propGrp.Label;
                var btnFile = btnSpace.cloneNode(true);
                btnFile.onclick = function (e) {
                    var Names = ["在线打开", "本地打开", "打开方式", "查看历史版本", "下载", "剪切", "复制", "权限", "重命名", "删除"];
                    var dataMenu = {
                        style: {
                            "width": "180px",
                        },
                        Items: [
                        ]
                    };
                    var Items = dataMenu.Items;
                    Names.forEach(function (item, index) {
                        Items.push({
                            Text: item,
                            Enable: dataCtrl.FileMenu.indexOf(item) < 0,
                            CallBack: function (e) {
                                var data = { Name: item };
                                nameOnly(data, dataCtrl.FileMenu);
                                if (data.Name == item) {
                                    e.currentTarget.Disabled = true;
                                    dataCtrl.FileMenu.push(item);
                                    showItem(FileBlock, item, "FileMenu");
                                    openOrClose.call(btnFile, true);
                                } else {
                                    CLShowMsg("已存在名为【" + item + "】的选项");
                                }
                            }
                        });
                    });
                    Items.push({
                        Html: "<span style='color:#315efb'>自定义</span>",
                        Enable: true,
                        CallBack: function () {
                            var data = { Name: "未命名" };
                            nameOnly(data, dataCtrl.FileMenu);
                            dataCtrl.FileMenu.push(data);
                            showItem(FileBlock, data, "FileMenu");
                            openOrClose.call(btnFile, true);
                        }
                    });
                    var Menu = new CLMenu(dataMenu, btnSpace);
                    e.stopPropagation();
                }
                label.appendChild(btnFile);
                var FileBlock = document.createElement("div");
                FileBlock.style.paddingTop = "15px";
                propGrp.appendChild(FileBlock);
                dataCtrl.FileMenu.forEach(function (item) {
                    showItem(FileBlock, item, "FileMenu");
                });

                CtrlBox.CLDisk = CLClone(CLDisk.prototype);

                createSplit(propBody);
                var label = createLabel(propBody, "水印");

                var btn = createBtn(propBody, "设置");

                btn.onclick = function () {
                    CLApp.WaterInfoDlg(dataCtrl.WaterInfo, function (WaterInfo) {
                        if (WaterInfo) {
                            dataCtrl.WaterInfo = WaterInfo;
                        } else {
                            delete dataCtrl.WaterInfo;
                        }

                    }, function (Code, Success) {
                        var codeDlg = Designer.codeDlg(Code, function (Code) {
                            Success(Code);
                        }, "水印=");
                        codeDlg.editor.globalScope["Self"] = CtrlBox;
                    });
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["网络硬盘"]);
    }());

    function FieldConfig(CtrlBox, propBody) {
        var Designer = CtrlBox.Designer;
        var dataCtrl = CtrlBox.dataCtrl;
        function 数据源(sTitle, FNo, propGrp) {
            var Get = function () { return []; };
            function GetItems() {
                return Get();
            }
            createSplit(propGrp);
            var label = createLabel(propGrp, sTitle);
            var sourceName;
            var sourceSelector = new CLSelect(propGrp);
            var divSelector = propGrp.lastChild;
            var Sources = Designer.dataFrm.dataSources;
            if (Sources == null) {
                Sources = Designer.dataFrm.dataSources = [];
            }
            Sources.forEach(function (Source) {
                if (dataCtrl[FNo] == Source.ID) {
                    sourceName = Source.Name;
                    var Items = [];
                    Designer.GetFieldsBySourceId(Source.ID).forEach(function (Field) {
                        if (Field.className == "单行文本" || Field.className == "数字") {
                            Items.push({
                                ID: Field.ID,
                                Name: Field.Name,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                        }
                    });
                    Get = function () {
                        return Items;
                    }
                }
                sourceSelector.AddItems(Source.Name);
            });
            sourceSelector.onchanged = function () {
                var Items = [];
                dataCtrl[FNo] = Sources[sourceSelector.selectedIndex].ID;
                Designer.GetFieldsBySourceId(dataCtrl[FNo]).forEach(function (Field) {
                    if (Field.className == "单行文本" || Field.className == "数字") {
                        Items.push({
                            ID: Field.ID,
                            Name: Field.Name,
                            toString: function () {
                                return this.Name;
                            }
                        });
                    }
                });
                propGrp.Selectors.forEach(function (ele) {
                    ele.selectedIndex = -1;
                });
                if (dataCtrl.className == "树状控件") {
                    delete dataCtrl.Headers;
                }
                Get = function () {
                    return Items;
                }
            }
            sourceSelector.SetValue(sourceName == null ? "" : sourceName);
            return GetItems;
        };
        var propGrp = PropGroup(propBody, "节点字段配置");
        propGrp.Selectors = [];
        var GetItems = 数据源("数据源", "SourceID", propGrp);
        propGrp.Selectors = [];
        function SelectField(ID, Name, GetItems) {
            createSplit(propGrp);
            var label = createLabel(propGrp, Name);
            var Selector = new CLSelect(propGrp);
            Selector.EnableClear(true);
            Selector.getItems = function (Success) {
                Success(GetItems());
            }
            Selector.getItems(function (Items) {
                Selector.AddItems(Items);
                Items.forEach(function (item, index) {
                    if (item.ID == dataCtrl[ID]) {
                        Selector.selectedIndex = index;
                    }
                });
            });
            Selector.onchanged = function () {
                if (Selector.selectedIndex == -1) {
                    delete dataCtrl[ID];
                } else {
                    dataCtrl[ID] = Selector.Items[Selector.selectedIndex].ID;
                }
            }
            propGrp.Selectors.push(Selector);
        }
        SelectField("No", "编号字段", GetItems);
        if (dataCtrl.className == "树状控件") {
            SelectField("NameNo", "名称字段", GetItems);
        }
        if (dataCtrl.className == "树状控件" || dataCtrl.dataType == "树状结构") {
            SelectField("Parent", "上级编号", GetItems);
        }
        SelectField("Index", "排序字段", GetItems);
        if (dataCtrl.className == "网状控件") {
            SelectField("ShapeNo", "形状", GetItems);
        }
        if (dataCtrl.dataType == "自由结构") {
            propGrp = PropGroup(propBody, "连线字段配置");
            propGrp.Selectors = [];
            var GetItems2 = 数据源("数据源", "LineSourceID", propGrp);
            propGrp.Selectors = [];
            SelectField("FromNo", "开始节点", GetItems2);
            SelectField("ToNo", "结束节点", GetItems2);
            SelectField("LineText", "描述文字", GetItems2);
            SelectField("LineTextAlign", "对齐方式", GetItems2);
        }
    }

    function NodeShape(data, End, Save) {
        data = data ? data : {};
        var div = document.createElement("div");
        div.style.cssText = "width:1200px;height:750px;";
        var dlg = new CLDialog(div);
        dlg.CreateAll("编辑形状", function () {
            editor.CenterGlyphs();
            Glyphs.forEach(function (glyph) {
                if (glyph.d) { glyph.d = glyph.d.toString(); }
            });
            End({
                viewBox: editor.viewBox(),
                Glyphs: Glyphs
            });
        });
        dlg.EnableMove();
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var Body = dlg.Body;
        Body.style.position = "relative";
        var ele = document.createElement("div");
        Body.appendChild(ele);
        var editor = new CLSvgEditor(ele);
        if (data && data.viewBox) {
            editor.viewBox(data.viewBox);
        }
        var func = editor.GlyphProp;
        editor.GlyphProp = function (glyph) {
            var R = func.call(this, glyph);
            if (glyph && glyph.tag == "text") {
                var grp = editor.PropGroup("关联字段", "名称");
                var input = editor.PropValue(grp);
                input.onchange = function () {
                    glyph.field = input.value;
                }
                input.value = glyph.field ? glyph.field : "";
            }
            return R;
        };
        var Glyphs = data.Glyphs;
        Glyphs = Glyphs ? CLClone(Glyphs) : [];
        editor.Render(Glyphs);
    }

    (function (树状控件) {
        FrmUiCtrls["树状控件"] = {
            Icon: "&#xe600;"
            , Name: "树状控件"
            , DefSize: {
                Width: 400,
                Height: 300,
            }
            , DefMinSize: [400, 300]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {
                    for (var i = 0; i < CtrlBox.Changed.length; i++) {
                        CtrlBox.Changed[i](CtrlBox);
                    }
                }
                dataCtrl.dataMenu = dataCtrl.dataMenu ? dataCtrl.dataMenu : [];
                var Div = document.createElement("div");
                Div.className = "Tree";
                CtrlBox.appendChild(Div);
                Div.oncontextmenu = function () { return false; }
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                var Value = null;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        return Value;
                    },
                    set: function (Val) {
                        if (Val != null && typeof Val == 'string' && dataCtrl.shownAs == "多选") {
                            Val = JSON.parse(Val);
                        }
                        if (Object.Equals(this.Value, Val)) {
                            return;
                        }
                        if (dataCtrl.shownAs == "多选") {
                            Tree_.Selects(Val);
                        } else {
                            Tree_.Select(Val);
                        }
                        OnChanged();
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var dataTree;
                var funcOrder;
                var Table;
                function Scope(ele) {
                    var scope = document.createElement("div");
                    scope.style.zIndex = CLMaxZIndex();
                    scope.classList.add(Designer.Scope);
                    scope.appendChild(ele);
                    document.body.appendChild(scope);
                    return scope;
                }
                var m_indexes = null;
                function ShowHeader() {
                    var Headers = dataCtrl.Headers = dataCtrl.Headers || [];
                    if (!Headers || Headers.length == 1) {
                        return;
                    }
                    var Table = document.createElement("table");
                    var wId = Div.className.match(/W_[0-9]+/);
                    if (wId) {
                        wId = wId[0];
                    } else {
                        wId = "W_" + CLMakeId();
                    }
                    Table.className = "Header";
                    Div.classList.add(wId);
                    Table.setAttribute("cellspacing", 0);
                    Table.setAttribute("cellpadding", 0);
                    var html = "";
                    var dragHeader = dataCtrl.dragHeader;
                    html += "<thead><tr>";
                    var css = "";
                    var minW = 0;
                    Headers.forEach(function (ele, index) {
                        var field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, ele.ID);
                        if (field) {
                            ele.Name = field.Name;
                        }
                        if (!ele.minWidth) {
                            ele.minWidth = 10;
                        }
                        minW += ele.minWidth;
                        html += "<td class = 'W_" + index + " Show' Name='" + ele.ID + "'><span>" + ele.Name + "</span></td>";
                    });
                    Table.style.minWidth = minW + 9 + "px";
                    Table.minWidth = minW;
                    html += "<td class='Show Place'></td></tr></thead>";
                    Table.innerHTML = html;
                    Div.appendChild(Table);
                    var ele = Table._style = document.createElement("style");
                    Table.appendChild(ele);
                    var css = "";
                    function Min(td, force) {
                        if (!td.classList.contains("Show") && !force) {
                            return 0;
                        } else {
                            var name = td.className.match(/W_[0-9]+/)[0];
                            name = name.substr(2, name.length - 2);
                            var index = name * 1;
                            return Headers[index].minWidth;
                        }
                    }

                    function FResize(Cols, L, Lr, x1, x2) {
                        var scale = (Lr - L) / Lr;
                        var filter = new Map();
                        var back = 0;
                        while (true) {
                            var flag = true;
                            for (var i = x1; i <= x2 ; i++) {
                                var td = Cols[i];
                                if (filter.has(td)) {
                                    continue;
                                } else {
                                    var W = td.offsetWidth * scale;
                                    var min = Min(td);
                                    if (min > W) {
                                        W = min;
                                        L -= td.offsetWidth - W;
                                        Lr -= td.offsetWidth;
                                        scale = (Lr - L) / Lr;
                                        if (scale < 0) {
                                            back = Lr - L;
                                        }
                                        filter.set(td, min);
                                        flag = false;
                                        break;
                                    }
                                    if (min == 0) {
                                        filter.set(td, min);
                                        flag = false;
                                        break;
                                    }
                                }
                            }
                            if (flag) {
                                var list = [];
                                scale = (Lr - L) / Lr;
                                for (var i = x1; i <= x2 ; i++) {
                                    var td = Cols[i];
                                    if (filter.has(td)) {
                                        list.push(filter.get(td));
                                    } else {
                                        list.push(td.offsetWidth * scale);
                                    }

                                }
                                list.back = back;
                                return list;
                            }
                        }
                    }

                    function Calc(Td, Moved) {
                        var Cols = Table.querySelectorAll("TD:not(.Place)");
                        var X;
                        if (!Td) {
                            X = -1;
                            Moved = Table.offsetWidth - Div.offsetWidth;
                        } else {
                            X = Cols.indexOf(Td);
                        }
                        if (!Moved) {
                            Moved = 0;
                        }
                        var place = Table.querySelector(".Place");
                        var tWidth = Table.offsetWidth - (place.offsetWidth ? 9 : 0);
                        var Lr = tWidth;
                        var W;
                        if (Td) {
                            Lr -= Td.offsetWidth + Td.offsetLeft;
                            W = Td.offsetWidth + Moved;
                            W = Math.max(Min(Td), W);
                            Moved = W - Td.offsetWidth;
                        }
                        var listL = null, listR = null;
                        var listR = FResize(Cols, Moved, Lr, X + 1, Cols.length - 1);
                        var css = "";
                        if (X > 0) {
                            listL = FResize(Cols, -listR.back, Lr, 0, X - 1);
                            W += listL.back;
                        } else {
                            W += listR.back;
                        }
                        if (Td) {
                            W = Math.max(Min(Td), W);
                        }
                        var sizeL = 0;
                        for (var i = 0; i < Cols.length ; i++) {
                            var fsize = 0;
                            if (i < X) {
                                sizeL += listL[i];
                            } else if (i > X) {
                                sizeL += listR[i - X - 1];
                            } else {
                                sizeL += W;
                            }
                        }
                        var scale = 1;
                        if (tWidth > Table.minWidth) {
                            tWidth = Math.max(Div.offsetWidth, Table.minWidth);
                            tWidth -= place.offsetWidth;
                        }
                        scale = tWidth / sizeL;
                        var dx = 0;
                        for (var i = 0; i < Cols.length ; i++) {
                            var td = Cols[i];
                            var className = td.className.match(/W_[0-9]+/)[0];
                            var fsize = 0;
                            if (i < X) {
                                fsize = listL[i] + dx;
                            } else if (i > X) {
                                fsize = listR[i - X - 1];
                            } else {
                                fsize = W;
                            }
                            fsize *= scale;
                            if (fsize == 0) {
                                css += "." + wId + " ." + className + ".Col{display:none!important}\n";
                            } else {
                                var isize = parseInt(fsize + dx);
                                dx = fsize - isize;
                                css += "." + wId + " ." + className + "{width:" + isize + "px}\n";
                            }
                        }
                        Table._style.innerHTML = css;
                    }
                    var timer = null;
                    CtrlBox.on_end_resize = function () {
                        if (timer) {
                            clearTimeout(timer);
                        }
                        timer = setTimeout(function () {
                            clearTimeout(timer);
                            timer = null;
                            CtrlBox.CalcScroll();
                        }, 100);
                    }

                    function Resize(Td, clientX) {
                        var div = document.createElement("div");
                        var tdRect = Td.getBoundingClientRect();
                        var left = tdRect.right;
                        var tRect = Table.getBoundingClientRect();
                        var top = tRect.top;
                        var box = Div.querySelector(".CLTree");
                        var bottom = box && box.getBoundingClientRect().bottom || tRect.bottom;
                        div.style.cssText = "position:absolute;top:" + top + "px;height:" + (bottom - top) + "px;width:1px;background:#0db3a6;left:" + left + "px";

                        div.style.maxHeight = innerHeight - top + "px";
                        div.style.zIndex = CLMaxZIndex();
                        div.className = "CLHeaderResizing";
                        Scope(div);
                        var minR = 0;
                        var Cols = Table.querySelectorAll("TD:not(.Place)");
                        var place = Table.querySelector(".Place");
                        for (var i = Cols.indexOf(Td) + 1 ; i < Cols.length ; i++) {
                            minR += Min(Cols[i]);
                        }
                        function move(e) {
                            var X = (left + e.clientX - clientX);
                            if (X > tRect.right - place.offsetWidth - minR) {
                                X = tRect.right - place.offsetWidth - minR;
                            }
                            var minX = tdRect.left + Min(Td);
                            if (X < minX) {
                                X = minX;
                            }
                            div.style.left = X + "px";
                        }
                        function up(e) {
                            Calc(Td, div.offsetLeft - left);
                            window.removeEventListener("mousemove", move, true);
                            window.removeEventListener("mouseup", up, true);
                            div.parentNode.remove();
                        }
                        window.addEventListener("mousemove", move, true);
                        window.addEventListener("mouseup", up, true);
                    }

                    Table.addEventListener("mousemove", function (e) {
                        var Td = e.srcElement;
                        while (Td != null && Td.tagName != "TD") {
                            Td = Td.parentNode;
                        }
                        if (Td == null || Td.classList.contains("Place") || (Td.nextSibling && Td.nextSibling.classList.contains("Place"))) {
                            return;
                        }
                        var pos = Td.getBoundingClientRect().left + Td.offsetWidth;
                        if (Td.eleCursor) {
                            Td.eleCursor.style.cursor = Td.oCursor;
                            delete Td.oCursor;
                            delete Td.eleCursor;
                        }
                        if (pos - e.clientX < 7) {
                            Td.eleCursor = e.srcElement;
                            Td.oCursor = Td.eleCursor.style.cursor;
                            Td.eleCursor.style.cursor = "e-resize";
                        }
                        e.stopImmediatePropagation();
                    }, true);

                    Table.addEventListener("mousedown", function (e) {
                        var Td = e.srcElement;
                        while (Td != null && Td.tagName != "TD") {
                            Td = Td.parentNode;
                        }
                        if (Td == null) {
                            return;
                        }
                        if (Td.eleCursor) {
                            Resize(Td, e.clientX);
                            e.preventDefault();
                            e.stopPropagation();
                        }
                    }, true);

                    if (dragHeader) {
                        var helper;
                        var insert;
                        var cur;
                        var Cols = Table.querySelectorAll("TD:not(.Place)");
                        Cols.forEach(function (ele) {
                            if (ele.classList.contains("Place")) {
                                return;
                            }
                            CLEnableMove(ele, function (ele, e) {
                                if (!helper) {
                                    helper = document.createElement("div");
                                    helper.style.zIndex = CLMaxZIndex();
                                    helper.className = "CLHeaderDragging ";
                                }
                                Scope(helper);
                                helper.innerHTML = ele.innerHTML;
                                helper.style.left = e.clientX - helper.offsetWidth / 2 + "px";
                                helper.style.top = e.clientY - helper.offsetHeight / 2 + "px";
                                helper.style.width = ele.offsetWidth + "px";
                                var style = getComputedStyle(ele);
                                helper.style.lineHeight = style.lineHeight;
                                helper.style.textAlign = style.textAlign;
                                helper.style.fontSize = style.fontSize;
                                var pointer = document.createElement("div");
                                helper.pointer = pointer;
                                pointer.classList.add("Pointer");
                                helper.appendChild(pointer);
                                style = getComputedStyle(pointer);
                                pointer.style.height = ele.offsetHeight + 2 * parseInt(style.lineHeight) + "px";
                            },
                            function (ele, e) {
                                cur = null;
                                insert = "beforebegin";
                                helper.style.left = e.clientX - helper.offsetWidth / 2 + "px";
                                helper.style.top = e.clientY - helper.offsetHeight / 2 + "px";
                                var rect;
                                for (var i = 0; i < Cols.length; i++) {
                                    rect = Cols[i].getBoundingClientRect();
                                    if (e.clientX > rect.left && e.clientX < rect.right) {
                                        cur = Cols[i];
                                        break;
                                    }
                                }
                                if (cur) {
                                    helper.pointer.style.top = rect.top + rect.height / 2 - helper.pointer.offsetHeight / 2 + "px";
                                    if (e.clientX > rect.left + rect.width / 2) {
                                        insert = "afterend";
                                        helper.pointer.style.left = rect.left + rect.width - 1 + "px";
                                    } else {
                                        helper.pointer.style.left = rect.left - 1 + "px";
                                    }
                                } else {
                                    rect = Cols[0].getBoundingClientRect();
                                    if (e.clientX < rect.left) {
                                        cur = Cols[0];
                                        insert = "beforebegin";
                                    } else {
                                        cur = Cols[Cols.length - 1];
                                        insert = "afterend";
                                    }
                                }
                                return false;
                            },
                            function (ele, e) {
                                if (helper) {
                                    helper.parentNode.remove();
                                }
                                if (cur == ele || (cur == ele.nextSibling && insert == "beforebegin") || cur == ele.previousSibling && insert == "afterend") {
                                    return;
                                }
                                Cols = Table.querySelectorAll("TD:not(.Place)");
                                var from = Cols.indexOf(ele);
                                var to = Cols.indexOf(cur);
                                if (insert == "afterend") {
                                    to += 1;
                                }
                                var indexes = MoveCol(from, to);
                                if (CtrlBox.on_end_sort) {
                                    CtrlBox.on_end_sort(indexes);
                                } else {
                                    m_indexes = indexes;
                                }
                                CtrlBox.on_end_resize();
                                return false;
                            });
                            ele.addEventListener("mousedown", function () {
                                function up() {
                                    ele.classList.remove("Dragging");
                                    window.removeEventListener("mouseup", up);
                                }
                                ele.classList.add("Dragging");
                                window.addEventListener("mouseup", up);
                            });
                        });
                    }
                    CtrlBox.ShowCol = function (ID, width) {
                        var ele = Table.querySelector("[name=" + ID + "]");
                        if (!ele) {
                            return;
                        }
                        if (!ele.classList.contains("Show")) {
                            Table.minWidth += Min(ele, true);
                        }
                        ele.classList.add("Show");
                        if (width) {
                            Calc(ele, width - ele.offsetWidth);
                        }
                        CLAsync(function () {
                            CtrlBox.on_end_resize();
                        }, null, Table);
                    }
                    CtrlBox.HideCol = function (ID) {
                        var ele = Table.querySelector("[name=" + ID + "]");
                        if (!ele) {
                            return;
                        }
                        if (ele.classList.contains("Show")) {
                            Table.minWidth -= Min(ele, true);
                        } else {
                            return;
                        }
                        ele.classList.remove("Show");
                        CLAsync(function () {
                            CtrlBox.on_end_resize();
                        }, null, Table);
                    }
                    function MoveCol(from, to) {
                        var Cols = Table.querySelectorAll("TD:not(.Place)");
                        var ele = Cols[from];
                        var before = Cols[to];
                        if (!before) {
                            before = Table.querySelector(".Place");
                        }
                        ele.parentNode.insertBefore(ele, before);
                        var items = Div.querySelectorAll(".Item>.Info");
                        items.forEach(function (item) {
                            item.insertBefore(item.childNodes[from], item.childNodes[to]);
                        });
                        var indexes = [];
                        Cols = Table.querySelectorAll("TD:not(.Place)");
                        Cols.forEach(function (ele) {
                            var N = ele.className.match(/W_[0-9]*/)[0];
                            N = N.substr(2, N.length - 1) * 1;
                            indexes.push(N);
                        });
                        return indexes;
                    }
                    CtrlBox.SetColIndexes = function (nIndexes) {
                        if (!Array.isArray(nIndexes)) {
                            return;
                        }
                        var oIndexes = [];
                        var oMax = 0;
                        Cols = Table.querySelectorAll("TD:not(.Place)");
                        Cols.forEach(function (ele) {
                            var N = ele.className.match(/W_[0-9]*/)[0];
                            N = N.substr(2, N.length - 1) * 1;
                            oIndexes.push(N);
                            oMax = Math.max(N, oMax);
                        });
                        var nMax = 0;
                        nIndexes.forEach(function (ele) {
                            nMax = Math.max(ele, nMax);
                        });
                        if (nMax != oMax) {
                            return;
                        }
                        var from = null, to = null;
                        if (nIndexes.length != oIndexes.length) {
                            return;
                        }
                        for (var i = 0; i < oIndexes.length; i++) {
                            if (oIndexes[i] == nIndexes[i]) {
                                continue;
                            } else {
                                to = i;
                                for (var j = i; j < oIndexes.length ; j++) {
                                    if (oIndexes[j] == nIndexes[i]) {
                                        from = j;
                                        break;
                                    }
                                }
                                break;
                            }
                        }
                        if (from != null && to != null) {
                            var indexes = MoveCol(from, to);
                            if (indexes != null) {
                                CtrlBox.SetColIndexes(nIndexes);
                            }
                        }
                    };
                    CtrlBox.CalcScroll = function () {
                        var block = CtrlBox.querySelector(".Scroll");
                        if (!block) {
                            return;
                        }
                        var td = Table.querySelector(".Place");
                        if (block.scrollHeight > block.clientHeight) {
                            td.classList.add("Show");
                            Table.style.minWidth = Table.minWidth + 9 + "px";
                        } else {
                            Table.style.minWidth = Table.minWidth + "px";
                            td.classList.remove("Show");
                        }
                        block.lastChild.style.minWidth = Table.minWidth + "px";
                        var first = Table.querySelector(".First");
                        var last = Table.querySelector(".Last");
                        first && first.classList.remove("First");
                        last && last.classList.remove("Last");
                        var all = Table.querySelectorAll(".Show");
                        first = all[0];
                        first && first.classList.add("First");
                        last = all[all.length - 1];
                        last && last.classList.add("Last");
                        Calc();
                    }
                    return Table;
                }
                var fUpload = function (file, Success) {
                    var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
                    var o = { dt: new Date(), bytes: 0 };
                    HttpPost(url, function (json) {
                        CLShowProgress(CtrlBox);
                        if (json.code == 0) {
                            Success(json.data[0]);
                        } else {
                            CLShowMsg(json.msg);
                        }
                    }, {}, true, null, null, file, file.name, function (e) {
                        CLShowProgress(CtrlBox);
                        o.e = e;
                        var info = Speed(o);
                        CLShowProgress(CtrlBox, info, e.loaded / e.total, 0, 0, info);
                    });
                }
                var fDelete = function (src) {
                    var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpDeleteFile";
                    HttpPost(url, function () { }, { Url: src });
                }
                var Moveable = dataCtrl.Move;
                var Tree_;
                var event_handers = {};
                var Moveable = dataCtrl.Move;
                CtrlBox.Render = function () {
                    if (dataCtrl.OnOrder) {
                        funcOrder = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(拖拽排序)\n" + dataCtrl.OnOrder);
                    }
                    Designer.QueryData([dataCtrl.SourceID], false, function () {
                        var dataList = Designer.SourceData[dataCtrl.SourceID];
                        if (dataCtrl.showName) {
                            Div.innerHTML = "<div class='Title'>" + dataCtrl.Name + "</div>";
                        } else {
                            Div.innerHTML = "";
                        }
                        var Table = ShowHeader();
                        if (dataList) {
                            dataTree = CLTableToTree(dataList, null, { ID: dataCtrl.No, Parent: dataCtrl.Parent, Index: dataCtrl.Index })[0];
                        }
                        var SubCall = dataCtrl.SubCall;
                        SubCall = SubCall && Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(延迟加载)\n" + SubCall);
                        var dragTest = dataCtrl.dragTest;
                        dragTest = dragTest && Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(拖拽测试)\n" + dragTest);
                        evt = {};
                        if (!dataTree) {
                            Tree_ = CtrlBox.CLTree = null;
                        } else {
                            Tree_ = CtrlBox.CLTree = new CLTree(dataTree);
                            if (Table) {
                                Tree_.Listable = true;
                            } else {
                                if (dataCtrl.showAs == "单选") {
                                    Tree_.MultiSel = false;
                                }
                                if (dataCtrl.showAs == "多选") {
                                    Tree_.MultiSel = true;
                                }
                            }
                            var paddingLeft = dataCtrl.paddingLeft;
                            var backLeft = 0;
                            if (!paddingLeft) {
                                paddingLeft = 7;
                            } else {
                                var arr = paddingLeft.split('-');
                                if (arr && arr.length > 1) {
                                    paddingLeft = arr[0] * 1;
                                    backLeft = arr[1] * 1;
                                } else {
                                    paddingLeft *= 1;
                                }
                            }
                            var dragger = null;
                            Tree_.Animation = true;
                            Tree_.Editable = false;
                            Tree_.IDNo = dataCtrl.No;
                            Tree_.NameNo = dataCtrl.NameNo;
                            Tree_.ParentNo = dataCtrl.Parent;
                            Tree_.paddingLeft = paddingLeft;
                            Tree_.backLeft = backLeft;
                            Tree_.delayRender = dataCtrl.delayRender == true;
                            CtrlBox.IsAllOpen = function (Level) {
                                return Tree_.IsAllOpen(Level);
                            }
                            CtrlBox.OpenAll = function (Level, No) {
                                if (!!No) {
                                    var Item = CtrlBox.GetItem(No);
                                    if (Item) {
                                        Item.OpenAll(Level);
                                    }
                                } else {
                                    Tree_.OpenAll(Level);
                                }
                            }
                            CtrlBox.CloseAll = function (Level, No) {
                                if (!!No) {
                                    var Item = CtrlBox.GetItem(No);
                                    if (Item) {
                                        Item.CloseAll(Level);
                                    }
                                } else {
                                    Tree_.CloseAll(Level);
                                }
                            }
                            CtrlBox.Add = function (data) {
                                var No = data[dataCtrl.No];
                                if (Tree_.getItemById(No)) {
                                    CLShowMsg("编号已存在");
                                    return null;
                                }
                                var ParentNo = data[dataCtrl.Parent];
                                var Item = Tree_.getItemById(ParentNo);
                                if (!Item) {
                                    CLShowMsg("父编号不存在");
                                    return;
                                }
                                if (dataCtrl.Index && data[dataCtrl.Index] == null) {
                                    var item_data = Item.ItemData;
                                    if (!item_data.SubNode) {
                                        data[dataCtrl.Index] = 0;
                                    } else {
                                        var index = 0;
                                        if (typeof item_data.SubNode == "function") {
                                            item_data.SubNode = item_data.SubNode();
                                        }
                                        item_data.SubNode.forEach(function (ele) {
                                            index = index < ele[dataCtrl.Index] ? ele[dataCtrl.Index] : index;
                                        });
                                        data[dataCtrl.Index] = index + 1;
                                    }
                                }
                                return Item.addChild(data);
                            }
                            CtrlBox.Remove = function (No, withChild) {
                                var Item = Tree_.getItemById(No);
                                if (Item) {
                                    if (withChild) {
                                        if (Item.contains(OldSelected)) {
                                            OldSelected = null;
                                        }
                                        Item.Remove();
                                    } else {
                                        var childs = Item.SubNode ? Item.SubNode.childNodes : [];
                                        var Parent = Tree_.getItemById(Item.ItemData[dataCtrl.Parent]);
                                        if (Parent) {
                                            var SubNode = Item.ItemData.SubNode;
                                            for (var i = 0; SubNode && i < SubNode.length ; i++) {
                                                Parent.addChild(SubNode[i]);
                                                SubNode[i][dataCtrl.Parent] = Item.ItemData[dataCtrl.Parent];
                                            }
                                        }
                                        if (Item.contains(OldSelected)) {
                                            OldSelected = null;
                                        }
                                        Item.Remove();
                                    }
                                    var Col = Item.querySelector(".ColSel");
                                    if (Col) {
                                        var itemData = Item.ItemData;
                                        CtrlBox.Select(itemData[dataCtrl.Parent], Col.getAttribute("name"));
                                    }
                                }
                            };
                            CtrlBox.Select = function (No, Col, toView) {
                                var item = Tree_.getItemById(No);
                                if (item) {
                                    var item = Tree_.getItemById(No);
                                    if (!item.firstChild.classList.contains("InfoSel")) {
                                        if (Table) {
                                            MulSelect([item], item, true);
                                        } else {
                                            Tree_.Select(No);
                                        }
                                    }
                                    if (toView) {
                                        item.scrollIntoView(false);
                                    }
                                    if (!!Col) {
                                        var Box = findCol(No, Col);
                                        if (Box) {
                                            ColSel(Box, 0);
                                        }
                                    }
                                }
                            }
                            CtrlBox.UnSelect = function (No) {
                                var item = Tree_.getItemById(No);
                                if (item) {
                                    CtrlBox.relatedItem = null;
                                    CtrlBox.currentItem = item;
                                    if (Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(丢失事件)\n" + dataCtrl.OnLost) === false) {
                                        return;
                                    }
                                    Tree_.UnSelect(No);
                                }
                            }
                            CtrlBox.GetItem = function (No) {
                                return Tree_.getItemById(No);
                            }
                            CtrlBox.SetColValue = function (No, Col, Val, bEvent) {
                                var Box = findCol(No, Col);
                                if (Box && Box.header.ID == Col) {
                                    Box.SetValue(Val, bEvent);
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            CtrlBox.Rename = function (No, Name) {
                                var Item = Tree_.getItemById(No);
                                if (Item) {
                                    var divName = Item.Name;
                                    divName.title = Name;
                                    divName.innerText = Name;
                                    Item.ItemData[dataCtrl.NameNo] = Name;
                                }
                            }
                            CtrlBox.ItemMoveDlg = function (No, End) {
                                var Item = Tree_.getItemById(No);
                                if (!Item) {
                                    return;
                                }
                                var Div = document.createElement("div");
                                var tree;
                                var AppId;
                                var divDlg = document.createElement("div");
                                divDlg.style.cssText = "width:430px;height:515px;";
                                var dlg = new CLDialog(divDlg);
                                dlg.CreateAll("移动【" + Item.ItemData[dataCtrl.NameNo] + "】", function () {
                                    var toId = tree.GetSelected();
                                    End(toId);
                                });
                                var Body = dlg.Body;
                                Body.innerHTML = "<div style='height:40px;line-height:40px'>请选择目标位置</div>";
                                var Header = Body.firstChild;
                                var Box = document.createElement("div");
                                Box.style.cssText = "border:1px solid #e0e0e0;height:350px;padding:5px;height:calc(100% - 40px)";
                                Body.appendChild(Box);
                                function showDir(DirTree) {
                                    Box.innerHTML = "";
                                    tree = new CLTree(DirTree);
                                    tree.IDNo = dataCtrl.No;
                                    tree.NameNo = dataCtrl.NameNo;
                                    tree.ParentNo = dataCtrl.Parent;
                                    tree.Editable = false;
                                    tree.IconText = CLHTMLDecode("&#xe68a;");
                                    tree.MultiSel = false;
                                    tree.OnItemCreated = function (Item, ItemData) {
                                        Item.Info.firstChild.style.display = "none";
                                        Item.Info.style.paddingLeft = parseInt(Item.Info.style.paddingLeft) - 7 + "px";
                                        Item.Icon.onclick = function (e) {
                                            if (Item.IsOpen()) {
                                                Item.Close();
                                            } else {
                                                Item.Open();
                                            }
                                            e.stopPropagation();
                                        }
                                    }
                                    tree.Render(Box);
                                    tree.getItemById(No).Remove();
                                    Box.style.overflow = "auto";
                                }
                                var ItemData = dataTree;
                                ItemData = CLClone(ItemData);
                                showDir(ItemData);
                            }
                            CtrlBox.ItemMoveTo = function (No, To, Before) {
                                var Item = Tree_.getItemById(No);
                                var Tag;
                                if (Before) {
                                    Tag = Tree_.getItemById(Before);
                                    if (Tag) {
                                        MoveItem(Item, Tag, false);
                                    } else {
                                        Tag = Tree_.getItemById(To);
                                        MoveItem(Item, Tag, true);
                                    }
                                } else {
                                    Tag = Tree_.getItemById(To);
                                    MoveItem(Item, Tag, true);
                                }
                            }
                            CtrlBox.OnDragging = function (dragItem, intoItem) { }
                            CtrlBox.Preview = function (Col, files, index) {
                                new CLPreView(files, index);
                            }
                            CtrlBox.StartEdit = function (No, Col, Val) {
                                var Box = findCol(No, Col);
                                if (Box) {
                                    var ele = Box.querySelector(".Name");
                                    var Item = Box.parentNode.parentNode;
                                    ele = ele && ele == Item.Name ? ele : Box;
                                    return StartEdit(ele, Val);
                                }
                            }
                            CtrlBox.Delete = function (No, Col, bEvent) {
                                var Box = findCol(No, Col);
                                if (Box) {
                                    var header = Box.header;
                                    var Item = Box.parentNode.parentNode;
                                    var ItemData = Item.ItemData;
                                    if (header.Editable) {
                                        if (header.className == "附件上传") {
                                            var ele = null;
                                            if (header.Single) {
                                                ele = Box.querySelector(".Picture");
                                            } else {
                                                Box.querySelector(".Picture.Select");
                                            }
                                            if (ele) {
                                                var Val = JSON.parse(CLClone(ItemData[header.ID]));
                                                if (Val) {
                                                    Val.splice(ele.index, 1)[0];
                                                    if (Val.length == 0) {
                                                        Val = null;
                                                    }
                                                    Box.SetValue(Val, bEvent);
                                                }
                                            }
                                        } else {
                                            Box.SetValue(null, bEvent);
                                        }
                                    }
                                }
                            }
                            CtrlBox.AddEventHandle = function (evt, func) {
                                var handers = event_handers[evt];
                                if (!handers) {
                                    handers = event_handers[evt] = [];
                                }
                                handers.push(func);
                            }
                            CtrlBox.Next = function (xy) {
                                Next(xy);
                            }
                            CtrlBox.ShowMenu = function (No) {
                                var e = event;
                                var Item = CtrlBox.GetItem(No);
                                if (Item) {
                                    return Item.Info.oncontextmenu(e);
                                }
                            }
                            CtrlBox.SetDragger = function (ele) {
                                dragger = ele;
                            }
                            CtrlBox.AddEventHandle.all = ["ColSelected", "ColLost", "Changed", "Focus", "Blur"];
                            if (typeof dragTest == "function") {
                                CtrlBox.OnDragging = dragTest;
                            }
                            event_handers = {};
                            function findCol(No, ColId) {
                                var Col;
                                if (!!No && !!ColId) {
                                    var Item = Tree_.getItemById(No);
                                    if (Item) {
                                        Item.firstChild.querySelectorAll(".Col").forEach(function (ele) {
                                            if (ele.header.ID == ColId) {
                                                Col = ele;
                                            }
                                        });
                                    }
                                } else {
                                    Col = CtrlBox.querySelector(".ColSel");
                                }
                                return Col;
                            }
                            function SetEvent(evt) {
                                var handers = event_handers[evt];
                                var args = [];
                                for (var i = 1; i < arguments.length ; i++) {
                                    args.push(arguments[i]);
                                }
                                handers && handers.forEach(function (func) {
                                    func.apply(CtrlBox, args);
                                });
                            }
                            function ItemInto(Item, Tag, before) {
                                var OnRemoved = dataCtrl.OnRemoved;
                                dataCtrl.OnRemoved = null;
                                Item.Remove();
                                dataCtrl.OnRemoved = OnRemoved;
                                Item.ItemData[dataCtrl.Parent] = Tag.ItemData[dataCtrl.No];
                                if (!Tag.ItemData.SubNode) {
                                    Tag.ItemData.SubNode = [];
                                }
                                Tag.classList.remove("NoChild");
                                Tag.Open();
                                Tag.ItemData.SubNode.push(Item.ItemData);
                                Tag.SubNode.insertBefore(Item, before);
                                function func(item) {
                                    var Level = item.SubNode.Level = item.parentNode.Level + 1;
                                    item.SubNode.classList.remove(item.SubNode.className.match(/Level_[0-9]+/)[0]);
                                    item.SubNode.classList.add("Level_" + (Level));
                                    var Indent = item.Info.querySelector(".Indent");
                                    if (!Indent) {
                                        Indent = item.Info;
                                    }
                                    var pIndent = item.parentNode.parentNode.Info.querySelector(".Indent");
                                    if (!pIndent) {
                                        pIndent = item.parentNode.parentNode.Info;
                                    }
                                    Indent.style.paddingLeft = Math.max(0, paddingLeft * Level - backLeft) + "px";
                                    item.SubNode.childNodes.forEach(func);
                                }
                                func(Item);
                                Tag.classList.remove("NoChild");
                                Order(Tag.SubNode, true);
                            }
                            if (dataCtrl.Move) {
                                Tree_.IconText = "&#xe844";
                            } else {
                                Tree_.IconText = "";
                            }
                            var W_P = null, W_I = null;
                            if (Table && (W_P = Table.querySelector("[Name=" + dataCtrl.Parent + "]"))) {
                                W_P = W_P.className.match(/W_[0-9]+/)[0];
                            }
                            if (Table && (W_I = Table.querySelector("[Name=" + dataCtrl.Index + "]"))) {
                                W_I = W_I.className.match(/W_[0-9]+/)[0];
                            }
                            function Order(SubNode, fresh) {
                                if (SubNode) {
                                    var Nodes = SubNode.childNodes;
                                    var ItemData = SubNode.parentNode.ItemData;
                                    var SubNode = [];
                                    for (var i = 0; i < Nodes.length ; i++) {
                                        var data = Nodes[i].ItemData;
                                        SubNode.push(data);
                                        if (data && dataCtrl.Index) {
                                            data[dataCtrl.Index] = i;
                                        }
                                        if (fresh && W_P) {
                                            Nodes[i].Info.querySelector("." + W_P).innerHTML = ItemData[dataCtrl.No];
                                        }
                                        if (fresh && W_I) {
                                            Nodes[i].Info.querySelector("." + W_I).innerHTML = i;
                                        }
                                    }
                                    if (Array.isArray(ItemData.SubNode)) {
                                        ItemData.SubNode = SubNode;
                                    }
                                }
                            }
                            function MoveItem(Item, Tag, Into) {
                                if (Item == Tag) {
                                    return;
                                }
                                var oParent = Item.parentNode;
                                var oTag = Item.nextSibling;
                                var before;
                                var nParent;
                                if (!Into) {
                                    if (Item.nextSibling == Tag) {
                                        return;
                                    };
                                    before = Tag;
                                    if (before == null) {
                                        nParent = Item.parentNode;
                                    } else {
                                        nParent = before.parentNode;
                                    }
                                } else {
                                    if (!Tag || Item.contains(Tag)) {
                                        return;
                                    }
                                    nParent = Tag.SubNode;
                                    before = null;
                                }
                                if (!nParent.parentNode.ItemData) {
                                    return;
                                }
                                nParent.insertBefore(Item, before);
                                {
                                    var arr = [];
                                    var parentChanged = false;
                                    var parentNo = nParent.parentNode.ItemData[dataCtrl.No];
                                    nParent.childNodes.forEach(function (ele, index) {
                                        var line = CLClone(ele.ItemData);
                                        if (dataCtrl.Index) {
                                            line[dataCtrl.Index] = index;
                                        }
                                        if (line[dataCtrl.Parent] != parentNo) {
                                            line[dataCtrl.Parent] = parentNo;
                                            parentChanged = true;
                                        }
                                        arr.push(line);
                                    });
                                    oParent.insertBefore(Item, oTag);
                                    if (arr.length > 1 || parentChanged) {
                                        try {
                                            if (!funcOrder || funcOrder(arr, Item, Tag, Into) !== false) {
                                                if (parentChanged) {
                                                    if (Item.isConnected) {
                                                        ItemInto(Item, nParent.parentNode, before);
                                                    }
                                                    Order(oParent, true);
                                                    nParent.parentNode.Open();
                                                } else {
                                                    if (Item.isConnected) {
                                                        nParent.insertBefore(Item, before);
                                                    }
                                                    Order(nParent, true);
                                                }
                                            }
                                        } catch (e) {

                                        }
                                    }
                                }
                            }
                            var helper = null;
                            function Next(xy) {
                                var Sel = CtrlBox.querySelector(".ColSel");
                                var Cols;
                                var U = 1;
                                if (xy == "Tab") {
                                    Cols = queryCols(false);
                                } else if (xy == "ArrowLeft" || xy == "ArrowRight") {
                                    Cols = Sel.parentNode.querySelectorAll(".Col");
                                    if (xy == "ArrowLeft") {
                                        U = -1;
                                    }
                                } else if (xy == "Enter" || xy == "ArrowUp" || xy == "ArrowDown") {
                                    Cols = queryCols(true);
                                    if (xy == "ArrowUp") {
                                        U = -1;
                                    }
                                }
                                if (Cols) {
                                    var index = (Cols.indexOf(Sel) + U) % Cols.length;
                                    if (index == -1) {
                                        index += Cols.length;
                                    }
                                    ColSel(Cols[index]);
                                }
                            }
                            function ColSel(Col, button) {
                                if (button == 1) {
                                    return;
                                }
                                var Sel = Div.querySelector(".ColSel");
                                if (Sel == Col) {
                                    CtrlBox.focus();
                                    return;
                                }
                                if (Sel) {
                                    Sel.classList.remove("ColSel");
                                    SetEvent("ColLost", Sel);
                                    if (button == 2) {
                                        var W_S = Sel.className.match(/W_[0-9]+/);
                                        if (W_S) {
                                            Col = Col.parentNode.querySelector("." + W_S[0]);
                                        }
                                    }
                                }
                                Col.classList.add("ColSel");
                                if (!Col.parentNode.classList.contains("InfoSel")) {
                                    Tree_.Select(Col.parentNode.parentNode.ItemData[dataCtrl.No]);
                                }
                                CtrlBox.focus();
                                SetEvent("ColSelected", Col);
                            }
                            function queryCols(onlyCol, item, Cols) {
                                if (!item) {
                                    item = Div.querySelector(".Item");
                                }
                                if (!Cols) {
                                    Cols = [];
                                }
                                var name = ".Col";
                                if (onlyCol) {
                                    var ele = Div.querySelector(".ColSel");
                                    name = "." + ele.className.match(/W_[0-9]+/);
                                }
                                item.firstChild.querySelectorAll(name).forEach(function (col) {
                                    if (parseInt(getComputedStyle(col).width) != 0) {
                                        Cols.push(col);
                                    }
                                });
                                if (item.IsOpen()) {
                                    item.SubNode.childNodes.forEach(function (item) {
                                        queryCols(onlyCol, item, Cols);
                                    });
                                }
                                return Cols;
                            }
                            if (!CtrlBox.Initialized) {
                                CtrlBox.Initialized = true;
                                CtrlBox.style.outline = "none";
                                CtrlBox.addEventListener("mousedown", function (e) {
                                    CtrlBox.focus();
                                    e.stopPropagation();
                                    e.preventDefault();
                                }, false);
                                function KeyDown(e) {
                                    if ((!CtrlBox.IsEditing && (e.key == "Tab" || e.key == "ArrowLeft" || e.key == "ArrowRight" || e.key == "ArrowUp" || e.key == "ArrowDown")) || e.key == "Enter") {
                                        var Sel = CtrlBox.querySelector(".ColSel");
                                        if (!Sel) {
                                            ColSel(CtrlBox.querySelector(".Col"));
                                        } else {
                                            if (e.key == "Enter") {
                                                if (dataCtrl.enterEdit) {
                                                    var ele = Sel.querySelector(".Name");
                                                    var Item = Sel.parentNode.parentNode;
                                                    ele = ele && ele == Item.Name ? ele : Sel;
                                                    var list = ["手写签名", "附件上传", "成员单选", "成员多选", "部门单选", "部门多选"];
                                                    if (list.indexOf(ele.header.className) < 0) {
                                                        CtrlBox.StartEdit(ele.ItemData[dataCtrl.No], ele.header.ID);
                                                    }
                                                } else {
                                                    Next(e.key);
                                                }
                                            } else {
                                                Next(e.key);
                                            }
                                        }
                                        e.stopPropagation();
                                        e.preventDefault();
                                    }
                                    if (e.key == "Delete") {
                                        var Box = findCol();
                                        var header = Box.header;
                                        var Item = Box.parentNode.parentNode;
                                        var ItemData = Item.ItemData;
                                        CtrlBox.Delete(ItemData[dataCtrl.No], Box.header.ID);
                                    }
                                }
                                CtrlBox.addEventListener("keydown", KeyDown, true);
                                {
                                    var fEle = CtrlBox.fEle = document.createElement("input");
                                    fEle.classList.add("CtrlFocus");
                                    fEle.style.cssText = "opacity:1;position:fixed;left:0;top:0;z-index:-1000;width:0px;padding:0;margin-left:-2px;border:none";
                                    CtrlBox.appendChild(fEle);
                                    fEle.onfocus = function () {
                                        if (!CtrlBox.hasAttribute("focus")) {
                                            CtrlBox.setAttribute("focus", "");
                                            SetEvent("Focus");
                                        }
                                    }
                                    fEle.onblur = function (e) {
                                        if (!e.relatedTarget || !e.relatedTarget.From || !CtrlBox.contains(e.relatedTarget.From)) {
                                            CtrlBox.blur();
                                        }
                                    }
                                    CtrlBox.focus = function () {
                                        if (CtrlBox.hasAttribute("focus")) {
                                            fEle.focus();
                                            return;
                                        }
                                        fEle.focus();
                                        var Col = CtrlBox.querySelector(".ColSel");
                                        if (Col && Col.IsName) {
                                            Col = Col.querySelector(".Name");
                                        }
                                        if (Col) {
                                            var rect = Col.getBoundingClientRect();
                                            fEle.style.top = rect.bottom - fEle.offsetHeight + "px";
                                            fEle.style.left = rect.left + "px";
                                        }
                                    }
                                    CtrlBox.blur = function () {
                                        CtrlBox.removeAttribute("focus", "");
                                        SetEvent("Blur");
                                    }
                                    var Inputed = true;
                                    fEle.OnInput(function (e) {
                                        var value = this.value;
                                        this.value = "";
                                        if (dataCtrl.fastEdit) {
                                            var Col = CtrlBox.querySelector(".ColSel");
                                            if (Col) {
                                                if (Col.IsName) {
                                                    Col = Col.querySelector(".Name");
                                                }
                                                var area = CtrlBox.StartEdit(Col.ItemData[dataCtrl.No], Col.header.ID, value);
                                                if (area) {
                                                    area.selectionStart = area.selectionEnd;
                                                }
                                            }
                                        }
                                    });
                                }
                            }

                            CtrlBox.AddEventHandle("ColLost", function (Col) {
                                var ele = Col.querySelector(".Picture.Select");
                                if (ele) {
                                    ele.classList.remove("Select");
                                }
                            });

                            function StartEdit(ele, Val) {
                                var area = null;
                                var header = ele.header;
                                var Col = ele.classList.contains("Col") ? ele : ele.parentNode;
                                var ItemData = ele.ItemData;
                                var id = header.ID;
                                var className = header.className;
                                if (!header.Editable) {
                                    return;
                                }
                                var Value = Val ? Val : ItemData[id];
                                if (className == "单行文本"
                                    || className == "单选按钮组"
                                    || className == "下拉框"
                                    || className == "流水号") {
                                    area = CLStartEdit(ele, function (Val) {
                                        if (Val.length > 255) {
                                            CLShowMsg("输入字符串太长");
                                            ele.innerText = ItemData[id];
                                        } else {
                                            if (id == dataCtrl.No && ItemData.SubNode) {
                                                if (Val != ItemData[id] && Tree_.getItemById(Val)) {
                                                    CLShowMsg("输入编号已存在");
                                                    ele.innerText = ItemData[id];
                                                    return;
                                                } else {
                                                    Col.SetValue(Val);
                                                    ItemData.SubNode.forEach(function (ele) {
                                                        ele[dataCtrl.Parent] = Val;
                                                    });
                                                }
                                            } else {
                                                Col.SetValue(Val);
                                            }
                                        }
                                    }, false, null, Value);
                                }
                                if (className == "数字") {
                                    area = CLStartEdit(ele, function (Val) {
                                        Col.SetValue(Val * 1);
                                    }, false, header.iPoint, Value);
                                }
                                if (className == "复选框组" || className == "下拉复选框") {
                                    if (!!Value) {
                                        try {
                                            Value = JSON.parse(Value);
                                            if (Array.isArray(Value)) {
                                                Value = Value.join("\n");
                                            }
                                        } catch (e) {
                                            Value = "";
                                        }
                                    } else {
                                        Value = "";
                                    }
                                    area = CLStartEdit(ele, function (Val) {
                                        var list = Val.replaceAll("\r", "").split("\n");
                                        var arr = [];
                                        list.forEach(function (ele) {
                                            ele = ele.trim();
                                            if (!!ele) {
                                                arr.push(ele);
                                            }
                                        });
                                        if (arr.length == 0) {
                                            arr = null;
                                        }
                                        Col.SetValue(arr);
                                    }, true, null, Value);
                                }
                                if (className == "时间日期") {
                                    area = CLStartEdit(ele, function (Val) {
                                        if (Val) {
                                            Val = _dt.Value.toString();
                                        }
                                        ItemData[id] = Val;
                                        Col.SetValue(Val);
                                    }, false, null, Value);
                                    area.addEventListener("input", function (e) {
                                        CLCheckDateTime(area, header.Format);
                                        _dt.Value = area.value;
                                    });
                                    CLCheckDateTime(area, header.Format);
                                    var close = area.close;
                                    area.close = function () { };
                                    var _dt = CLDate(area.value, header.Format, area);
                                    _dt.onchanged = function () {
                                        area.value = _dt.Value;
                                    }
                                    _dt.End = function () {
                                        if (area.value) {
                                            area.value = _dt.Value;
                                        }
                                        close.call(area);
                                    }
                                    area.date = _dt;
                                }
                                if (className == "手写签名" && !Val) {
                                    FrmCtrls["手写签名"].SignaturePC(ele, function (Val) {
                                        Col.SetValue(Val);
                                    });
                                }
                                if (className == "成员单选" && !Val) {
                                    FrmCtrls.MemberDialog({ Parts: [], Roles: [], Members: [], Dynamic: [] }, false, { Members: [Value] }, true, function (Val) {
                                        Val = Val.Members[0];
                                        Col.SetValue(Val);
                                    });
                                }
                                if (className == "成员多选" && !Val) {
                                    FrmCtrls.MemberDialog({ Parts: [], Roles: [], Members: [], Dynamic: [] }, true, { Members: Value }, true, function (Val) {
                                        Val = Val.Members;
                                        Col.SetValue(Val);
                                    });
                                }
                                if (className == "部门单选" && !Val) {
                                    FrmCtrls.PropDepartDialog({ Parts: [], Roles: [], Members: [], Dynamic: [] }, { Parts: [Value] }, false, true, function (Val) {
                                        Val = Val.Parts[0];
                                        Col.SetValue(Val);
                                    });
                                }
                                if (className == "部门多选" && !Val) {
                                    FrmCtrls.PropDepartDialog({ Parts: [], Roles: [], Members: [], Dynamic: [] }, { Parts: Value }, true, true, function (Val) {
                                        Val = Val.Parts;
                                        Col.SetValue(Val);
                                    });
                                }
                                if (className == "附件上传" && !Val) {
                                    var toPath;
                                    if (dataCtrl.useLor) {
                                        toPath = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(附件管理)\n" + dataCtrl.fStore);
                                    }
                                    CLOpenFile(function (file) {
                                        var idnex = file.name.lastIndexOf(".");
                                        if (idnex > 0) {
                                            toPath += file.name.substr(idnex);
                                        }
                                        fUpload(file, function (url) {
                                            var img = {
                                                Name: file.name,
                                                Size: file.size,
                                                Src: url
                                            };
                                            Value = CLClone(Value);
                                            if (Value && Value[0] && header.Single) {
                                                Value.forEach(function (src) {
                                                    src = src.Src ? src.Src : src;
                                                    src = src.substr(0, src.indexOf("?"));
                                                    if (src != url.substr(0, url.indexOf("?"))) {
                                                        fDelete(src);
                                                    }
                                                });
                                                Value = null;
                                            }
                                            if (!Value) {
                                                Value = [img];
                                            } else {
                                                Value.push(img);
                                            }
                                            Col.SetValue([img]);
                                        }, toPath);
                                    }, header.onlyPic ? "image/jpeg,image/png,image/gif,image/jpg" : "*.*");
                                }
                                if (area) {
                                    if (Val !== undefined) {
                                        CLAsync(function () {
                                            area.selectionStart = area.selectionEnd
                                        });
                                    }
                                    var style = getComputedStyle(ele);
                                    area.style.border = style.border;
                                    area.style.borderRadius = style.borderRadius;
                                    area.addEventListener("keydown", function (e) {
                                        if (e.key == "Tab") {
                                            Next(e.key);
                                            if (area.date) {
                                                area.date.Close();
                                            }
                                            e.preventDefault();
                                        }
                                        if (e.key == "Enter") {
                                            if (area.tagName == "INPUT") {
                                                Next(e.key);
                                                if (area.date) {
                                                    area.date.Close();
                                                }
                                            }
                                        }
                                    }, true);
                                    area.addEventListener("blur", function (e) {
                                        if (!e.relatedTarget || !CtrlBox.contains(e.relatedTarget)) {
                                            CtrlBox.blur();
                                        }
                                    });
                                }
                                return area;
                            }

                            var OldSelected = null;

                            function MulSelect(items, cur, clear) {
                                var old = OldSelected;
                                var all = Tree_.GetSelected();
                                if (!Array.isArray(all)) {
                                    all = all ? [all] : [];
                                }
                                if (items.indexOf(cur) < 0 || items.length == 1 || old == null || cur == old) {
                                    if (old && old != cur) {
                                        CtrlBox.currentItem = old
                                        if (Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(丢失事件)\n" + dataCtrl.OnLost) === false) {
                                            return;
                                        }
                                    }
                                    all.forEach(function (ele) {
                                        if (cur.ItemData[dataCtrl.No] != ele) {
                                            Tree_.UnSelect(ele);
                                        }
                                    });
                                    Tree_.Select(cur.ItemData[dataCtrl.No]);
                                    OldSelected = cur;
                                    return;
                                }
                                var start = items.indexOf(old);
                                var end = items.indexOf(cur);
                                if (start == end) {
                                    return;
                                }
                                if (start > end) {
                                    var tmp = start;
                                    start = end;
                                    end = tmp;
                                }
                                var OnSelected = Tree_.OnSelected;
                                Tree_.OnSelected = function () { }
                                var list = [];
                                for (var i = start; i <= end; i++) {
                                    list.push(items[i].ItemData[dataCtrl.No]);
                                }
                                if (clear) {
                                    all.forEach(function (ele) {
                                        if (!list.includes(ele)) {
                                            Tree_.UnSelect(ele);
                                        }
                                    });
                                } else {
                                    if (old) {
                                        CtrlBox.currentItem = old;
                                        if (Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(丢失事件)\n" + dataCtrl.OnLost) === false) {
                                            Tree_.OnSelected = OnSelected;
                                            return;
                                        }
                                    }
                                }
                                Tree_.Selects(list);
                                Tree_.OnSelected = OnSelected;
                                if (!clear) {
                                    Tree_.OnSelected(cur.ItemData);
                                    OldSelected = cur;
                                }
                            }

                            Tree_.OnItemCreated = function (Item, ItemData) {
                                Object.defineProperty(Item, "Index", {
                                    get: function () {
                                        this.parentNode.childNodes.indexOf(Item);
                                    }
                                });
                                if (dataCtrl.Move) {
                                    var Tag = null;
                                    var insert = null;
                                    CLEnableMove(Item, function (Item, event) {
                                        if (!Moveable) {
                                            return false;
                                        }
                                        if (dragger && !dragger.contains(event.srcElement)) {
                                            return false;
                                        }
                                        if (!helper) {
                                            helper = document.createElement("div");
                                            helper.style.zIndex = CLMaxZIndex();
                                            helper.className = "CLTreeItemDragging" + " " + Designer.Scope;
                                        }
                                        Scope(helper);
                                        helper.innerHTML = "<div>" + Item.Name.innerHTML + "</div>";
                                        helper.style.left = event.clientX - 5 + "px";
                                        helper.style.top = event.clientY - 5 + "px";
                                        helper.style.width = Item.Name.offsetWidth + "px";
                                        var style = getComputedStyle(Item.Name);
                                        helper.style.fontSize = style.fontSize;
                                        helper.style.lineHeight = style.lineHeight;
                                        helper.style.padding = style.padding;
                                        helper.style.textAlign = style.textAlign;
                                        var pointer = helper.pointer = document.createElement("div");
                                        pointer.classList.add("Pointer");
                                        helper.appendChild(pointer);
                                        Tag = null;
                                    }
                                    , function (Item, event) {
                                        helper.style.left = event.clientX - 5 + "px";
                                        helper.style.top = event.clientY - 5 + "px";
                                        var Items = Div.querySelectorAll(".CLTree .Item");
                                        Tag = null;
                                        insert = null;
                                        var rect;
                                        for (var i = 0; i < Items.length; i++) {
                                            var Info = Items[i].Info;
                                            if (Info && InOpen(Info.parentNode.parentNode)) {
                                                rect = Info.getBoundingClientRect();
                                                if (event.clientX > rect.left && event.clientX < rect.right && event.clientY > rect.top && event.clientY < rect.bottom) {
                                                    Tag = Info;
                                                    break;
                                                }
                                            }
                                        }
                                        if (!Tag) {
                                            helper.classList.add("NotAllowed");
                                            Tag = null;
                                        } else {
                                            helper.classList.remove("NotAllowed");
                                            var ele = Tag.querySelector(".Indent");
                                            var width = 0;
                                            if (!ele) {
                                                ele = Tag;
                                            }
                                            var nRect = Info.parentNode.Name.getBoundingClientRect();
                                            var eRect = ele.getBoundingClientRect();
                                            var bRect = CtrlBox.getBoundingClientRect();
                                            if (eRect.right > bRect.right) {
                                                width = eRect.width - (eRect.right - bRect.right);
                                            } else {
                                                width = eRect.width;
                                            }
                                            var paddingLeft = (parseInt(ele.style.paddingLeft) || 0) + Info.parentNode.Icon.offsetWidth / 2;
                                            width -= paddingLeft;
                                            if (dataCtrl.MoveInto && event.clientY > rect.top + rect.height / 3 && event.clientY < rect.top + 2 * rect.height / 3) {
                                                insert = "beforeend";
                                                helper.pointer.style.left = (rect.left + paddingLeft) + "px";
                                                var style = getComputedStyle(helper.pointer, "after");
                                                helper.pointer.style.top = rect.top + rect.height / 2 - parseInt(style.height) / 2 + "px";
                                            } else {
                                                if ((dataCtrl.MoveInto && event.clientY < rect.top + rect.height / 3) || (!dataCtrl.MoveInto && event.clientY < rect.top + rect.height / 2)) {
                                                    helper.pointer.style.top = rect.top + "px";
                                                    insert = "beforebegin";
                                                } else {
                                                    if (Tag.classList.contains("ItemOpen")) {
                                                        var first = Tag.parentNode.querySelector(".Item");
                                                        if (first) {
                                                            insert = "beforebegin";
                                                            Tag = first.Info;
                                                        } else {
                                                            insert = "afterend"
                                                        }
                                                    } else {
                                                        insert = "afterend"
                                                    }
                                                    helper.pointer.style.top = rect.bottom + "px";
                                                }
                                                helper.pointer.style.left = (rect.left + paddingLeft) + "px";
                                                helper.pointer.style.width = width + "px";
                                            }
                                            Tag = Tag.parentNode;
                                            if (insert == "beforeend") {
                                                helper.classList.add("MoveInto");
                                            } else {
                                                helper.classList.remove("MoveInto");
                                            }
                                            if (Item.contains(Tag) && (Item != Tag || helper.classList.contains("MoveInto"))) {
                                                helper.classList.add("NotAllowed");
                                                Tag = null;
                                            }
                                            if (Tag) {
                                                var toItem;
                                                if (helper.classList.contains("MoveInto")) {
                                                    toItem = Tag;
                                                } else {
                                                    toItem = Tag.parentNode.parentNode;
                                                }
                                                if (CtrlBox.OnDragging(Item, toItem) === false || Tag == Item) {
                                                    helper.classList.add("NotAllowed");
                                                    Tag = null;
                                                }
                                            }
                                        }
                                        return false;
                                    }
                                    , function (Item, event) {
                                        if (!helper) {
                                            return;
                                        }
                                        var into = helper.classList.contains("MoveInto");
                                        if (!helper.classList.contains("NotAllowed")) {
                                            if (Tag) {
                                                if (insert == "afterend") {
                                                    if (Tag.nextSibling) {
                                                        Tag = Tag.nextSibling;
                                                    } else {
                                                        into = true;
                                                        Tag = Tag.parentNode.parentNode;
                                                    }
                                                }
                                                if (into) {
                                                    CtrlBox.ItemMoveTo(Item.ItemData[dataCtrl.No], Tag.ItemData[dataCtrl.No]);
                                                } else {
                                                    CtrlBox.ItemMoveTo(Item.ItemData[dataCtrl.No], Tag.ItemData[dataCtrl.Parent], Tag.ItemData[dataCtrl.No]);
                                                }
                                            }
                                        }
                                        helper.classList.remove("MoveInto");
                                        helper.classList.remove("NotAllowed");
                                        helper.parentNode.remove();
                                        Tag = null;
                                        return false;
                                    });
                                }
                                if (typeof SubCall == "function") {
                                    Item.SubData = ItemData.SubNode;
                                    ItemData.SubNode = function () {
                                        return SubCall(ItemData);
                                    }
                                }
                                Item.Info.oncontextmenu = function (e) {
                                    if (menuItems && menuItems.length > 0) {
                                        var dataMenu = {
                                            Items: CLClone(menuItems)
                                        }
                                        var Items = dataMenu.Items;
                                        Items.forEach(function (item) {
                                            item.treeItem = Item;
                                        });
                                        var _CLMenu = new CLMenu(dataMenu, e == null ? Item.Info : null);
                                        _CLMenu.Box.parentNode.classList.add(Designer.Scope);
                                        _CLMenu.Div.style.height = "initial";
                                        _CLMenu.Reset(e);
                                        _CLMenu.Div.onmousedown = function (e) {
                                            e.preventDefault();
                                        }
                                        return _CLMenu;
                                    }
                                    e.stopPropagation();
                                    e.preventDefault();
                                }
                                if (Table) {
                                    var Def = Item.Info.querySelector(".Col");
                                    var Headers = dataCtrl.Headers;
                                    Headers.forEach(function (ele, index) {
                                        var field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, ele.ID);
                                        var className = ele.className = field ? field.className : "单行文本";
                                        if (ele.ID == dataCtrl.NameNo) {
                                            Def.classList.add("W_" + index);
                                            Def.classList.add(className);
                                            Item.Info.appendChild(Def);
                                            Def.header = ele;
                                            Def.IsName = true;
                                            Def.setAttribute("Name", ele.ID);
                                            var eleName = Def.querySelector(".Name");
                                            eleName.header = ele;
                                            eleName.ItemData = ItemData;
                                            if (ele.Editable) {
                                                eleName.ondblclick = function (e) {
                                                    CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                }
                                            }
                                            Def.SetValue = function (Val, bEvent) {
                                                var oVal = ItemData[ele.ID];
                                                eleName.innerText = Val;
                                                ItemData[ele.ID] = Val;
                                                if (bEvent != false && !Object.Equals(oVal, Val)) {
                                                    SetEvent("Changed", Def, oVal);
                                                }
                                            }
                                        } else {
                                            var Col = document.createElement("div");
                                            Col.className = "Col W_" + index;
                                            Col.classList.add(className);
                                            Col.header = ele;
                                            Col.ItemData = ItemData;
                                            Col.setAttribute("Name", ele.ID);
                                            if (className == "数字") {
                                                Col.SetValue = function (Val, bEvent) {
                                                    var oVal = ItemData[ele.ID];
                                                    ItemData[ele.ID] = Val;
                                                    Val = Val == null ? "" : (Val * 1);
                                                    if (!!Val && ele.iPoint != null) {
                                                        Val = Val.toFixed(ele.iPoint);
                                                    } else if (Val == null) {
                                                        Val = "";
                                                    }
                                                    Col.innerHTML = Val != null ? Val : "";
                                                    if (bEvent != false && !Object.Equals(oVal, Val)) {
                                                        SetEvent("Changed", Col, oVal);
                                                    }
                                                }
                                                Col.SetValue(ItemData[ele.ID], false);
                                                if (ele.Editable) {
                                                    Col.ondblclick = function (e) {
                                                        CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                    };
                                                }
                                            } else if (className == "附件上传") {
                                                Col.SetValue = function (Val, bEvent) {
                                                    var oVal = ItemData[ele.ID];
                                                    Col.innerHTML = "";
                                                    if (Val) {
                                                        try {
                                                            Val = JSON.parse(Val);
                                                            if (ele.Single && Val.length > 0) {
                                                                Val = [Val[0]];
                                                            }
                                                        } catch (e) {
                                                            Val = [{
                                                                Src: Val
                                                            }];
                                                        }
                                                        Val.forEach(function (img, index) {
                                                            var src = null;
                                                            if (typeof img == "string") {
                                                                src = img;
                                                            } else if (img && typeof img.Src == "string") {
                                                                src = img.Src;
                                                            }
                                                            if (src) {
                                                                var pic = document.createElement("img");
                                                                pic.classList.add("Picture");
                                                                if (img.Name) {
                                                                    var ext = img.Name.substr(img.Name.lastIndexOf(".") + 1);
                                                                    ext = CLPreView.GetIcon(ext);
                                                                    src = ext ? ext : src;
                                                                }
                                                                pic.setAttribute("src", src);
                                                                Col.appendChild(pic);
                                                                pic.index = index;
                                                                if (!ele.Single) {
                                                                    pic.onmousedown = function (e) {
                                                                        if (e.button == 0) {
                                                                            var ele = Div.querySelector(".Picture.Select");
                                                                            if (ele) {
                                                                                ele.classList.remove("Select");
                                                                            }
                                                                            pic.classList.add("Select");
                                                                            e.stopPropagation();
                                                                            CLAsync(function () {
                                                                                ColSel(Col, 0);
                                                                            });
                                                                        }
                                                                    }
                                                                }
                                                                Col.onmousedown = function () {
                                                                    var ele = Div.querySelector(".Picture.Select");
                                                                    if (ele) {
                                                                        ele.classList.remove("Select");
                                                                    }
                                                                }
                                                                pic.Preview = function () {
                                                                    CtrlBox.Preview(Col, Val, this.index);
                                                                }
                                                                pic.ondblclick = function (e) {
                                                                    e.stopImmediatePropagation();
                                                                    e.preventDefault();
                                                                    pic.Preview();
                                                                };
                                                            }
                                                        });
                                                    }
                                                    ItemData[ele.ID] = Val;
                                                    if (ele.Editable) {
                                                        if (!ele.Single) {
                                                            var add = document.createElement("div");
                                                            add.classList.add("AddPicture");
                                                            add.onclick = function () {
                                                                CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                            }
                                                            Col.appendChild(add);
                                                        } else {
                                                            Col.ondblclick = function () {
                                                                CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                            }
                                                        }
                                                    }
                                                    if (bEvent != false && !Object.Equals(oVal, Val)) {
                                                        SetEvent("Changed", Col, oVal);
                                                    }
                                                }
                                                Col.SetValue(ItemData[ele.ID], false);
                                            } else if (className == "手写签名") {
                                                Col.SetValue = function (Val, bEvent) {
                                                    var oVal = ItemData[ele.ID];
                                                    ItemData[ele.ID] = Val;
                                                    Val = CLApp.ConvertData(className, ItemData[ele.ID])
                                                    Col.innerHTML = "";
                                                    Val = Val.match(/\<svg[\s\S]+<\/svg\>/);
                                                    var file = new Blob([Val], { type: "image/svg+xml" });
                                                    var url = CLGetObjectURL(file);
                                                    var box = document.createElement("div");
                                                    box.className = "Signature";
                                                    Col.appendChild(box);
                                                    box.style.background = "url('" + url + "') no-repeat center center";
                                                    box.style.backgroundSize = "auto 100%";
                                                    box.Preview = function () {
                                                        CtrlBox.Preview(Col, [{ Name: "", Src: url }], 0);
                                                    }
                                                    box.onclick = function (e) {
                                                        e.stopImmediatePropagation();
                                                        e.preventDefault();
                                                        return box.Preview();
                                                    };
                                                    if (ele.Editable) {
                                                        var sign = document.createElement("div");
                                                        sign.className = "Sign";
                                                        Col.appendChild(sign);
                                                        sign.onclick = function () {
                                                            CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                        }
                                                    }
                                                    if (bEvent != false && !Object.Equals(oVal, Val)) {
                                                        SetEvent("Changed", Col, oVal);
                                                    }
                                                }
                                                Col.SetValue(ItemData[ele.ID], false);
                                            } else {
                                                Col.SetValue = function (Val, bEvent) {
                                                    var oVal = ItemData[ele.ID];
                                                    ItemData[ele.ID] = Val;
                                                    if (Val == undefined) {
                                                        Val = "";
                                                    }
                                                    Col.innerText = CLApp.ConvertData(className, Val);
                                                    if (bEvent != false && !Object.Equals(oVal, Val)) {
                                                        SetEvent("Changed", Col, oVal);
                                                    }
                                                }
                                                Col.SetValue(ItemData[ele.ID], false);
                                                if (ele.Editable) {
                                                    Col.ondblclick = function (e) {
                                                        CtrlBox.StartEdit(ItemData[dataCtrl.No], ele.ID);
                                                    };
                                                }
                                            }
                                            Item.Info.appendChild(Col);
                                        }
                                    });
                                }
                                if (dataCtrl.OnRemoved) {
                                    var Remove = Item.Remove;
                                    Item.Remove = function () {
                                        Remove.call(Item);
                                        CtrlBox.removedItem = Item;
                                        Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(删除事件)\n" + dataCtrl.OnRemoved);
                                        delete CtrlBox.removedItem;
                                    }
                                }
                                var showAs = dataCtrl.showAs;

                                var onclick = Item.Info.onclick;

                                function funcCol(e) {
                                    if (Table) {
                                        var Col = e.srcElement;
                                        while (Col && Col.parentNode != Item.Info) {
                                            Col = Col.parentNode;
                                        }
                                        if (Col) {
                                            ColSel(Col, e.button);
                                        }
                                    }
                                }

                                if (!showAs || showAs == "默认" || showAs == "单选") {
                                    Item.Info.onclick = function (e) { }
                                    Item.Info.addEventListener("mousedown", function (e) {
                                        if (e.srcElement == Item.Ctrl) {
                                            return;
                                        }
                                        if (OldSelected && dataCtrl.OnLost) {
                                            CtrlBox.currentItem = OldSelected;
                                            CtrlBox.relatedItem = Item;
                                            if (Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(丢失事件)\n" + dataCtrl.OnLost) === false) {
                                                return true;
                                            }
                                        }
                                        Tree_.Select(ItemData[dataCtrl.No]);
                                        OldSelected = Item;
                                        funcCol(e);
                                    }, false);
                                }
                                if (showAs == "相同节点") {
                                    Tree_.AutoLost = false;
                                    Item.Info.onclick = function () { };
                                    Item.Info.addEventListener("mousedown", function (e) {
                                        if (e.srcElement == Item.Ctrl) {
                                            return;
                                        }
                                        if (e.button == 0) {
                                            var o = OldSelected;
                                            if (o && e.shiftKey) {
                                                MulSelect(o.parentNode.childNodes, Item, true);
                                            } else if (o && e.ctrlKey && o.parentNode == Item.parentNode) {
                                                MulSelect([o, Item], Item, false);
                                            } else {
                                                MulSelect([Item], Item, true);
                                            }
                                        } else if (e.button == 2) {
                                            if (!Item.firstChild.classList.contains("InfoSel")) {
                                                MulSelect([Item], Item, true);
                                            }
                                        }
                                        funcCol(e);
                                    }, false);
                                }
                                if (showAs == "相同级别") {
                                    Tree_.AutoLost = false;
                                    Item.Info.onclick = function () { };
                                    Item.Info.addEventListener("mousedown", function (e) {
                                        if (e.srcElement == Item.Ctrl) {
                                            return;
                                        }
                                        if (e.button == 0) {
                                            var o = OldSelected;
                                            if (!o) {
                                                MulSelect([Item], Item, true);
                                                OldSelected = Item;
                                            } else {
                                                var iLevel = o.parentNode.Level;
                                                if (e.shiftKey) {
                                                    var items = CtrlBox.querySelectorAll(".Level_" + iLevel + ">.Item");
                                                    MulSelect(items, Item, true);
                                                } else if (e.ctrlKey && iLevel == Item.parentNode.Level) {
                                                    MulSelect([o, Item], Item, false);
                                                } else {
                                                    MulSelect([Item], Item, true);
                                                    OldSelected = Item;
                                                }
                                            }
                                        } else if (e.button == 2) {
                                            if (!Item.firstChild.classList.contains("InfoSel")) {
                                                MulSelect([Item], Item, true);
                                            }
                                        }
                                        funcCol(e);
                                    }, false);
                                }
                                if (dataCtrl.fastFold) {
                                    var Icon = Item.Icon;
                                    Icon.onclick = Icon.onmousedown = function (e) {
                                        e.stopPropagation();
                                        e.preventDefault();
                                    }
                                    Icon.ondblclick = function (e) {
                                        var Level = Item.parentNode.Level + 1;
                                        if (e.shiftKey) {
                                            if (CtrlBox.IsAllOpen(Level)) {
                                                CtrlBox.CloseAll(Level);
                                            } else {
                                                CtrlBox.OpenAll(Level);
                                            }
                                        } else {
                                            if (Item.IsAllOpen(Level)) {
                                                CtrlBox.CloseAll(Level, ItemData[dataCtrl.No]);
                                            } else {
                                                CtrlBox.OpenAll(Level, ItemData[dataCtrl.No]);
                                            }
                                        }
                                    }
                                }
                                if (dataCtrl.OnCreated) {
                                    CtrlBox.currentItem = Item;
                                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(创建事件)\n" + dataCtrl.OnCreated);
                                }
                            }
                            Designer.Operation(function () {
                                if (Table) {
                                    var block = document.createElement("div");
                                    block.classList.add("Scroll");
                                    Div.appendChild(block);
                                    var dt = new Date();
                                    Tree_.Render(block);
                                    console.log(new Date() - dt);
                                    block.onscroll = function () {
                                        Table.style.marginLeft = -block.scrollLeft + "px";
                                    }
                                    CtrlBox.CalcScroll();
                                    var observer = Div.Observer;
                                    if (!observer) {
                                        Div.Observer = observer = new MutationObserver(function () {
                                            CtrlBox.CalcScroll();
                                            _ColSelect();
                                        });
                                    } else {
                                        observer.disconnect();
                                    }
                                    observer.observe(block, {
                                        childList: true,
                                        subtree: true,
                                        attributes: true
                                    });
                                } else {
                                    Tree_.Render(Div);
                                }
                            }, "Disable");
                            var name = "Def";
                            if (/简约$/.test(dataCtrl.UiStyle)) {
                                name = "WS";
                            }
                            if (/层级$/.test(dataCtrl.UiStyle)) {
                                name = "TS";
                            }
                            if (/文件夹$/.test(dataCtrl.UiStyle)) {
                                name = "MS";
                            }
                            if (!!name) {
                                Tree_.Ele.lastChild.classList.add(name);
                            }
                            Tree_.OnSelected = function (ItemData) {
                                if (dataCtrl.OnSelected) {
                                    CtrlBox.currentItem = Tree_.getItemById(ItemData[dataCtrl.No]);
                                    Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(选中事件)\n" + dataCtrl.OnSelected);
                                }
                                OnChanged();
                            }
                            Tree_.OnLostSelected = function (ItemData) {
                                var showAs = dataCtrl.showAs;
                                if (showAs == "多选") {
                                    CtrlBox.currentItem = Tree_.getItemById(ItemData[dataCtrl.No]);
                                    if (Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(丢失事件)\n" + dataCtrl.OnLost) === false) {
                                        return true;
                                    }
                                }
                                OnChanged();
                            }
                        }
                        if (m_indexes) {
                            CtrlBox.SetColIndexes(m_indexes);
                        }
                        Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                        Designer.CtrlShown(dataCtrl.ID);
                    });
                }
                function InOpen(ele) {
                    var R = true;
                    while (ele) {
                        if (ele.classList.contains("CLTree")) {
                            break;
                        }
                        if (!ele.classList.contains("Item")) {
                            ele = ele.parentNode;
                        } else {
                            if (!ele.IsOpen()) {
                                R = false;
                                break;
                            } else {
                                ele = ele.parentNode;
                            }
                        }
                    }
                    return R;
                }
                function _ColSelect() {
                    var Col = CtrlBox.querySelector(".ColSel");
                    if (Col) {
                        var item = Col.parentNode.parentNode;
                        var pNo = item.ItemData[dataCtrl.Parent];
                        if (pNo) {
                            R = InOpen(item.parentNode.parentNode);
                        } else {
                            R = InOpen(item);
                        }
                        if (!R) {
                            var item = Col.parentNode.parentNode;
                            var items = [];
                            while (item.classList.contains("Item")) {
                                items.push(item);
                                item = item.parentNode.parentNode;
                            }
                            for (var i = items.length - 1; i > -1 ; i--) {
                                if (!items[i].IsOpen()) {
                                    item = items[i];
                                    break;
                                }
                            }
                            CLDelay(function () {
                                CtrlBox.Select(item.ItemData[dataCtrl.No], Col.getAttribute("name"));
                            }, 150);
                        }
                    }
                }
                var menuItems = [];
                CtrlBox.Prepare = function () {
                    if (dataCtrl.dataMenu != null) {
                        dataCtrl.dataMenu.forEach(function (item) {
                            var R;
                            if (!!item.func) {
                                R = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "." + item.Name + "】(右键菜单)\n" + item.func);
                            }
                            var func;
                            if (typeof R == "function") {
                                func = R;
                            } else if (R && typeof R.callback == "function") {
                                func = R.callback;
                            }
                            var dataItem = {
                                Text: item.Name,
                                Enable: true,
                                treeItem: null,
                                OnCreated: function (menuItem) {
                                    if (R && typeof R.created == "function") {
                                        R.created.call(R, this.treeItem, menuItem)
                                    }
                                },
                                CallBack: function (e) {
                                    if (func) {
                                        if (func.call(R, this.treeItem, e.currentTarget) !== false) {
                                            CLMenu.GetInstance(e.currentTarget).Close();
                                        }
                                    }
                                }
                            };
                            menuItems.push(dataItem);
                        });
                    }
                    Designer.PushSourceChanged(dataCtrl.SourceID);
                    if (dataCtrl.useLor && dataCtrl.Lor) {
                        fUpload = function (file, Success, toPath) {
                            CLDisk.Upload(file, dataCtrl.Lor, toPath, Success);
                        }
                        fDelete = function (src) {
                            CLDisk.Delete(dataCtrl.Lor, src);
                        }
                    }
                }
                Designer.SourceDataChanged.push(function (IDs) {
                    if (IDs.indexOf(dataCtrl.SourceID) < 0) {
                        return;
                    }
                    CtrlBox.Render();
                });
                (function () {
                    CtrlBox.Preview = function (Col, files, index) { }
                    CtrlBox.CLTree = Object.create(CLTree.prototype);
                    CtrlBox.ShowCol = function () { }
                    CtrlBox.HideCol = function () { }
                    CtrlBox.OpenAll = function () { }
                    CtrlBox.CloseAll = function () { }
                    CtrlBox.Add = function () { }
                    CtrlBox.Remove = function () { }
                    CtrlBox.Select = function () { }
                    CtrlBox.UnSelect = function () { }
                    CtrlBox.GetItem = function () { }
                    CtrlBox.SetColValue = function () { }
                    CtrlBox.Rename = function () { }
                    CtrlBox.ItemMoveDlg = function () { }
                    CtrlBox.ItemMoveTo = function () { }
                    CtrlBox.OnDragging = function () { }
                    CtrlBox.StartEdit = function () { }
                    CtrlBox.Delete = function () { }
                    CtrlBox.AddEventHandle = function () { }
                    CtrlBox.on_end_sort = null;
                    CtrlBox.SetColIndexes = function () { };
                })();
                Object.defineProperty(CtrlBox, "Moveable", {
                    set: function (Val) {
                        Moveable = Val == true;
                    },
                    get: function () {
                        return Moveable;
                    },
                    configurable: true,
                });
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                var item = CtrlBox.currentItem = CtrlBox.relatedItem = document.createElement("div");
                item.IsAllOpen = function (level) { }
                item.SelectAll = function (level) { }
                item.UnSelectAll = function (level) { }
                item.Select = function (level) { }
                item.UnSelect = function (level) { }
                item.OpenAll = function (level) { }
                item.CloseAll = function (level) { }
                item.IsOpen = function (level) { }
                item.Open = function (level) { }
                item.OpenEx = function (level) { }
                item.Close = function (level) { }
                item.ShowMenu = function (level) { }
                CtrlBox.currentItem.ItemData = {
                };
                propTitle(CtrlBox, propBody);
                var nInput = propBody.lastChild;
                nInput.style.width = "calc(100% - 80px)";
                var showBox = new CLCheckBox("显示", propBody);
                propBody.lastChild.style.width = "55px";
                propBody.lastChild.style.marginLeft = "25px";
                propBody.lastChild.style.display = "inline-block";
                showBox.checked = dataCtrl.showName;
                showBox.onchanged = function () {
                    dataCtrl.showName = showBox.checked;
                }
                FieldConfig(CtrlBox, propBody);
                var propGrp = PropGroup(propBody, "字段显示");
                label = propGrp.previousSibling;
                label.style.height = "25px";
                label.style.lineHeight = "25px";
                label.style.position = "relative";
                var btn = document.createElement("span");
                btn.style.cssText = "color:#0db3a6;cursor:pointer;float:right";
                btn.innerHTML = "添加";
                label.appendChild(btn);
                btn.onclick = function (e) {
                    var btn = this;
                    var Headers = dataCtrl.Headers;
                    var oItems = [];
                    var SourceID = dataCtrl.SourceID;
                    if (SourceID) {
                        Designer.GetFieldsBySourceId(SourceID).forEach(function (Field) {
                            oItems.push({
                                ID: Field.ID,
                                Name: Field.Name,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                        });
                    }
                    var dataMenu = {
                        style: {
                            "width": "180px",
                        },
                        Items: [
                        ]
                    };
                    var Items = dataMenu.Items;
                    oItems.forEach(function (item) {
                        var Headers = dataCtrl.Headers;
                        var dataItem = {
                            ID: item.ID,
                            Name: item.Name,
                            Btn: dataCtrl.Parent != item.ID && dataCtrl.Index != item.ID ? 3 : 1,
                        };
                        nameOnly(dataItem, Headers);
                        Items.push({
                            Text: item,
                            Enable: dataItem.Name == item.Name,
                            CallBack: function (e) {
                                e.currentTarget.Disabled = true;
                                Headers.push(dataItem);
                                var item = showHeaderItem(fieldsBox, dataItem, "Headers", CtrlBox);
                                var Del = item.querySelector(".Del");
                                var onclick = Del.onclick;
                                Del.onclick = function () {
                                    onclick.call(this);
                                    createDragBox();
                                }
                                btn.parentNode.Open();
                                createDragBox();
                            }
                        });
                    });
                    var Menu = new CLMenu(dataMenu, btn);
                    e.stopPropagation();
                }
                function createDragBox() {
                    var Headers = dataCtrl.Headers;
                    var label = fieldsBox.parentNode.previousSibling;
                    if (Headers.length == 1) {
                        if (fieldsBox.dragBox) {
                            label.lastChild.remove();
                            delete dataCtrl.dragHeader;
                            delete fieldsBox.dragBox;
                        }
                        return;
                    }
                    if (fieldsBox.dragBox) {
                        return;
                    }
                    var dragBox = fieldsBox.dragBox = new CLCheckBox("拖拽", label);
                    var style = label.lastChild.style;
                    style.position = "absolute";
                    style.top = "0px";
                    style.left = "120px";
                    dragBox.checked = dataCtrl.dragHeader;
                    dragBox.onchanged = function () {
                        dataCtrl.dragHeader = this.checked;
                    }
                }
                var fieldsBox = document.createElement("div");
                fieldsBox.style.paddingTop = "15px";
                propGrp.appendChild(fieldsBox);
                function ShowHeaders() {
                    var Def = {
                        ID: dataCtrl.NameNo,
                        Name: "名称",
                        Btn: 2,
                    };
                    var Headers = dataCtrl.Headers;
                    if (!Headers) {
                        dataCtrl.Headers = Headers = [Def];
                    };
                    var arr = [];
                    Headers.forEach(function (ele) {
                        var field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, ele.ID);
                        if (field) {
                            ele.Name = field.Name;
                            arr.push(ele);
                        }
                    });
                    if (arr.length == 0) {
                        arr = [
                            Def
                        ];
                    }
                    Headers.splice(0, Headers.length);
                    arr.forEach(function (ele) {
                        Headers.push(ele);
                        if (ele.ID) {
                            var field = Designer.GetFieldBySourceIdAndFieldId(dataCtrl.SourceID, ele.ID);
                            if (field) {
                                ele.Name = field.Name;
                            }
                        }
                        var item = showHeaderItem(fieldsBox, ele, "Headers", CtrlBox);
                        var Del = item.querySelector(".Del");
                        if (Del) {
                            var onclick = Del.onclick;
                            Del.onclick = function () {
                                onclick.call(this);
                                createDragBox();
                            }
                        }
                    });
                    createDragBox();
                }
                ShowHeaders();

                createSplit(propBody);
                label = createLabel(propBody, "编辑模式");
                var fBox = new CLCheckBox("快速编辑", propBody);
                fBox.checked = dataCtrl.fastEdit == true;
                fBox.onchanged = function () {
                    dataCtrl.fastEdit = fBox.checked;
                }
                propBody.lastChild.style.display = "inline-block";
                var eBox = new CLCheckBox("回车编辑", propBody);
                eBox.checked = dataCtrl.enterEdit == true;
                eBox.onchanged = function () {
                    dataCtrl.enterEdit = eBox.checked;
                }
                propBody.lastChild.style.display = "inline-block";
                createSplit(propBody);
                label = createLabel(propBody, "快速折叠");

                var foldBox = new CLCheckBox("开启", propBody);
                foldBox.checked = dataCtrl.fastFold == true;
                foldBox.onchanged = function () {
                    dataCtrl.fastFold = foldBox.checked;
                }

                createSplit(propBody);
                label = createLabel(propBody, "附件管理");
                var lorBox = new CLCheckBox("使用网盘", propBody);
                propBody.lastChild.style.display = "inline-block";
                var lorBtn = createBtn(propBody, "选择网盘");
                lorBtn.style.width = "100px";
                lorBtn.style.cssFloat = "right";
                lorBtn.style.margin = "0";
                lorBtn.style.height = "25px";
                lorBtn.style.lineHeight = "22px";
                lorBox.checked = dataCtrl.useLor;
                lorBox.onchanged = function () {
                    fBtn.style.display = lorBox.checked ? "inline-block" : "none";
                    lorBtn.style.display = lorBox.checked ? "inline-block" : "none";
                    dataCtrl.useLor = lorBox.checked;
                }
                function showDisks(Disks, func) {
                    var div = document.createElement("div");
                    div.style.cssText = "width:600px;height:400px";
                    var dlg = new CLDialog(div);
                    dlg.CreateAll("选择网盘", function () {
                        var item = Body.querySelector(".Selected");
                        if (item) {
                            func(item.Disk);
                        }
                    });
                    var Body = dlg.Body;
                    Body.className = "DiskView";
                    Body.style.overflow = "auto";
                    for (var i = 0; i < Disks.length ; i++) {
                        var item = document.createElement("div");
                        item.className = "Disk";
                        var icon = document.createElement("div");
                        icon.className = "Icon";
                        item.appendChild(icon);
                        var name = document.createElement("div");
                        name.className = "Name";
                        name.innerHTML = Disks[i].Name;
                        item.appendChild(name);
                        Body.appendChild(item);
                        item.Disk = Disks[i];
                        if (dataCtrl.Lor == item.Disk.Position) {
                            item.classList.add("Selected");
                        }
                        item.onclick = function () {
                            var item = Body.querySelector(".Selected");
                            if (item) {
                                item.classList.remove("Selected");
                            }
                            this.classList.add("Selected");
                        }
                        item.ondblclick = function () {
                            func(this.Disk);
                            dlg.Close();
                        }
                    }
                }
                lorBtn.onclick = function () {
                    var sock = CLGetSocket();
                    sock.Invoke("api::WSNetDisk", "WSGetRoot", [], function (data) {
                        if (data.R) {
                            sock.Invoke("api::WSNetDisk", "WSQueryNetDisk", [], function (data) {
                                if (data.R) {
                                    var Disks = data.Msg;
                                    showDisks(Disks, function (Disk) {
                                        dataCtrl.Lor = Disk.Position;
                                    });
                                    sock.Close();
                                } else {
                                    CLTop.CLShowMsg(data.Msg);
                                    sock.Close();
                                }
                            });
                        } else {
                            CLShowMsg(data.Msg);
                            sock.Close();
                        }
                    });
                }
                var fBtn = createBtn(propBody, "存储路径");
                fBtn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.fStore, function (Val) {
                        dataCtrl.fStore = Val;
                    }, "存储路径");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                lorBox.onchanged();
                createSplit(propBody);
                label = createLabel(propBody, "拖拽排序");
                var box = new CLCheckBox("开启", propBody);
                box.checked = dataCtrl.Move == true;
                box.onchanged = function () {
                    dataCtrl.Move = box.checked;
                    if (!box.checked) {
                        eleBox2.style.display = "none";
                        dragBtn.style.display = "none";
                        labelTest.style.display = "none";
                        testBtn.style.display = "none";
                    } else {
                        eleBox2.style.display = "inline-block";
                        dragBtn.style.display = "inline-block";
                        labelTest.style.display = "inline-block";
                        testBtn.style.display = "inline-block";
                    }
                }
                propBody.lastChild.style.display = "inline-block";
                var box2 = new CLCheckBox("拖入", propBody);
                box2.checked = dataCtrl.MoveInto == true;
                box2.onchanged = function () {
                    dataCtrl.MoveInto = box2.checked;
                }
                var eleBox2 = propBody.lastChild;
                if (!box.checked) {
                    eleBox2.style.display = "none";
                } else {
                    eleBox2.style.display = "inline-block";
                }

                var dragBtn = createBtn(propBody, "设置回调");
                dragBtn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnOrder, function (Val) {
                        dataCtrl.OnOrder = Val;
                    }, "排序回调");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                if (!box.checked) {
                    dragBtn.style.display = "none";
                }
                createSplit(propBody);

                var labelTest = createLabel(propBody, "拖拽测试");
                var testBtn = createBtn(propBody, "设置回调");
                testBtn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.dragTest, function (Val) {
                        dataCtrl.dragTest = Val;
                    }, "拖拽回调");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                if (!box.checked) {
                    testBtn.style.display = "none";
                    labelTest.style.display = "none";
                }

                createSplit(propBody);
                label = createLabel(propBody, "延迟渲染");
                var delayBox = new CLCheckBox("开启", propBody);
                delayBox.checked = dataCtrl.delayRender == true;
                delayBox.onchanged = function () {
                    dataCtrl.delayRender = delayBox.checked;
                    btnCall.style.display = delayBox.checked ? "block" : "none";
                }

                var btnCall = createBtn(propBody);
                btnCall.innerHTML = "设置回调";
                btnCall.style.display = delayBox.checked ? "block" : "none";
                btnCall.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.SubCall, function (Val) {
                        dataCtrl.SubCall = Val;
                    }, "延迟加载");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                createSplit(propBody);
                var label = createLabel(propBody, "缩进");
                var Value = createValue(propBody);
                Value.value = !!dataCtrl.paddingLeft ? dataCtrl.paddingLeft : "";
                Value.onchange = function () {
                    dataCtrl.paddingLeft = Value.value;
                }
                createSplit(propBody);
                var label = createLabel(propBody, "形态");
                var selector = new CLSelect(propBody);
                selector.AddItems(["默认", "相同节点", "相同级别", "单选", "多选"]);
                selector.selectedIndex = selector.Items.indexOf(dataCtrl.showAs);
                selector.onchanged = function () {
                    dataCtrl.showAs = selector.GetValue();
                }
                createSplit(propBody);
                label = createLabel(propBody, "风格");
                var _uistyle = new CLSelect(propBody);
                _uistyle.AddItems(["默认", "简约", "层级", "文件夹"]);
                _uistyle.selectedIndex = _uistyle.Items.indexOf(dataCtrl.UiStyle);
                if (_uistyle.selectedIndex == -1) {
                    _uistyle.selectedIndex = 0;
                }
                _uistyle.onchanged = function () {
                    dataCtrl.UiStyle = _uistyle.GetValue();
                }
                createSplit(propBody);
                propGrp = PropGroup(propBody, "右键菜单");
                label = propGrp.previousSibling;
                var btn = document.createElement("div");
                btn.style.cssText = "display:inline-block;float:right;color:#0db3a6;cursor:pointer;";
                btn.innerHTML = "添加";
                label.appendChild(btn);
                function showItem(container, dataItem, type) {
                    showMenuItem(container, dataItem, type, CtrlBox);
                }
                btn.Grp = propGrp;
                btn.onclick = function (e) {
                    var data = { Name: "未命名" };
                    nameOnly(data, dataCtrl.dataMenu);
                    dataCtrl.dataMenu.push(data);
                    showItem(Block, data, "dataMenu");
                    this.Grp.Open();
                    e.stopImmediatePropagation();
                }

                var Block = document.createElement("div");
                Block.style.paddingTop = "15px";
                propGrp.appendChild(Block);
                dataCtrl.dataMenu.forEach(function (item) {
                    showItem(Block, item, "dataMenu");
                });

                propGrp = PropGroup(propBody, "事件回调");
                createSplit(propGrp);
                var label = createLabel(propGrp, "创建事件");
                var btn = createBtn(propGrp, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnCreated, function (Val) {
                        dataCtrl.OnCreated = Val;
                    }, "创建事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                createSplit(propGrp);
                var label = createLabel(propGrp, "删除事件");
                var btn = createBtn(propGrp, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnRemoved, function (Val) {
                        dataCtrl.OnRemoved = Val;
                    }, "删除事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                createSplit(propGrp);
                var label = createLabel(propGrp, "选中事件");
                var btn = createBtn(propGrp, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnSelected, function (Val) {
                        dataCtrl.OnSelected = Val;
                    }, "选中事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                createSplit(propGrp);
                var label = createLabel(propGrp, "丢失事件");
                var btn = createBtn(propGrp, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnLost, function (Val) {
                        dataCtrl.OnLost = Val;
                    }, "丢失事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }

                CtrlBox.Select = function () { }
                CtrlBox.UnSelect = function () { }
                CtrlBox.Add = function () { }
                CtrlBox.Rename = function () { }
                CtrlBox.Remove = function () { }

                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["树状控件"]);
    }());

    function MoveZoom(svg) {

        function fViewBox(viewBox) {
            if (viewBox == null) {
                viewBox = svg.viewBox.baseVal;
                viewBox = [viewBox.x, viewBox.y, viewBox.width, viewBox.height];
                return viewBox;
            } else {
                if (viewBox && viewBox.length == 4) {
                    if (typeof viewBox[0] == "number" && typeof viewBox[1] == "number" && typeof viewBox[2] == "number" && typeof viewBox[3] == "number") {
                        svg.setAttribute("viewBox", viewBox.join(" "));
                    }
                }
            }
        }

        function fResize() {
            var viewBox = fViewBox();
            var zoom = fZoom();
            svg.zoomWidth = svg.clientWidth;
            svg.zoomHeight = svg.clientHeight;
            var lx = svg.zoomWidth / zoom;
            var ly = svg.zoomHeight / zoom;
            viewBox[0] -= (lx - viewBox[2]) / 2;
            viewBox[1] -= (ly - viewBox[3]) / 2;
            viewBox[2] = lx;
            viewBox[3] = ly;
            fViewBox(viewBox);
        }

        function fZoom(zoom) {
            var w = svg.zoomWidth || svg.clientWidth;
            var h = svg.zoomHeight || svg.clientHeight;
            var viewBox = fViewBox();
            if (zoom == null) {
                return w / viewBox[2];
            } else {
                var ox;
                var oy;
                ox = viewBox[0] * 1 + viewBox[2] / 2;
                oy = viewBox[1] * 1 + viewBox[3] / 2;
                var lx = w / zoom;
                var ly = h / zoom;
                viewBox = [ox - lx / 2, oy - ly / 2, lx, ly];
                fViewBox(viewBox);
                return zoom;
            }
        }

        function fZoomIn() {
            var zoom = fZoom();
            zoom *= 1.1;
            fZoom(zoom);
        }

        function fZoomOut() {
            var zoom = fZoom();
            zoom /= 1.1;
            fZoom(zoom);
        }

        function fEnableMove(node, func, end) {
            node.addEventListener("mousedown", function (e) {
                var x = e.clientX;
                var y = e.clientY;
                var ox = 0;
                var oy = 0;
                svg.classList.add("Dragging");
                function move(e) {
                    gZoom = fZoom();
                    var dx = e.clientX - x;
                    var dy = e.clientY - y;
                    dx /= gZoom;
                    dy /= gZoom;
                    dx -= ox;
                    dy -= oy;
                    func(dx, dy);
                    ox += dx;
                    oy += dy;
                }
                function up(e) {
                    end && end();
                    svg.classList.remove("Dragging");
                    window.removeEventListener("mousemove", move, true);
                    window.removeEventListener("mouseup", up, true);
                }
                func();
                window.addEventListener("mousemove", move, true);
                window.addEventListener("mouseup", up, true);
                e.preventDefault();
                e.stopPropagation();
            });
        }

        return ({
            fViewBox: fViewBox,
            fResize: fResize,
            fZoom: fZoom,
            fZoomIn: fZoomIn,
            fZoomOut: fZoomOut,
            fEnableMove: fEnableMove
        });
    }

    (function (网状控件) {
        var xmlns = "http://www.w3.org/2000/svg";
        var xlink = "http://www.w3.org/1999/xlink";
        function SvgElement(tag) {
            return document.createElementNS(xmlns, tag);
        }
        FrmUiCtrls["网状控件"] = {
            Icon: "&#xe61e;"
            , Name: "网状控件"
            , DefSize: {
                Width: 400,
                Height: 300
            }
            , DefMinSize: [400, 300]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Box";
                Div.style.overflow = "hidden";
                CtrlBox.appendChild(Div);
                var cssNull = Div.style.cssText;
                var Surface;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var Shapes = dataCtrl.Shapes;
                var lineRule;
                var useBezier = dataCtrl.lineType == "贝塞尔曲线";
                var LPointer = dataCtrl.linePointer;
                var gZoom = 1;
                var Drawing = false;

                function PMatrix(matrix) {
                    var mat = CLMatrix.Parse(matrix);
                    O = new CLVec2(0, 0);
                    O = mat.multiplyVector2(O);
                    var s = mat.getScale();
                    var r = mat.getRotate();
                    mat.setIdentity();
                    mat.rotate(r);
                    mat.scale(s.x, s.y);
                    mat.buffer[4] += O.x;
                    mat.buffer[5] += O.y;
                    return mat;
                }

                function clearAlign() {
                    Surface.querySelectorAll(".Align").forEach(function (ele) {
                        ele.remove();
                    });
                }

                function drawAlign(p1, p2) {
                    var path = SvgElement("path");
                    path.classList.add("Align");
                    path.setAttribute("stroke-width", "1.5");
                    path.setAttribute("fill", "none");
                    path.setAttribute("stroke", "#389853");
                    path.setAttribute("stroke-dasharray", "2 2");
                    path.setAttribute("d", "M " + p1.x + " " + p1.y + "L " + p2.x + " " + p2.y);
                    Surface.appendChild(path);
                }

                function ToOffset(pt) {
                    var svg = Surface;
                    var Rect = svg.getBoundingClientRect();
                    pt.x -= Rect.left;
                    pt.y -= Rect.top;
                    var zoom = fZoom();
                    var viewBox = fViewBox();
                    pt.x /= zoom;
                    pt.y /= zoom;
                    pt.x += viewBox[0];
                    pt.y += viewBox[1];
                    return pt;
                }

                function Align(gNode, dx, dy) {
                    clearAlign();
                    dx *= gZoom;
                    dy *= gZoom;
                    var ali = dataCtrl.dragAlign;
                    var or = CLClone(gNode.getBoundingClientRect());
                    or.left += dx; or.right += dx; or.top += dy; or.bottom += dy;
                    var olx = [or.left, (or.left + or.right) / 2, or.right];
                    var oly = [or.top, (or.top + or.bottom) / 2, or.bottom];
                    var nodes = Canvas.querySelectorAll(".Surface>.Node");
                    function func(l1, l2) {
                        var r;
                        l1.forEach(function (m, i) {
                            if (r == null) {
                                r = [l2[i] - m, i];
                            } else if (Math.abs(l2[i] - m) < Math.abs(r[0])) {
                                r = [l2[i] - m, i];
                            }
                        });
                        if (r != null && Math.abs(r[0]) < ali) {
                            return r;
                        } else {
                            return null;
                        }
                    }
                    var ddx, ddy;
                    nodes.forEach(function (node) {
                        if (node == gNode) {
                            return;
                        }
                        if (dataCtrl.dragChild && dataCtrl.dataType == "树状结构") {
                            if (gNode.Contains(node)) {
                                return;
                            }
                        }
                        var rt = node.getBoundingClientRect();
                        var clx = [rt.left, (rt.left + rt.right) / 2, rt.right], cly = [rt.top, (rt.top + rt.bottom) / 2, rt.bottom];
                        var xR = func(olx, clx), yR = func(oly, cly);
                        if (xR) {
                            var aligns = ddx ? ddx.aligns : [];
                            aligns.push(rt);
                            ddx = xR;
                            ddx.aligns = aligns;
                        }
                        if (yR) {
                            var aligns = ddy ? ddy.aligns : [];
                            aligns.push(rt);
                            ddy = yR;
                            ddy.aligns = aligns;
                        }
                    });
                    if (ddx) {
                        dx += ddx[0];
                        olx[0] += ddx[0]; olx[1] += ddx[0]; olx[2] += ddx[0];
                    }
                    if (ddy) {
                        dy += ddy[0];
                        oly[0] += ddy[0]; oly[1] += ddy[0]; oly[2] += ddy[0];
                    }
                    if (ddx) {
                        var top = oly[0];
                        var bottom = oly[2];
                        var top2 = oly[0];
                        var bottom2 = oly[2];
                        var aligns = ddx.aligns;
                        aligns.forEach(function (rt) {
                            top = Math.min(top, rt.y);
                            bottom = Math.max(bottom, rt.bottom);
                            if (or.width == rt.width) {
                                top2 = Math.min(top2, rt.y);
                                bottom2 = Math.max(bottom2, rt.bottom);
                            }
                        });
                        olx.forEach(function (x, i) {
                            var t = null, b = null;
                            if (i == ddx[1]) {
                                t = top, b = bottom;
                            } else if (bottom2 - top2 > or.height) {
                                t = top2, b = bottom2;
                            }
                            if (t != null && b != null) {
                                drawAlign(ToOffset({ x: olx[i], y: t }), ToOffset({ x: olx[i], y: b }));
                            }
                        });
                    }
                    if (ddy) {
                        var left = olx[0];
                        var right = olx[2];
                        var left2 = olx[0];
                        var right2 = olx[2];
                        var aligns = ddy.aligns;
                        aligns.forEach(function (rt) {
                            left = Math.min(left, rt.x);
                            right = Math.max(right, rt.right);
                            if (or.height == rt.height) {
                                left2 = Math.min(left2, rt.x);
                                right2 = Math.max(right2, rt.right);
                            }
                        });
                        oly.forEach(function (x, i) {
                            var l = null, r = null;
                            if (i == ddy[1]) {
                                l = left, r = right;
                            } else if (right2 - left2 > or.width) {
                                l = left2, r = right2;
                            }
                            if (l != null && r != null) {
                                drawAlign(ToOffset({ x: l, y: oly[i] }), ToOffset({ x: r, y: oly[i] }));
                            }
                        });
                    }
                    return { x: dx / gZoom, y: dy / gZoom };
                }

                function UpdateLine(gNode) {
                    if (!Drawing) {
                        var data = gNode.dataLine;
                        var lines = svg.querySelectorAll("[No^='" + data[dataCtrl.No] + "_'],[No$='_" + data[dataCtrl.No] + "']");
                        lines.forEach(function (line) {
                            line.Update && line.Update();
                        });
                    }
                }

                function RenderShape(shape, data) {
                    var svg = Surface;
                    var Glyphs = shape.Glyphs;
                    var gNode;
                    var No = data[dataCtrl.No];
                    gNode = SvgElement("g");
                    gNode.setAttribute("No", data[dataCtrl.No]);
                    gNode.classList.add("Node");
                    svg.appendChild(gNode);

                    gNode.dataLine = CLClone(data);

                    gNode.Shape = shape;

                    gNode.GetMatrix = function () {
                        return CLMatrix.Parse(this.getAttribute("transform"));
                    }

                    gNode.SetMatrix = function (matrix) {
                        return this.setAttribute("transform", matrix);
                    }

                    gNode.Translate = function (dx, dy, uline) {
                        var mat = this.GetMatrix();
                        var buf = mat.buffer;
                        buf[4] += dx;
                        buf[5] += dy;
                        this.SetMatrix(mat);
                        if (uline != false) {
                            gNode.UpdateLine();
                        }
                    }

                    gNode.Rotate = function (deg, uline) {
                        var mat = this.GetMatrix();
                        var bbBox = this.getBBox();
                        var O = new CLVec2(bbBox.x + bbBox.width / 2, bbBox.y + bbBox.height / 2);
                        mat.doAt(deg, 1, 1, O);
                        this.SetMatrix(mat);
                        if (uline != false) {
                            gNode.UpdateLine();
                        }
                    }

                    gNode.Scale = function (x, y, uline) {
                        var mat = this.GetMatrix();
                        var bbBox = this.getBBox();
                        var O = new CLVec2(bbBox.x + bbBox.width / 2, bbBox.y + bbBox.height / 2);
                        mat.doAt(0, x, y, O);
                        this.SetMatrix(mat);
                        if (uline != false) {
                            gNode.UpdateLine();
                        }
                    }

                    gNode.Contains = function (node) {
                        var gNode = this;
                        if (dataCtrl.dataType == "树状结构") {
                            function func(ele) {
                                if (ele == node) {
                                    return true;
                                }
                                ele = ele.First;
                                while (ele) {
                                    if (func(ele)) {
                                        return true;
                                    }
                                    ele = ele.Next;
                                }
                            }
                            return func(gNode);
                        } else {
                            return gNode == node;
                        }
                    }

                    if (dataCtrl.dragNode) {
                        var ldx = 0, ldy = 0;
                        fEnableMove(gNode, function (dx, dy) {
                            if (dx != null) {
                                var lines = []
                                var dt = new Date();
                                var R = Align(gNode, ldx + dx, ldy + dy);
                                ldx += dx - R.x;
                                ldy += dy - R.y;
                                if (dataCtrl.dataType == "树状结构" && dataCtrl.dragChild) {
                                    function func(gNode) {
                                        gNode.Translate(R.x, R.y, false);
                                        var data = gNode.dataLine;
                                        svg.querySelectorAll("[No^='" + data[dataCtrl.No] + "_']").forEach(function (line) {
                                            lines.push(line);
                                        });
                                        gNode = gNode.First;
                                        while (gNode) {
                                            func(gNode);
                                            gNode = gNode.Next;
                                        }
                                    }
                                    func(gNode);
                                    var line = svg.querySelector("[No$='_" + data[dataCtrl.No] + "']");
                                    line && line.Update();
                                    lines.forEach(function (line) {
                                        line.Update(false);
                                    });
                                } else {
                                    gNode.Translate(R.x, R.y);
                                }
                            } else {
                                svg.appendChild(gNode);
                            }
                        });
                    }

                    gNode.UpdateLine = function () {
                        UpdateLine(gNode);
                    }

                    gNode.RedrawLine = function () {
                        delete gNode.Shape.BestInfo;
                        UpdateLine(gNode);
                    }

                    gNode.Update = function (data) {
                        var gNode = this;
                        gNode.dataLine = data;
                        Glyphs.forEach(function (glyph) {
                            var gGlyph = gNode.querySelector("[_id='" + glyph.id + "']");
                            if (!gGlyph) {
                                gGlyph = SvgElement("g");
                                gGlyph.setAttribute("_id", glyph.id);
                                gGlyph.setAttribute("transform", glyph.matrix);
                                gGlyph.classList.add("Glyph");
                                gNode.appendChild(gGlyph);
                                gGlyph.GetMatrix = gNode.GetMatrix;
                                gGlyph.SetMatrix = gNode.SetMatrix;
                                gGlyph.Translate = gNode.Translate;
                                gGlyph.Rotate = gNode.Rotate;
                                gGlyph.Scale = gNode.Scale;
                                gGlyph.glyph = glyph;
                            }
                            var tagName = glyph.tag;
                            if (tagName == "rect" || tagName == "circle" || tagName == "ellipse") {
                                tagName = "path";
                            }
                            var Tag = gGlyph[glyph.Tag];
                            if (!Tag) {
                                Tag = gGlyph[glyph.Tag] = SvgElement(tagName);
                                gGlyph.appendChild(Tag);
                                if (glyph.tag == "rect") {
                                    CLSvgEditor.RenderRect(Tag, glyph);
                                } else if (glyph.tag == "circle") {
                                    CLSvgEditor.RenderCircle(Tag, glyph);
                                } else if (glyph.tag == "ellipse") {
                                    CLSvgEditor.RenderEllipse(Tag, glyph);
                                } else if (glyph.tag == "path") {
                                    Tag.setAttribute("d", glyph.d);
                                }
                                CLSvgEditor.RenderProp(Tag, glyph);
                            }
                            if (glyph.tag == "text") {
                                var text = "";
                                if (!!glyph.field) {
                                    text = data[glyph.field];
                                }
                                glyph.text = !!text ? text : "";
                                if (gGlyph.textValue != text) {
                                    gGlyph.textValue = text;
                                    gGlyph.classList.add("Text");
                                    gGlyph.setAttribute("Field", glyph.field);
                                    CLSvgEditor.RenderText(Tag, glyph);
                                }
                            }
                            var mat = PMatrix(glyph.matrix);
                            if (glyph.points && glyph.points.length > 0) {
                                Tag.classList.add("Linkable");
                                var points = glyph.points;
                                for (var i = 0; i < points.length; i++) {
                                    var point = SvgElement("circle");
                                    var vec = mat.multiplyVector2(new CLVec2(points[i].x, points[i].y));
                                    point.setAttribute("_id", glyph.id + "_" + i);
                                    point.setAttribute("cx", vec.x);
                                    point.setAttribute("cy", vec.y);
                                    point.setAttribute("r", glyph.pr ? glyph.pr : 8);
                                    point.setAttribute("stroke-width", glyph.pw ? glyph.pw : 1.5);
                                    point.setAttribute("fill", glyph.pf != false ? glyph.fill : "none");
                                    point.setAttribute("stroke", glyph.stroke);
                                    gNode.appendChild(point);
                                    point.classList.add("Point");
                                    point.data = points[i];
                                }
                            }
                        });
                    }
                    if (dataCtrl.dataType == "树状结构") {
                        var parent = data[dataCtrl.Parent];
                        if (parent != null) {
                            parent = svg.querySelector(["[No='" + parent + "']"]);
                            gNode.Parent = parent;
                            var last = parent.Last;
                            if (!last) {
                                parent.First = parent.Last = gNode;
                                gNode.Next = null;
                            } else {
                                gNode.Prev = last;
                                last.Next = gNode;
                                parent.Last = gNode;
                            }
                        }
                    }
                    gNode.Update(data);

                    return gNode;
                }

                function drawLine(path, from, to) {
                    var dl = 20;
                    from = CLClone(from);
                    to = CLClone(to);
                    var fv = new CLVec2(from.v.x, from.v.y);
                    var tv = new CLVec2(to.v.x, to.v.y);
                    function func(v) {
                        var deg = v.deg() / 180 * Math.PI;
                        if (Math.abs(Math.tan(deg)) > 1) {
                            v.x = 0;
                        } else {
                            v.y = 0;
                        }
                        return v;
                    }
                    var sv = func(new CLVec2(fv.x, fv.y));
                    var ev = func(new CLVec2(tv.x, tv.y));
                    ev.scale(-1);
                    tv.scale(dl);
                    var ps = [];
                    var push = ps.push;
                    ps.push = function (x, y) {
                        if (this[this.length - 2] != x || this[this.length - 1] != y) {
                            push.call(this, x, y);
                        }
                    }
                    ps.push(from.x, from.y);
                    fv.scale(dl);
                    var f0 = Math.abs(fv.deg() % 90);
                    var t0 = Math.abs(tv.deg() % 90);
                    f0 = f0 < 0.1 ? 0 : f0;
                    t0 = t0 < 0.1 ? 0 : t0;
                    var sp = { x: from.x + fv.x, y: from.y + fv.y };
                    var ep = { x: to.x + tv.x, y: to.y + tv.y };
                    var se = new CLVec2(ep.x - sp.x, ep.y - sp.y);
                    var deg1 = CLMatrix.to180(CLMatrix.deg(sv, se));
                    var deg2 = CLMatrix.to180(CLMatrix.deg(ev, se));
                    var A = Math.abs(CLMatrix.to180(CLMatrix.deg(sv, ev)));
                    if (A > 135) {
                        if (Math.abs(deg1) < 90) {
                            if (f0) {
                                ps.push(sp.x, sp.y);
                            }
                            sv.scale(se.length() * Math.cos(deg1 * Math.PI / 180) / sv.length());
                            ps.push(sv.x + sp.x, sv.y + sp.y);
                            ps.push(ep.x, ep.y);
                        } else {
                            ev.scale(-1);
                            ev.scale(se.length() * Math.cos(deg2 * Math.PI / 180) / ev.length());
                            ps.push(sp.x, sp.y);
                            ps.push(ev.x + ep.x, ev.y + ep.y);
                            if (t0) {
                                ps.push(ep.x, ep.y);
                            }
                        }
                    } else if (A < 45) {
                        var uu = 1;
                        if (Math.abs(deg1) < 90) {
                            var a = 2;
                            if (useBezier) {
                                a = 3;
                            }
                            if (f0) {
                                ps.push(sp.x, sp.y);
                            }
                            sv.scale(uu * se.length() / a * Math.cos(deg1 * Math.PI / 180) / sv.length());
                            ps.push(sv.x + sp.x, sv.y + sp.y);
                            ev.scale(-uu * se.length() / a * Math.cos(deg2 * Math.PI / 180) / ev.length());
                            ps.push(ev.x + ep.x, ev.y + ep.y);
                            if (t0) {
                                ps.push(ep.x, ep.y);
                            }
                        } else {
                            ps.push(sp.x, sp.y);
                            var mat = new CLMatrix();
                            mat.rotate(deg1 < 0 ? -90 : 90);
                            var a = 2;
                            if (useBezier) {
                                a = 3;
                            }
                            sv = mat.multiplyVector2(sv);
                            sv.scale(se.length() / a * Math.sin(Math.abs(deg1) * Math.PI / 180) / sv.length());
                            ps.push(sv.x + sp.x, sv.y + sp.y);
                            ps.push(ep.x - sv.x, ep.y - sv.y);
                            ps.push(ep.x, ep.y);
                        }
                    } else {
                        if (Math.abs(deg1) < 90 && Math.abs(deg2) > 90) {
                            if (f0) {
                                ps.push(sp.x, sp.y);
                            }
                            var se2 = new CLVec2(se.x, se.y);
                            se2.add(sv);
                            var sv2 = new CLVec2(sv.x, sv.y);
                            sv2.scale(se.length() / 2 * Math.cos(deg1 * Math.PI / 180) / sv2.length());
                            ps.push(sv2.x - sv.x + sp.x, sv2.y - sv.y + sp.y);
                            sv2.scale(-1);
                            ps.push(sv2.x + ep.x, sv2.y + ep.y);
                            ps.push(ep.x, ep.y);
                        } else if (Math.abs(deg1) > 90 && Math.abs(deg2) < 90) {
                            ps.push(sp.x, sp.y);
                            var se2 = new CLVec2(se.x, se.y);
                            se2.add(sv);
                            var ev2 = new CLVec2(ev.x, ev.y);
                            ev2.scale(se.length() / 2 * Math.cos(deg2 * Math.PI / 180) / ev2.length());
                            ps.push(ev2.x + sp.x, ev2.y + sp.y);
                            ev2.scale(-1);
                            ps.push(ep.x + (ev2.x - ev.x), ep.y + (ev2.y - ev.y));
                            if (t0) {
                                ps.push(ep.x, ep.y);
                            }
                        } else if (Math.abs(deg1) < 90 && Math.abs(deg2) < 90) {
                            if (f0) {
                                ps.push(sp.x, sp.y);
                            }
                            sv.scale(se.length() * Math.cos(Math.abs(deg1) * Math.PI / 180) / sv.length());
                            ps.push(sv.x + sp.x, sv.y + sp.y);
                            if (t0) {
                                ps.push(ep.x, ep.y);
                            }
                        } else {
                            ps.push(sp.x, sp.y);
                            var mat = new CLMatrix();
                            mat.rotate(deg1 < 0 ? -90 : 90);
                            sv = mat.multiplyVector2(sv);
                            sv.scale(se.length() * Math.sin(Math.abs(deg1) * Math.PI / 180) / sv.length());
                            ps.push(sv.x + sp.x, sv.y + sp.y);
                            ps.push(ep.x, ep.y);
                        }
                    }
                    ps.push(to.x, to.y);
                    var d = "M " + ps.join(" ");
                    if (useBezier) {
                        d = "M " + ps[0] + " " + ps[1];
                        for (var i = 2; i < ps.length - 4; i += 2) {
                            var v = new CLVec2(ps[i + 2] - ps[i], ps[i + 3] - ps[i + 1]);
                            v.scale(0.5);
                            d += " Q " + ps[i] + " " + ps[i + 1] + " " + (v.x + ps[i]) + " " + (v.y + ps[i + 1]);
                        }
                        d += " Q " + ps.slice(ps.length - 4, ps.length).join(" ");
                    } else if (dataCtrl.lineType == "圆角折线") {
                        var r = dataCtrl.lineRadius;
                        d = "M " + ps[0] + " " + ps[1];
                        for (var i = 2; i < ps.length - 2; i += 2) {
                            var v1 = new CLVec2(ps[i] - ps[i - 2], ps[i + 1] - ps[i - 1]);
                            var v2 = new CLVec2(ps[i + 2] - ps[i], ps[i + 3] - ps[i + 1]);
                            var a12 = CLMatrix.to180(CLMatrix.deg(v1, v2));
                            var tan = Math.tan((180 - Math.abs(a12)) / 2 / 180 * Math.PI);
                            r = Math.min(Math.min(v1.length() / (i == 0 ? 1 : 2), v2.length()) * tan, r);
                            if (tan != 0 && r != 0) {
                                v1.scale((v1.length() - r / tan) / v1.length());
                            }
                            d += "L" + (ps[i - 2] + v1.x) + " " + (ps[i - 1] + v1.y);
                            if (tan != 0 && r != 0) {
                                v2.scale(r / tan / v2.length());
                                d += "A " + r + " " + r + " 0 0 ";
                                if (a12 > 0) {
                                    d += "1 ";
                                } else {
                                    d += "0 ";
                                }
                                d += (ps[i] + v2.x) + " " + (ps[i + 1] + v2.y);
                            }
                        }
                        d += " L " + ps.slice(ps.length - 2, ps.length).join(" ");
                    }
                    function Arrow(O, Vec) {
                        Vec.scale(-1);
                        var deg = Vec.deg();
                        var d = "";
                        var mat = new CLMatrix();
                        var v1 = new CLVec2(-8, -8);
                        mat.rotate(deg);
                        v1 = mat.multiplyVector2(v1);
                        v1.x += O.x;
                        v1.y += O.y;
                        d += "M " + v1.x + " " + v1.y;
                        d += "L " + O.x + " " + O.y;
                        v1 = new CLVec2(-8, 8);
                        v1 = mat.multiplyVector2(v1);
                        v1.x += O.x;
                        v1.y += O.y;
                        d += "L " + v1.x + " " + v1.y;
                        return d;
                    }
                    function Point(O, Vec) {
                        Vec.scale(3.4 / Vec.length());
                        O.x += Vec.x;
                        O.y += Vec.y;
                        var d = "";
                        d += "M " + (O.x - 3) + " " + (O.y) + " A 3 3 0 1 1 " + (O.x + 3) + " " + (O.y);
                        d += " A 3 3 0 1 1 " + (O.x - 3) + " " + (O.y);
                        d += "M " + (O.x - 2) + " " + (O.y) + " A 2 2 0 1 1 " + (O.x + 2) + " " + (O.y);
                        d += " A 2 2 0 1 1 " + (O.x - 2) + " " + (O.y);
                        return d;
                    }
                    fv = new CLVec2(ps[2] - ps[0], ps[3] - ps[1]);
                    tv = new CLVec2(ps[ps.length - 4] - ps[ps.length - 2], ps[ps.length - 3] - ps[ps.length - 1]);
                    if (LPointer == "末端箭头") {
                        d += Arrow(to, tv);
                    } else if (LPointer == "两端箭头") {
                        d += Arrow(from, fv);
                        d += Arrow(to, tv);
                    } else if (LPointer == "两端圆点") {
                        d += Point(from, fv);
                        d += Point(to, tv);
                    }
                    d = path.GetPathCmd(d);
                    path.setAttribute("d", d);
                    path.setAttribute("stroke-width", 3);
                    path.setAttribute("fill", "none");
                    path.setAttribute("stroke", "#0db3a6");
                }

                function RenderLine(data) {
                    if (lineRule) {
                        var fromNo;
                        var toNo;
                        if (dataCtrl.dataType == "树状结构") {
                            fromNo = data[dataCtrl.Parent];
                            toNo = data[dataCtrl.No];
                        } else {
                            fromNo = data[dataCtrl.FromNo];
                            toNo = data[dataCtrl.ToNo];
                        }
                        var fromNode = Canvas.querySelector(".Surface>[No='" + fromNo + "']");
                        var toNode = Canvas.querySelector(".Surface>[No='" + toNo + "']");
                        if (!fromNode || !toNode) {
                            return;
                        }
                        CtrlBox.fromNode = fromNode;
                        CtrlBox.toNode = toNode;
                        var R = lineRule();
                        function func(key) {
                            var gNode = key == "from" ? fromNode : toNode;
                            if (!gNode.Shape.BestInfo) {
                                gNode.Shape.BestInfo = {};
                            }
                            var pKey;
                            if (typeof R[key] == "string") {
                                pKey = "P_" + R[key];
                            } else if (R[key] && R[key].x != null && R[key].y != null) {
                                pKey = "P_" + R[key].x.toPrecision(6, false) + "," + R[key].y.toPrecision(6, false);
                            }
                            var rr = gNode.Shape.BestInfo[pKey];
                            if (rr) {
                                return rr ? rr.transform(gNode) : null;
                            }
                            function trans(pt, g) {
                                var mat = PMatrix(g.getAttribute("transform"));
                                var V = mat.multiplyVector2(new CLVec2(pt.x, pt.y));
                                pt = CLClone(pt);
                                pt.x = V.x;
                                pt.y = V.y;
                                var deg = mat.getRotate();
                                mat.setIdentity();
                                mat.rotate(deg);
                                V = mat.multiplyVector2(new CLVec2(pt.v.x, pt.v.y));
                                pt.v.x = V.x;
                                pt.v.y = V.y;
                                return pt;
                            }
                            function move(pt, path) {
                                var v = new CLVec2(pt.v.x, pt.v.y);
                                var w = parseFloat(getComputedStyle(path).strokeWidth);
                                if (w != 0) {
                                    v.scale(w);
                                    v.scale((v.length() + 1.38) / v.length());
                                    pt.x += v.x;
                                    pt.y += v.y;
                                }
                            }
                            if (typeof R[key] == "string") {
                                var ele = gNode.querySelector("[_id='" + R[key] + "']");
                                if (ele) {
                                    var gGlyph = gNode.querySelector(".Glyph[_id='" + R[key].split("_")[0] + "']");
                                    rr = CLClone(ele.data);
                                    move(rr, gGlyph.firstChild);
                                    rr.id = gGlyph.glyph.id;
                                    rr.transform = function (gNode) {
                                        return trans(trans(this, gNode.querySelector(".Glyph[_id='" + this.id + "']")), gNode);
                                    }
                                }
                            } else if (R[key] && R[key].x != null && R[key].y != null) {
                                var pt = null;
                                gNode.querySelectorAll(".Linkable").forEach(function (path) {
                                    var gGlyph = path.parentNode;
                                    var mat = CLMatrix.Parse(gGlyph.getAttribute("transform"));
                                    mat.invert();
                                    var v = new CLVec2(R[key].x, R[key].y);
                                    v = mat.multiplyVector2(v);
                                    var o = path.BestPoint(v);
                                    if (pt == null || pt.len > o.len) {
                                        pt = o;
                                        move(pt, path);
                                        pt.id = gGlyph.glyph.id;
                                        pt.transform = function (gNode) {
                                            return trans(trans(this, gNode.querySelector(".Glyph[_id='" + this.id + "']")), gNode);
                                        }
                                    }
                                });
                                rr = pt;
                            }
                            gNode.Shape.BestInfo[pKey] = rr;
                            return rr ? rr.transform(gNode) : null;
                        }
                        var from = func("from"), to = func("to");
                        if (from && to) {
                            var lineNo = fromNo + "_" + toNo;
                            var gLine = Canvas.querySelector(".Surface>[No='" + lineNo + "']");
                            var path;
                            if (!gLine) {
                                gLine = SvgElement("g");
                                gLine.setAttribute("No", lineNo);
                                gLine.classList.add("Line");
                                Surface.insertAdjacentElement("afterBegin", gLine);
                                path = SvgElement("path");
                                gLine.appendChild(path);
                            } else {
                                path = gLine.firstChild;
                            }
                            if (gLine.from && gLine.to) {
                                var oVec = new CLVec2(gLine.to.x - gLine.from.x, gLine.to.y - gLine.from.y);
                                var nVec = new CLVec2(to.x - from.x, to.y - from.y);
                                if (Math.abs(oVec.x - nVec.x) < 0.00001 && Math.abs(oVec.y - nVec.y) < 0.00001) {
                                    var mat = new CLMatrix();
                                    mat.translate(from.x - gLine.from.x, from.y - gLine.from.y);
                                    gLine.setAttribute("transform", mat);
                                    return gLine;
                                }
                            }
                            drawLine(path, from, to);
                            gLine.from = from;
                            gLine.to = to;
                            gLine.Update = function (draw) {
                                from = func("from"), to = func("to");
                                var oVec = new CLVec2(gLine.to.x - gLine.from.x, gLine.to.y - gLine.from.y);
                                var nVec = new CLVec2(to.x - from.x, to.y - from.y);
                                if (draw != false) {
                                    gLine.removeAttribute("transform");
                                    gLine.from = from;
                                    gLine.to = to;
                                    drawLine(path, from, to);
                                } else {
                                    var mat = new CLMatrix();
                                    mat.translate(from.x - gLine.from.x, from.y - gLine.from.y);
                                    gLine.setAttribute("transform", mat);
                                }
                            }
                            return gLine;
                        }
                    }
                }

                var oLevels = null;

                CtrlBox.Render = function () {
                    Designer.QueryData([dataCtrl.SourceID, dataCtrl.LineSourceID], false, function () {
                        Surface.innerHTML = "";
                        var IsFirst = Surface.childNodes.length == 0;
                        if (!document.contains(CtrlBox)) {
                            return;
                        }
                        var dataList = Designer.SourceData[dataCtrl.SourceID];
                        if (dataList) {
                            var dataList2 = Designer.SourceData[dataCtrl.LineSourceID];
                            if (dataCtrl.lineRule) {
                                lineRule = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(连接规则)\n" + dataCtrl.lineRule);
                            }
                            if (dataCtrl.dataType == "自由结构") {
                                CLQuickSort(dataList, function (e1, e2) {
                                    var key = dataCtrl.Index;
                                    return e1[key] - e2[key];
                                });
                            } else {
                                dataTree = CLTableToTree(dataList, null, { ID: dataCtrl.No, Parent: dataCtrl.Parent, Index: dataCtrl.Index });
                                oLevels = {};
                                dataList2 = [];
                                function ToTable(tree, list) {
                                    var Store = {};
                                    list = list == null ? [] : list;
                                    var Level = 0;
                                    var no = dataCtrl.No;
                                    var pno = dataCtrl.Parent;
                                    var id = tree[no];
                                    oLevels[id] = Level;
                                    list.push(tree);
                                    var index = list.length - 1;
                                    do {
                                        var data = list[index];
                                        if (data.SubNode) {
                                            data.SubNode.forEach(function (ele) {
                                                list.push(ele);
                                                oLevels[ele[no]] = oLevels[data[no]] + 1;
                                                var line = {};
                                                line[pno] = data[no];
                                                line[no] = ele[no];
                                                dataList2.push(line);
                                            });
                                        }
                                        index++;
                                    } while (index < list.length);
                                    list.Levels = oLevels;
                                    return list;
                                }
                                dataList = [];
                                dataTree.forEach(function (ele) {
                                    ToTable(ele, dataList);
                                });
                            }
                            {
                                Drawing = true;
                                dataList.forEach(function (data) {
                                    CtrlBox.AddNode(data);
                                });
                                CtrlBox.Layout();
                                if (dataList2) {
                                    dataList2.forEach(function (data) {
                                        CtrlBox.AddLine(data);
                                    });
                                }
                                Drawing = false;
                            }
                        }
                        Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                        Designer.CtrlShown(dataCtrl.ID);
                    });
                }

                var Box;

                var Canvas;

                var Operation;

                function fEnableMove(node, func) {
                    return Operation.fEnableMove(node, func, function () {
                        clearAlign();
                    });
                }

                function fZoom(zoom) {
                    return Operation.fZoom(zoom);
                }

                function fZoomIn() {
                    return Operation.fZoomIn();
                }

                function fZoomOut() {
                    return Operation.fZoomOut();
                }

                function fViewBox(viewBox) {
                    return Operation.fViewBox(viewBox);
                }

                function fWheel(e) {
                    if (e.detail) {
                        if (e.detail < 0) {
                            fZoomIn();
                        } else {
                            fZoomOut();
                        }
                    } else {
                        if (event.wheelDelta > 0) {
                            fZoomIn();
                        } else {
                            fZoomOut();
                        }
                    }
                    e.stopPropagation();
                    e.preventDefault();
                }

                function fResize() {
                    return Operation.fResize();
                }

                CtrlBox.LookAt = function (x, y) {
                    var viewBox = fViewBox();
                    viewBox[0] = x - viewBox[2] / 2;
                    viewBox[1] = y - viewBox[3] / 2;
                    fViewBox(viewBox);
                    CLAsync(function () { fResize(); })
                };

                CtrlBox.Zoom = fZoom;

                CtrlBox.Layout = function () {
                    var layCode;
                    var dt = new Date();
                    if (dataCtrl.layCode) {
                        layCode = Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(节点布局)\n" + dataCtrl.layCode);
                    }
                    var Nodes = Surface.querySelectorAll(".Node");
                    Nodes.forEach(function (gNode) {
                        CtrlBox.currentNode = gNode;
                        if (layCode && layCode.Begin) {
                            layCode.Begin();
                        }
                    });
                    Nodes.forEach(function (gNode) {
                        CtrlBox.currentNode = gNode;
                        if (layCode && layCode.End) {
                            layCode.End();
                        }
                    });
                }

                CtrlBox.AddNode = function (data) {
                    var shape = data[dataCtrl.ShapeNo];
                    if (shape == null) {
                        shape = 0;
                    }
                    if (Shapes) {
                        if (typeof shape == "number") {
                            shape = Shapes[shape % Shapes.length];
                        } else {
                            Shapes.some(function (data) {
                                if (name == data.Name) {
                                    shape = data;
                                    return true;
                                } else {
                                    return false;
                                }
                            });
                        }
                    }
                    var gNode = null;
                    if (shape && shape.Glyphs) {
                        if (dataCtrl.dataType == "树状结构") {
                            var Level = 0;
                            if (data[dataCtrl.Parent] != null) {
                                Level = oLevels[data[dataCtrl.Parent]];
                                if (Level != null) {
                                    Level++;
                                    oLevels[data[dataCtrl.No]] = Level;
                                }
                            }
                            if (Level != null) {
                                gNode = RenderShape(shape, data);
                                gNode.Level = Level;
                                gNode.classList.add("Level_" + Level);
                            } else {
                                CLShowMsg("父节点不存在");
                                return null;
                            }
                        } else {
                            gNode = RenderShape(shape, data);
                        }
                    }
                    if (gNode && dataCtrl.NodeCreated) {
                        CtrlBox.currentNode = gNode;
                        Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(节点创建)\n" + dataCtrl.NodeCreated);
                    }
                    return gNode;
                }

                CtrlBox.GetNode = function (No) {
                    return Surface.querySelector(".Node[No='" + No + "']");
                }

                CtrlBox.RemoveNode = function (No) {
                    var gNode = Surface.querySelector(".Node[No='" + No + "']");
                    if (gNode) {
                        gNode.remove();
                        var data = gNode.dataLine;
                        var lines = svg.querySelectorAll(".Line[No^='" + data[dataCtrl.No] + "_'],.Line[No$='_" + data[dataCtrl.No] + "']");
                        lines.forEach(function (line) {
                            CtrlBox.RemoveLine(line);
                        });
                        if (dataCtrl.NodeDeleted) {
                            CtrlBox.currentNode = gNode;
                            Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(节点删除)\n" + dataCtrl.NodeDeleted);
                        }
                    }
                }

                CtrlBox.AddLine = function (data) {
                    var gLine = RenderLine(data);
                    if (gLine) {
                        if (oLevels) {
                            var pLevel = oLevels[data[dataCtrl.Parent]];
                            var tLevel = oLevels[data[dataCtrl.No]];
                            if (pLevel != null && tLevel) {
                                gLine.Level = [pLevel, tLevel];
                                gLine.classList.add("Level_" + pLevel + "-" + tLevel);
                            }
                        }
                        if (dataCtrl.LineCreated) {
                            CtrlBox.currentLine = gLine;
                            Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(节点创建)\n" + dataCtrl.LineCreated);
                        }
                    }
                    return gLine;
                }

                CtrlBox.RemoveLine = function (No) {
                    var line = No;
                    if (typeof line == "string") {
                        line = svg.querySelectorAll(".Line[No='" + line + "_']");
                    }
                    line.remove();
                    if (dataCtrl.LineDeleted) {
                        CtrlBox.currentLine = line;
                        Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(连线删除)\n" + dataCtrl.LineDeleted);
                    }
                }

                CtrlBox.Print = function (zoom, type) {
                    zoom = zoom == null ? 1 : zoom;
                    var oViewBox = fViewBox();
                    var Box = Surface.getBBox();
                    CtrlBox.LookAt(Box.x + Box.width / 2, Box.y + Box.height / 2);
                    CtrlBox.Zoom(Math.min(Surface.clientWidth / Box.width, Surface.clientHeight / Box.height));
                    var Zoom = fZoom();
                    var viewBox = fViewBox();
                    fViewBox(oViewBox);
                    zoom /= Zoom;
                    var svg = '<svg xmlns="' + xmlns + '" xmlns:xlink="' + xlink + '" viewBox="' + viewBox + '">';
                    svg += Surface.innerHTML;
                    svg += "</svg>";
                    if (type == null || type == "svg") {
                        CLSaveAsLocal(dataCtrl.Name + ".svg", svg);
                    } else if (type == "png") {
                        CLSvgEditor.PrintAsPng(dataCtrl.Name + ".png", svg, Surface.clientWidth * zoom, Surface.clientHeight * zoom);
                    }
                }

                Object.defineProperty(CtrlBox, "Nodes", {
                    get: function () {

                    }
                });
                Object.defineProperty(CtrlBox, "Lines", {
                    get: function () {

                    }
                });

                Box = CtrlBox.firstChild;
                Canvas = document.createElement("div");
                Canvas.setAttribute("tabindex", "1");
                Canvas.className = "Canvas";
                Box.appendChild(Canvas);
                Canvas.innerHTML = '<svg class="Surface" xmlns="' + xmlns + '" xmlns:xlink="' + xlink + '"></svg>';
                var svg = Surface = Canvas.firstChild;
                CtrlBox.Prepare = function () {
                    CtrlBox.setAttribute("tabindex", "1");
                    CtrlBox.style.outline = "none";
                    Operation = MoveZoom(svg);
                    fViewBox([-svg.clientWidth / 2, -svg.clientHeight / 2, svg.clientWidth, svg.clientHeight]);
                    Designer.PushSourceChanged(dataCtrl.SourceID);
                    CtrlBox.on_end_resize = function () {
                        fResize();
                    }
                    CtrlBox.oncontextmenu = function (e) {
                        return false;
                    }
                    if (dataCtrl.zoomSurface) {
                        svg.addEventListener("mousewheel", fWheel);
                        svg.addEventListener("DOMMouseScroll", fWheel);
                    }
                    if (dataCtrl.dragSurface) {
                        var O;
                        fEnableMove(svg, function (dx, dy) {
                            var viewBox = fViewBox();
                            if (dx == null) {
                                O = { x: viewBox[0] + viewBox[2] / 2, y: viewBox[1] + viewBox[3] / 2 };
                                O.lx = 0;
                                O.ly = 0;
                            } else {
                                O.lx += dx;
                                O.ly += dy;
                                viewBox = [O.x - O.lx - viewBox[2] / 2, O.y - O.ly - viewBox[3] / 2, viewBox[2], viewBox[3]];
                                fViewBox(viewBox);
                            }
                        });
                    }
                    Designer.SourceDataChanged.push(function (IDs) {
                        if (IDs.indexOf(dataCtrl.SourceID) < 0) {
                            return;
                        }
                        CtrlBox.Render();
                    });
                }
                CtrlBox.Surface = Surface;
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                var gNode = SvgElement("g");
                gNode.GetMatrix = function () { };
                gNode.SetMatrix = function (matrix) { };
                if (window.JsParser) {
                    JsParser.SetReturn(gNode.GetMatrix, new CLMatrix());
                }
                gNode.UpdateLine = function () { };
                gNode.RedrawLine = function () { };
                CtrlBox.LookAt = function (x, y) { }
                if (dataCtrl.dataType == "树状结构") {
                    gNode.Level = 0;
                    gNode.Parent = gNode;
                    gNode.First = gNode;
                    gNode.Next = gNode;
                    gNode.Last = gNode;
                    gNode.Prev = gNode;
                }
                gNode.dataLine = (function () {
                    var o = {};
                    var info = Designer.GetFieldsBySourceId(dataCtrl.SourceID);
                    info && info.forEach(function (field) {
                        o[field.ID] = FrmCtrls.GetValueProps(field.className);
                    });
                    return o;
                }());
                CtrlBox.currentNode = gNode;
                CtrlBox.currentLine = SvgElement("g");
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "数据结构");
                var Box = createValue(propBody, "div");
                Box.style.border = "none";
                Box.style.overflow = "hidden";
                Box.style.height = "20px";
                var list = new CLList([{ ID: "树状结构", Name: "树状结构" }, { ID: "自由结构", Name: "自由结构" }], Box, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "95px";
                });
                if (!dataCtrl.dataType) {
                    dataCtrl.dataType = "自由结构";
                }
                list.Select(dataCtrl.dataType);
                list.OnSelected = function () {
                    dataCtrl.dataType = this.getSelIds()[0];
                    FrmUiCtrls["网状控件"].Prop(CtrlBox, propBody);
                }
                list.canLost = false;
                var lBox = Box.lastChild;
                lBox.style.padding = "0";
                lBox.style.maxHeight = "initial";
                FieldConfig(CtrlBox, propBody);
                {
                    propGrp = PropGroup(propBody, "节点布局");
                    createSplit(propGrp);
                    var layBtn = createBtn(propGrp, "设置");
                    layBtn.onclick = function () {
                        var codeDlg = Designer.codeDlg(dataCtrl.layCode, function (Val) {
                            dataCtrl.layCode = Val;
                        }, "设置变换矩阵");
                        codeDlg.editor.globalScope["Self"] = CtrlBox;
                    }
                }
                var propGrp = PropGroup(propBody, "节点形状");
                createSplit(propGrp);
                var label = propGrp.Label;
                var addBtn = document.createElement("span");
                addBtn.style.color = "#0db3a6";
                addBtn.style.cssFloat = "right";
                addBtn.style.marginRight = "10px";
                addBtn.innerHTML = "添加";
                label.appendChild(addBtn);
                addBtn.Grp = propGrp;
                function ShapeName() {
                    var list = [];
                    var N = -1;
                    dataCtrl.Shapes.forEach(function (ele) {
                        if (ele && ele.Name) {
                            if (ele.Name == "未命名") {
                                N = 0;
                            }
                            var match = ele.Name.match(/未命名\([0-9]+\)$/);
                            if (match) {
                                match = match[0];
                                match = match.substr(1, match.length - 1);
                                list.push(match * 1);
                            }
                        }
                    });
                    CLQuickSort(list, function (e1, e2) {
                        return e1 - e2;
                    });
                    list.some(function (ele) {
                        if (ele > N + 1) {
                            return true;
                        } else {
                            N = ele;
                            return false;
                        }
                    });
                    if (N < 0) {
                        return "未命名";
                    } else {
                        return "未命名(" + (N + 1) + ")";
                    }
                }
                addBtn.onclick = function (e) {
                    var addBtn = this;
                    NodeShape(null, function (shape) {
                        if (!dataCtrl.Shapes) {
                            dataCtrl.Shapes = [];
                        }
                        dataCtrl.Shapes.push(shape);
                        ShowShape(shape, addBtn.Grp);
                        addBtn.Grp.Open();
                    });
                    e.stopPropagation();
                }
                function ShowShape(shape, block) {
                    var Val = createValue(block, "div");
                    Val.classList.add("Item");
                    Val.Shape = shape;
                    var Input = createValue(Val);
                    Input.style.width = "calc(100% - 60px)";
                    if (!shape.Name) {
                        shape.Name = ShapeName();
                    }
                    Input.value = shape.Name;
                    Input.onchange = function () {
                        Val.Shape.Name = Input.value;
                    }
                    var Move = document.createElement("div");
                    Move.classList.add("Move");
                    Val.appendChild(Move);
                    var Set = document.createElement("div");
                    Set.classList.add("Set");
                    Val.appendChild(Set);
                    Set.onclick = function () {
                        NodeShape(Val.Shape, function (shape) {
                            Val.Shape.Glyphs = shape.Glyphs;
                            Val.Shape.viewBox = shape.viewBox;
                        });
                    }
                    var Del = document.createElement("div");
                    Del.classList.add("Del");
                    Val.appendChild(Del);
                    function update() {
                        var list = dataCtrl.Shapes;
                        list.splice(0, list.length);
                        var all = block.querySelectorAll(".Value.Item");
                        for (var i = 0; i < all.length; i++) {
                            list[i] = all[i].Shape;
                        }
                    }
                    Del.onclick = function () {
                        Val.remove();
                        update();
                    }
                    CLEnableDragPosition(Val, null, Move, function () {
                        update();
                    });
                }
                if (dataCtrl.Shapes) {
                    dataCtrl.Shapes.forEach(function (shape) {
                        if (shape) {
                            ShowShape(shape, propGrp);
                        }
                    });
                }
                propGrp = PropGroup(propBody, "连接规则");
                createSplit(propGrp);
                var ruleBtn = createBtn(propGrp, "设置");
                ruleBtn.onclick = function () {
                    CtrlBox.fromNode = CtrlBox.toNode = gNode;
                    var codeDlg = Designer.codeDlg(dataCtrl.lineRule, function (Val) {
                        dataCtrl.lineRule = Val;
                    }, "设置连接规则");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                propGrp = PropGroup(propBody, "连线形状");
                createSplit(propGrp);
                var label = createLabel(propGrp, "线条形状");
                var list = new CLList([{ ID: "圆角折线", Name: "圆角折线" }, { ID: "贝塞尔曲线", Name: "贝塞尔曲线" }], propGrp, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "105px";
                });
                if (!dataCtrl.lineType) {
                    dataCtrl.lineType = "圆角折线";
                }
                list.canLost = false;
                list.OnSelected = function () {
                    dataCtrl.lineType = this.getSelIds()[0];
                    if (dataCtrl.lineType == "圆角折线") {
                        rInput.style.display = "";
                        rInput.previousSibling.style.display = "";
                    } else {
                        rInput.style.display = "none";
                        rInput.previousSibling.style.display = "none";
                    }
                }
                label = createLabel(propGrp, "圆角半径");
                var rInput = createValue(propGrp);
                rInput.oninput = function () {
                    CLCheckFloat(this, 3);
                }
                rInput.onchange = function () {
                    dataCtrl.lineRadius = rInput.value * 1;
                }
                if (dataCtrl.lineRadius == null) {
                    dataCtrl.lineRadius = 5;
                }
                rInput.value = dataCtrl.lineRadius;
                list.Select(dataCtrl.lineType);
                createSplit(propGrp);
                var label = createLabel(propGrp, "线条端点");

                var list = new CLList([{ ID: "无", Name: "无" }, { ID: "末端箭头", Name: "末端箭头" }, { ID: "两端箭头", Name: "两端箭头" }, { ID: "两端圆点", Name: "两端圆点" }], propGrp, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "105px";
                });
                if (!dataCtrl.linePointer) {
                    dataCtrl.linePointer = "末端箭头";
                }
                list.Select(dataCtrl.linePointer);
                list.canLost = false;
                list.OnSelected = function () {
                    dataCtrl.linePointer = this.getSelIds()[0];
                }
                var propGrp = PropGroup(propBody, "鼠标操作");
                createSplit(propGrp);
                label = createLabel(propGrp, "拖拽容器");
                var dragSurf = new CLCheckBox("启用", propGrp);
                dragSurf.checked = dataCtrl.dragSurface;
                dragSurf.onchanged = function () {
                    dataCtrl.dragSurface = this.checked;
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "缩放容器");
                var zoomSurf = new CLCheckBox("启用", propGrp);
                zoomSurf.checked = dataCtrl.zoomSurface;
                zoomSurf.onchanged = function () {
                    dataCtrl.zoomSurface = this.checked;
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "拖拽节点");
                var dragNode = new CLCheckBox("启用", propGrp);
                dragNode.Box.style.display = "inline-block";
                dragNode.onchanged = function () {
                    dataCtrl.dragNode = this.checked;
                    if (dataCtrl.dragNode) {
                        aliInput.style.display = "inline-block";
                        aliInput.previousSibling.style.display = "inline-block";
                    } else {
                        aliInput.style.display = "none";
                        aliInput.previousSibling.style.display = "none";
                    }
                }
                if (dataCtrl.dataType == "树状结构") {
                    var dragChild = new CLCheckBox("移动子节点", label);
                    var style = dragChild.Box.style;
                    style.display = "inline-block";
                    style.cssFloat = "right";
                    style.fontWeight = "100";
                    dragChild.onchanged = function () {
                        dataCtrl.dragChild = this.checked;
                    }
                    dragChild.checked = dataCtrl.dragChild;
                }
                label = createLabel(propGrp, "对齐值:");
                label.style.cssText = "display:inline-block;font-weight:100;margin:0 6px;line-height:25px;height:25px;vertical-align:top";
                var aliInput = createValue(propGrp);
                aliInput.style.cssText = "display:inline-block;width:100px;height:25px;";
                aliInput.oninput = function () {
                    CLCheckInt(this, 0, 20);
                }
                aliInput.onchange = function () {
                    dataCtrl.dragAlign = aliInput.value * 1;
                }
                if (dataCtrl.dragAlign == null) {
                    dataCtrl.dragAlign = 5;
                }
                aliInput.value = dataCtrl.dragAlign;
                dragNode.checked = dataCtrl.dragNode;
                createSplit(propGrp);
                label = createLabel(propGrp, "拖拽连接");
                var dragConnect = new CLCheckBox("启用", propGrp);
                dragConnect.checked = dataCtrl.dragConnect;
                dragConnect.onchanged = function () {
                    dataCtrl.dragConnect = this.checked;
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "拖拽连线");
                var dragLine = new CLCheckBox("启用", propGrp);
                dragLine.checked = dataCtrl.dragLine;
                dragLine.onchanged = function () {
                    dataCtrl.dragLine = this.checked;
                }
                var propGrp = PropGroup(propBody, "事件回调");
                createSplit(propGrp);
                function DlgCode(key, title) {
                    var codeDlg = Designer.codeDlg(dataCtrl[key], function (Val) {
                        dataCtrl[key] = Val;
                    }, title);
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                label = createLabel(propGrp, "节点创建事件");
                var btn = createBtn(propGrp, "设置");
                btn.data = {
                    key: "NodeCreated",
                    title: "节点创建事件"
                };
                btn.onclick = function () {
                    var data = this.data;
                    DlgCode(data.key, data.title);
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "节点删除事件");
                var btn = createBtn(propGrp, "设置");
                btn.data = {
                    key: "NodeDeleted",
                    title: "节点删除事件"
                };
                btn.onclick = function () {
                    var data = this.data;
                    DlgCode(data.key, data.title);
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "连接成功事件");
                var btn = createBtn(propGrp, "设置");
                btn.data = {
                    key: "LineCreated",
                    title: "节点删除事件"
                };
                btn.onclick = function () {
                    var data = this.data;
                    DlgCode(data.key, data.title);
                }
                createSplit(propGrp);
                label = createLabel(propGrp, "连线断开事件");
                var btn = createBtn(propGrp, "设置");
                btn.data = {
                    key: "LineDeleted",
                    title: "连线断开事件"
                };
                btn.onclick = function () {
                    var data = this.data;
                    DlgCode(data.key, data.title);
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["网状控件"]);
    }());

    (function (选项卡) {
        FrmUiCtrls["选项卡"] = {
            Icon: "&#xe69f;"
            , Name: "选项卡"
            , DefSize: {
                Width: 330,
                Height: 30,
            }
            , DefMinSize: [150, 30]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                CtrlBox.Changed = [];
                function OnChanged() {

                }

                var Value = null;
                var block = document.createElement("div");
                block.style.cssText = "width:100%;height:100%;";
                block.className = "Group";
                CtrlBox.appendChild(block);

                var cssNull = block.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        block.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                Object.defineProperty(CtrlBox, "Value", {
                    get: function () {
                        var box = grp && grp.groupDiv.querySelector(".BtnSel");
                        return box && box.Btn.Value;
                    }
                    , set: function (Val) {
                        if (Val == this.Value) {
                            return;
                        }
                        var index = typeof Val == "number" ? Val : grp && grp.dataList.Index[Val];
                        if (index != null) {
                            grp && grp.Select(index);
                        } else if (grp) {
                            grp.Select(-1);
                        }
                    }
                });
                var grp = null;
                var onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                function resize() {
                    var box = block.lastChild;
                    var down = block.firstChild;
                    if (box.lastChild) {
                        if (box.lastChild.offsetWidth + box.lastChild.offsetLeft > box.offsetWidth) {
                            down.style.display = "";
                        } else {
                            down.style.display = "none";
                        }
                    } else {
                        down.style.display = "none";
                    }
                }
                function menu(data, target, grp) {
                    var items = [];
                    var checked = null;
                    data.forEach(function (ele, index) {
                        items.push({
                            Text: ele.Name,
                            Enable: true,
                            style: {
                                "line-height": "30px",
                                "height": "30px"
                            },
                            OnCreated: function (item) {
                                if (CtrlBox.Value == ele.Value) {
                                    checked = item;
                                    item.classList.add("ItemSel");
                                }
                            },
                            CallBack: function () {
                                var btn = grp.Select(index);
                                if (btn) {
                                    btn.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
                                }
                                _menu.Close();
                            }
                        });
                    });
                    var dataMenu = {
                        style: {},
                        Items: items
                    }
                    var _menu = new CLMenu(dataMenu, target);
                    _menu.EnableSearch(true);
                    if (Designer.Scope) {
                        _menu.Box.parentNode.classList.add(Designer.Scope);
                    }
                    if (checked) {
                        checked.scrollIntoView({ block: "nearest", inline: "nearest" });
                    }
                }
                function show(data) {
                    block.innerHTML = "";
                    var down = document.createElement("div");
                    down.className = "Down";
                    block.appendChild(down);
                    down.onclick = function () {
                        menu(data, this, grp);
                    }
                    grp = new CLBtnGroup(block, data);

                    grp.dataList = data;
                    if (dataCtrl.UiStyle == "标签") {
                        block.lastChild.className = "CLTab";
                    }
                    if (dataCtrl.Dir == "纵向") {
                        block.lastChild.classList.add("Vertical");
                    }
                    block.lastChild.classList.add("Body");
                    grp.OnSelected = function (divBtn) {
                        divBtn.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
                        var code = "//【" + dataCtrl.Name + "】(选中事件)\n" + dataCtrl.OnSelected;
                        CtrlBox.Button = divBtn;
                        Designer.runCode(CtrlBox, code);
                    }
                    var left = null;
                    function wheel(e) {
                        left = left == null ? block.lastChild.scrollLeft : left;
                        if (e.detail) {
                            if (e.detail < 0) {
                                left += -100;
                            } else {
                                left += 100;
                            }
                        } else {
                            if (event.wheelDelta > 0) {
                                left += -100;
                            } else {
                                left += 100;
                            }
                        }
                        block.lastChild.scroll && block.lastChild.scroll({
                            left: left,
                            behavior: 'smooth'
                        });
                        CLDelay(function () {
                            left = null;
                        }, 300, null, block);
                        e.stopPropagation();
                        e.preventDefault();
                    }
                    if (dataCtrl.Dir != "纵向") {
                        block.lastChild.onmousewheel = wheel;
                        block.lastChild.addEventListener("DOMMouseScroll", wheel);
                    }
                    CtrlBox.on_end_resize = function () {
                        resize();
                    }
                    Designer.runCode(CtrlBox, onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                    resize();
                }
                CtrlBox.Prepare = function () {
                    var flag = false;
                    if (dataCtrl.ItemInfo != null) {
                        if (dataCtrl.ItemInfo.Type == "数据查询") {
                            var Info = dataCtrl.ItemInfo["数据查询"];
                            Designer.SourceDataChanged.push(function (IDs) {
                                var Val = Designer.SourceData[Info.sourceId];
                                if (IDs.indexOf(Info.sourceId) >= 0) {
                                    var data = [];
                                    data.Index = {};
                                    if (Info.realValue != null && Info.shownValue != null) {
                                        for (var i = 0; Val != null && i < Val.length; i++) {
                                            var realVal = Val[i][Info.realValue];
                                            if (realVal == null) {
                                                continue;
                                            }
                                            realVal = realVal.oVal || realVal;
                                            var shownValue = Val[i][Info.shownValue];
                                            shownValue = shownValue.oVal || shownValue;
                                            if (data.Index[realVal] == null && !!shownValue) {
                                                data.push({
                                                    Name: shownValue,
                                                    Value: realVal,
                                                    dataLine: Val[i]
                                                });
                                                data.Index[realVal] = data.length - 1;
                                            }
                                        }
                                    }
                                    show(data);
                                }
                            });
                            Designer.PushSourceChanged(Info.sourceId);
                        } else {
                            var data = [];
                            data.Index = {};
                            var Val = dataCtrl.ItemInfo["自定义"];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                if (!!Val[i].realValue && data.Index[Val[i].realValue] == null && !!Val[i].shownValue) {
                                    data.push({
                                        Name: Val[i].shownValue,
                                        Value: Val[i].realValue
                                    });
                                    data.Index[Val[i].realValue] = data.length - 1;
                                }
                            }
                            show(data);
                        }
                    } else {
                        Designer.runCode(CtrlBox, onLoad);
                    }
                }
            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                (function (选项) {
                    createSplit(propBody);
                    var label = createLabel(propBody, "选项");
                    var Btn = createBtn(propBody, "设置");
                    Btn.onclick = function () {
                        ItemDlg(Designer, dataCtrl.ItemInfo, function (ItemInfo) {
                            dataCtrl.ItemInfo = ItemInfo;
                        });
                    }
                }());
                createSplit(propBody);
                label = createLabel(propBody, "方向");
                var list = new CLList([
                    {
                        ID: "横向",
                        Name: "横向"
                    },
                    {
                        ID: "纵向",
                        Name: "纵向"
                    }
                ], propBody, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "50%";
                });
                list.Select(dataCtrl.Dir || "横向");
                list.OnSelected = function (ItemData) {
                    dataCtrl.Dir = ItemData.ID;
                }
                createSplit(propBody);
                var label = createLabel(propBody, "风格");
                var _uistyle = new CLSelect(propBody);
                _uistyle.AddItems(["按钮", "标签"]);
                _uistyle.selectedIndex = _uistyle.Items.indexOf(dataCtrl.UiStyle);
                if (_uistyle.selectedIndex == -1) {
                    _uistyle.selectedIndex = 0;
                }
                _uistyle.onchanged = function () {
                    dataCtrl.UiStyle = _uistyle.GetValue();
                }
                createSplit(propBody);
                label = createLabel(propBody, "选中事件");
                var btn = createBtn(propBody, "设置");
                btn.onclick = function () {
                    var codeDlg = Designer.codeDlg(dataCtrl.OnSelected, function (Val) {
                        dataCtrl.OnSelected = Val;
                    }, "选中事件");
                    codeDlg.editor.globalScope["Self"] = CtrlBox;
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["选项卡"]);
    }());

    (function (超级图表) {
        FrmUiCtrls["超级图表"] = {
            Icon: "&#xe60f;"
            , Name: "超级图表"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [150, 150]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Chart";
                CtrlBox.appendChild(Div);
                var _ExcelCalculator;
                var cssNull = Div.style.cssText;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });

                function CalcSource() {
                    var Config = dataCtrl.Config;
                    var list = [];
                    function func(data) {
                        var conf = data && data["{config}"];
                        if (conf && conf.type == "source" && conf.value) {
                            list.push(conf.value);
                        }
                        if (data && typeof data == "object") {
                            for (var key in data) {
                                func(data[key]);
                            }
                        }
                    }
                    func(Config);
                    return list;
                }

                CtrlBox.cssText = dataCtrl.cssText;

                var myChart;

                Object.defineProperty(CtrlBox, "eChart", {
                    get: function () {
                        return S_Echarts(Div, dataCtrl.Config).eChart;
                    }
                });
                var sourceIds;
                function show(event) {
                    Designer.QueryData(sourceIds, false, function () {
                        var SourceData = Designer.SourceData;
                        var _Echarts = S_Echarts(Div, dataCtrl.Config);
                        myChart = _Echarts.eChart;
                        var _Compile = _Echarts.Compile;
                        _Echarts.Compile = function (code, args) {
                            args.push("Self", "Designer");
                            var func = _Compile.call(this, code, args);
                            return function () {
                                var args = [];
                                for (var i = 0; i < arguments.length; i++) {
                                    args.push(arguments[i]);
                                }
                                args.push(CtrlBox);
                                args.push(Designer);
                                return func.apply(this, args);
                            }
                        }
                        var option = _Echarts.Translate(SourceData);
                        function draw(option) {
                            _Echarts.Render(option);
                            var click = dataCtrl.onclick && dataCtrl.onclick.trim() || "";
                            if (!!click) {
                                myChart.on("click", function (param) {
                                    if (!!click) {
                                        click = "//【" + dataCtrl.Name + "】(点击事件)\n" + click;
                                        (function () {
                                            var dataLine = param.data && param.data["{data}"]();
                                            var dataObject = param.data;
                                            var dataSource = null;
                                            var dataList = null;
                                            var Self = CtrlBox;
                                            var Widget = CtrlBox;
                                            eval(click);
                                        }).call(CtrlBox);
                                    }
                                });
                            }
                            if (dataCtrl.showBtn) {
                                Div.insertAdjacentHTML("beforeend", "<div style='color:#0db3a6;position:absolute;right:5px;top:5px;cursor:pointer'>查看</div>");
                                var btn = Div.lastChild;
                                btn.onclick = function () {
                                    var btn = this;
                                    var rect = btn.getBoundingClientRectEx();
                                    var X = rect.right + 20;
                                    var Y = rect.top;
                                    if (Y + 600 > CLTop.innerHeight) {
                                        Y = CLTop.innerHeight - 600;
                                    }
                                    if (X + 300 > CLTop.innerWidth) {
                                        X = CLTop.innerWidth - 300;
                                    }
                                    if (btn.dlg) {
                                        btn.dlg.AnimationTo(X, Y);
                                        return;
                                    }
                                    var Vars = {};
                                    Vars.Object = option;
                                    Vars.fFilter = function (key) {
                                        return !/^\{[\S]+\}$/.test(key);
                                    }
                                    Vars.changed = function (Val) {
                                        try {
                                            draw(Val);
                                        } catch (e) {

                                        }
                                    }
                                    var frm = HttpGet("/CLUI/Object", null, false, true);
                                    var dlg = CLTop.CLFrm.CreateInstance(frm, Vars, "对象浏览器", 300, 600, null);
                                    dlg.AnimationTo(X, Y);
                                    dlg.Modal = false;
                                    btn.dlg = dlg;
                                    dlg.onclosed = function () {
                                        delete btn.dlg;
                                    }
                                }
                            }
                        }
                        draw(option);
                        if (event !== false) {
                            Designer.runCode(CtrlBox, "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad);
                            Designer.CtrlShown(dataCtrl.ID);
                        }
                    });
                }

                CtrlBox.Render = function () {
                    show(false);
                }

                CtrlBox.Prepare = function () {
                    onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    sourceIds = CalcSource();
                    if (sourceIds.length > 0) {
                        for (var i = 0; i < sourceIds.length; i++) {
                            Designer.PushSourceChanged(sourceIds[i]);
                        }
                    } else {
                        show();
                    }
                    CtrlBox.on_end_resize = function () {
                        try {
                            myChart && myChart.resize();
                        } catch (e) { }
                    }
                }

                Designer.SourceDataChanged.push(function (IDs) {
                    var bRet = true;
                    for (var i = 0; i < sourceIds.length; i++) {
                        if (IDs.indexOf(sourceIds[i]) >= 0) {
                            bRet = false;
                        }
                    }
                    if (bRet) {
                        return;
                    }
                    show();
                });

            }
            , Prop: function (CtrlBox, propBody) {
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                CtrlBox.on_end_sort = null;
                CLRegiste("echarts.min", null, false, "/third-party/CLChart/dist", "1.0");
                CtrlBox.eChart = echarts.init(CtrlBox.firstChild);
                CtrlBox.on_end_col_resize = null;
                CtrlBox.SetColIndexes = function () { };
                CtrlBox.SetColsWidth = function () { };
                propBody.innerHTML = "";
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "图表设置");
                var Btn = createBtn(propBody, "编辑");
                Btn.onclick = function () {
                    var block = document.createElement("div");
                    block.style.cssText = "position:fixed;top:0;bottom:0;left:0;right:0;background:#fff";
                    block.style.zIndex = CLMaxZIndex();
                    document.body.appendChild(block);
                    var TopBar = document.createElement("div");
                    TopBar.className = "TopBar";
                    block.appendChild(TopBar);
                    TopBar.innerHTML = "<div class='NavLeft'><div class='Back' style='font-size: 31.5px;margin-right: 5px;vertical-align: top;text-align: center;display: inline-block;width: 40px;cursor: pointer;color: #fff;font-family: CLFont;'>&#xe679;</div><div class='Name' style='max-width: 250px'>" + dataCtrl.Name + "</div></div>";
                    var Back = TopBar.getElementsByClassName("Back")[0];
                    Back.onclick = function () {
                        if (_frm) {
                            dataCtrl.Config = _frm.GetVarValue("g_Config");
                        }
                        block.remove();
                    }
                    var body = document.createElement("div");
                    body.style.cssText = "position:fixed;top:45px;bottom:0;left:0;right:0;background:#fff";
                    block.appendChild(body);
                    var box = new CLCheckBox("预览效果", TopBar);
                    box.Box.style.cssText = "margin: 0px auto; width: 100px; height: 30px;";
                    var preview;
                    var ele;
                    box.onchanged = function () {
                        if (box.checked) {
                            ele = document.activeElement;
                            ele.blur();
                            preview = body.cloneNode();
                            preview.style.background = "#fff";
                            block.appendChild(preview);
                            var data = CLClone(Designer.getData());
                            var _dataCtrl = CLClone(dataCtrl);
                            _dataCtrl.maxSize = ['100%', '100%'];
                            _dataCtrl.minSize = ['100%', '100%'];
                            data.Ctrls = [_dataCtrl];
                            var frm = new FrmDesignerEx(preview, false);
                            frm.setData(data);
                        } else {
                            preview.remove();
                            ele.focus();
                        }
                    }
                    var vVars = {};
                    vVars.Self = CtrlBox;
                    vVars.g_Config = dataCtrl.Config || {};
                    vVars["保存"] = function () {
                        dataCtrl.Config = _frm.GetVarValue("g_Config");
                        Designer.Save();
                    };
                    vVars["数据源"] = function () {
                        return Designer.getAllSources() || [];
                    };
                    vVars["数据源字段"] = function (sourceId) {
                        return Designer.GetFieldsBySourceId(sourceId) || [];
                    };
                    vVars["数据源数据"] = function () {
                        return [];
                    };
                    vVars["Scope"] = function (scope) {
                        scope.Designer = Designer;
                        scope.Self = CtrlBox;
                    }
                    var _frm;
                    var dataFrm = HttpGet("/View/Form/lib/Frm/SChart", null, false, true);
                    CLFrm.CreateInstance(dataFrm, vVars, "", null, null, null, function (frm) {
                        _frm = frm;
                    }, body);
                }
                createSplit(propBody);
                label = createLabel(propBody, "点击事件");
                var Btn = createBtn(propBody, "设置");
                Btn.onclick = function () {
                    var editor = Designer.codeDlg(dataCtrl.onclick, function (onclick) {
                        dataCtrl.onclick = onclick;
                    });
                    var scope = editor.getGlobalScope();
                    scope.dataLine = {};
                    scope.dataObject = { "{data}": function () { }, "{parent}": function () { } };
                    scope.Parent = function () { };
                    scope.Self = CtrlBox;
                }
                createSplit(propBody);
                label = createLabel(propBody, "调试");
                var box = new CLCheckBox("显示查看按钮", propBody);
                box.checked = dataCtrl.showBtn;
                box.onchanged = function () {
                    dataCtrl.showBtn = box.checked;
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody, function (scope) {
                    scope.H5 = H5;
                });
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return self.BindInfo == null ? false : JSON.stringify(self.BindInfo).indexOf(dataCtrl.ID) >= 0;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["超级图表"]);
    }());

    (function (自定义) {
        FrmUiCtrls["自定义"] = {
            Icon: "&#xe611;"
            , Name: "自定义"
            , DefSize: {
                Width: 330,
                Height: 330,
            }
            , DefMinSize: [150, 150]
            , Create: function (CtrlBox, dataCtrl) {
                var Designer = CtrlBox.Designer;
                CtrlBox.dataCtrl = dataCtrl;
                var Div = document.createElement("div");
                Div.className = "Cus";
                Div.style.overflow = "auto";
                Div.style.height = "100%";
                Div.style.width = "100%";
                CtrlBox.appendChild(Div);
                var _CLExcel;
                var cssNull = Div.style.cssText;
                var Msg = null;
                //设置样式
                Object.defineProperty(CtrlBox, "cssText", {
                    set: function (cssText) {
                        Div.style.cssText = cssNull + cssText;
                    }
                });
                CtrlBox.cssText = dataCtrl.cssText;
                var sourceIds = dataCtrl.sourceIds || [];
                var first = true;
                function show() {
                    var funcs = [];
                    if (dataCtrl.argType != "2") {
                        Designer.OnVarValueChanged(null, function (name, value) {
                            var len = funcs.length;
                            for (var i = 0; i < len; i++) {
                                if ((Array.isArray(funcs[i].name) && funcs[i].name.includes(name)) || (funcs[i].name == name)) {
                                    if (funcs[i].func(value) != "wait") {
                                        funcs.splice(i, 1);
                                        len--;
                                        i--;
                                    }
                                }
                            }
                        })
                    }
                    Designer.QueryData(sourceIds, false, function () {
                        var SourceData = Designer.SourceData;
                        var h5 = H5(Div);
                        if (!Msg) {
                            var data = {};
                            for (var i = 0; i < sourceIds.length ; i++) {
                                data[sourceIds[i]] = CLClone(SourceData[sourceIds[i]])
                            }
                            if (dataCtrl.argType != "2") {
                                h5.SetParam = function (name, value, event, strict) {
                                    Designer.SetVarValue(name, value, event, strict);
                                }
                                h5.GetParam = function (name) {
                                    return Designer.GetVarValue(name);
                                }
                                h5.WaitParam = function (name, func) {
                                    funcs.push({ name: name, func: func });
                                }
                            }
                            if (first) {
                                h5.Render(dataCtrl.Config, data);
                                first = false;
                            } else {
                                h5.Reload(data);
                            }
                        } else if (Msg.type == "reload") {
                            var data = {};
                            data[Msg.sourceId] = SourceData[Msg.sourceId];
                            h5.Reload(data);
                        } else {
                            if (Msg.type == "add") {
                                h5.Add(Msg.sourceId, Msg.Lines);
                            } else if (Msg.type == "update") {
                                h5.Update(Msg.sourceId, Msg.Lines);
                            } else if (Msg.type == "delete") {
                                h5.Delete(Msg.sourceId, Msg.Lines);
                            }
                        }
                    });
                }
                CtrlBox.Prepare = function () {
                    var onLoad = "//【" + dataCtrl.Name + "】(加载完成)\n" + dataCtrl.onLoad;
                    if (sourceIds.length > 0) {
                        for (var i = 0; i < sourceIds.length; i++) {
                            Designer.PushSourceChanged(sourceIds[i]);
                        }
                    } else {
                        show();
                    }
                    Designer.SourceDataChanged.push(function (IDs) {
                        Msg = Designer.severMsg;
                        var bRet = true;
                        for (var i = 0; i < sourceIds.length; i++) {
                            if (IDs.indexOf(sourceIds[i]) >= 0) {
                                bRet = false;
                            }
                        }
                        if (bRet) {
                            return;
                        }
                        show();
                    });
                    delete CtrlBox.H5;
                    Object.defineProperty(CtrlBox, "H5", {
                        get: function () {
                            if (H5.IsBox(Div)) {
                                return H5(Div);
                            } else {
                                return null;
                            }
                        }
                    });
                    Designer.runCode(CtrlBox, onLoad);
                    Designer.CtrlShown(dataCtrl.ID);
                }
                CtrlBox.H5 = Object.create(H5.prototype);
            }
            , Prop: function (CtrlBox, propBody) {
                propBody.innerHTML = "";
                var Designer = CtrlBox.Designer;
                var dataCtrl = CtrlBox.dataCtrl;
                propTitle(CtrlBox, propBody);
                createSplit(propBody);
                var label = createLabel(propBody, "内容设置");
                var Btn = createBtn(propBody, "编辑");
                Btn.onclick = function () {
                    Designer.H5Edit(dataCtrl.Name, dataCtrl.Config, function (Val, sourceIds) {
                        dataCtrl.Config = Val;
                        dataCtrl.sourceIds = sourceIds;
                    });
                }
                createSplit(propBody);
                var label = createLabel(propBody, "参数管理");
                var vBox = createValue(propBody, "div");
                vBox.style.height = "45px";
                vBox.style.border = "none";
                var list = new CLList([{ ID: "1", Name: "共享参数" }, { ID: "2", Name: "独立参数" }], vBox, false, function (item) {
                    item.style.display = "inline-block";
                    item.style.width = "initial";
                });
                vBox.lastChild.style.padding = "0";
                list.Select(dataCtrl.argType || "1");
                list.onchanged = function () {
                    dataCtrl.argType = list.getSelIds()[0];
                }
                SizeInfo(CtrlBox, propBody);
                cssAndEvet(CtrlBox, propBody);
            }
            , getDepend: function (Designer, self, dataCtrl) {
                return false;
            }
        }
        FrmUiCtrls["复合控件"].push(FrmUiCtrls["自定义"]);
    }());

    FrmUiCtrls.getFieldInfo = function (FieldName) {
        var info = CLApp.getFieldInfo(FieldName);
        if (info != null) {
            return info;
        } else {
            return {
                ID: FieldName,
                Name: FieldName,
                className: null
            }
        }
    }

    FrmUiCtrls.ConvertData = CLApp.ConvertData;

    function GetDataFieldRange(ID, SourceId, Success) {
        var Container = this;
        var Designer = Container.Designer;
        var Source = Container.Source;
        //是否有分页参数
        var Vars = Designer.CalcVars([SourceId]);
        var allVars = Designer.getAllVars();
        for (var key in Vars) {
            for (var i = 0; i < allVars.length ; i++) {
                if (allVars[i].ID == key && allVars[i].className == "页") {
                    Vars[key] = 1;
                }
                if (allVars[i].ID == key && allVars[i].className == "行") {
                    Vars[key] = 0x7fffffff;
                }
                if (allVars[i].ID == key && Container.NullVars.indexOf(key) >= 0) {
                    Vars[key] = null;
                }
            }
        }
        if (Source.Type == 1) {
            var jData = {
                FieldID: ID,
                Source: Source,
                Vars: Vars,
            };
            var url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetDataFieldRange";
            if (CLTop.location.href.toLocaleLowerCase().indexOf("autologin=true") > 0) {
                url += "&AutoLogin=true";
            }
            var load = HttpPost(url, function (Json) {
                var Items = [];
                for (var i = 0; i < Json.data.length; i++) {
                    if (Items.indexOf(Json.data[i]) < 0 && Json.data[i] != null) {
                        Items.push(Json.data[i]);
                    }
                }
                Success(Items);
            }, jData);
            load == null ? null : load.Stop();
        } else if (Source.Type == 2) {
            var oSuccess = Success;
            (function () {
                function Success(data) {
                    oSuccess(data);
                }

                function Error(msg) {
                    CLShowMsg(msg);
                    oSuccess([]);
                }

                function getVar(Id) {
                    return Vars[Id];
                }
                var __fieldId__ = ID;
                if (Source.code.FieldDataCode != null) {
                    try {
                        var code = "//【" + Source.Name + "】(获取列数据)\n" + Source.code.FieldDataCode.runCode;
                        eval(code);
                    } catch (e) {
                        oSuccess([]);
                        throw e;
                    }
                } else {
                    oSuccess([]);
                }
            }());
        } else {
            Success([]);
        }
    }

    window.CLFrm = FrmDesignerEx;

    CLFrm.NodeShape = NodeShape;
}());

;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLCodeEditor/CLCodeEditor.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLDialog/CLDialog.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLSelect/CLSelect.js" />

(function () {
    CLTop.CLLoad("/View/Form/Lib/Frm/FrmServerCode.css");

    var classNameFilters = ["关联查询", "关联数据", "分割线", "选项卡", "表格控件", "子表单"];

    window.FrmServerCodeDlg = function (Name, useBar) {
        var self = this;
        var MapR;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "position:relative;width:800px;height:600px;";
        var dlg = new CLDialog(dlgDiv);
        self.CLDialog = dlg;
        dlg.CreateAll(Name, function () {
            self.End();
        });
        self.funcEnd = function (toLor) {
            self.End(toLor);
        };
        DataSourceDlg.prototype.fastSave.call(self);
        dlg.EnableMove(dlg.Header);
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        dlg.onsizeChanged = function () {
            codeEditor.editor.setSize('auto', '100%');
        }

        var Body = dlg.Body;
        Body.className = "FrmServerCode";
        var Bar = document.createElement("div");
        self.Bar = Bar;
        Bar.className = "Bar";
        Body.appendChild(Bar);
        Bar.innerHTML = "<div class='CLBtnDef Save'>&#xe61b; 保存</div><div class='CLBtnDef Save'>&#xe61b; 存档</div><div  class='CLBtnDef Run'>&#xe74f;运行</div>"
        var saveBtn = Bar.childNodes[0];
        var saveBtn2 = Bar.childNodes[1];
        var runBtn = Bar.childNodes[2];
        saveBtn.onclick = function () {
            self.funcEnd();
        }
        saveBtn2.onclick = function () {
            self.funcEnd(true);
        }
        runBtn.onclick = function () {
            self.Run();
        }
        if (!useBar) {
            Bar.style.display = "none";
        }
        var Prop = document.createElement("div");
        Prop.className = "Prop";
        if (!useBar) {
            Prop.style.top = "10px";
        }
        Body.appendChild(Prop);

        var divTables = document.createElement("div");
        divTables.className = "Tables";
        divTables.style.marginTop = "0px";
        Prop.appendChild(divTables);
        var tableTree;
        var divEditor;
        var searchInput = document.createElement("input");
        searchInput.className = "CLSearch";
        divTables.appendChild(searchInput);
        searchInput.oninput = function () {
            tableTree.Search(searchInput.value);
        }
        var helpDiv = document.createElement("div");
        helpDiv.className = "FrmServerCodeDragHelp";
        function PushMark(ItemData) {
            if (ItemData.ID == ItemData.Name) {
                var Cur = codeEditor.getCursor();
                codeEditor.pushText(ItemData.Name);
                return function () {
                    codeEditor.Select({ line: Cur.line, ch: Cur.ch - ItemData.Name.length }, { line: Cur.line, ch: Cur.ch});
                }
            } else {
                var Mark = {
                    FieldData: {
                        ID: ItemData.ID,
                        Name: ItemData.Name,
                        className: ItemData.className
                    },
                    Color: ItemData.className == "Table" ? "rgb(0,19,145)" : "rgb(136,19,145)",
                    className: ItemData.className == "Table" ? "Table" : "Field"
                }
                if (Mark.className != "Table") {
                    Mark.FieldData.TableID = ItemData.TableID;
                }
                return codeEditor.pushMark(Mark).Select;
            }
        }
        function EnableDrag(Item, ItemData) {
            var X;
            var Y;
            var rect;
            Item.Window = CLTop;
            CLEnableMove(Item, function (Item) {
                helpDiv.style.zIndex = CLTop.CLMaxZIndex();
                dlgDiv.style.cursor = "";
                dlgDiv.parentNode.appendChild(helpDiv);
                helpDiv.style.zIndex = CLTop.CLMaxZIndex();
                helpDiv.innerHTML = ItemData.Name;
                rect = Item.getBoundingClientRect();
                helpDiv.style.left = rect.left + "px";
                helpDiv.style.top = rect.top + "px";
                X = Item.Pos.X;
                Y = Item.Pos.Y;
            }, function (Item) {
                helpDiv.style.left = Item.Pos.X - X + rect.left + "px";
                helpDiv.style.top = Item.Pos.Y - Y + rect.top + "px";
                return false;
            }, function (Item, event) {
                var rect = divEditor.getBoundingClientRect();
                var Pos = {
                    X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                    Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                }
                if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                    if (ItemData.ID == ItemData.Name) {
                        codeEditor.pushText(ItemData.Name);
                    } else {
                        PushMark(ItemData);
                    }

                }
                helpDiv.remove();
                return false;
            });
        };
        function Select(Id) {
            var info = CLApp.getFieldInfo(Id);
            if (!info) {
                info = CLApp.GetFormOrSubTableById(Id);
            }
            var item;
            if (info.ParentID) {
                item = tableTree.getItemById(info.ParentID);
                if (!item) {
                    var _info = CLApp.getFieldInfo(info.ParentID);
                    item = tableTree.getItemById(_info.TableID);
                }
                item && item.Open();
            }
            item = tableTree.getItemById(info.TableID);
            item && item.Open();

            item = tableTree.getItemById(info.ID);
            if (item) {
                item.Select();
                item.scrollIntoView({ behavior: "instant", block: "nearest" });
            }
            codeEditor.focus();
        };
        (function () {
            self.connectionId = "System";
            self.GetAllTable(function (Tables) {
                hitTables = Tables;
                divTables.innerHTML = "";
                divTables.appendChild(searchInput);
                tableTree = new CLTop.CLTree({
                    ID: "无",
                    Name: "无",
                    SubNode: Tables
                });
                tableTree.Editable = false;
                tableTree.OnItemCreated = function (Item, ItemData) {
                    if (ItemData.className == null) {
                        ItemData.className = "Table";
                        Item.classList.remove("NoChild");
                        var Open = Item.Open;
                        Item.Open = function () {
                            if (ItemData.SubNode == null) {
                                var SubNode = self.getFields(ItemData.ID);
                                for (var i = 0; i < SubNode.length ; i++) {
                                    Item.addChild(SubNode[i]);
                                }
                            }
                            Open.apply(Item,arguments);
                        }
                    } else {
                        Item.Name.style.color = "#998";
                    }
                    if (ItemData.ID == "无") {
                        Item.firstChild.style.display = "none";
                    } else {
                        Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                        EnableDrag(Item, ItemData);
                    }

                }
                divTables.remove();
                tableTree.Render(divTables);
                Prop.appendChild(divTables);
                divTables.lastChild.style.maxHeight = "100%";
                divTables.lastChild.style.overflow = "auto";
            });
        })();

        var divEditor = document.createElement("div");
        divEditor.style.cssText = "width:calc(100% - 270px);position:absolute;top:" + (useBar ? 40 : 10) + "px;margin-right:20px;height:calc(50% - " + (useBar ? 40 : 10) + "px);border:1px #e0e0e0 solid";
        divEditor.style.borderRight = "none";
        Body.appendChild(divEditor);

        var codeEditor = new CLTop.CLCodeEditor(divEditor, "javascript");
        
        codeEditor.MarkerProps = function (mark) {
            if (mark.className == "Field") {
                return "DataField_" + mark.FieldData.ID;
            }
            if (mark.className == "Table") {
                return "DataTable_" + mark.FieldData.ID;
            }
            if (mark.className == "dataSource") {
                var R = function () { };
                R.Compile = function () { };
                JsParser.SetReturn(R.Compile, "");
                JsParser.SetReturn(R, MapR[mark.FieldData.ID]());
                return R;
            }
            if (mark.className == "Var") {
                if (mark.FieldData.className == "字符串") {
                    return "";
                }
                if (mark.FieldData.className == "数字") {
                    return 0;
                }
            }
        }

        function SetR(dataSource) {
            MapR = DataSourceDlg.MapForms(dataSource);
        }

        var Items = codeEditor.dataMenu.Items;

        function SetSource(dataSource, oVars) {
            if (!dataSource) {
                dataSource = {
                    ID: CLMakeId(),
                    Name: "未命名",
                    sql: {
                        Marks: [],
                        originalCode: "",
                        runCode: ""
                    }
                }
            }
            new DataSourceDlg(dataSource, oVars, function (dataSource, Vars) {
                dataSource.Vars = Vars;
                if (oVars == null) {
                    var dataMark = {
                        FieldData: dataSource,
                        Color: "#0db3a6",
                        className: "dataSource"
                    }
                    codeEditor.pushMark(dataMark);
                } else {
                    codeEditor.updateMark(dataSource, dataSource.ID);
                }
                SetR(dataSource);
            });
        }

        Items.splice(0, 0, {
            Text: "插入SQL",
            Enable: true,
            CallBack: function (e) {
                SetSource();
                CLMenu.GetInstance(e.currentTarget).Close();
            }
        });

        codeEditor.replacedWith = function (className, FieldData) {
            if (className == "Table") {
                return "'" + (/^[0-9]*$/.test(FieldData.ID) ? "DataTable_" + FieldData.ID : FieldData.ID) + "'";
            }
            if (className == "Field") {
                return "'" + (/^[0-9]*$/.test(FieldData.ID) ? "DataField_" + FieldData.ID : FieldData.ID) + "'";
            }
            if (className == "dataSource") {
                return "V8.__SourceHelper__(((" + JSON.stringify(FieldData) + ")))";
            }
            if (className == "Var") {
                return "V8.__Var__(((" + JSON.stringify(FieldData.Name) + ")))";
            }
        }

        codeEditor.testMark = function (Mark) {
            if (Mark.className == "Table") {
                var form = self.GetFormByID(Mark.FieldData.ID.replace("DataTable_", ""));
                if (form != null) {
                    Mark.FieldData.Name = form.Name;
                    return true;
                }
            }
            if (Mark.className == "Field") {
                var field = CLApp.getFieldInfo(Mark.FieldData.ID);
                if (!field) {
                    return false;
                }
                Mark.FieldData.Name = field.Name;
                return true;
            }
            if (Mark.className == "dataSource") {
                SetR(Mark.FieldData);
                return true;
            }
            if (Mark.className == "Var") {
                var Vars = self.Vars;
                for (var i = 0; i < Vars.length; i++) {
                    if (Vars[i].ID == Mark.FieldData.ID) {
                        Mark.FieldData.Name = Vars[i].Name;
                        return true;
                    }
                }
            }
        }

        codeEditor.OnRenderMark = function (text) {
            if (text.classList.contains("Mark_dataSource")) {
                text.style.cursor = "pointer";
                var ondblclick = text.ondblclick;
                text.ondblclick = function (e) {
                    ondblclick.call(text, e);
                    SetSource(text.FieldData, text.FieldData.Vars);
                }
            } else if (!text.classList.contains("Mark_Var")) {
                var ondblclick = text.ondblclick;
                text.ondblclick = function (e) {
                    ondblclick.call(text, e);
                    Select(text.FieldData.ID);
                }
                return true;
            }
        }

        var showHint = codeEditor.showHint;

        function FieldsMenu(Menu) {
            var cursor = divEditor.getElementsByClassName("CodeMirror-cursor")[0];
            var _CLMenu = self.toolTip = new CLMenu(Menu, cursor);
            var close = _CLMenu.Close;
            _CLMenu.Close = function () {
                window.removeEventListener("keydown", keydown, true);
                close.call(_CLMenu);
            }
            var Box = _CLMenu.Div.parentNode;
            Box.firstChild.firstChild.classList.add("ItemSel");
            Box.parentNode.className = "toolTipMenu";
            function keydown(e) {
                var ItemSel = Box.getElementsByClassName("ItemSel")[0];
                if (e.code == "ArrowLeft" || e.code == "ArrowRight") {
                    _CLMenu.Close();
                    return;
                }
                if (e.code == "ArrowDown") {
                    ItemSel.classList.remove("ItemSel");
                    ItemSel = ItemSel.nextSibling == null ? ItemSel : ItemSel.nextSibling;
                    ItemSel.classList.add("ItemSel");
                    e.preventDefault();
                    e.stopPropagation();
                }
                if (e.code == "ArrowUp") {
                    ItemSel.classList.remove("ItemSel");
                    ItemSel = ItemSel.previousSibling == null ? ItemSel : ItemSel.previousSibling;
                    ItemSel.classList.add("ItemSel");
                    e.preventDefault();
                    e.stopPropagation();
                }
                if (e.code == "Enter") {
                    var cur = codeEditor.editor.getCursor();
                    var token = codeEditor.getToken({ line: cur.line, ch: cur.ch });
                    if (token.string != ".") {
                        codeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                    }
                    if (ItemSel.ItemData.ID == ItemSel.ItemData.Text) {
                        codeEditor.pushText(ItemSel.ItemData.Text);
                    } else
                    {
                        var Mark = {
                            FieldData: {
                                ID: ItemSel.ItemData.ID,
                                Name: ItemSel.ItemData.Text,
                                TableID: ItemSel.ItemData.TableID
                            },
                            Color: "rgb(136,19,145)",
                            className: "Field"
                        }
                        codeEditor.pushMark(Mark);
                    }

                    codeEditor.editor.focus();
                    _CLMenu.Close();
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
            window.addEventListener("keydown", keydown, true);
            return _CLMenu;
        }

        function ShowFields(TableInfo, filter) {
            var ConnectionId = "System"
            var FieldsInfo = self.GetFieldsInfo(TableInfo, ConnectionId);
            var Menu = {
                "style": {
                    "max-height": "250px",
                    "overflow": "auto"
                },
                "Items": []
            };
            var Items = Menu.Items;
            var names = ["iFlowStatus", "Submiter", "createDt", "updateDt"];
            for (var i = 0; i < FieldsInfo.length; i++) {
                var prefix = "";
                if (filter != null && FieldsInfo[i].Name.indexOf(filter) != 0) {
                    continue;
                }
                if (ConnectionId == "System" && TableInfo.ID != TableInfo.Name) {
                    if (names.indexOf(FieldsInfo[i].ID) < 0) {
                        prefix = "DataField_";
                    }
                    if (classNameFilters.indexOf(FieldsInfo[i].className) >= 0) {
                        continue;
                    }
                }
                Items.push({
                    "ID": prefix + FieldsInfo[i].ID,
                    "Text": FieldsInfo[i].Name,
                    "TableID": TableInfo.ID,
                    "Enable": true,
                    "className": "Field",
                    "CallBack": function (event) {
                        if (!!filter) {
                            var cur = codeEditor.getCursor();
                            var token = codeEditor.getToken({ line: cur.line, ch: cur.ch });
                            codeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                        }
                        if (event.currentTarget.ItemData.ID == event.currentTarget.ItemData.Text) {
                            codeEditor.pushText(event.currentTarget.ItemData.Text);
                        } else {
                            var Mark = {
                                FieldData: {
                                    ID: event.currentTarget.ItemData.ID,
                                    Name: event.currentTarget.ItemData.Text,
                                    TableID: event.currentTarget.ItemData.TableID
                                },
                                Color: "rgb(136,19,145)",
                                className: "Field"
                            }
                            codeEditor.pushMark(Mark);
                        }
                        event.currentTarget.Menu.Close();
                    }
                });
            }
            if (Menu.Items.length != 0) {
                FieldsMenu(Menu);
            }
        }

        codeEditor.showHint = function (code) {
            if (self.toolTip != null) {
                self.toolTip.Close();
            }
            //'.'
            if (self.toolTip != null) {
                self.toolTip.Close();
            }
            if (code == 46) {
                var cur = codeEditor.editor.getCursor();
                var token = codeEditor.getToken({ line: cur.line, ch: cur.ch - 1 });
                if (token.type == "Mark" && token.Mark.className == "Table") {
                    ShowFields(token.Mark.FieldData);
                } if (token.type == "Mark" && token.Mark.className == "dataSource") {
                    var Menu = {
                        "style": {
                            "max-height": "250px",
                            "overflow": "auto"
                        },
                        "Items": [
                            {
                                "Text": "Compile",
                                "Enable": true,
                                "CallBack": function (event) {
                                    codeEditor.pushText("Compile()");
                                    CLMenu.GetInstance(event.currentTarget).Close();
                                }
                            }
                        ]
                    };
                    var cursor = divEditor.querySelector(".CodeMirror-cursor");
                    self.toolTip = new CLMenu(Menu, cursor);
                } else {
                    showHint.call(codeEditor, code);
                }
            } else {
                showHint.call(codeEditor, code);
            }
        }

        codeEditor.AfterPaste = function () {
            var Marks = divEditor.querySelectorAll(".Mark_dataSource");
            var IDs = [];
            Marks.forEach(function (text) {
                var ID = text.FieldData.ID;
                if (IDs.indexOf(ID) >= 0) {
                    ID = text.FieldData.ID = CLMakeId();
                }
                IDs.push(ID);
            });
        }

        var globalScope = CLClone(CLApp.baseGlobalScope);

        codeEditor.setGlobalScope(globalScope);
        
        self.CLCodeEditor = codeEditor;

        Object.defineProperty(self, "Value", {
            set: function (Val) {
                codeEditor.setValue(Val == null ? null : JSON.parse(Val));
            },
            get: function () {
                var val = codeEditor.getValue();
                if (val.runCode.trim().length == 0) {
                    return null;
                }
                val.connectionId = self.connectionId;
                return JSON.stringify(val);
            }
        });

        Object.defineProperty(self, "Vars", {
            set: function (Val) {
                VarTable.SetData(Val);
            },
            get: function () {
                return VarTable.GetData();
            }
        });
        var divVars = document.createElement("div");
        divVars.style.cssText = "width:calc(100% - 260px);position:absolute;height:50%;bottom:0";
        Body.appendChild(divVars);
        var dlgVar = Object.create(DataSourceDlg.prototype);
        dlgVar.CLCodeEditor = codeEditor;
        dlgVar.InsertName = function (ItemData, className) {
            var slef = this;
            if (ItemData.ID != ItemData.Name) {
                var Mark = {
                    FieldData: CLClone(ItemData),
                    Color: "#0db3a6",
                    className: className
                }
                slef.CLCodeEditor.pushMark(Mark);
            } else {
                slef.CLCodeEditor.pushText(ItemData.ID);
            }
        }
        var VarTable = dlgVar.ShowVars(divVars);
        var titleVar = divVars.querySelector(".VarsTitle");
        titleVar.style.height = "40px";
        titleVar.style.overflow = "visible";
        var sizer = document.createElement("div");
        sizer.style.cssText = "position:absolute;width:calc(100% + 10px);height:4px;bottom:0;cursor:s-resize";
        titleVar.appendChild(sizer);
        var FromY = 0;
        var oHeight = 0;
        var top = 0;
        var N = divEditor.offsetTop;
        CLEnableMove(sizer, function (resizeDiv) {
            FromY = resizeDiv.Pos.Y;
            oHeight = divVars.offsetHeight;
            top = divVars.offsetTop;
        }, function (resizeDiv) {
            var Y = resizeDiv.Pos.Y - FromY;
            if (oHeight - Y < 40 + N && Y > 0) {
                Y = oHeight - 40 - N;
            }
            divVars.style.height = oHeight - Y + "px";
            divEditor.style.height = "calc(100% - " + (oHeight - Y + N) + "px)";
            VarTable.Scroll();
            return false;
        }, function (resizeDiv) {
            return false;
        });
    };

    fn = FrmServerCodeDlg.prototype;

    fn.GetAllTable = function (Success) {
        var self = this;
        var ret = [];
        var tables = CLApp.getAllForms();
        for (var i = 0; i < tables.length; i++) {
            var table = tables[i];
            var newTable = {};
            ret.push(newTable);
            newTable.ID = table.ID;
            newTable.Name = table.Name;
        }
        Success(ret);
    }

    var AllForms = null;

    fn.getFields = function (TableID) {
        var self = this;
        var tables = CLApp.getAllForms();
        var SubNode = [];
        for (var i = 0; i < tables.length; i++) {
            var table = tables[i];
            if (table.ID == TableID) {
                var classNameFilters = ["关联查询", "关联数据", "分割线", "选项卡", "表格控件"];
                for (var j = 0; j < table.Fields.length; j++) {
                    if (classNameFilters.indexOf(table.Fields[j].className) >= 0) {
                        continue;
                    }
                    var fieldInfo = {
                        ID: table.Fields[j].ID,
                        Name: table.Fields[j].Name,
                        className: table.Fields[j].className,
                        TableID: table.ID
                    };
                    SubNode.push(fieldInfo);
                    if (fieldInfo.className == "子表单") {
                        fieldInfo.SubNode = [];
                        var fields = table.Fields[j].Field;
                        for (var k = 0; k < fields.length; k++) {
                            if (classNameFilters.indexOf(fields[k].className) >= 0) {
                                continue;
                            }
                            var subInfo = fields[k];
                            subInfo.TableID = table.Fields[j].ID;
                            fieldInfo.SubNode.push(fields[k]);
                        }
                        delete fieldInfo.className;
                    }
                }
            }
        }
        return SubNode;
    }

    fn.GetFormByID = function (ID) {
        var self = this;
        var AllForms = CLApp.getAllForms();
        var self = this;
        if (self.FormsMap == null) {
            self.FormsMap = {};
        }
        if (self.FormsMap[ID] != null) {
            return self.FormsMap[ID];
        }
        for (var i = 0; i < AllForms.length; i++) {
            if (AllForms[i].ID == ID) {
                return self.FormsMap[ID] = AllForms[i];
            }
            var Fields = AllForms[i].Fields;
            for (var j = 0; j < Fields.length; j++) {
                if (Fields[j].className == "子表单" && Fields[j].ID == ID) {
                    return self.FormsMap[ID] = Fields[j];
                }
            }
        }
    }

    fn.connectionId = null;

    fn.GetFieldsInfo = function (TableInfo, ConnectionId) {
        var self = this;
        if (self[TableInfo.ID + ConnectionId] != null) {
            return self[TableInfo.ID + ConnectionId];
        }
        if (ConnectionId == "System" && TableInfo.Name != TableInfo.ID) {
            var form = self.GetFormByID(TableInfo.ID.replace("DataTable_", ""));
            self[TableInfo.ID + ConnectionId] = form.Fields === window.undefined ? form.Field : form.Fields;
            return self[TableInfo.ID + ConnectionId];
        }
        var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetFieldsInfo";
        var Fields = [];
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json);
            } else {
                Fields = Json.data;
            }
        }, {
            ConnectionId: ConnectionId,
            TableName: TableInfo.ID
        }, false);
        self[TableInfo.ID + ConnectionId] = Fields;
        return Fields;
    }

    fn.End = function () {

    }

    fn.Run = function () { }

}());
;(function () {
    CLLoad("/View/Form/Lib/Frm/FrmWheres.css");
    var FrmOperators = (function () {
        //{ID: "",Operator: "",Val: null,className:null}

        function None(Div) {
            Div.innerHTML = "";
            var Where = Div.Where;
            if (Where.Val != null) {
                Where.Val = null
                Div.onchanged();
            }
        }

        function Sel(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.EnableSearch(true);
            var Where = Div.Where;
            var ValRange = null;
            Where.Val = Where.Val == null || Where.Val.toLocaleUpperCase == null ? null : Where.Val;
            _CLSelect.SetValue(Where.Val);
            _CLSelect.getItems = function (Success) {
                if (ValRange != null) {
                    Success(ValRange);
                } else {
                    if (Div.Container.GetDataFieldRange != null) {
                        Div.Container.GetDataFieldRange(Where.ID, (Where.ParentID == null ? Div.FormID : Where.ParentID), function (valRange) {
                            Success(valRange);
                            ValRange = valRange;
                        })
                    } else {
                        Success([]);
                    }
                }
            }
            _CLSelect.onchanged = function (This) {
                Where.Val = _CLSelect.GetValue();
                Div.onchanged();
            }
        }
        //Val = []
        function MulSel(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.EnableSearch(true);
            _CLSelect.MultiSel = true;
            var Where = Div.Where;
            if (Where.Val == null || (Where.Val.constructor + '').indexOf("Array") < 0) {
                Where.Val = [];
            }
            _CLSelect.SetValues(Where.Val);
            var ValRange = null;
            _CLSelect.getItems = function (Success) {
                if (ValRange != null) {
                    Success(ValRange);
                } else {
                    if (Div.Container.GetDataFieldRange != null) {
                        Div.Container.GetDataFieldRange(Where.ID, (Where.ParentID == null ? Div.FormID : Where.ParentID), function (valRange) {
                            ValRange = [];
                            try {
                                for (var i = 0; i < valRange.length ; i++) {
                                    var text = valRange[i];
                                    if (text[0] == '[' && text[text.length - 1] == ']') {
                                        var arr = JSON.parse(text);
                                        arr.forEach(function (ele) {
                                            if (!ValRange.includes(ele)) {
                                                ValRange.push(ele);
                                            }
                                        });
                                    } else {
                                        if (!ValRange.includes(text)) {
                                            ValRange.push(text);
                                        }
                                    }
                                }
                            } catch (e) {
                            }
                            Success(ValRange);
                        });
                    } else {
                        Success([]);
                    }
                }
            }
            _CLSelect.onchanged = function (This) {
                Where.Val = _CLSelect.GetValues();
                Div.onchanged();
            }
        }
        //Val = null
        function Getstr(Div) {
            Div.innerHTML = "";
            var input = document.createElement("input");
            input.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
            Div.appendChild(input);
            var Where = Div.Where;
            input.value = Where.Val = Where.Val == null || Where.Val.toLocaleUpperCase == null ? null : Where.Val;
            input.onchange = function () {
                Where.Val = (input.value.length == 0 ? null : input.value);
                Div.onchanged();
            }
        }
        //Val = null
        function GetNum(Div) {
            Div.innerHTML = "";
            var input = document.createElement("input");
            input.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
            Div.appendChild(input);
            var Where = Div.Where;
            input.value = Where.Val = Where.Val == null || Where.Val.toFixed == null ? null : Where.Val;
            input.oninput = function () {
                CLCheckFloat(input, 10);
            }
            input.onchange = function () {
                Where.Val = input.value.length == 0 ? null : input.value * 1;
                Div.onchanged();
            }
        }
        //Val = {Min: null,Max: null }
        function GetNumRange(Div) {
            Div.innerHTML = "";
            var Where = Div.Where;
            var iMin = document.createElement("input");
            iMin.style.cssText = "height:30px;line-height:28px;width:calc(50% - 12px); border: 1px solid #e0e0e0;padding:0 13px;font-size: 14px;";
            iMin.setAttribute("placeholder", "最小值");
            Div.appendChild(iMin);
            if (Where.Val == null || Where.Val.Min == null) {
                Where.Val = {
                    Min: null,
                    Max: null
                };
            }
            iMin.oninput = function () {
                CLCheckFloat(iMin, 10);
            }
            iMin.value = Where.Val.Min == null ? "" : Where.Val.Min;
            iMin.onchange = function () {
                Where.Val.Min = iMin.value.length == 0 ? null : iMin.value * 1;
                Div.onchanged();
            }
            var To = document.createElement("span");
            To.style.padding = "0 6px";
            To.innerHTML = "~";
            Div.appendChild(To);
            Div.appendChild(To);
            var iMax = iMin.cloneNode();
            iMax.setAttribute("placeholder", "最大值");
            iMax.oninput = function () {
                CLCheckFloat(iMax, 10);
            }
            iMax.value = Where.Val.Max == null ? "" : Where.Val.Max;
            iMax.onchange = function () {
                Where.Val.Max = iMax.value.length == 0 ? null : iMax.value * 1;
                Div.onchanged();
            }
            Div.appendChild(iMax);
        }
        //Val = null
        function UserSel(Div) {
            Div.innerHTML = "";
            var Where = Div.Where;
            Where.Val = Where.Val == null || Where.Val.toLocaleUpperCase == null ? null : Where.Val;
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.EnableSearch(true);
            function Show(Val) {
                if (Val != null) {
                    _CLSelect.SetValue(CLApp.getMemberNameById(Val));
                } else {
                    _CLSelect.SetValue("");
                }
            }
            if (Where.Val != null) {
                _CLSelect.SetValue(CLApp.getMemberNameById(Where.Val));
            }
            var ValRange = null;
            var showRange = null;
            _CLSelect.getItems = function (Success) {
                if (ValRange != null) {
                    Success(showRange);
                } else {
                    if (Div.Container.GetDataFieldRange != null) {
                        Div.Container.GetDataFieldRange(Where.ID, (Where.ParentID == null ? Div.FormID : Where.ParentID), function (Range) {
                            ValRange = [];
                            showRange = [];
                            for (var i = 0; i < Range.length; i++) {
                                var members = null;
                                if (Range[i][0] == '[') {
                                    members = JSON.parse(Range[i]);
                                } else {
                                    members = [Range[i]];
                                }
                                for (var j = 0; j < members.length ; j++) {
                                    if (ValRange.indexOf(members[j]) < 0) {
                                        ValRange.push(members[j]);
                                        showRange.push(CLApp.getMemberNameById(members[j]));
                                    }
                                }
                            }
                            Success(showRange);
                        });
                    } else {
                        Success([]);
                    }
                }
            }
            _CLSelect.onchanged = function () {
                Where.Val = ValRange[_CLSelect.selectedIndex];
                Div.onchanged();
            }
        }
        //Val = []
        function UserMulSel(Div) {
            Div.innerHTML = "";
            var Where = Div.Where;
            Where.Val = Where.Val == null || Where.Val.toLocaleUpperCase != null ? null : Where.Val;
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.MultiSel = true;
            _CLSelect.EnableSearch(true);
            function Show(Val) {
                var Names = [];
                for (var i = 0; Val != null && i < Val.length; i++) {
                    Names.push(CLApp.getMemberNameById(Val[i]));
                }
                _CLSelect.SetValues(Names);
            }
            Show(Where.Val);
            var ValRange = null;
            var showRange = null;
            _CLSelect.getItems = function (Success) {
                if (showRange != null) {
                    Success(showRange);
                } else {
                    if (Div.Container.GetDataFieldRange != null) {
                        Div.Container.GetDataFieldRange(Where.ID, (Where.ParentID == null ? Div.FormID : Where.ParentID), function (Range) {
                            ValRange = [];
                            showRange = [];
                            var Indexes = [];
                            for (var i = 0; i < Range.length; i++) {
                                var members = null;
                                if (Range[i][0] == '[') {
                                    members = JSON.parse(Range[i]);
                                } else {
                                    members = [Range[i]];
                                }
                                for (var j = 0; j < members.length ; j++) {
                                    if (ValRange.indexOf(members[j]) < 0) {
                                        ValRange.push(members[j]);
                                        showRange.push(CLApp.getMemberNameById(members[j]));
                                        if (Where.Val != null && Where.Val.indexOf(ValRange[ValRange.length - 1]) >= 0) {
                                            Indexes.push(ValRange.length - 1);
                                        }
                                    }
                                }
                            }
                            Success(showRange);
                            var onchanged = _CLSelect.onchanged;
                            _CLSelect.onchanged = function () { }
                            _CLSelect.selectedIndexes = Indexes;
                            _CLSelect.onchanged = onchanged;
                        });
                    } else {
                        Success([]);
                    }
                }
            }
            _CLSelect.onchanged = function () {
                var Val = [];
                var selectedIndexes = _CLSelect.selectedIndexes;
                for (var i = 0; i < selectedIndexes.length ; i++) {
                    var member = ValRange[selectedIndexes[i]];
                    if (Val.indexOf(member) < 0) {
                        Val.push(member);
                    }
                }
                Where.Val = Val;
                Div.onchanged();
            }
        }
        //Val = null
        function DepartSel(Div) {
            var DepartData = CLApp.getDepartTree()[0];
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            var Where = Div.Where;
            Where.Val = Where.Val == null || Where.Val.toFixed == null ? null : Where.Val;
            _CLSelect.SetValue(CLApp.getDepartmentNameById(Where.Val));
            var isChanged = false;
            _CLSelect.OnClick = function () {
                var _CLTree = new CLTree(DepartData);
                var divBg = document.createElement("div");
                divBg.classList.add("ControlWheres");
                divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                divBg.style.zIndex = CLTop.CLMaxZIndex();
                CLTop.document.body.appendChild(divBg);
                divBg.Close = function () {
                    if (divBg.parentNode != null) {
                        divBg.parentNode.removeChild(divBg);
                    }
                    if (isChanged) {
                        Div.onchanged();
                    }
                }
                divBg.addEventListener("mousedown", function () {
                    divBg.Close();
                    window.removeEventListener("unload", divBg.Close);
                });
                window.addEventListener("unload", divBg.Close);
                var divMenu = document.createElement("div");
                divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;";
                divBg.appendChild(divMenu);
                divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });
                divMenu.style.maxHeight = "450px";
                var divSearch = document.createElement("div");
                divSearch.className = "ItemSearch";
                divMenu.appendChild(divSearch);
                var inputSearch = document.createElement("input");
                inputSearch.style.height = "29px";
                inputSearch.style.lineHeight = "29px";
                inputSearch.style.border = "none";
                inputSearch.setAttribute("placeholder", "搜索");
                inputSearch.style.width = "calc(100% - 7px)";
                inputSearch.style.marginLeft = "5px";
                inputSearch.value = "";
                inputSearch.oninput = function () {
                    _CLTree.Search(inputSearch.value);
                }
                divSearch.appendChild(inputSearch);

                var divClear = document.createElement("div");
                divClear.className = "ItemClear";
                divClear.innerHTML = "--请选择--";
                divMenu.appendChild(divClear);
                divClear.onclick = function () {
                    Where.Val = null;
                    _CLSelect.SetValue("");
                    divBg.Close();
                    window.removeEventListener("unload", divBg.Close);
                    Div.onchanged();
                }

                function SetPos() {
                    var Rect = Div.getBoundingClientRectEx();
                    divMenu.style.top = Rect.bottom + "px";
                    divMenu.style.left = Rect.left + "px";
                    divMenu.style.minWidth = Rect.width + "px";
                    divMenu.style.zIndex = CLTop.CLMaxZIndex();
                    var mRect = divMenu.getBoundingClientRectEx();
                    if (mRect.bottom > CLTop.innerHeight) {
                        divMenu.style.top = Rect.top - mRect.height + "px";
                        if (divMenu.offsetTop < 0) {
                            divMenu.style.top = "0px";
                        }
                    }
                    if (mRect.right > CLTop.innerWidth) {
                        divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                    }
                }
                divBg.appendChild(divMenu);

                _CLTree.Render(divMenu);

                var divTree = divMenu.lastChild;
                divTree.style.maxHeight = 450 - 112 + "px";
                divTree.style.overflow = "auto";

                _CLTree.Select(Where.Val);
                SetPos();
                _CLTree.OnSelected = function (ItemData) {
                    Where.Val = ItemData.ID;
                    _CLSelect.SetValue(ItemData.Name);
                    divBg.Close();
                    window.removeEventListener("unload", divBg.Close);
                    isChanged = true;
                    Div.onchanged();
                }
            }
        }
        //Val = []
        function DepartMulSel(Div) {
            var DepartData = CLApp.getDepartTree()[0];
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.MultiSel = true;
            var Where = Div.Where;
            if (Where.Val == null || Where.Val.concat == null) {
                Where.Val = [];
            }
            function ShowVales() {
                var IDs = Where.Val;
                var Names = [];
                for (var i = 0; i < IDs.length; i++) {
                    if (IDs[i] != null) {
                        Names.push(CLApp.getDepartmentNameById(IDs[i]));
                    } else {
                        Names.push("未填写");
                    }
                }
                _CLSelect.SetValues(Names);
            }
            ShowVales();
            var isChanged = false;
            _CLSelect.OnClick = function () {
                var _CLTree = new CLTree(DepartData);
                _CLTree.MultiSel = true;
                var divBg = document.createElement("div");
                divBg.classList.add("ControlWheres");
                divBg.style.cssText = "position:fixed;top:0;bottom:0;right:0;left:0;";
                divBg.style.zIndex = CLTop.CLMaxZIndex();
                CLTop.document.body.appendChild(divBg);
                divBg.Close = function () {
                    if (divBg.parentNode != null) {
                        divBg.parentNode.removeChild(divBg);
                    }
                    if (isChanged) {
                        Div.onchanged();
                    }
                }
                divBg.addEventListener("mousedown", function () {
                    divBg.Close();
                    window.removeEventListener("unload", divBg.Close);
                });
                window.addEventListener("unload", divBg.Close);
                
                var divMenu = document.createElement("div");
                divMenu.style.cssText = "position:fixed;background:#fff;overflow:auto;border:solid #e0e0e0 1px;max-width:100%;";
                divBg.appendChild(divMenu);
                divMenu.style.maxHeight = "450px";

                var divSearch = document.createElement("div");
                divSearch.className = "ItemSearch";
                divMenu.appendChild(divSearch);
                var inputSearch = document.createElement("input");
                inputSearch.style.height = "29px";
                inputSearch.style.lineHeight = "29px";
                inputSearch.style.border = "none";
                inputSearch.setAttribute("placeholder", "搜索");
                inputSearch.style.width = "calc(100% - 7px)";
                inputSearch.style.marginLeft = "5px";
                inputSearch.value = "";
                inputSearch.oninput = function () {
                    _CLTree.Search(inputSearch.value);
                }
                divSearch.appendChild(inputSearch);

                divMenu.addEventListener("mousedown", function (e) { e.stopPropagation(); });

                var divAll = document.createElement("div");
                divAll.className = "ItemClear";
                divAll.style.padding = "0 14px 0 20px";
                var _AllBox = new CLCheckBox("全选", divAll, true);
                divMenu.appendChild(divAll);

                var divNull = document.createElement("div");
                divNull.className = "ItemClear";
                divNull.style.padding = "0 14px 0 20px";
                var _NullBox = new CLCheckBox("未填写", divNull, true);
                divMenu.appendChild(divNull);
                if (Where.Val.indexOf(null) >= 0) {
                    _NullBox.checked = true;
                }
                _NullBox.onchanged = function () {
                    if (_NullBox.checked) {
                        Where.Val.push(null);
                    } else {
                        Where.Val.splice(Where.Val.indexOf(null), 1);
                    }
                    if (_CLTree.IsAllSel && _NullBox.checked) {
                        _AllBox.Checked = true;
                    } else {
                        _AllBox.Checked = false;
                    }
                    ShowVales();
                }

                _AllBox.onchanged = function () {
                    if (_AllBox.checked) {
                        _CLTree.SelectAll();
                        _NullBox.checked = true;
                    } else {
                        _CLTree.UnSelectAll();
                        _NullBox.checked = false;
                    }
                    ShowVales();
                }

                function SetPos() {
                    var Rect = Div.getBoundingClientRectEx();
                    divMenu.style.top = Rect.bottom + "px";
                    divMenu.style.left = Rect.left + "px";
                    divMenu.style.minWidth = Rect.width + "px";
                    divMenu.style.zIndex = CLTop.CLMaxZIndex();
                    var mRect = divMenu.getBoundingClientRectEx();
                    if (mRect.bottom > CLTop.innerHeight) {
                        divMenu.style.top = Rect.top - mRect.height + "px";
                        if (divMenu.offsetTop < 0) {
                            divMenu.style.top = "0px";
                        }
                    }
                    if (mRect.right > CLTop.innerWidth) {
                        divMenu.style.left = CLTop.innerWidth - divMenu.offsetWidth + "px";
                    }
                }
                divBg.appendChild(divMenu);
                _CLTree.Render(divMenu);

                var divTree = divMenu.lastChild;
                divTree.style.maxHeight = 450 - 112 +"px";
                divTree.style.overflow = "auto";
                SetPos();
                _CLTree.OnAllSelected = function () {
                    _CLTree.IsAllSel = true;
                    if (_NullBox.checked) {
                        _AllBox.Checked = true;
                    }
                }
                _CLTree.OnLostAllSelected = function () {
                    _CLTree.IsAllSel = false;
                    _AllBox.Checked = false;
                }
                for (var i = 0 ; i < Where.Val.length; i++) {
                    _CLTree.Select(Where.Val[i]);
                }
                _CLTree.OnSelected = function (ItemData) {
                    Where.Val.push(ItemData.ID);
                    ShowVales();
                    isChanged = true;
                }
                _CLTree.OnLostSelected = function (ItemData) {
                    Where.Val.splice(Where.Val.indexOf(ItemData.ID), 1);
                    ShowVales();
                    isChanged = true;
                }
            }
        }
        //Val = {DataType: null,sValue: null}
        function GetDateTime(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.SearchAble = true;
            var Where = Div.Where;
            _CLSelect.AddItems(["固定值", "今天", "昨天", "本周", "上周", "本月", "上月"]);
            var divDate = document.createElement("div");
            divDate.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 8px;font-size: 14px;margin-top:10px;";
            divDate.className = "Dt";
            if (Where.Val == null || Where.Val.DataType == null) {
                Where.Val = {
                    DataType: null,
                    sValue: null
                };
            }
            Div.appendChild(divDate);
            _CLSelect.onchanged = function () {
                Where.Val.DataType = _CLSelect.GetValue();
                if (Where.Val.DataType == "固定值") {
                    divDate.style.display = "block";
                } else {
                    divDate.style.display = "none";
                    if (Where.Val.DataType == "今天") {
                        Where.Val.sValue = new Date().Format("yyyy-MM-dd");
                    }
                    if (Where.Val.DataType == "昨天") {
                        Div.onchanged();
                    }
                    if (Where.Val.DataType == "本周") {
                        Div.onchanged();
                    }
                    if (Where.Val.DataType == "上周") {
                        Div.onchanged();
                    }
                    if (Where.Val.DataType == "本月") {
                        Div.onchanged();
                    }
                    if (Where.Val.DataType == "上月") {
                        Div.onchanged();
                    }
                }
                Div.onchanged();
            }
            if (Where.Val.DataType == null) {
                _CLSelect.selectedIndex = 0;
            } else {
                if (Where.Val.DataType != "固定值") {
                    divDate.style.display = "none";
                }
                _CLSelect.SetValue(Where.Val.DataType);
            }
            divDate.id = CLMakeId();
            divDate.innerText = (Where.Val.sValue == null ? "" : Where.Val.sValue);
            divDate.onclick = function () {
                var _dt = CLDate(Where.Val.sValue, "yyyy-MM-dd", divDate);
                _dt.onchanged = function (str) {
                    Where.Val.sValue = _dt.Value.toString();
                    divDate.innerHTML = _dt.Value;
                    Div.onchanged();
                }
            }
        }
        //Val = {dtStart: null,dtEnd: null}
        function GetDateTimeRange(Div) {
            Div.innerHTML = "";
            var StartDt = document.createElement("div");
            StartDt.style.cssText = "height:30px;line-height:28px;width:100%; border: 1px solid #e0e0e0;padding:0 8px;font-size: 14px;";
            StartDt.className = "Dt";
            Div.appendChild(StartDt);
            StartDt.id = CLMakeId();
            StartDt.setAttribute("placeholder", "起始日期");
            var itemData = Div.Where;
            if (itemData.Val == null || itemData.Val.dtStart == null) {
                itemData.Val = {
                    dtStart: null,
                    dtEnd: null
                };
            }
            StartDt.innerHTML = itemData.Val.dtStart;
            StartDt.onclick = function () {
                var _dt = CLDate(itemData.Val.dtStart, "yyyy-MM-dd", StartDt);
                _dt.onchanged = function (str) {
                    itemData.Val.dtStart = _dt.Value.toString();
                    StartDt.innerHTML = _dt.Value;
                    Div.onchanged();
                }
            }
            var EndDt = StartDt.cloneNode();
            Div.appendChild(EndDt);
            EndDt.id = CLMakeId();
            EndDt.style.marginTop = "10px";
            EndDt.setAttribute("placeholder", "结束日期");
            EndDt.innerHTML = itemData.Val.dtEnd;
            EndDt.onclick = function () {
                var _dt = CLDate(itemData.Val.dtEnd, "yyyy-MM-dd", EndDt);
                _dt.onchanged = function (str) {
                    itemData.Val.dtEnd = _dt.Value.toString();
                    EndDt.innerHTML = _dt.Value;
                    Div.onchanged();
                }
            }
        }
        //Val = null
        function Status(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.AddItems(["运行中", "已完成", "已终止", "已存档", "已暂存"]);
            var Where = Div.Where;
            _CLSelect.EnableClear(true);
            Where.Val = Where.Val == null || Where.Val.toFixed == null ? null : Where.Val;
            _CLSelect.selectedIndex = (Where.Val == null ? -1 : Where.Val == -1 ? 4 : Where.Val - 1);
            _CLSelect.onchanged = function () {
                Where.Val = _CLSelect.selectedIndex == -1 ? null : _CLSelect.selectedIndex + 1;
                if (Where.Val == 5) {
                    Where.Val = -1;
                }
                Div.onchanged();
            }
        }
        //Val = []
        function MulStatus(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.AddItems(["运行中", "已完成", "已终止", "已存档", "已暂存"]);
            var Where = Div.Where;
            _CLSelect.EnableClear(true);
            _CLSelect.EnableMultiSel(true);
            Where.Val = Where.Val == null || Where.Val.constructor != [].constructor ? [] : Where.Val;
            var indexes = [];
            for (var i = 0; i < Where.Val.length ; i++) {
                indexes.push(Where.Val[i] == -1 ? 4 : (Where.Val[i] - 1));
            }
            _CLSelect.selectedIndexes = indexes;
            _CLSelect.onchanged = function () {
                var jVal = _CLSelect.GetValues();
                Where.Val = [];
                for (var i = 0; jVal != null && i < jVal.length; i++) {
                    var V = _CLSelect.Items.indexOf(jVal[i]) + 1;
                    V = V == 5 ? -1 : V;
                    Where.Val.push(V);

                }
                Div.onchanged();
            }
        }
        //Val = ""
        function tableSel(Div) {
            Div.innerHTML = "";
            var _CLSelect = new CLSelect(Div);
            _CLSelect.Scope = Div.__Scope__;
            _CLSelect.EnableSearch(true);
            _CLSelect.EnableClear(true);
            var Where = Div.Where;
            var ValRange = null;
            Where.Val = Where.Val == null || Where.Val.toLocaleUpperCase == null ? null : Where.Val;
            _CLSelect.SetValue(window.FrmWheres.getFormName(Where.Val));
            _CLSelect.getItems = function (Success) {
                if (ValRange != null) {
                    Success(ValRange);
                } else {
                    if (Div.Container.GetDataFieldRange != null) {
                        Div.Container.GetDataFieldRange(Where.ID, (Where.ParentID == null ? Div.FormID : Where.ParentID), function (valRange) {
                            ValRange = [];
                            for (var i = 0; i < valRange.length; i++) {
                                ValRange.push({
                                    ID: valRange[i],
                                    toString: function () {
                                        return window.FrmWheres.getFormName(this.ID);
                                    }
                                });
                            }
                            Success(ValRange);
                        });
                    } else {
                        Success([]);
                    }
                }
            }
            _CLSelect.onchanged = function (This) {
                Where.Val = _CLSelect.selectedIndex == -1 ? null : ValRange[_CLSelect.selectedIndex].ID;
                Div.onchanged();
            }
        }
        return {
            流水号: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        Sel, Sel, MulSel, MulSel, Getstr, Getstr, None, None
                    ]
                }
            })(),
            单行文本: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        Sel, Sel, MulSel, MulSel, Getstr, Getstr, None, None
                    ]
                }
            })(),
            多行文本: (function () {
                return {
                    Items: [
                        "包含", "不包含", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        Getstr, Getstr, None, None
                    ]
                }
            })(),
            数字: (function () {
                return {
                    Items: [
                        "等于", "不等于", "大于", "大于等于", "小于", "小于等于", "选择范围", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        GetNum, GetNum, GetNum, GetNum, GetNum, GetNum, GetNumRange, None, None
                    ]
                }
            })(),
            时间日期: (function () {
                return {
                    Items: [
                        "等于", "不等于", "大于等于", "小于等于", "选择范围", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        GetDateTime, GetDateTime, GetDateTime, GetDateTime, GetDateTimeRange, None, None
                    ]
                }
            })(),
            单选按钮组: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        Sel, Sel, MulSel, MulSel, MulSel, MulSel, None, None
                    ]
                }
            })(),
            复选框组: (function () {
                return {
                    Items: [
                        "包含任意一个", "同时包含", "等于", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        MulSel, MulSel, MulSel, None, None
                    ]
                }
            })(),
            下拉框: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "包含", "不包含", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        Sel, Sel, MulSel, MulSel, Getstr, Getstr, None, None
                    ]
                }
            })(),
            下拉复选框: (function () {
                return {
                    Items: [
                        "包含任意一个", "同时包含", "等于", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        MulSel, MulSel, MulSel, None, None
                    ]
                }
            })(),
            附件上传: (function () {
                return {
                    Items: [
                        "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        None, None
                    ]
                }
            })(),
            手写签名: (function () {
                return {
                    Items: [
                        "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        None, None
                    ]
                }
            })(),
            成员单选: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        UserSel, UserSel, UserMulSel, UserMulSel, None, None
                    ]
                }
            })(),
            成员多选: (function () {
                return {
                    Items: [
                        "包含任意一个", "同时包含", "等于", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        UserMulSel, UserMulSel, UserMulSel, None, None
                    ]
                }
            })(),
            部门单选: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                    ],
                    DefaultIndex: 2,
                    Functors: [
                        DepartSel, DepartSel, DepartMulSel, DepartMulSel, None, None
                    ]
                }
            })(),
            部门多选: (function () {
                return {
                    Items: [
                        "包含任意一个", "同时包含", "等于", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        DepartMulSel, DepartMulSel, DepartMulSel, None, None
                    ]
                }
            })(),
            //扩展字段
            流程状态: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                       Status, Status, MulStatus, MulStatus, None, None
                    ]
                }
            })(),
            提交人: (function () {
                return {
                    Items: [
                        "等于", "不等于", "等于任意一个", "不等于任意一个", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        UserSel, UserSel, UserMulSel, UserMulSel, None, None
                    ]
                }
            })(),
            提交时间: (function () {
                return {
                    Items: [
                        "等于", "不等于", "大于等于", "小于等于", "选择范围", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        GetDateTime, GetDateTime, GetDateTime, GetDateTime, GetDateTimeRange, None, None
                    ]
                }
            })(),
            更新时间: (function () {
                return {
                    Items: [
                        "等于", "不等于", "大于等于", "小于等于", "选择范围", "为空", "不为空"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        GetDateTime, GetDateTime, GetDateTime, GetDateTime, GetDateTimeRange, None, None
                    ]
                }
            })(),
            动态表单: (function () {
                return {
                    Items: [
                        "等于"
                    ],
                    DefaultIndex: 0,
                    Functors: [
                        tableSel
                    ]
                }
            })()
        }
    })();

    window.FrmWheres = function (Container, jWhere) {
        var self = this;
        if (!Container.classList.contains("FrmWheres")) {
            Container.classList.add("FrmWheres");
        }
        var DivItem = document.createElement("div");
        DivItem.className = "WhereItem";
        var divTitle = document.createElement("div");
        divTitle.style.cssText = "overflow:hidden";
        divTitle.className = "WhereItem-Header";
        divTitle.innerHTML = "<div class='WhereItem-Title'>" + jWhere.Name + "</div>";
        var divOperator = document.createElement("div");
        divOperator.style.cssText = "display:inline-block;max-width:150px;margin-left:15px;vertical-align:middle;line-height:30px;float:right";

        var _CLSelect = new CLSelect(divOperator);
        _CLSelect.Scope = Container.__Scope__;
        _CLSelect.AddItems(FrmOperators[jWhere.className].Items);
        divTitle.appendChild(divOperator);

        DivItem.appendChild(divTitle);
        Container.appendChild(DivItem);

        var divVal = document.createElement("div");
        divVal.style.marginTop = "10px";
        divVal.Where = jWhere;
        DivItem.appendChild(divVal);
        divVal.__Scope__ = Container.__Scope__;
        divVal.Container = Container;
        Object.defineProperty(divVal, "FormID", {
            get: function () {
                return Container.FormID;
            }
        });
        DivItem.OnDelete = function () {

        }
        DivItem.onchanged = function () {

        }
        divVal.onchanged = function () {
            DivItem.onchanged();
        }
        _CLSelect.onchanged = function (This) {
            FrmOperators[jWhere.className].Functors[This.selectedIndex](divVal);
            jWhere.Operator = _CLSelect.GetValue();
            DivItem.onchanged();
        }

        if (jWhere.Operator == null) {
            _CLSelect.selectedIndex = FrmOperators[jWhere.className].DefaultIndex;
        } else {
            _CLSelect.selectedIndex = FrmOperators[jWhere.className].Items.indexOf(jWhere.Operator);
        }

        var divDel = document.createElement("div");
        divDel.className = "Del";
        divDel.onclick = function () {
            DivItem.OnDelete();
        }
        DivItem.appendChild(divDel);
        DivItem.Del = divDel;
        return DivItem;
    }

    FrmWheres.getFormName = function (Val) {
        if (Val != null && /^[0-9]*$/.test(Val)) {
            return CLApp.TableName(Val);
        }
        return Val;
    }

    FrmWheres.ToSqlWheres = function (allWheres) {

    }
}());
;var QRCode;!function(){function t(t){this.mode=r.MODE_8BIT_BYTE,this.data=t,this.parsedData=[];for(var e=0,o=this.data.length;e<o;e++){var i=[],n=this.data.charCodeAt(e);n>65536?(i[0]=240|(1835008&n)>>>18,i[1]=128|(258048&n)>>>12,i[2]=128|(4032&n)>>>6,i[3]=128|63&n):n>2048?(i[0]=224|(61440&n)>>>12,i[1]=128|(4032&n)>>>6,i[2]=128|63&n):n>128?(i[0]=192|(1984&n)>>>6,i[1]=128|63&n):i[0]=n,this.parsedData.push(i)}this.parsedData=Array.prototype.concat.apply([],this.parsedData),this.parsedData.length!=this.data.length&&(this.parsedData.unshift(191),this.parsedData.unshift(187),this.parsedData.unshift(239))}function e(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=[]}t.prototype={getLength:function(t){return this.parsedData.length},write:function(t){for(var e=0,r=this.parsedData.length;e<r;e++)t.put(this.parsedData[e],8)}},e.prototype={addData:function(e){var r=new t(e);this.dataList.push(r),this.dataCache=null},isDark:function(t,e){if(t<0||this.moduleCount<=t||e<0||this.moduleCount<=e)throw new Error(t+","+e);return this.modules[t][e]},getModuleCount:function(){return this.moduleCount},make:function(){this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(t,r){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++){this.modules[o]=new Array(this.moduleCount);for(var i=0;i<this.moduleCount;i++)this.modules[o][i]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,r),this.typeNumber>=7&&this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=e.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,r)},setupPositionProbePattern:function(t,e){for(var r=-1;r<=7;r++)if(!(t+r<=-1||this.moduleCount<=t+r))for(var o=-1;o<=7;o++)e+o<=-1||this.moduleCount<=e+o||(this.modules[t+r][e+o]=0<=r&&r<=6&&(0==o||6==o)||0<=o&&o<=6&&(0==r||6==r)||2<=r&&r<=4&&2<=o&&o<=4)},getBestMaskPattern:function(){for(var t=0,e=0,r=0;r<8;r++){this.makeImpl(!0,r);var o=g.getLostPoint(this);(0==r||t>o)&&(t=o,e=r)}return e},createMovieClip:function(t,e,r){var o=t.createEmptyMovieClip(e,r);this.make();for(var i=0;i<this.modules.length;i++)for(var n=1*i,a=0;a<this.modules[i].length;a++){var s=1*a;this.modules[i][a]&&(o.beginFill(0,100),o.moveTo(s,n),o.lineTo(s+1,n),o.lineTo(s+1,n+1),o.lineTo(s,n+1),o.endFill())}return o},setupTimingPattern:function(){for(var t=8;t<this.moduleCount-8;t++)null==this.modules[t][6]&&(this.modules[t][6]=t%2==0);for(var e=8;e<this.moduleCount-8;e++)null==this.modules[6][e]&&(this.modules[6][e]=e%2==0)},setupPositionAdjustPattern:function(){for(var t=g.getPatternPosition(this.typeNumber),e=0;e<t.length;e++)for(var r=0;r<t.length;r++){var o=t[e],i=t[r];if(null==this.modules[o][i])for(var n=-2;n<=2;n++)for(var a=-2;a<=2;a++)this.modules[o+n][i+a]=-2==n||2==n||-2==a||2==a||0==n&&0==a}},setupTypeNumber:function(t){for(var e=g.getBCHTypeNumber(this.typeNumber),r=0;r<18;r++){var o=!t&&1==(e>>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=o}for(r=0;r<18;r++){o=!t&&1==(e>>r&1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=o}},setupTypeInfo:function(t,e){for(var r=this.errorCorrectLevel<<3|e,o=g.getBCHTypeInfo(r),i=0;i<15;i++){var n=!t&&1==(o>>i&1);i<6?this.modules[i][8]=n:i<8?this.modules[i+1][8]=n:this.modules[this.moduleCount-15+i][8]=n}for(i=0;i<15;i++){n=!t&&1==(o>>i&1);i<8?this.modules[8][this.moduleCount-i-1]=n:i<9?this.modules[8][15-i-1+1]=n:this.modules[8][15-i-1]=n}this.modules[this.moduleCount-8][8]=!t},mapData:function(t,e){for(var r=-1,o=this.moduleCount-1,i=7,n=0,a=this.moduleCount-1;a>0;a-=2)for(6==a&&a--;;){for(var s=0;s<2;s++)if(null==this.modules[o][a-s]){var h=!1;n<t.length&&(h=1==(t[n]>>>i&1)),g.getMask(e,o,a-s)&&(h=!h),this.modules[o][a-s]=h,-1==--i&&(n++,i=7)}if((o+=r)<0||this.moduleCount<=o){o-=r,r=-r;break}}}},e.PAD0=236,e.PAD1=17,e.createData=function(t,r,o){for(var i=m.getRSBlocks(t,r),n=new _,a=0;a<o.length;a++){var s=o[a];n.put(s.mode,4),n.put(s.getLength(),g.getLengthInBits(s.mode,t)),s.write(n)}var h=0;for(a=0;a<i.length;a++)h+=i[a].dataCount;if(n.getLengthInBits()>8*h)throw new Error("code length overflow. ("+n.getLengthInBits()+">"+8*h+")");for(n.getLengthInBits()+4<=8*h&&n.put(0,4);n.getLengthInBits()%8!=0;)n.putBit(!1);for(;!(n.getLengthInBits()>=8*h||(n.put(e.PAD0,8),n.getLengthInBits()>=8*h));)n.put(e.PAD1,8);return e.createBytes(n,i)},e.createBytes=function(t,e){for(var r=0,o=0,i=0,n=new Array(e.length),a=new Array(e.length),s=0;s<e.length;s++){var h=e[s].dataCount,l=e[s].totalCount-h;o=Math.max(o,h),i=Math.max(i,l),n[s]=new Array(h);for(var u=0;u<n[s].length;u++)n[s][u]=255&t.buffer[u+r];r+=h;var f=g.getErrorCorrectPolynomial(l),d=new p(n[s],f.getLength()-1).mod(f);a[s]=new Array(f.getLength()-1);for(u=0;u<a[s].length;u++){var c=u+d.getLength()-a[s].length;a[s][u]=c>=0?d.get(c):0}}var m=0;for(u=0;u<e.length;u++)m+=e[u].totalCount;var _=new Array(m),v=0;for(u=0;u<o;u++)for(s=0;s<e.length;s++)u<n[s].length&&(_[v++]=n[s][u]);for(u=0;u<i;u++)for(s=0;s<e.length;s++)u<a[s].length&&(_[v++]=a[s][u]);return _};for(var r={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},o={L:1,M:0,Q:3,H:2},i=0,n=1,a=2,s=3,h=4,l=5,u=6,f=7,g={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t<<10;g.getBCHDigit(e)-g.getBCHDigit(g.G15)>=0;)e^=g.G15<<g.getBCHDigit(e)-g.getBCHDigit(g.G15);return(t<<10|e)^g.G15_MASK},getBCHTypeNumber:function(t){for(var e=t<<12;g.getBCHDigit(e)-g.getBCHDigit(g.G18)>=0;)e^=g.G18<<g.getBCHDigit(e)-g.getBCHDigit(g.G18);return t<<12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t>>>=1;return e},getPatternPosition:function(t){return g.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case i:return(e+r)%2==0;case n:return e%2==0;case a:return r%3==0;case s:return(e+r)%3==0;case h:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case l:return e*r%2+e*r%3==0;case u:return(e*r%2+e*r%3)%2==0;case f:return(e*r%3+(e+r)%2)%2==0;default:throw new Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new p([1],0),r=0;r<t;r++)e=e.multiply(new p([1,d.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1<=e&&e<10)switch(t){case r.MODE_NUMBER:return 10;case r.MODE_ALPHA_NUM:return 9;case r.MODE_8BIT_BYTE:case r.MODE_KANJI:return 8;default:throw new Error("mode:"+t)}else if(e<27)switch(t){case r.MODE_NUMBER:return 12;case r.MODE_ALPHA_NUM:return 11;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 10;default:throw new Error("mode:"+t)}else{if(!(e<41))throw new Error("type:"+e);switch(t){case r.MODE_NUMBER:return 14;case r.MODE_ALPHA_NUM:return 13;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 12;default:throw new Error("mode:"+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,o=0;o<e;o++)for(var i=0;i<e;i++){for(var n=0,a=t.isDark(o,i),s=-1;s<=1;s++)if(!(o+s<0||e<=o+s))for(var h=-1;h<=1;h++)i+h<0||e<=i+h||0==s&&0==h||a==t.isDark(o+s,i+h)&&n++;n>5&&(r+=3+n-5)}for(o=0;o<e-1;o++)for(i=0;i<e-1;i++){var l=0;t.isDark(o,i)&&l++,t.isDark(o+1,i)&&l++,t.isDark(o,i+1)&&l++,t.isDark(o+1,i+1)&&l++,0!=l&&4!=l||(r+=3)}for(o=0;o<e;o++)for(i=0;i<e-6;i++)t.isDark(o,i)&&!t.isDark(o,i+1)&&t.isDark(o,i+2)&&t.isDark(o,i+3)&&t.isDark(o,i+4)&&!t.isDark(o,i+5)&&t.isDark(o,i+6)&&(r+=40);for(i=0;i<e;i++)for(o=0;o<e-6;o++)t.isDark(o,i)&&!t.isDark(o+1,i)&&t.isDark(o+2,i)&&t.isDark(o+3,i)&&t.isDark(o+4,i)&&!t.isDark(o+5,i)&&t.isDark(o+6,i)&&(r+=40);var u=0;for(i=0;i<e;i++)for(o=0;o<e;o++)t.isDark(o,i)&&u++;return r+=10*(Math.abs(100*u/e/e-50)/5)}},d={glog:function(t){if(t<1)throw new Error("glog("+t+")");return d.LOG_TABLE[t]},gexp:function(t){for(;t<0;)t+=255;for(;t>=256;)t-=255;return d.EXP_TABLE[t]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},c=0;c<8;c++)d.EXP_TABLE[c]=1<<c;for(c=8;c<256;c++)d.EXP_TABLE[c]=d.EXP_TABLE[c-4]^d.EXP_TABLE[c-5]^d.EXP_TABLE[c-6]^d.EXP_TABLE[c-8];for(c=0;c<255;c++)d.LOG_TABLE[d.EXP_TABLE[c]]=c;function p(t,e){if(void 0==t.length)throw new Error(t.length+"/"+e);for(var r=0;r<t.length&&0==t[r];)r++;this.num=new Array(t.length-r+e);for(var o=0;o<t.length-r;o++)this.num[o]=t[o+r]}function m(t,e){this.totalCount=t,this.dataCount=e}function _(){this.buffer=[],this.length=0}p.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=new Array(this.getLength()+t.getLength()-1),r=0;r<this.getLength();r++)for(var o=0;o<t.getLength();o++)e[r+o]^=d.gexp(d.glog(this.get(r))+d.glog(t.get(o)));return new p(e,0)},mod:function(t){if(this.getLength()-t.getLength()<0)return this;for(var e=d.glog(this.get(0))-d.glog(t.get(0)),r=new Array(this.getLength()),o=0;o<this.getLength();o++)r[o]=this.get(o);for(o=0;o<t.getLength();o++)r[o]^=d.gexp(d.glog(t.get(o))+e);return new p(r,0).mod(t)}},m.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12,7,37,13],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],m.getRSBlocks=function(t,e){var r=m.getRsBlockTable(t,e);if(void 0==r)throw new Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);for(var o=r.length/3,i=[],n=0;n<o;n++)for(var a=r[3*n+0],s=r[3*n+1],h=r[3*n+2],l=0;l<a;l++)i.push(new m(s,h));return i},m.getRsBlockTable=function(t,e){switch(e){case o.L:return m.RS_BLOCK_TABLE[4*(t-1)+0];case o.M:return m.RS_BLOCK_TABLE[4*(t-1)+1];case o.Q:return m.RS_BLOCK_TABLE[4*(t-1)+2];case o.H:return m.RS_BLOCK_TABLE[4*(t-1)+3];default:return}},_.prototype={get:function(t){var e=Math.floor(t/8);return 1==(this.buffer[e]>>>7-t%8&1)},put:function(t,e){for(var r=0;r<e;r++)this.putBit(1==(t>>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}};var v=[[17,14,11,7],[32,26,20,14],[53,42,32,24],[78,62,46,34],[106,84,60,44],[134,106,74,58],[154,122,86,64],[192,152,108,84],[230,180,130,98],[271,213,151,119],[321,251,177,137],[367,287,203,155],[425,331,241,177],[458,362,258,194],[520,412,292,220],[586,450,322,250],[644,504,364,280],[718,560,394,310],[792,624,442,338],[858,666,482,382],[929,711,509,403],[1003,779,565,439],[1091,857,611,461],[1171,911,661,511],[1273,997,715,535],[1367,1059,751,593],[1465,1125,805,625],[1528,1190,868,658],[1628,1264,908,698],[1732,1370,982,742],[1840,1452,1030,790],[1952,1538,1112,842],[2068,1628,1168,898],[2188,1722,1228,958],[2303,1809,1283,983],[2431,1911,1351,1051],[2563,1989,1423,1093],[2699,2099,1499,1139],[2809,2213,1579,1219],[2953,2331,1663,1273]];function C(){var t=!1,e=navigator.userAgent;if(/android/i.test(e)){t=!0;var r=e.toString().match(/android ([0-9]\.[0-9])/i);r&&r[1]&&(t=parseFloat(r[1]))}return t}var w=function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){var e=this._htOption,r=this._el,o=t.getModuleCount();Math.floor(e.width/o),Math.floor(e.height/o);function i(t,e){var r=document.createElementNS("http://www.w3.org/2000/svg",t);for(var o in e)e.hasOwnProperty(o)&&r.setAttribute(o,e[o]);return r}this.clear();var n=i("svg",{viewBox:"0 0 "+String(o)+" "+String(o),width:"100%",height:"100%",fill:e.colorLight});n.setAttributeNS("http://www.w3.org/2000/xmlns/","xmlns:xlink","http://www.w3.org/1999/xlink"),r.appendChild(n),n.appendChild(i("rect",{fill:e.colorLight,width:"100%",height:"100%"})),n.appendChild(i("rect",{fill:e.colorDark,width:"1",height:"1",id:"template"}));for(var a=0;a<o;a++)for(var s=0;s<o;s++)if(t.isDark(a,s)){var h=i("use",{x:String(s),y:String(a)});h.setAttributeNS("http://www.w3.org/1999/xlink","href","#template"),n.appendChild(h)}},t.prototype.clear=function(){for(;this._el.hasChildNodes();)this._el.removeChild(this._el.lastChild)},t}(),D="svg"===document.documentElement.tagName.toLowerCase()?w:"undefined"==typeof CanvasRenderingContext2D?function(){var t=function(t,e){this._el=t,this._htOption=e};return t.prototype.draw=function(t){for(var e=this._htOption,r=this._el,o=t.getModuleCount(),i=Math.floor(e.width/o),n=Math.floor(e.height/o),a=['<table style="border:0;border-collapse:collapse;">'],s=0;s<o;s++){a.push("<tr>");for(var h=0;h<o;h++)a.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:'+i+"px;height:"+n+"px;background-color:"+(t.isDark(s,h)?e.colorDark:e.colorLight)+';"></td>');a.push("</tr>")}a.push("</table>"),r.innerHTML=a.join("");var l=r.childNodes[0],u=(e.width-l.offsetWidth)/2,f=(e.height-l.offsetHeight)/2;u>0&&f>0&&(l.style.margin=f+"px "+u+"px")},t.prototype.clear=function(){this._el.innerHTML=""},t}():function(){function t(){this._elImage.src=this._elCanvas.toDataURL("image/png"),this._elImage.style.display="block",this._elCanvas.style.display="none"}if(this._android&&this._android<=2.1){var e=1/window.devicePixelRatio,r=CanvasRenderingContext2D.prototype.drawImage;CanvasRenderingContext2D.prototype.drawImage=function(t,o,i,n,a,s,h,l,u){if("nodeName"in t&&/img/i.test(t.nodeName))for(var f=arguments.length-1;f>=1;f--)arguments[f]=arguments[f]*e;else void 0===l&&(arguments[1]*=e,arguments[2]*=e,arguments[3]*=e,arguments[4]*=e);r.apply(this,arguments)}}var o=function(t,e){this._bIsPainted=!1,this._android=C(),this._htOption=e,this._elCanvas=document.createElement("canvas"),this._elCanvas.width=e.width,this._elCanvas.height=e.height,t.appendChild(this._elCanvas),this._el=t,this._oContext=this._elCanvas.getContext("2d"),this._bIsPainted=!1,this._elImage=document.createElement("img"),this._elImage.alt="Scan me!",this._elImage.style.display="none",this._el.appendChild(this._elImage),this._bSupportDataURI=null};return o.prototype.draw=function(t){var e=this._elImage,r=this._oContext,o=this._htOption,i=t.getModuleCount(),n=o.width/i,a=o.height/i,s=Math.round(n),h=Math.round(a);e.style.display="none",this.clear();for(var l=0;l<i;l++)for(var u=0;u<i;u++){var f=t.isDark(l,u),g=u*n,d=l*a;r.strokeStyle=f?o.colorDark:o.colorLight,r.lineWidth=1,r.fillStyle=f?o.colorDark:o.colorLight,r.fillRect(g,d,n,a),r.strokeRect(Math.floor(g)+.5,Math.floor(d)+.5,s,h),r.strokeRect(Math.ceil(g)-.5,Math.ceil(d)-.5,s,h)}this._bIsPainted=!0},o.prototype.makeImage=function(){this._bIsPainted&&function(t,e){var r=this;if(r._fFail=e,r._fSuccess=t,null===r._bSupportDataURI){var o=document.createElement("img"),i=function(){r._bSupportDataURI=!1,r._fFail&&r._fFail.call(r)};return o.onabort=i,o.onerror=i,o.onload=function(){r._bSupportDataURI=!0,r._fSuccess&&r._fSuccess.call(r)},void(o.src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==")}!0===r._bSupportDataURI&&r._fSuccess?r._fSuccess.call(r):!1===r._bSupportDataURI&&r._fFail&&r._fFail.call(r)}.call(this,t)},o.prototype.isPainted=function(){return this._bIsPainted},o.prototype.clear=function(){this._oContext.clearRect(0,0,this._elCanvas.width,this._elCanvas.height),this._bIsPainted=!1},o.prototype.round=function(t){return t?Math.floor(1e3*t)/1e3:t},o}();function A(t,e){for(var r=1,i=function(t){var e=encodeURI(t).toString().replace(/\%[0-9a-fA-F]{2}/g,"a");return e.length+(e.length!=t?3:0)}(t),n=0,a=v.length;n<=a;n++){var s=0;switch(e){case o.L:s=v[n][0];break;case o.M:s=v[n][1];break;case o.Q:s=v[n][2];break;case o.H:s=v[n][3]}if(i<=s)break;r++}if(r>v.length)throw new Error("Too long data");return r}(QRCode=function(t,e){if(this._htOption={width:256,height:256,typeNumber:4,colorDark:"#000000",colorLight:"#ffffff",correctLevel:o.H},"string"==typeof e&&(e={text:e}),e)for(var r in e)this._htOption[r]=e[r];"string"==typeof t&&(t=document.getElementById(t)),this._htOption.useSVG&&(D=w),this._android=C(),this._el=t,this._oQRCode=null,this._oDrawing=new D(this._el,this._htOption),this._htOption.text&&this.makeCode(this._htOption.text)}).prototype.makeCode=function(t){this._oQRCode=new e(A(t,this._htOption.correctLevel),this._htOption.correctLevel),this._oQRCode.addData(t),this._oQRCode.make(),this._el.title=t,this._oDrawing.draw(this._oQRCode),this.makeImage()},QRCode.prototype.makeImage=function(){"function"==typeof this._oDrawing.makeImage&&(!this._android||this._android>=3)&&this._oDrawing.makeImage()},QRCode.prototype.clear=function(){this._oDrawing.clear()},QRCode.CorrectLevel=o}(),"undefined"!=typeof module&&(module.exports=QRCode);

;(function () {
    window.TplView = function (Ele) {
        var self = this;
        self.GetDirTree(function () {
            DirTreeView.call(self, Ele);
        },false);
    }

    var fn = TplView.prototype = Object.create(DirTreeView.prototype);

    fn.DirList = null;

    fn.getLeftTree = function () {
        var list = [];
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].Type == 0) {
                list.push(DirList[i]);
            }
        }
        var treeData = CLTableToTree(list, null)[0];
        return [treeData]
    }

    fn.GetDirInfo = function (DirInfo, Success) {
        var self = this;
        var Dirs = [];
        var Id = DirInfo.ID;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == Id) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetDesktopApps = function (Success) {
        var Dirs = [];
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ParentID == DirList[0].ID) {
                Dirs.push(DirList[i]);
            }
        }
        Success(Dirs);
    }

    fn.GetPathInfo = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Dirs = [DirList[0]];
        if (DirInfo.ParentID != null) {
            var Id = new CLBase64().decode(DirInfo.ID);
            var Ids = Id.split("/");
            Id = "";
            for (var i = 1; i < Ids.length; i++) {
                Id += "/" + Ids[i];
                Dirs.push(self.GetDirById(new CLBase64().encode(Id)));
            }
        }
        Success(Dirs);
    }

    fn.GetDirById = function (Id,End) {
        var self = this;
        var DirList = self.DirList;
        for (var i = 0; i < DirList.length; i++) {
            if (DirList[i].ID == Id) {
                return DirList[i];
            }
        }
        return null;
    }

    fn.OnDirCreated = function (divDir) {
        var self = this;
        var Dir = divDir.Dir;
        divDir.dataMenu = {
            "style": {
                "width": "180px",
                "max-height": "100%",
                "overflow-y": "auto",
            },
            "Items": []
        };
        var Items = divDir.dataMenu.Items;
        var Items = divDir.dataMenu.Items;
        Items.push({
            "Text": self.OnlyDir && Dir.Type == 1 ? "选中" : "打开",
            "Enable": true,
            "CallBack": function (e) {
                if (Dir.Type == 0) {
                    self.OpenDir(Dir);
                } else {
                    self.OpenFile(Dir);
                }
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "剪切",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Cut(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "复制",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.Copy(Dirs);
                divDir._CLMenu.Close();
            }
        });
        Items.push({
            "Text": "重命名",
            "Enable": true,
            "CallBack": function (e) {
                divDir._CLMenu.Close();
                self.StartRenameDir(divDir);
            }
        },
        {
            "Text": "删除",
            "Enable": true,
            "CallBack": function (e) {
                var Dirs = [];
                var Items = self.getSelect();
                for (var i = 0; i < Items.length; i++) {
                    Dirs.push(Items[i].Dir);
                }
                self.DeleteDirs(Dirs, function () {
                    for (; Items.length != 0;) {
                        Items[0].remove()
                    }
                });
                divDir._CLMenu.Close();
            }
        });
        divDir.oncontextmenu = function (e) {
            e.preventDefault();
            e.stopPropagation();
            divDir.dataMenu.Items = self.GetDirMenuItems(divDir.dataMenu.Items, divDir);
            divDir._CLMenu = new CLMenu(divDir.dataMenu);
            divDir._CLMenu.Reset(e);
        }
    }

    fn.EnableMenu = function () {
        var self = this;
        self.Ele.oncontextmenu = function (e) {
            e.preventDefault();
            var Menu = {
                "style": {
                    "width": "180px",
                    "max-height": "100%",
                    "overflow-y": "auto",
                },
                "Items": []
            };
            var Items = Menu.Items;
            Items.push({
                "Text": "新建目录",
                "Enable": true,
                "CallBack": function (e) {
                    var curPath = self.stateList[self.stateList.length - 1];
                    self.CreateDir(curPath, function (Dir) {
                        var div = self.AppendDir(Dir);
                        self.StartRenameDir(div);
                    });
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "粘贴",
                "Enable": self.copyData != null || self.cutData != null,
                "CallBack": function (e) {
                    self.Paste(self.stateList[self.stateList.length - 1]);
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "刷新",
                "Enable": true,
                "CallBack": function (e) {
                    self.GetDirTree(function (data) {
                        var Dir = self.current();
                        self.leftTreeDiv.innerHTML = "";
                        self.showLeftTree();
                        self.OpenDir(Dir, false);
                    });
                    _CLMenu.Close();
                }
            });
            var _CLMenu = new CLMenu(Menu);
            _CLMenu.Reset(e);
        }
    }

    fn.GetDirTree = function (Success, IsAsync) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpGetDirTree";
        HttpPost(url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.DirList = Json.data;
                Success(Json.data);
            }
        }, {}, IsAsync);
    }

    fn.OpenDir = function (DirInfo) {
        var self = this;
        if (self.DirList == null) {
            self.GetDirTree(function (DirList) {
                DirTreeView.prototype.OpenDir.call(self, DirList[0]);
            });
        } else {
            DirInfo = DirInfo == null ? self.DirList[0] : DirInfo;
            DirTreeView.prototype.OpenDir.call(self,DirInfo);
        }
    }

    fn.CreateDir = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpCreateDir";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                DirList.push(Json.data);
                self.leftTree.getItemById(DirInfo.ID).addChild(Json.data);
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {
            ParentID: DirInfo == null ? "Template" : DirInfo.ID,
            Type: 0
        })
    }
    //删除目录
    fn.DeleteDirs = function (DirInfos, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpDeleteDirs";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                for (var i = 0; i < DirInfos.length; i++) {
                    var index = DirList.indexOf(DirInfos[i]);
                    if (index >= 0) {
                        DirList.splice(index, 1);
                    }
                    var Item = self.leftTree.getItemById(DirInfos[i].ID);
                    if (Item != null) {
                        Item.Remove();
                    }
                }
                Success();
            }
        }, {
            DirInfos: DirInfos
        });
    }
    //粘贴
    fn.Paste = function (DestDir) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpPasteDirs";
        var data = {
            DestDir: DestDir
        }
        if (self.cutData != null) {
            data.Cut = self.cutData;
        }
        if (self.copyData != null) {
            data.Copy = self.copyData;
        }

        HttpPost(Url, function (Json) {
            self.cutData = null;
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
            } else {
                self.DirList = Json.data;
                var treeData = CLTableToTree(self.DirList, null)[0];
                self.leftTreeDiv.innerHTML = "";
                self.showLeftTree();
                self.OpenDir(DestDir, false);
            }
        }, data);
    }
    //搜素
    fn.Search = function (sVal) {
        var self = this;
        self.leftTree.Search(sVal);
        if (sVal.length == 0) {
            self.leftTree.getItemById(self.current().ID).Open();
        }
    }
    //重命名目录
    fn.RenameDir = function (DirInfo, Success) {
        var self = this;
        var DirList = self.DirList;
        var Url = "/" + CLCorpId() + "/api/Template.chx?Function=HttpRenameDir";
        HttpPost(Url, function (Json) {
            if (Json.code != 0) {
                CLShowMsg(Json.msg);
                Success(false);
            } else {
                self.leftTreeDiv.innerHTML = "";
                self.showLeftTree();
                self.OpenDir(self.GetDirById(DirInfo.ParentID), false);
            }
        }, {
            DirInfo: DirInfo
        });
    }

    fn.DefOpenTpl = function (DirInfo) {
        var self = this;
        if (self.OnlyDir && DirInfo.Type == 1) {
            return;
        }
        location.href = "Template.cml?ID=" + DirInfo.ID;
    }

    fn.OnlyDir = false;
}());
;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLUI.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\js/Http.js" />

(function () {
    CLLoad("/View/Form/Lib/Report/DataSourceDlg.css");
    (function () {
        //数据过滤类名
        var classNameFilters = ["关联查询", "关联数据", "分割线", "选项卡", "表格控件", "子表单"];

        window.SqlDataSourceDlg = function (dataSource, Vars, End, Ele, Connections) {
            var self = this;
            var url = "/View/Form/Lib/Report/sql-dlg.html?v=3.29";
            //url = "/" + CLCorpId() + "/NetDisk/设计器.lor/f/sql-dlg.html";
            var html = H5.Get(url);
            var div = document.createElement("div");
            document.body.appendChild(div);
            function funcEnd(dataSource, Vars, toLor) {
                var Marks = dataSource.sql.Marks;
                CLQuickSort(Marks, function (e1, e2) {
                    var From1 = e1.From;
                    var l1 = From1.line;
                    var c1 = From1.ch;
                    var From2 = e2.From;
                    var l2 = From2.line;
                    var c2 = From2.ch;
                    if (l1 != l2) {
                        return l1 - l2;
                    }
                    else {
                        return c1 - c2;
                    }
                });
                dataSource.sql.Asc = true;
                return End(dataSource, Vars, toLor);
            }

            var h5 = H5(div);
            h5.SetParam("SaveAs", function (file) {
                funcEnd(file.Source, file.Vars, false);
            });
            h5.SetParam("End", function (file) {
                funcEnd(file.Source, file.Vars, true);
            });
            h5.SetParam("File", {
                Source: dataSource,
                Vars: Vars
            });
            h5.SetParam("CodeDlg", function (Val, End) {
                if (self.hasOwnProperty("CodeDlg")) {
                    self.CodeDlg(Val, End);
                } else {
                    return false;
                }
            });
            h5.WaitEvent("closed", function () {
                self.closed && self.closed();
            });
            h5.WaitEvent("VarChanged", function (data) {
                self.VarChanged(data.Var, data.ID);
            });
            h5.Render(html);
            return;
        }
        //设置所有数据字段信息
        SqlDataSourceDlg.setDataFormsInfo = function (dataSources, data) {
            var listRet = [];
            for (var i = 0; dataSources != null && i < dataSources.length; i++) {
                for (var j = 0; j < data.length; j++) {
                    if (data[j].ID == dataSources[i].ID) {
                        SqlDataSourceDlg.SetFieldsInfo(data[j]);
                        listRet.push(data[j]);
                    }
                }
            }
            return listRet;
        }
        //获取所有数据源表单字段
        SqlDataSourceDlg.GetFormsByDataSource = function (dataSources, Success, Vars) {
            if (dataSources == null || dataSources.length == 0) {
                Success([]);
                return;
            }
            dataSources = [].concat(dataSources);
            function onData(data) {
                var listRet = [];
                for (var j = 0; j < data.length; j++) {
                    SqlDataSourceDlg.SetFieldsInfo(data[j]);
                    listRet.push(data[j]);
                }
                Success(listRet);
            }
            var url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetFormsByDataSource";
            if (location.href.toLocaleLowerCase().indexOf("autologin=true") > 0) {
                url += "&AutoLogin=true";
            }
            if (!CLApp.IsAdmin()) {
                var shortSources = [];
                for (var i = 0; i < dataSources.length ; i++) {
                    var runCode = dataSources[i].sql && dataSources[i].sql.runCode;
                    if (!runCode || runCode.dynamicId == null) {
                        shortSources.push({
                            ID: dataSources[i].ID,
                            Name: dataSources[i].Name
                        });
                    } else {
                        shortSources.push(dataSources[i]);
                    }
                }
                dataSources = shortSources;
            }
            return HttpPost(url, function (Json) {
                SqlDataSourceDlg.lastError = Json.msg;
                if (Json.code == 0) {
                    onData(Json.data);
                    if (Json.msg != "ok") {
                        CLShowMsg(Json.msg);
                    }
                } else {
                    CLShowMsg(Json.msg);
                }
            }, {
                Vars: {},
                dataSources: dataSources
            }, true, function () {
                onData([]);
            });
        }
        //设置字段信息
        SqlDataSourceDlg.SetFieldsInfo = function (jForm) {
            var Fields = jForm.Fields;
            if (Fields == null) {
                return;
            }

            //CLQuickSort(Fields, function (e1,e2) {
            //    if (e1.ID == "ID") {
            //        return -1;
            //    } else if (e2.ID == "ID") {
            //        return 1;
            //    }
            //    return CLStrCmp(e1.ID, e2.ID);
            //});
            for (var i = 0; i < Fields.length; i++) {
                if (classNameFilters.indexOf(Fields[i].className) >= 0 || Fields[i].ID.indexOf("SubTable_") >= 0) {
                    Fields.splice(i, 1);
                    i--;
                    continue;
                }
                var info = CLApp.getFieldInfo(Fields[i].ID);
                if (info != null) {
                    Fields[i].Name = info.Name;
                    if (info.className != null) {
                        Fields[i].className = info.className;
                    }
                }
            }
        }
        //查询数据
        SqlDataSourceDlg.QueryData = function (Sources, Success, Vars) {
            if (Sources == null || Sources.length == 0) {
                var t = setTimeout(function () {
                    clearTimeout(t);
                    Success([]);
                });
                return;
            }
            var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpQueryData";
            if (CLTop.location.href.toLocaleLowerCase().indexOf("autologin=true") > 0) {
                Url += "&AutoLogin=true";
            }
            var mapOnLoad = {};
            for (var i = 0; i < Sources.length ; i++) {
                var onload = Sources[i] && Sources[i].OnLoad;
                if (onload && typeof onload == "object") {
                    onload = onload.runCode || "";
                }
                mapOnLoad[Sources[i].ID] = onload ? "//【" + Sources[i].Name + "】(数据源公式)\n" + onload : null;
            }
            if (!CLApp.IsAdmin()) {
                var shortSources = [];
                for (var i = 0; i < Sources.length ; i++) {
                    if (!Sources[i].sql.runCode || Sources[i].sql.runCode.dynamicId == null) {
                        shortSources.push({
                            ID: Sources[i].ID,
                            Name: Sources[i].Name
                        });
                    } else {
                        shortSources.push(Sources[i]);
                    }
                }
                Sources = shortSources;
            }
            return HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    for (var key in Json.data) {
                        if (!!mapOnLoad[key]) {
                            (function () {
                                function GetVarValue(Name) {
                                    return Vars.GetVarValue(Name);
                                }
                                function SetVarValue(Name, Val, bEvent) {
                                    return Vars.SetVarValue(Name, Val, bEvent);
                                }
                                var self = Json.data[key];
                                var DataTable = self;
                                Json.data[key] = eval(mapOnLoad[key]);
                            }).call(Json.data[key]);
                        }
                    }
                    Success(Json.data);
                    if (Json.msg != "ok") {
                        CLShowMsg(Json.msg);
                    }
                } else {
                    CLShowMsg(Json.msg);
                }
            }, { Sources: Sources, Vars: Vars }, true, function () {
                Success([]);
            });
        }

        var fn = SqlDataSourceDlg.prototype;

        fn.hitTables = null;
        var g_Connections = null;
        //获取连接
        fn.GetConnections = function (Success) {
            if (g_Connections != null) {
                Success(g_Connections);
                return;
            }
            var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetConnections";
            return HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    g_Connections = Json.data;
                    Success(g_Connections);
                }
            }, null);
        }
        //根据连接获取所有数据库表
        fn.GetAllTableById = function (ID, Success, appId) {
            var self = this;
            var key = ID == "System" && appId != null ? ID + "_" + appId : ID;
            if (self.All_Source_Table == null) {
                self.All_Source_Table = {};
            }
            if (self.All_Source_Table[key]) {
                Success(self.All_Source_Table[key]);
                return;
            }
            function getTable(Success) {
                if (ID == "System" && self.All_Source_Table["System_System"]) {
                    Success(self.All_Source_Table["System_System"]);
                } else {
                    var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetAllTableById";
                    HttpPost(Url, function (Json) {
                        if (Json.code == 0) {
                            Success(Json.data);
                            self.All_Source_Table["System_System"] = Json.data;
                        } else {
                            CLShowMsg(Json.msg);
                        }
                    }, {
                        ID: ID
                    });
                }
            }
            getTable(function (data) {
                if (self.All_Source_Table == null) {
                    self.All_Source_Table = {};
                }
                if (ID == "System") {
                    var AllFormsInfo = CLClone(CLApp.getAllForms());
                    var Ja = [];
                    for (var i = 0; i < AllFormsInfo.length; i++) {
                        if (AllFormsInfo[i].IsVirtual === true) {
                            continue;
                        }
                        if (AllFormsInfo[i].AppId != appId && appId != null) {
                            continue;
                        }
                        var Jo = {};
                        Jo["ID"] = "DataTable_" + AllFormsInfo[i]["ID"];
                        Jo["Name"] = AllFormsInfo[i]["Name"];
                        var jFields = AllFormsInfo[i]["Fields"];
                        var subTables = [];
                        for (var j = 0; jFields && j < jFields.length; j++) {
                            if (jFields[j]["className"] == "子表单") {
                                var subTable = {};
                                subTable["ID"] = "DataTable_" + jFields[j]["ID"];
                                subTable["Name"] = jFields[j]["Name"];
                                subTables.push(subTable);
                            }
                            if (subTables.length != 0) {
                                Jo["SubNode"] = subTables;
                            }
                        }
                        Ja.push(Jo);
                    }
                    if (appId == null || appId == "System") {
                        Ja = Ja.concat(data);
                    }
                    self.All_Source_Table[key] = Ja;
                } else {
                    self.All_Source_Table[key] = data;
                    Ja = data;
                }
                Success(Ja);
            });
        }
        //删除连接
        fn.RemoveConnection = function (Id, Success) {
            var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpRemoveConnection";
            HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    Success();
                } else {
                    CLShowMsg(Json.msg);
                }
            }, { ID: Id });
        }
        //设置连接
        fn.SetConnection = function (Connection, Success) {
            var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpSetConnection";
            HttpPost(Url, function (Json) {
                if (Json.code == 0) {
                    Success();
                } else {
                    CLShowMsg(Json.msg);
                }
            }, { Connection: Connection });
        }
        //根据表单信息获取字段信息
        fn.GetFieldsInfo = function (TableInfo, ConnectionId) {
            var self = this;
            if (self[TableInfo.ID + ConnectionId] != null) {
                return self[TableInfo.ID + ConnectionId];
            }
            if (ConnectionId == "System" && TableInfo.Name != TableInfo.ID) {
                var form = self.GetFormByID(TableInfo.ID.replace("DataTable_", ""));
                self[TableInfo.ID + ConnectionId] = form.Fields === window.undefined ? form.Field : form.Fields;
                return self[TableInfo.ID + ConnectionId];
            }
            var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetFieldsInfo";
            var Fields = [];
            HttpPost(Url, function (Json) {
                if (Json.code != 0) {
                    CLShowMsg(Json);
                } else {
                    Fields = Json.data;
                }
            }, {
                ConnectionID: ConnectionId,
                TableName: TableInfo.ID
            }, false);
            self[TableInfo.ID + ConnectionId] = Fields;
            return Fields;
        }
        //根据ID获取表单
        fn.GetFormByID = function (ID) {
            var self = this;
            if (self.FormsMap == null) {
                self.FormsMap = {};
            }
            if (self.FormsMap[ID] != null) {
                return self.FormsMap[ID];
            }
            var AllForms = CLApp.getAllForms();
            for (var i = 0; i < AllForms.length; i++) {
                if (AllForms[i].ID == ID) {
                    return self.FormsMap[ID] = AllForms[i];
                }
                var Fields = AllForms[i].Fields;
                for (var j = 0; Fields && j < Fields.length; j++) {
                    if (Fields[j].className == "子表单" && Fields[j].ID == ID) {
                        return self.FormsMap[ID] = Fields[j];
                    }
                }
            }
        }
        //添加链接对话框
        fn.connectionDlg = function (connectionSelector, inputConnection) {
            var self = this;
            var dlgDiv = document.createElement("div");
            dlgDiv.style.cssText = "width:300px;height:300px;position:relative";
            var dlg = new CLDialog(dlgDiv);
            dlg.CreateAll(inputConnection == null ? "添加连接" : "修改连接", function () {
                var Connection = {};
                Connection.ID = CLMakeId();
                if (inputConnection != null) {
                    Connection = inputConnection;
                }
                Connection.Name = nameInput.value == null || nameInput.value.length == 0 ? "" : nameInput.value;
                if (Connection.Name.length == 0) {
                    CLShowMsg("请输入名称");
                    return false;
                }
                Connection.Type = typeSel.GetValue();
                Connection.Ip = hostInput.value == null || hostInput.value.length == 0 ? "" : hostInput.value;
                Connection.Pwd = pwdInput.value == null || pwdInput.value.length == 0 ? "" : pwdInput.value;
                Connection.User = userInput.value == null || userInput.value.length == 0 ? "" : userInput.value;
                Connection.Catalog = catalogInput.value == null || catalogInput.value.length == 0 ? "" : catalogInput.value;
                if (Connection.Type == "Oracle") {
                    Connection.As = AsSel.GetValue();
                }
                self.SetConnection(Connection, function () {
                    if (inputConnection == null) {
                        connectionSelector.AddItems([Connection.Name]);
                        self.Connections.push(Connection);
                        CLShowMsg("添加成功", false);
                    } else {
                        connectionSelector.Items[connectionSelector.selectedIndex] = Connection.Name;
                        CLShowMsg("修改成功", false);
                    }
                });
            });

            var Line = document.createElement("div");
            Line.style.cssText = "width:100%;height:36px;line-height:30px;padding:3px";
            var Label = document.createElement("div");
            Label.style.width = "50px";
            Label.style.display = "inline-block";
            Label.style.verticalAlign = "top";
            Label.innerHTML = "名称";
            Line.appendChild(Label);
            var nameInput = document.createElement("input");
            nameInput.style.height = "30px";
            nameInput.style.width = "calc(100% - 50px)";
            Line.appendChild(nameInput);
            dlg.Body.appendChild(Line);

            var type = Line.cloneNode();
            Label = Label.cloneNode();
            Label.innerHTML = "类型";
            type.appendChild(Label);
            var typeSel = new CLTop.CLSelect(type);
            typeSel.AddItems(["Sql Server", "MySql", "Oracle"]);
            typeSel.selectedIndex = 0;
            type.lastChild.style.display = "inline-block";
            type.lastChild.style.width = "calc(100% - 50px)";
            dlg.Body.appendChild(type);

            Line = Line.cloneNode(true);
            dlg.Body.appendChild(Line);
            Line.firstChild.innerHTML = "主机";
            var hostInput = Line.lastChild;

            Line = Line.cloneNode(true);
            dlg.Body.appendChild(Line);
            Line.firstChild.innerHTML = "用户";
            var userInput = Line.lastChild;

            Line = Line.cloneNode(true);
            dlg.Body.appendChild(Line);
            Line.firstChild.innerHTML = "密码";
            var pwdInput = Line.lastChild;
            pwdInput.setAttribute("type", "password");

            Line = Line.cloneNode(true);
            dlg.Body.appendChild(Line);
            Line.firstChild.innerHTML = "数据库";
            var catalogInput = Line.lastChild;
            catalogInput.removeAttribute("type");
            var LinkAs;
            var AsSel;
            typeSel.onchanged = function () {
                if (typeSel.selectedIndex == 2) {
                    LinkAs = Line.cloneNode();
                    Label = Label.cloneNode();
                    Label.innerHTML = "连接为";
                    LinkAs.appendChild(Label);
                    AsSel = new CLTop.CLSelect(LinkAs);
                    AsSel.AddItems(["Normal", "SYSDBA", "SYSOPER"]);
                    AsSel.selectedIndex = 0;
                    LinkAs.lastChild.style.display = "inline-block";
                    LinkAs.lastChild.style.width = "calc(100% - 50px)";
                    dlg.Body.appendChild(LinkAs);
                    if (inputConnection != null && inputConnection.As != null) {
                        AsSel.selectedIndex = AsSel.Items.indexOf(inputConnection.As);
                    } else {
                        AsSel.selectedIndex = 0;
                    }
                } else if (LinkAs) {
                    LinkAs.remove();
                }
                dlgDiv.style.height = "";
                dlgDiv.style.height = dlg.Body.scrollHeight + 105 + "px";
            }
            if (inputConnection != null) {
                nameInput.value = inputConnection.Name;
                hostInput.value = inputConnection.Ip;
                userInput.value = inputConnection.User;
                pwdInput.value = inputConnection.Pwd;
                catalogInput.value = inputConnection.Catalog;
                typeSel.selectedIndex = typeSel.Items.indexOf(inputConnection.Type);
            }
            dlgDiv.style.height = "";
            dlgDiv.style.height = dlg.Body.scrollHeight + 105 + "px";
        }
        //获取编辑结果
        fn.GetDataSource = function () {

        }

        fn.PreView = function (dataSource, oVars) {
            var self = this;
            delete dataSource.sql.runCode;
            var Marks = dataSource.sql.Marks;
            CLQuickSort(Marks, function (e1, e2) {
                var From1 = e1.From;
                var l1 = From1.line;
                var c1 = From1.ch;
                var From2 = e2.From;
                var l2 = From2.line;
                var c2 = From2.ch;
                if (l1 != l2) {
                    return l1 - l2;
                }
                else {
                    return c1 - c2;
                }
            });
            dataSource.sql.Asc = true;
            dataSource.sql.SIndex = dataSource.sql.originalCode.match(/ToSqlString[\s]?\([^\s]+[\s]?\)/) != null;
            var divDlg = document.createElement("div");
            divDlg.style.cssText = "width:800px;height:600px;";
            var dlg = new CLDialog(divDlg);
            dlg.CreateAll(dataSource.Name, function () { });
            dlg.Header.ondblclick = function () {
                dlg.MaximizeOrReset();
            }
            var Vars = self.translateVars(oVars);
            SqlDataSourceDlg.GetFormsByDataSource([dataSource], function (Forms) {
                if (SqlDataSourceDlg.lastError != "ok") {
                    dlg.Body.innerHTML = SqlDataSourceDlg.lastError;
                    return;
                }
                dlg.EnableMove(dlg.Header);
                var url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpPreViewData";
                HttpPost(url, function (Json) {
                    if (Json.code == 0) {
                        var _CLTable = new CLTable(dlg.Body);
                        var Fields = CLClone(Forms[0].Fields);
                        for (var i = 0; i < Fields.length ; i++) {
                            Fields[i].width = dlg.Body.offsetWidth / Fields.length + "px";
                        }
                        Fields.push({
                            ID: "",
                            Name: "",
                            width: ""
                        });
                        var span = document.createElement("span");
                        span.innerHTML = "耗时: " + Json.time + "ms";
                        dlg.Bottom.appendChild(span);
                        _CLTable.SetHeader(Fields);
                        _CLTable.Resize = true;
                        if (dataSource.OnLoad) {
                            (function () {
                                function GetVarValue(Name) {
                                    return Vars.GetVarValue(Name);
                                }
                                function SetVarValue(Name, Val, bEvent) {
                                    return Vars.SetVarValue(Name, Val, bEvent);
                                }
                                var self = Json.data;
                                var DataTable = self;
                                var onload = dataSource.OnLoad;
                                if (onload && typeof onload == "object") {
                                    onload = onload.runCode || "";
                                }
                                Json.data = eval("//【" + dataSource.Name + "】(数据源公式)\n" + onload);
                            }).call(Json.data);
                        }
                        _CLTable.SetData(Json.data);
                    } else {
                        var html = Json.msg;
                        html = html.replace("[Microsoft][SQL Server Native Client 11.0]", "");
                        dlg.Body.innerHTML = html;
                    }

                }, { "Source": dataSource, Vars: Vars });
            });
        }

        fn.InsertName = function (ItemData, className) {
            var slef = this;
            if (ItemData.ID != ItemData.Name) {
                var Mark = {
                    FieldData: CLClone(ItemData),
                    Color: "#0db3a6",
                    className: className
                }
                slef.CLCodeEditor.pushMark(Mark);
            } else {
                slef.CLCodeEditor.pushText(ItemData.ID);
            }
        }

        fn.InsertSelect = function (ItemData, className) {
            var self = this;
            self.CLCodeEditor.pushText("SELECT * FROM ");
            self.InsertName(ItemData, className);
        }

        fn.ShowFields = function (ConnectionId, TableInfo, filter) {
            var self = this;
            var FieldsInfo = self.GetFieldsInfo(TableInfo, ConnectionId);
            var Menu = {
                "style": {
                    "max-height": "250px",
                    "overflow": "auto"
                },
                "Items": []
            };
            var Items = Menu.Items;
            var names = ["iFlowStatus", "Submiter", "createDt", "updateDt"];
            for (var i = 0; i < FieldsInfo.length; i++) {
                var prefix = "";
                if (filter != null && FieldsInfo[i].Name.indexOf(filter) != 0) {
                    continue;
                }
                if (ConnectionId == "System" && TableInfo.ID != TableInfo.Name) {
                    if (names.indexOf(FieldsInfo[i].ID) < 0) {
                        prefix = "DataField_";
                    }
                    if (classNameFilters.indexOf(FieldsInfo[i].className) >= 0) {
                        continue;
                    }
                }
                Items.push({
                    "ID": prefix + FieldsInfo[i].ID,
                    "Text": FieldsInfo[i].Name,
                    "TableID": TableInfo.ID,
                    "Enable": true,
                    "className": "Field",
                    "CallBack": function (event) {
                        if (!!filter) {
                            var cur = self.CLCodeEditor.getCursor();
                            var token = self.CLCodeEditor.getToken({ line: cur.line, ch: cur.ch });
                            self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                        }
                        self.InsertName({
                            ID: event.currentTarget.ItemData.ID,
                            Name: event.currentTarget.ItemData.Text,
                            TableID: event.currentTarget.ItemData.TableID
                        }, "Field");
                        event.currentTarget.Menu.Close();
                    }
                });
            }
            if (Menu.Items.length != 0) {
                self.FieldsMenu(Menu);
            }
        }

        fn.showHint = function (code) {
            //'.'
            var self = this;
            var codeEditor = self.CLCodeEditor;
            if (self.toolTip != null) {
                self.toolTip.Close();
            }
            if (isNaN(code)) {
                return;
            }
            var editor = codeEditor.editor;
            var cur = editor.getCursor();
            var token = codeEditor.getToken({ line: cur.line, ch: cur.ch });
            if (token) {
                var preToken = codeEditor.getToken({ line: token.line, ch: token.start });
                if (token.string == '.') {
                    if (preToken.type == "Mark" && preToken.Mark.className == "Table") {
                        self.ShowFields(self.ConnectionId, preToken.Mark.FieldData);
                    } else if (preToken.type == null) {
                        for (var i = 0; i < self.hitTables.length ; i++) {
                            if (self.hitTables[i].ID == preToken.string) {
                                self.ShowFields(self.ConnectionId, self.hitTables[i]);
                                return;
                            }
                        }
                    }
                } else {
                    var filter = token.string;
                    if (token.type == null && filter.length != 0) {
                        var preToken = codeEditor.getToken({ line: token.line, ch: token.start });
                        if (preToken && preToken.string == ".") {
                            token = codeEditor.getToken({ line: preToken.line, ch: preToken.start });
                            if (token.type == "Mark" && token.Mark.className == "Table") {
                                self.ShowFields(self.ConnectionId, token.Mark.FieldData, filter);
                            } else if (token.type == null) {
                                for (var i = 0; i < self.hitTables.length ; i++) {
                                    if (self.hitTables[i].ID == filter) {
                                        self.ShowFields(self.ConnectionId, self.hitTables[i], filter);
                                        return;
                                    }
                                }
                            }
                        }
                    }
                }
                if (token.type != "string") {
                    var data = editor.getHelpers(cur, "hint")[0](editor, {
                        completeSingle: false
                    });
                    self.shownHint(editor, data);
                }
            }
        }

        fn.shownHint = function (editor, data) {
            var self = this;
            var codeEditor = self.CLCodeEditor;
            var cur = editor.getCursor();
            var Pos = editor.cursorCoords(cur);
            var line = codeEditor.GetCmLine(cur.line);

            if (line.text[cur.ch - 1] == ' ') {
                CLMenu.Clear();
                return;
            }

            var list = data.list;
            var token = codeEditor.getToken(cur);
            var Vars = self.VarTable ? self.VarTable.GetData() : [];

            var Menu = {
                "style": {
                    "max-height": "250px",
                    "overflow": "auto"
                },
                "Items": []
            };
            var Items = Menu.Items;
            for (var i = 0; i < list.length; i++) {
                Items.push({
                    "ID": list[i].text,
                    "Text": list[i].text,
                    "Enable": true,
                    "CallBack": function (event) {
                        if (token.string != ".") {
                            self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                        }
                        self.InsertName({
                            ID: event.currentTarget.ItemData.Text,
                            Name: event.currentTarget.ItemData.Text
                        });
                        event.currentTarget.Menu.Close();
                    }
                });
            }
            for (var i = 0; i < self.hitTables.length ; i++) {
                if (self.hitTables[i].Name.indexOf(token.string) == 0) {
                    Items.push({
                        "ID": self.hitTables[i].ID,
                        "Text": self.hitTables[i].Name,
                        "className": self.hitTables[i].className,
                        "Enable": true,
                        "CallBack": function (event) {
                            if (token.string != ".") {
                                self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                            }
                            var data = {
                                ID: event.currentTarget.ItemData.Text,
                                Name: event.currentTarget.ItemData.Text
                            };
                            if (data.ID != data.Name) {
                                data.className = event.currentTarget.ItemData;
                                self.InsertName(data, "Table");
                            } else {
                                self.InsertName({
                                    ID: event.currentTarget.ItemData.Text,
                                    Name: event.currentTarget.ItemData.Text
                                });
                            }
                            event.currentTarget.Menu.Close();
                        }
                    });
                    break;
                }
            }
            for (var i = 0; i < Vars.length; i++) {
                if (Vars[i].Name.indexOf(token.string) < 0) {
                    continue;
                }
                Items.push({
                    "ID": Vars[i].ID,
                    "Text": Vars[i].Name,
                    "classNameEx": Vars[i].className,
                    "className": "Var",
                    "Val":Vars[i].Val,
                    "Enable": true,
                    "CallBack": function (event) {
                        if (token.string != ".") {
                            self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                        }
                        var ItemData = event.currentTarget.ItemData;
                        self.InsertName({
                            ID: ItemData.ID,
                            Name: ItemData.Text,
                            className: ItemData.classNameEx,
                            Val: ItemData.Val
                        }, "Var");
                        event.currentTarget.Menu.Close();
                    }
                });
            }
            if (Items.length == 0) {
                return;
            }
            var _CLMenu = self.FieldsMenu(Menu);
            _CLMenu.Div.parentNode.style.left = Pos.left + "px";
            _CLMenu.Div.parentNode.style.top = Pos.bottom + "px";
        }

        fn.testMark = function (Mark, Vars) {
            var self = this;
            if (Mark.className == "Table") {
                var form = self.GetFormByID(Mark.FieldData.ID.replace("DataTable_", ""));
                if (form != null) {
                    Mark.FieldData.Name = form.Name;
                    return true;
                }
            }
            if (Mark.className == "Field") {
                var field = CLApp.getFieldInfo(Mark.FieldData.ID);
                if (!field) {
                    return false;
                }
                Mark.FieldData.Name = field.Name;
                return true;
            }
            if (Mark.className == "Var") {
                for (var i = 0; i < Vars.length; i++) {
                    if (Vars[i].ID == Mark.FieldData.ID) {
                        Mark.FieldData.Name = Vars[i].Name;
                        return true;
                    }
                }
            }
        }

        var helpDiv = null;

        fn.EnableDrag = function (Item, ItemData, Body, divEditor) {
            var self = this;
            if (helpDiv == null) {
                helpDiv = document.createElement("div");
                helpDiv.className = "DataSourceDlgHelp";
            }
            var X;
            var Y;
            var rect;
            CLEnableMove(Item, function (Item) {
                helpDiv.style.zIndex = CLMaxZIndex();
                Body.parentNode.style.cursor = "";
                Body.parentNode.parentNode.appendChild(helpDiv);
                helpDiv.innerHTML = ItemData.Name;
                rect = Item.getBoundingClientRect();
                helpDiv.style.left = rect.left + "px";
                helpDiv.style.top = rect.top + "px";
                X = Item.Pos.X;
                Y = Item.Pos.Y;
            }, function (Item) {
                helpDiv.style.left = Item.Pos.X - X + rect.left + "px";
                helpDiv.style.top = Item.Pos.Y - Y + rect.top + "px";
                return false;
            }, function (Item, event) {
                var rect = divEditor.getBoundingClientRect();
                var Pos = {
                    X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                    Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                }
                if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                    var Menu = {
                        "style": {
                            "width": "120px",
                            "max-height": "100%",
                        },
                        "Items": []
                    };
                    var Items = Menu.Items;
                    Items.push({
                        "Text": "名称",
                        "Enable": true,
                        "OnCreated": function (Item) {
                            Item.Fun = function () {

                            };
                            Item.classList.add("ItemSel");
                        },
                        "CallBack": function (event) {
                            self.InsertName({ ID: ItemData.ID, Name: ItemData.Name, className: ItemData.className }, "Table");
                            _CLMenu.Close();
                        }
                    });
                    Items.push({
                        "Text": "SELECT *",
                        "Enable": true,
                        "OnCreated": function (Item) {
                            Item.Fun = self.InsertSelect;
                        },
                        "CallBack": function (event) {
                            self.InsertSelect({ ID: ItemData.ID, Name: ItemData.Name, className: ItemData.className }, "Table");
                            _CLMenu.Close();
                        }
                    });
                    var _CLMenu = self.toolTip = new CLMenu(Menu);
                    _CLMenu.Reset(event);
                    var Box = _CLMenu.Div.parentNode;
                    Box.parentNode.className = "toolTipMenu";
                    Box.style.left = Box.offsetLeft - Box.offsetWidth / 2 + 10 + "px";
                    event.stopPropagation();
                    Box.setAttribute("tabindex", 3);
                    Box.focus();
                    Box.style.outline = "none";
                    Box.addEventListener("keydown", function (e) {
                        var ItemSel = Box.getElementsByClassName("ItemSel")[0];
                        ItemSel.classList.remove("ItemSel");
                        if (e.code == "ArrowDown") {
                            ItemSel = ItemSel.nextSibling == null ? ItemSel : ItemSel.nextSibling;
                            ItemSel.classList.add("ItemSel");
                        }
                        if (e.code == "ArrowUp") {
                            ItemSel = ItemSel.previousSibling == null ? ItemSel : ItemSel.previousSibling;
                            ItemSel.classList.add("ItemSel");
                        }
                        if (e.code == "Enter") {
                            ItemSel.Fun(ItemData, "Table");
                            _CLMenu.Close();
                            e.preventDefault();
                            e.stopPropagation();
                        }
                    });
                }
                helpDiv.remove();
                return false;
            });
        }
    }());

    (function () {

        window.JsDataSourceDlg = function (dataSource, Vars, End, Ele) {
            var self = this;
            dataSource = CLClone(dataSource);
            var Body;
            if (Ele == null) {
                var dlgDiv = document.createElement("div");
                dlgDiv.style.cssText = "width:900px;height:700px;position:relative";
                var dlg = new CLDialog(dlgDiv);
                self.CLDialog = dlg;
                function funcEnd() {
                    dataSource.Name = nameInput.value == null || nameInput.value.length == 0 ? "未命名" : nameInput.value;
                    Vars = varTable.GetData();
                    dataSource.ConnectionID = null;
                    if (selectedName == "获取字段接口") {
                        dataSource.code.FieldsCode = codeEditor.getValue();
                    }
                    if (selectedName == "获取单列数据接口") {
                        dataSource.code.FieldDataCode = codeEditor.getValue();
                    }
                    if (selectedName == "查询数据接口") {
                        dataSource.code.QueryDataCode = codeEditor.getValue();
                    }
                    return End(dataSource, Vars);
                }
                dlg.CreateAll(self.DlgTitle, function () {
                    return funcEnd();
                });
                dlg.EnableMove(dlg.Header);
                dlg.Header.ondblclick = function () {
                    dlg.MaximizeOrReset();

                }
                Body = dlg.Body;
                Body.classList.add("DataSourceDlg");
                dlg.onsizeChanged = function () {
                    varTable.Scroll();
                    codeEditor.setSize("100%", "auto");
                }
                self.funcEnd = funcEnd;
                self.fastSave();
            } else {
                Body = Ele;
            }
            Body.style.padding = "10px 20px 0px 20px";
            var Line = document.createElement("div");
            Line.className = "Line";
            Body.appendChild(Line);
            var label = document.createElement("div");
            label.innerHTML = "ID";
            label.className = "Label";
            Line.appendChild(label);
            var IdInput = document.createElement("input");
            IdInput.style.width = "200px";
            IdInput.style.marginRight = "100px";
            IdInput.disabled = true;
            IdInput.value = dataSource == null ? "" : dataSource.ID;
            Line.appendChild(IdInput);

            label = document.createElement("div");
            label.innerHTML = "名称";
            label.className = "Label";
            Line.appendChild(label);
            var nameInput = IdInput.cloneNode();
            nameInput.disabled = false;
            Line.appendChild(nameInput);
            nameInput.value = dataSource == null ? "" : dataSource.Name;

            var Container = document.createElement("div");
            Container.className = "Container";
            Body.appendChild(Container);
            var divBar = document.createElement("div");
            divBar.className = "Bar";
            Container.appendChild(divBar);
            var Btns = [
                {
                    Name: "获取字段接口",
                    Width: "100px",
                    IsSel: true
                },
                {
                    Name: "获取单列数据接口",
                    Width: "120px",
                    IsSel: false
                },
                {
                    Name: "查询数据接口",
                    Width: "100px",
                    IsSel: false
                }
            ];
            var _CLBtnGroup = new CLBtnGroup(divBar, Btns);
            divBar.lastChild.style.width = "350px";
            divBar.lastChild.style.display = "inline-block";
            _CLBtnGroup.groupDiv.classList.add("CLRoundBtnGroup");
            var selectedName = "获取字段接口";
            var O = {};
            _CLBtnGroup.OnSelected = function (divBtn) {
                if (dataSource.code == null) {
                    dataSource.code = {};
                }
                var scrollbars = codeEditor.editor.display.scrollbars;
                O[selectedName] = {
                    scrollLeft: divEditor.scrollLeft,
                    scrollTop: divEditor.scrollTop,
                }
                if (selectedName == "获取字段接口") {
                    Vars = varTable.GetData();
                    dataSource.code.FieldsCode = codeEditor.getValue();
                }
                if (selectedName == "获取单列数据接口") {
                    Vars = varTable.GetData();
                    dataSource.code.FieldDataCode = codeEditor.getValue();
                }
                if (selectedName == "查询数据接口") {
                    Vars = varTable.GetData();
                    dataSource.code.QueryDataCode = codeEditor.getValue();
                }
                selectedName = divBtn.Btn.Name;
                if (selectedName == "获取字段接口") {
                    codeEditor.setValue(dataSource.code.FieldsCode);
                }
                if (selectedName == "获取单列数据接口") {
                    scope.__fieldId__ = "";
                    codeEditor.setValue(dataSource.code.FieldDataCode);
                } else {
                    delete scope.__fieldId__;
                }
                if (selectedName == "查询数据接口") {
                    codeEditor.setValue(dataSource.code.QueryDataCode);
                }
                if (O[selectedName]) {
                    divEditor.scrollLeft = O[selectedName].scrollLeft;
                    divEditor.scrollTop = O[selectedName].scrollTop;
                }
            }
            self.updateVar = function (dataVar, ID) {
                DataSourceDlg.updateVar(dataSource, ID, dataVar);
            }
            var span = document.createElement("span");
            span.innerHTML = "成功: function Success(data){},失败: function Error(msg){}";
            span.style.cssFloat = "right";
            span.style.lineHeight = "26px";
            span.style.padding = "0 10px";
            span.style.color = "#989898";
            divBar.insertAdjacentHTML("beforeend", '<div class="Preview" style="float: right;">预览</div>');
            divBar.querySelector(".Preview").onclick = function () {
                dataSource.Name = nameInput.value == null || nameInput.value.length == 0 ? "未命名" : nameInput.value;
                dataSource.ConnectionID = null;
                if (selectedName == "获取字段接口") {
                    dataSource.code.FieldsCode = codeEditor.getValue();
                }
                if (selectedName == "获取单列数据接口") {
                    dataSource.code.FieldDataCode = codeEditor.getValue();
                }
                if (selectedName == "查询数据接口") {
                    dataSource.code.QueryDataCode = codeEditor.getValue();
                }
                self.PreView(dataSource, varTable.GetData());
            };
            var divEditor = document.createElement("div");
            divEditor.className = "Editor";
            divEditor.style.height = " calc(50% - 30px)";
            Container.appendChild(divEditor);

            function InsertName(ItemData, className) {
                if (ItemData.ID != ItemData.Name) {
                    var Mark = {
                        FieldData: CLClone(ItemData),
                        Color: "#0db3a6",
                        className: className
                    }
                    codeEditor.pushMark(Mark);
                } else {
                    codeEditor.pushText(ItemData.ID);
                }
            }

            var codeEditor = self.CLCodeEditor = new CLCodeEditor(divEditor, "javascript");

            var showHint = codeEditor.showHint;

            codeEditor.showHint = function (code) {
                if (self.toolTip != null) {
                    self.toolTip.Close();
                }
                showHint.call(codeEditor, code);
            }

            codeEditor.shownHint = function (editor, data) {
                var cur = editor.getCursor();
                var Pos = editor.cursorCoords(cur);
                var line = codeEditor.GetCmLine(cur.line);
                if (line.text[cur.ch - 1] == ' ') {
                    CLMenu.Clear();
                    return;
                }
                var list = data.list;
                var token = codeEditor.getToken(cur);
                var Vars = varTable.GetData();
                var Menu = {
                    "style": {
                        "max-height": "250px",
                        "overflow": "auto"
                    },
                    "Items": []
                };
                var Items = Menu.Items;
                for (var i = 0; i < list.length; i++) {
                    Items.push({
                        "ID": list[i],
                        "Text": list[i],
                        "Enable": true,
                        "CallBack": function (event) {
                            if (token.string != ".") {
                                self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                            }
                            InsertName({
                                ID: event.currentTarget.ItemData.Text,
                                Name: event.currentTarget.ItemData.Text
                            });
                            event.currentTarget.Menu.Close();
                        }
                    });
                }

                for (var i = 0; i < Vars.length; i++) {
                    if (Vars[i].Name.indexOf(token.text) < 0) {
                        continue;
                    }
                    Items.push({
                        "ID": Vars[i].ID,
                        "Text": Vars[i].Name,
                        "classNameEx": Vars[i].className,
                        "className": "Var",
                        "Enable": true,
                        "CallBack": function (event) {
                            if (token.string != ".") {
                                self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                            }
                            InsertName({
                                ID: event.currentTarget.ItemData.ID,
                                Name: event.currentTarget.ItemData.Text,
                                className: event.currentTarget.ItemData.classNameEx
                            }, "Var");
                            event.currentTarget.Menu.Close();
                        }
                    });
                }
                if (Items.length == 0) {
                    return;
                }
                var _CLMenu = self.FieldsMenu(Menu);
                _CLMenu.Div.parentNode.style.left = Pos.left + "px";
                _CLMenu.Div.parentNode.style.top = Pos.bottom + "px";
            }

            codeEditor.replacedWith = function (className, FieldData) {
                if (className == "Var") {
                    return "getVar('" + FieldData.ID + "')";
                }
            }

            codeEditor.BeforePaste = function () {
                Vars = varTable.GetData();
            }

            codeEditor.testMark = function (Mark) {
                if (Mark.className == "Var") {
                    for (var i = 0; i < Vars.length; i++) {
                        if (Vars[i].ID == Mark.FieldData.ID) {
                            Mark.FieldData.Name = Vars[i].Name;
                            return true;
                        }
                    }
                }
            }

            codeEditor.PrePaste = function () {
                Vars = varTable.GetData();
            }

            var scope = codeEditor.getGlobalScope();

            scope.Success = function () { }

            var varTable = self.ShowVars(Container);

            varTable.SetData(Vars);

            self.PreView = function (dataSource, oVars) {
                var Vars = self.translateVars(oVars);
                var div = document.createElement("div");
                div.style.cssText = "width:800px;height:600px;";
                var dlg = new CLDialog(div);
                dlg.CreateAll(dataSource.Name, function () { });
                dlg.Header.ondblclick = function () {
                    dlg.MaximizeOrReset();
                }
                JsDataSourceDlg.GetFormsByDataSource([dataSource], function (Forms) {
                    var dt = new Date();
                    JsDataSourceDlg.QueryData([dataSource], function (data) {
                        var _CLTable = new CLTable(dlg.Body);
                        var Fields = CLClone(Forms[0].Fields);
                        for (var i = 0; i < Fields.length ; i++) {
                            Fields[i].width = dlg.Body.offsetWidth / Fields.length + "px";
                        }
                        Fields.push({
                            ID: "",
                            Name: "",
                            width: ""
                        });
                        var span = document.createElement("span");
                        span.innerHTML = "耗时: " + (new Date() - dt) + "ms";
                        dlg.Bottom.appendChild(span);
                        _CLTable.SetHeader(Fields);
                        _CLTable.Resize = true;
                        data = data[dataSource.ID];
                        _CLTable.SetData(data.slice(0, 15));
                    }, Vars);
                });
            }

            codeEditor.setValue(dataSource.code.FieldsCode);
        }

        JsDataSourceDlg.GetFormsByDataSource = function (Sources, Success) {
            if (Sources == null || Sources.length == 0) {
                Success([]);
                return;
            }
            var retForms = [];
            var load = new Loading();
            for (var i = 0; i < Sources.length; i++) {
                JsDataSourceDlg.CalcForm(Sources[i], function (Form) {
                    retForms.push(CLClone(Form));
                    if (retForms.length == Sources.length) {
                        try {
                            Success(retForms);
                            load.Stop();
                        } finally {
                            load.Stop();
                        }
                    }
                });
            }
            return load;
        }

        JsDataSourceDlg.QueryData = function (Sources, Success, Vars) {
            if (Sources == null || Sources.length == 0) {
                var t = setTimeout(function () {
                    clearTimeout(t);
                    Success([]);
                });
                return;
            } else {
                var load = new Loading();
                var t = setTimeout(function () {
                    clearTimeout(t);
                    var retData = {
                    };
                    var iLen = 0;
                    for (var i = 0; i < Sources.length; i++) {
                        JsDataSourceDlg.QueryForm(Sources[i], Vars, function (Source, Data) {
                            retData[Source.ID] = Data;
                            iLen++;
                            if (iLen == Sources.length) {
                                try {
                                    Success(retData);
                                    load.Stop();
                                } finally {
                                    load.Stop();
                                }
                            }
                        });
                    }
                });
                return load;
            }
        }

        JsDataSourceDlg.CalcForm = function (Source, Success) {
            var Form = {
                ID: Source.ID,
                Name: Source.Name,
                Fields: []
            };
            var oSuccess = Success;
            (function () {
                function Success(data) {
                    var Fields = [];
                    for (var i = 0; i < data.length; i++) {
                        Fields.push({
                            ID: data[i].ID == null ? data[i].toString() : data[i].ID,
                            Name: data[i].Name == null ? data[i].toString() : data[i].Name,
                            className: data[i].className == null ? "单行文本" : data[i].className,
                        });
                    }
                    Form.Fields = Fields;
                    oSuccess(Form);
                    oSuccess = function () {

                    }
                }

                function Error(msg) {
                    CLShowMsg(msg);
                    oSuccess(Form);
                }
                function getVar(Id) {
                    return null;
                }
                if (Source.code.FieldsCode != null && Source.code.FieldsCode.runCode.trim() != "") {
                    var code = "//【" + Source.Name + "】(获取字段)\n" + Source.code.FieldsCode.runCode;
                    eval(code);
                    setTimeout(function () {
                        Success([]);
                    }, 10000);
                } else {
                    oSuccess(Form);
                }
            }());
        }

        JsDataSourceDlg.QueryForm = function (Source, Vars, Success) {
            var oSuccess = Success;
            (function () {
                function Success(data) {
                    oSuccess(Source, data);
                }

                function Error(msg) {
                    CLShowMsg(msg);
                    oSuccess(Source, []);
                }

                function getVar(Id) {
                    return Vars.GetVarValue(Id);
                }

                if (Source.code.QueryDataCode != null) {
                    var code = "//【" + Source.Name + "】(获取数据)\n" + Source.code.QueryDataCode.runCode;
                    eval(code);
                } else {
                    oSuccess(Source, []);
                }
            }());
        }

    }());

    (function () {
        var Names = ["流水号", "单行文本", "数字", "时间日期", "单选按钮组", "复选框组",
            "下拉框", "下拉复选框", "成员单选", "成员多选", "部门单选", "部门多选", "流程状态", "提交人", "提交时间", "更新时间"];
        window.ImmSourceDlg = function (dataSource, Vars, End) {
            var self = this;
            var oVars = CLClone(Vars);
            var oIds = [];
            for (var i = 0; oVars && i < oVars.length; i++) {
                oIds.push(oVars[i].ID);
            }
            dataSource = CLClone(dataSource);
            var dlgDiv = document.createElement("div");
            dlgDiv.style.cssText = "width:970px;height:700px;position:relative;min-width:970px;max-width:970px;min-height:700px;";
            var dlg = new CLDialog(dlgDiv);
            self.CLDialog = dlg;
            dlg.CreateAll(self.DlgTitle, function () {
                if (!tableTree) {
                    CLShowMsg("选择不完整");
                    return false;
                }
                dataSource.Name = nameInput.value == null || nameInput.value.length == 0 ? "未命名" : nameInput.value;
                dataSource.ConnectionID = null;
                dataSource.MonitorId = MonitorId;
                dataSource.Fields = tableTree.GetSelected();
                Vars = varTable.GetData();
                return End(dataSource, Vars);
            });
            dlg.EnableMove(dlg.Header);
            dlg.Header.ondblclick = function () {
                dlg.MaximizeOrReset();
            }
            Body = dlg.Body;
            Body.classList.add("DataSourceDlg");
            Body.style.padding = "10px 20px 0px 20px";
            var Line = document.createElement("div");
            Line.className = "Line";
            Body.appendChild(Line);
            var label = document.createElement("div");
            label.innerHTML = "ID";
            label.className = "Label";
            Line.appendChild(label);
            var IDInput = document.createElement("input");
            Line.appendChild(IDInput);
            IDInput.value = dataSource == null ? "" : dataSource.ID;
            IDInput.style.width = "200px";
            IDInput.style.marginRight = "100px";
            IDInput.disabled = true;
            label = document.createElement("div");
            label.innerHTML = "名称";
            label.className = "Label";
            Line.appendChild(label);
            var nameInput = document.createElement("input");
            nameInput.style.width = "200px";
            Line.appendChild(nameInput);
            nameInput.value = dataSource == null ? "" : dataSource.Name;
            nameInput.onchange = function () {
                dataSource.Name = nameInput.value.trim();
            }
            var Container = document.createElement("div");
            Container.className = "Container";
            Body.appendChild(Container);
            var divBar = document.createElement("div");
            divBar.className = "Bar";
            Container.appendChild(divBar);

            var monitorSelect = new CLSelect(divBar);
            divBar.lastChild.style.width = "180px";
            monitorSelect.setPlaceholder("选择监视器");
            var Items;
            var MonitorId = dataSource.MonitorId;

            monitorSelect.getItems = function (Success) {
                if (Items) {
                    Success(Items);
                } else {
                    self.GetMoniters(function (data) {
                        Items = data;
                        for (var i = 0; i < Items.length; i++) {
                            Items[i].toString = function () {
                                return this.Name.substr(0, this.Name.lastIndexOf("."));
                            }
                        }
                        Success(Items);
                    });
                }
            }
            function ConcatVars(Vars) {
                var rVars = CLClone(oVars);
                for (var i = 0; Vars && i < Vars.length; i++) {
                    var index = oIds.indexOf(Vars[i].ID);
                    if (index >= 0) {
                        rVars[index] = Vars[i];
                    } else {
                        rVars.push(Vars[i]);
                    }
                }
                return rVars;
            }
            if (MonitorId) {
                monitorSelect.getItems(function (items) {
                    var index = -1;
                    monitorSelect.AddItems(Items);
                    for (var i = 0; i < items.length ; i++) {
                        if (items[i].ID == MonitorId) {
                            index = i;
                        }
                    }
                    if (index >= 0) {
                        monitorSelect.selectedIndex = index;
                        dataSource.Vars = monitorSelect.Items[index].Data.Vars;
                        varTable.SetData(ConcatVars(dataSource.Vars));
                    }
                });
            }
            var tableTree;
            var dataTree;
            monitorSelect.onchanged = function () {
                var Fields;
                if (MonitorId == monitorSelect.Items[monitorSelect.selectedIndex].ID) {
                    Fields = dataSource.Fields;
                }
                MonitorId = monitorSelect.Items[monitorSelect.selectedIndex].ID;
                ImmSourceDlg.GetFormsByDataSource([{
                    MonitorId: MonitorId
                }], function (Forms) {
                    dataTree = Forms[0];
                    dataTree.SubNode = dataTree.Fields;
                    tableTree = new CLTree(dataTree);
                    tableTree.Editable = false;
                    tableTree.MultiSel = true;
                    var Box;
                    tableTree.OnItemCreated = function (Item, ItemData) {
                        if (ItemData.SubNode) {
                            tableTree.Disable(ItemData.ID);
                            Item.firstChild.innerHTML = "";
                            Box = new CLCheckBox("全选", Item.firstChild);
                            Box.IconRight = true;
                            Box.onchanged = function () {
                                if (Box.checked) {
                                    tableTree.SelectAll();
                                } else {
                                    tableTree.UnSelectAll();
                                }
                            }
                        } else {
                            Item.firstChild.style.paddingLeft = "0px";
                        }

                    }
                    divLeft.innerHTML = "";
                    divLeft.appendChild(searchInput);
                    tableTree.Render(divLeft);
                    tableTree.OnAllSelected = function () {
                        Box.Checked = true;
                    }
                    tableTree.OnLostAllSelected = function () {
                        Box.Checked = false;
                    }
                    divLeft.lastChild.style.maxHeight = "100%";
                    divLeft.lastChild.style.overflow = "auto";
                    for (var i = 0; Fields && i < Fields.length; i++) {
                        tableTree.Select(Fields[i]);
                    }
                });
                dataSource.Vars = monitorSelect.Items[monitorSelect.selectedIndex].Data.Vars;
                varTable.SetData(ConcatVars(dataSource.Vars));
            }
            var divLeft = document.createElement("div");
            divLeft.className = "Left";
            Container.appendChild(divLeft);
            var searchInput = document.createElement("input");
            searchInput.className = "CLSearch";
            divLeft.appendChild(searchInput);
            searchInput.oninput = function () {
                tableTree.Search(searchInput.value);
            }
            var Right = document.createElement("div");
            Right.style.cssText = "position: absolute;top: 40px;left:190px;bottom:0;right:0;";
            Right.style.pointerEvents = "none";
            Container.appendChild(Right);
            var varTable = self.ShowVars(Right);
            varTable.SetData(Vars);
            dlg.onsizeChanged = function () {
                varTable.Scroll();
            }
            Right.firstChild.style.top = "0px";
            Right.firstChild.lastChild.style.display = "none";
            Right.lastChild.style.marginTop = "0";
            Right.lastChild.style.top = "30px";
            Right.lastChild.style.height = "calc(100% - 60px)";
        }

        ImmSourceDlg.GetSocket = function (ImmSocket) {
            var socket;
            ImmSocket.ID = CLMakeId();
            if (CLTop.__ImmSocket__) {
                socket = CLTop.__ImmSocket__;
                socket.ImmSocket.push(ImmSocket);
            } else {
                CLTop.__ImmSocket__ = socket = CLTop.CLGetSocket();
                socket.ImmSocket = [ImmSocket]
                socket.OnConnected = function () {
                    var ImmSocket = socket.ImmSocket;
                    for (var i = 0; i < ImmSocket.length ; i++) {
                        ImmSocket[i].OnConnected();
                    }
                }
                socket.OnMsg = function (Msg) {
                    var ImmSocket = socket.ImmSocket;
                    for (var i = 0; i < ImmSocket.length ; i++) {
                        if (Msg.connectId == ImmSocket[i].ID) {
                            ImmSocket[i].OnMsg(Msg.Msg);
                        }
                    }
                }
                socket.OnLost = function () {
                    var ImmSocket = socket.ImmSocket;
                    for (var i = 0; i < ImmSocket.length ; i++) {
                        ImmSocket[i] && ImmSocket[i].OnLost && ImmSocket[i].OnLost();
                    }
                }
                ImmSocket.IsFirst = true;
            }
            ImmSocket.Close = function () {
                var index = socket.ImmSocket.indexOf(ImmSocket);
                if (index >= 0) {
                    socket.ImmSocket.splice(index, 1);
                    socket.Invoke("api::WSDataSource", "WSDisConnectSource", [this.monitorId, this.ID], function (data) {
                    });
                }
            }
            ImmSocket.Invoke = function (Handler, Function, arguments, Success, Src) {
                if (socket.ImmSocket.indexOf(ImmSocket) >= 0) {
                    socket.Invoke(Handler, Function, arguments, Success, Src);
                }
            }
            ImmSocket.OnConnected = function (func) {
                ImmSocket.OnConnected = func;
                if (socket.IsOpen()) {
                    ImmSocket.OnConnected();
                }
            }
            ImmSocket.socket = socket;
            return ImmSocket;
        }

        ImmSourceDlg.GetFormsByDataSource = function (Sources, Success) {
            if (Sources == null || Sources.length == 0) {
                Success([]);
                return;
            }
            function onData(data) {
                var Monitors = {};
                for (var j = 0; j < data.length; j++) {
                    SqlDataSourceDlg.SetFieldsInfo(data[j]);
                    Monitors[data[j].ID] = data[j];
                }
                var listRet = [];
                for (var i = 0; i < Sources.length; i++) {
                    var MonitorId = Sources[i].MonitorId;
                    var Fields = Sources[i].Fields;
                    var Form = CLClone(Monitors[MonitorId]);
                    if (Form == null) {
                        Form = {
                            ID: Sources[i].ID,
                            Name: Sources[i].Name,
                            Fields: []
                        }
                    } else {
                        Form.Name = Sources[i].Name;
                        Form.ID = Sources[i].ID;
                        for (var j = 0; Fields && j < Form.Fields.length; j++) {
                            if (Fields.indexOf(Form.Fields[j].ID) < 0) {
                                Form.Fields.splice(j, 1);
                                j--;
                            }
                        }
                    }
                    listRet.push(Form);
                }
                Success(listRet);
            }
            var IDs = [];
            for (var i = 0; i < Sources.length; i++) {
                var MonitorId = Sources[i].MonitorId;
                if (IDs.indexOf(MonitorId) < 0) {
                    IDs.push(MonitorId);
                }
            }
            var url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpQueryMonitorForms";
            HttpPost(url, function (Json) {
                if (Json.code == 0) {
                    onData(Json.data);
                } else {
                    CLShowMsg(Json.msg);
                }
            }, { IDs: IDs }, true, function () {
                onData([]);
            });
        }

        ImmSourceDlg.QueryData = function (Sources, Success, Vars) {
            if (Sources == null || Sources.length == 0) {
                var t = setTimeout(function () {
                    clearTimeout(t);
                    Success([]);
                });
                return;
            }
            var iCount = 0;
            var mapData = {};
            var msgList = [];
            var flag = false;
            function Connect(Source, ID) {
                var sock = ImmSourceDlg.GetSocket({});
                var Source_Data;
                function reload(func) {
                    var flag = false;
                    sock.Invoke("api::WSDataSource", "WSConnectSource", [sock.ID, Source, Vars], function (data) {
                        if (data.R) {
                            flag = true;
                            var Lines = data.Msg;
                            if (Lines) {
                                func(Lines);
                            }
                        }
                    });
                    var msgList = [];
                    sock.OnMsg = function (msg) {
                        if (!flag) {
                            msgList.push(function () {
                                funcMsg(msg);
                            });
                        } else {
                            funcMsg(msg);
                        }
                    }
                };
                function update(Source_Data, line) {
                    for (var i = 0; i < Source_Data.length; i++) {
                        if (Source_Data[i].ID == line.ID) {
                            Source_Data[i] = Source_Data.CalcLine.call(Source_Data, line);
                        }
                    }
                }
                function funcMsg(Msg) {
                    if (!Source_Data.CalcLine) {
                        CLDelay(function () {
                            sock.OnMsg(Msg);
                        }, 100);
                        return;
                    }
                    if (Msg.type == "add") {
                        var Lines = Msg.Lines;
                        for (var i = 0; i < Lines.length ; i++) {
                            Source_Data.push(Source_Data.CalcLine.call(Source_Data, Lines[i]));
                        }
                        if (Source_Data.OnChanged) {
                            Source_Data.OnChanged(Msg);
                        }
                    }else if (Msg.type == "update") {
                        var Lines = Msg.Lines;
                        for (var i = 0; i < Lines.length; i++) {
                            update(Source_Data, Lines[i]);
                        }
                        if (Source_Data.OnChanged) {
                            Source_Data.OnChanged(Msg);
                        }
                    }else if (Msg.type == "delete") {
                        var IDs = Msg.IDs;
                        for (var i = 0; i < Source_Data.length; i++) {
                            if (IDs.indexOf(Source_Data[i].ID) >= 0) {
                                Source_Data.splice(i, 1);
                                i--;
                            }
                        }
                        if (Source_Data.OnChanged) {
                            Source_Data.OnChanged(Msg);
                        }
                    } else if (Msg.type == "reload") {
                        reload(function (Lines) {
                            Source_Data.splice(0, Source_Data.length);
                            for (var i = 0; i < Lines.length ; i++) {
                                Source_Data.push(Source_Data.CalcLine.call(Source_Data, Lines[i]));
                            }
                            if (Source_Data.OnChanged) {
                                Source_Data.OnChanged(Msg);
                            }
                        });
                    } else {
                        if (Source_Data.OnChanged) {
                            Source_Data.OnChanged(Msg);
                        }
                    }
                }
                sock.OnMsg = function (msg) {
                    if (!flag) {
                        msgList.push(function () {
                            funcMsg(msg);
                        });
                    } else {
                        funcMsg(msg);
                    }
                }
                sock.OnConnected(function () {
                    sock.Invoke("api::WSDataSource", "WSConnectSource", [sock.ID, Source, Vars], function (data) {
                        if (data.R) {
                            iCount++;
                            Source_Data = data.Msg;
                            if (Source_Data) {
                                mapData[ID] = Source_Data;
                                if (iCount == Sources.length) {
                                    Success(mapData);
                                    flag = true;
                                    msgList.forEach(function (func) {
                                        func();
                                    });
                                }
                                Source_Data.Close = function () {
                                    if (sock.Close) {
                                        sock.Close();
                                    }
                                }
                            }
                        } else {
                            CLShowMsg(data.msg);
                        }
                    });
                })
            }
            for (var i = 0; i < Sources.length; i++) {
                Connect({
                    Fields: Sources[i].Fields,
                    MonitorId: Sources[i].MonitorId,
                    debuggerId: window["!debuggerId"]
                }, Sources[i].ID);
            }
        }

        var fn = ImmSourceDlg.prototype;

        fn.GetMoniters = function (Success) {
            var self = this;
            var url = "/" + CLCorpId() + "/api/CLApp.chx?Function=HttpQueryMonitors";
            var load = HttpPost(url, function (Json) {
                if (Json.code == 0) {
                    Success(Json.data);
                } else {
                    CLShowMsg(Json.msg);
                }
            }, {
                AppId: self.AppId()
            });
            load.Stop();
        }

    }());

    (function () {

        window.DataSourceDlg = function (dataSource, Vars, End, Ele) {
            var self = this;
            if (dataSource == null) {
                DataSourceDlg.SourceType(function (Type) {
                    dataSource = {
                        ID: CLMakeId(),
                        Name: "未命名数据源",
                        sql: Type == "sql" ? {
                            Marks: [],
                            originalCode: "",
                            runCode: ""
                        } : null,
                        code: Type == "js" ? {} : null,
                        Immediately: Type == "Immediately" ? true : null,
                    };
                    self.DlgTitle = dataSource.Name + " | 添加";
                    if (dataSource.sql != null) {
                        dataSource.Type = 1;
                    } else if (dataSource.code != null) {
                        dataSource.Type = 2;
                    } else if (dataSource.Immediately) {
                        dataSource.Type = 3;
                    }
                    DataSourceDlg.call(self, dataSource, Vars, End, Ele);
                });
                return;
            } else {
                self.DlgTitle = dataSource.Name + " | 修改";
            }
            if (dataSource.sql != null) {
                for (var key in SqlDataSourceDlg.prototype) {
                    self[key] = SqlDataSourceDlg.prototype[key];
                }
                window.SqlDataSourceDlg.apply(this, arguments);
            } else if (dataSource.code != null) {
                for (var key in SqlDataSourceDlg.prototype) {
                    self[key] = SqlDataSourceDlg.prototype[key];
                }
                window.JsDataSourceDlg.apply(this, arguments);
            } else if (dataSource.Immediately != null) {
                for (var key in ImmSourceDlg.prototype) {
                    self[key] = ImmSourceDlg.prototype[key];
                }
                window.ImmSourceDlg.apply(this, arguments);
            } else {
                CLShowMsg("该数据源不可编辑");
            }
        }

        DataSourceDlg.SourceType = function (End) {
            var Menu = {
                "style": {
                    "max-height": "100%",
                    "overflow-y": "auto",
                    "min-width": "130px"
                },
                "Items": []
            }
            var Items = Menu.Items;
            Items.push({
                "Text": "添加【SQL】数据源",
                "Enable": true,
                "CallBack": function (e) {
                    End("sql");
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "添加【JavaScript】数据源",
                "Enable": true,
                "CallBack": function (e) {
                    End("js");
                    _CLMenu.Close();
                }
            });
            Items.push({
                "Text": "添加即时数据源",
                "Enable": true,
                "CallBack": function (e) {
                    End("Immediately");
                    _CLMenu.Close();
                }
            });
            var _CLMenu = new CLMenu(Menu, event == null || event.currentTarget.getBoundingClientRectEx == null ? null : event.currentTarget);
            return _CLMenu;
        }

        DataSourceDlg.ConnectMonitor = function (MonitorId, Vars) {
            var sock = ImmSourceDlg.GetSocket({});
            var first = true;
            var msgs = [];
            function Monitor() { }

            var R = Object.create(Monitor.prototype);

            R.Bind = function (ele) {
                if (ele && ele["{MonitorSock}"]) {
                    ele["{MonitorSock}"].Close();
                    delete ele["{MonitorSock}"];
                }
                ele["{MonitorSock}"] = sock;
                var observer = new MutationObserver(function () {
                    if (!ele.isConnected) {
                        sock.Close();
                        delete ele["{MonitorSock}"];
                    }
                });
                observer.observe(Div, {
                    childList: true,
                    subtree: true
                });
            }

            R.Close = function () {
                sock.Close();
            }
            var Connected, Lost, OnMsg;
            Object.defineProperty(R, "OnConnected", {
                set: function (func) {
                    Connected = func;
                }
            });
            Object.defineProperty(R, "OnLost", {
                set: function (func) {
                    Lost = func;
                }
            });

            Object.defineProperty(R, "OnMsg", {
                set: function (func) {
                    OnMsg = func;
                }
            });

            sock.OnLost = function () {
                Lost && Lost();
            }

            sock.OnMsg = function (data) {
                if (first) {
                    msgs.push(data);
                } else {
                    OnMsg(data);
                }
            }

            sock.OnConnected(function () {
                var vVars = {};
                for (var key in Vars) {
                    var Val = Vars[key];
                    if (!/^\$\([\S]*\)$/.test(key)) {
                        key = "$(" + new CLBase64().encode(key) + ")";
                    }
                    vVars[key] = Val;
                }
                this.Invoke("api::WSDataSource", "WSConnectSource", [this.ID, { Fields: [], MonitorId: MonitorId }, vVars], function (data) {
                    data = data.R ? data.Msg : [];
                    Connected && Connected(data);
                    first = false;
                    msgs.forEach(function (msg) {
                        try {
                            OnMsg(msg);
                        } catch (e) {
                            console.log(e);
                        }
                    });
                });
            });

            return R;
        }

        window.CLConnectMonitor = DataSourceDlg.ConnectMonitor;

        DataSourceDlg.setDataFormsInfo = SqlDataSourceDlg.setDataFormsInfo;

        //获取【数据筛选】关联的数据源
        DataSourceDlg.GetSourcesByFilter = function (Sources, name) {
            if (!/^\$\([\S]*\)$/.test(name)) {
                name = "$(" + H5.Btoa(name) + ")";
            }
            for (var i = 0; Sources && i < Sources.length; i++) {
                var source = Sources[i];
                if (source.Type === undefined || source.Type == 1) {
                    var Marks = !Sources[i].sql ? null : Sources[i].sql.Marks;
                    for (var j = 0; Marks && j < Marks.length; j++) {
                        if (Marks[j].className == "Var" && Marks[j].FieldData.ID == name) {
                            return source;
                        }
                    }
                }
                if (source.Type == 2 && source.code.FieldsCode) {
                    var Marks = [];
                    if (source.code.QueryDataCode) {
                        Marks = Marks.concat(source.code.QueryDataCode.Marks);
                    }
                    if (source.code.FieldsCode) {
                        Marks = Marks.concat(source.code.FieldsCode.Marks);
                    }
                    for (var j = 0; Marks && j < Marks.length; j++) {
                        if (Marks[j].className == "Var" && Marks[j].FieldData.ID == name) {
                            return source;
                        }
                    }
                }
                if (source.Type == 3) {
                    var sourceVars = Sources[i].Vars;
                    for (var j = 0; sourceVars && j < sourceVars.length; j++) {
                        if (sourceVars[j].ID == name) {
                            return source;
                        }
                    }
                }
            }
        }

        DataSourceDlg.VarInUse = function (name, Source) {
            return Source == DataSourceDlg.GetSourcesByFilter([Source], name);
        };

        var fn = DataSourceDlg.prototype;

        fn.VarTable = null;

        fn.Save = function () { }

        fn.fastSave = function () {
            var self = this;
            var body = self.CLDialog.Body;
            body.addEventListener("keydown", function (e) {
                if (e.ctrlKey && e.code == "KeyS") {
                    self.funcEnd();
                    self.Save && self.Save();
                }
            });
        }

        fn.AppId = function () {

        }

        fn.CodeDlg = function (Val, End, Name) {
            var self = this;
            var dlgDiv = document.createElement("div");
            dlgDiv.style.cssText = "width:900px;height:700px;position:relative";
            var dlg = new CLDialog(dlgDiv);
            dlg.CreateAll("编辑公式 | " + Name, function () {
                End(codeEditor.getOriginalCode());
            });
            dlg.Header.ondblclick = function () {
                dlg.MaximizeOrReset();
            }
            var Body = dlg.Body;
            Body.style.overflow = "auto";
            dlg.EnableMove();
            var codeEditor = new CLCodeEditor(Body, "javascript");
            codeEditor.cusCopy = false;
            codeEditor.setValue(Val);
            var Scope = codeEditor.getGlobalScope();
            Scope.GetVarValue = function () { }
            Scope.SetVarValue = function () { }
            dlg.resize = function () {
                codeEditor.setSize("100%", "auto");
            }
            Body.addEventListener("keydown", function (e) {
                if (e.ctrlKey && e.code == "KeyS") {
                    End(codeEditor.getOriginalCode());
                    self.funcEnd();
                    self.Save();
                }
            });
        }

        fn.VarChanged = function (dataVar, ID) {
            var self = this;
            if (ID == null) {
                ID = dataVar.ID;
            }
            if (self.updateVar) {
                self.updateVar(dataVar, ID)
            }
            if (self.CLCodeEditor) {
                self.CLCodeEditor.updateMark(dataVar, ID);
            }
        }

        fn.ShowVars = function (box) {
            var self = this;
            var VarsTitle = document.createElement("div");
            VarsTitle.innerHTML = "参数";
            VarsTitle.className = "VarsTitle";
            box.appendChild(VarsTitle);
            var addVar = document.createElement("div");
            addVar.classList.add("Add");
            addVar.innerHTML = "添加";
            VarsTitle.appendChild(addVar);
            addVar.onclick = function () {
                AddVar();
            }

            function Render() {
                varTable.SetData(varTable.GetData());
            }

            function AddVar(Var) {
                var Vars = varTable.GetData();
                if (!Var) {
                    Var = {
                        ID: "$(" + new CLBase64().encode("未命名变量") + ")",
                        Name: "未命名变量",
                        className: "字符串",
                        Val: null
                    }
                    var Names = varTable.Table.getElementsByClassName("Name");
                    for (var i = 0; i < Names.length; i++) {
                        if (Names[i].Data.indexOf(Var.Name) == 0) {
                            if (Var.Name.indexOf("(") < 0) {
                                Var.Name = Var.Name + "(1)";
                            } else {
                                var index = Var.Name.substring(Var.Name.indexOf("(") + 1, Var.Name.lastIndexOf(")")) * 1 + 1;
                                Var.Name = Var.Name.substring(0, Var.Name.indexOf("(")) + "(" + index + ")";
                            }
                        }
                    }
                    Var.ID = "$(" + new CLBase64().encode(Var.Name) + ")";
                } else {
                    var find = null;
                    Vars.forEach(function (ele) {
                        if (ele.ID == Var.ID) {
                            find = ele;
                        }
                    });
                    if (find) {
                        if (Var.Type != find.Type) {
                            SetType(Var, find.Type, find.Val);
                        } else {
                            SetValue(Var, find.Val);
                        }
                        return;
                    }
                }
                Vars.push(Var);
                var oVars = varTable.GetData();
                varTable.SetData(Vars);
                self.PushUndo(function () {
                    DeleteVar(Var.ID);
                });
                var ele = TBody.querySelector(".Var:last-child");
                ele && ele.scrollIntoView();
            }

            function DeleteVar(ID) {
                var oVars = varTable.GetData();
                var Var = null;
                var nVars = [];
                for (var i = 0; i < oVars.length ; i++) {
                    if (oVars[i].ID != ID) {
                        nVars.push(oVars[i]);
                    } else {
                        Var = oVars[i];
                    }
                }
                varTable.SetData(nVars);
                self.PushUndo(function () {
                    AddVar(Var);
                });
            }

            function SetName(Var, Name) {
                var oID = Var.ID;
                var oName = Var.Name;
                if (oName == Name) {
                    return;
                }
                Var.ID = "$(" + new CLBase64().encode(Name) + ")";
                Var.Name = Name;
                function update(oName, sName) {
                    Vars = varTable.GetData();
                    function Space(Val, index) {
                        while (index < Val.length && /\s/.test(Val[index])) {
                            index++;
                        }
                        return index;
                    }
                    Vars.forEach(function (Var) {
                        if (Var.className == "公式" && !!Var.Val) {
                            var Val = Var.Val;
                            function update(Val) {
                                var list = [];
                                var prev = 0;
                                var index = Val.indexOf("etVarValue");
                                while (index >= 0 && index < Val.length) {
                                    if (Val[index - 1] != 'S' && Val[index - 1] != 'G') {
                                        index++;
                                        continue;
                                    }
                                    index += 10;
                                    index = Space(Val, index);
                                    if (Val[index] != "(") {
                                        return;
                                    }
                                    index++;
                                    index = Space(Val, index);
                                    if (Val[index] != "'" && Val[index] != '"') {
                                        continue;
                                    } else {
                                        index++;
                                        if (index == Val.indexOf(oName, index)) {
                                            list.push(Val.substr(prev, index - prev));
                                            list.push(sName);
                                            index += oName.length;
                                            prev = index;
                                        }
                                    }
                                    index = Val.indexOf("etVarValue", index);
                                }
                                if (Val.length > prev) {
                                    list.push(Val.substr(prev, Val.length - prev));
                                }
                                return list.join("");
                            }
                            if (typeof Val == "string") {
                                Var.Val = update(Var.Val);
                            } else {
                                if (Var.Val.runCode) {
                                    Var.Val.runCode = update(Var.Val.runCode);
                                    Var.Val.originalCode = update(Var.Val.originalCode);
                                }
                            }
                        }
                    });
                }
                update(oName, Name);
                self.VarChanged(Var, oID);
                self.PushUndo(function () {
                    var oVars = varTable.GetData();
                    SetName(Var, oName);
                });
                Render();
            }

            function SetType(Var, Type, Val) {
                var oType = Var.className;
                if (oType == Type) {
                    return;
                }
                var oVal = Var.Val;
                Var.Val = Val;
                Var.className = Type;
                self.PushUndo(function () {
                    SetType(Var, oType, oVal);
                });
                self.VarChanged(Var);
                Render();
            }

            function SetValue(Var, Val) {
                var oVal = Var.Val;
                if (Object.Equals(oVal, Val)) {
                    return;
                }
                Var.Val = Val;
                self.PushUndo(function () {
                    SetValue(Var, oVal);
                });
                self.VarChanged(Var);
                Render();
            }

            box.AddVar = function () {
                AddVar();
            }

            var undoBtn = document.createElement("div");
            undoBtn.classList.add("Undo");
            VarsTitle.appendChild(undoBtn);
            undoBtn.onclick = function () {
                self.Undo();
            }
            var redoBtn = document.createElement("div");
            redoBtn.classList.add("Redo");
            VarsTitle.appendChild(redoBtn);
            redoBtn.onclick = function () {
                self.Redo();
            }
            self.OnStateChanged = function (undo, redo) {
                if (undo) {
                    undoBtn.classList.add("Enable");
                } else {
                    undoBtn.classList.remove("Enable");
                }
                if (redo) {
                    redoBtn.classList.add("Enable");
                } else {
                    redoBtn.classList.remove("Enable");
                }
            }
            var editor = box.querySelector(".Editor");
            if (editor) {
                var sizer = document.createElement("div");
                sizer.style.cssText = "position:absolute;top:0;width:calc(100% - 10px);height:7px;cursor:n-resize;border-bottom:1px solid #ccc";
                VarsTitle.appendChild(sizer);
                var height;
                var mTop = parseInt(getComputedStyle(editor).marginTop);
                CLEnableMove(sizer, function (sizer, e) {
                    height = editor.offsetHeight;
                }, function (sizer, e) {
                    var top = sizer.offsetTop;
                    var L = height + top + mTop;
                    if (L < 100) {
                        L = 100;
                    }
                    if (L > box.offsetHeight - 100) {
                        L = box.offsetHeight - 100;
                    }
                    L = box.offsetHeight - L;
                    editor.style.height = "calc(100% - " + (L + mTop) + "px)";
                    VarsTitle.style.top = "calc(100% - " + L + "px)";
                    varsDiv.style.top = "calc(100% - " + (L) + "px)";
                    varsDiv.style.height = (L - 50) + "px";
                    return false;
                }, function (sizer, e) {
                    //return false;
                });
            }
            var varsDiv = document.createElement("div");
            varsDiv.className = "Vars";
            box.appendChild(varsDiv);
            var Header = [];
            Header.push({
                ID: "Name",
                Name: "参数名",
                width: "150px"
            });
            Header.push({
                ID: "className",
                Name: "类型",
                width: "80px"
            });
            Header.push({
                ID: "Val",
                Name: "参数值",
                width: "calc(100% - 230px)"
            });
            function updateVars() {

            }

            var varTable = new CLTable(varsDiv);

            var TBody = varsDiv.querySelector(".CLTableBody");

            TBody.setAttribute("tabindex", 0);

            function Copy() {
                var lines = TBody.querySelectorAll(".CLLineSel");
                var arr = [];
                for (var i = 0; i < lines.length ; i++) {
                    if (lines[i].dataLine_o) {
                        arr.push(lines[i].dataLine_o);
                    }
                }
                CLCopy({
                    data: JSON.stringify(arr),
                    type: "dataVar"
                },false);
            }

            TBody.addEventListener("paste", function (e) {
                var items = e.clipboardData.items;
                if (items.length == 1 && items[0].type == "dataVar") {
                    items[0].getAsString(function (sV) {
                        var lines = JSON.parse(sV);
                        self.Operation(function () {
                            lines.forEach(function (line) {
                                AddVar(line);
                            });
                        });
                    });
                }
            });

            TBody.addEventListener("keydown", function (e) {
                if (e.ctrlKey && e.code == "KeyC") {
                    Copy();
                }
            });

            varTable.Table.style.marginBottom = "0";

            varTable.SetHeader(Header);

            var setVars = varTable.SetData;

            varTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                var TrLine = Column.parentNode;
                Column.Data = CellData;
                Column.classList.add(ColumnID);
                Column.innerHTML = (ColumnID == "Name" ? "<span class='Move'></span>" : "") + "<span>" + (CellData == null ? "" : (CellData.originalCode != null ? CellData.originalCode : CellData)) + "</span>";

                CLEnableDragPosition(TrLine, null, Column.firstChild);

                function EditName() {
                    var move = Column.firstChild;
                    CLStartEdit(Column, function (sName) {
                        sName = sName.trim();
                        if (sName.length == 0) {
                            CLShowMsg("变量名不能为空");
                            Column.innerHTML = "<span>" + Column.Data + "<span>";
                            Column.insertAdjacentElement("afterBegin", move);
                            return;
                        }
                        var Names = varTable.Table.getElementsByClassName("Name");
                        for (var i = 0; i < Names.length; i++) {
                            if (Names[i].Data == sName && Names[i] != Column) {
                                CLShowMsg("已存在相同名称的变量");
                                Column.innerHTML = "<span>" + Column.Data + "<span>";
                                Column.insertAdjacentElement("afterBegin", move);
                                return;
                            }
                        }
                        SetName(TrLine.dataLine_o, sName);
                    }, false, null, Column.lastChild.innerText);
                }

                function EditVal() {
                    eval(TrLine.dataLine_o.className + "()");
                }

                function 字符串() {
                    CLStartEdit(Column, function (sVal) {
                        sVal = sVal.trim();
                        SetValue(TrLine.dataLine_o, sVal);
                    }, false, null, Column.firstChild.innerText);
                }

                function 数字() {
                    CLStartEdit(Column, function (sVal) {
                        sVal = sVal.trim();
                        SetValue(TrLine.dataLine_o, sVal);
                    }, false, 0, Column.firstChild.innerText);
                }

                function 时间日期() {
                    Column.firstChild.id = CLMakeId();
                    var dt = CLDate(Column.firstChild.innerHTML, "yyyy-MM-dd", Column);
                    dt.onchanged = function () {
                        var sVal = dt.Value.toString();
                        SetValue(TrLine.dataLine_o, sVal);
                    }
                }

                function 公式() {
                    var Var = TrLine.dataLine_o;
                    self.CodeDlg(Var.Val, function (Val) {
                        SetValue(Var, Val);
                    }, Var.Name);
                }

                function 数据表() {
                    字符串();
                }

                function 数据筛选() {
                    CLShowMsg("该类型不支持编辑");
                }

                function 数据权限() {
                    字符串();
                }

                function 页() {
                    数字();
                }

                function 行() {
                    数字();
                }

                if (ColumnID == "className") {
                    var classSelector = new CLSelect(null, Column);
                    classSelector.AddItems([
                        "字符串",
                        "数字",
                        "页",
                        "行",
                        "时间日期",
                        "公式",
                        "数据表",
                        "数据筛选",
                        "数据权限"
                    ]);
                    if (TrLine.dataLine_o.className == null) {
                        classSelector.selectedIndex = 0;
                    }
                    classSelector.onchanged = function () {
                        SetType(TrLine.dataLine_o, classSelector.GetValue(), null);
                    }
                }
                function EditClassName(event) {
                    classSelector.OnClick(event);
                }

                Column.ondblclick = function () {
                    if (ColumnID == "Name") {
                        EditName();
                    }
                    if (ColumnID == "Val") {
                        EditVal();
                    }
                }

                Column.onclick = function (event) {
                    if (ColumnID == "className") {
                        EditClassName(event);
                    }
                }

                var _CLMenu;
                Column.oncontextmenu = function (e) {
                    var Menu = {
                        "style": {
                            "max-height": "100%",
                        },
                        "Items": []
                    };
                    var Items = Menu.Items;
                    if (TrLine.classList.contains("CLLineSel")) {
                        Items.push({
                            Text: "复制",
                            Enable: true,
                            CallBack: function (event) {
                                _CLMenu.Close();
                                Copy();
                            }
                        });
                    } else {
                        Items.push({
                            Text: "修改",
                            Enable: true,
                            CallBack: function (event) {
                                _CLMenu.Close();
                                if (ColumnID == "Name") {
                                    EditName();
                                } else if (ColumnID == "className") {
                                    EditClassName(event);
                                } else if (ColumnID == "Val") {
                                    EditVal(event);
                                }
                            }
                        });
                    }

                    Items.push({
                        Text: "删除",
                        Enable: true,
                        CallBack: function (event) {
                            _CLMenu.Close();
                            var Var = TrLine.dataLine_o;
                            var lines = varTable.GetData();
                            if (ColumnID == "Name" || TrLine.classList.contains("CLLineSel")) {
                                DeleteVar(Var.ID);
                            } else if (ColumnID == "Val") {
                                SetValue(TrLine.dataLine_o, "");
                            }
                        }
                    });

                    _CLMenu = new CLMenu(Menu, Column);
                    e.stopPropagation();
                    e.preventDefault();
                }
                if (ColumnID == "Name" && self.CLCodeEditor) {
                    var helper = null;
                    var divEditor = self.CLCodeEditor.Ele;
                    if (helper == null) {
                        helper = document.createElement("div");
                        helper.className = "DataSourceDlgHelp";
                    }
                    CLEnableMove(Column, function (Item) {
                        helper.style.zIndex = CLMaxZIndex();
                        document.body.appendChild(helper);
                        helper.innerHTML = CellData;
                        var rect = Item.getBoundingClientRect();
                        var Lx = Item.FromX - rect.left;
                        var Ly = Item.FromY - rect.top;
                        helper.Lx = Lx;
                        helper.Ly = Ly;
                        helper.style.left = rect.left + "px";
                        helper.style.top = rect.top + "px";
                        helper.style.width = rect.width + "px";
                        helper.style.height = rect.height + "px";
                        var style = getComputedStyle(Item);
                        helper.style.textAlign = style.textAlign;
                        helper.style.lineHeight = style.lineHeight;
                    }, function (Item) {
                        helper.style.left = event.clientX - helper.Lx + "px";
                        helper.style.top = event.clientY - helper.Ly + "px";
                        return false;
                    }, function (Item, event) {
                        var rect = divEditor.getBoundingClientRect();
                        var Pos = {
                            X: helper.offsetLeft + helper.offsetWidth / 2,
                            Y: helper.offsetTop + helper.offsetHeight / 2
                        }
                        if (Pos.X > rect.left && Pos.X < rect.right && Pos.Y > rect.top && Pos.Y < rect.bottom) {
                            var Var = TrLine.dataLine_o;
                            self.InsertName({
                                ID: Var.ID,
                                Name: Var.Name,
                                className: Var.className,
                                Val: Var.Val
                            }, "Var");
                        }
                        helper.remove();
                        return false;
                    });
                }
            }

            varTable.EnableMultSelect(true);

            varTable.OnLineCreated = function (TrLine) {
                var Var = TrLine.dataLine_o;
                if (Var) {
                    TrLine.classList.add("Var");
                }
            }
            var GetData = varTable.GetData;
            varTable.GetData = function () {
                var R = GetData.call(this, true);
                var Vars = [];
                R.forEach(function (ele) {
                    if (ele) {
                        Vars.push(ele);
                    }
                });
                return Vars;
            }
            varTable.SetData = function (data) {
                var top = TBody.scrollTop;
                if (data == null || data.length == 0) {
                    var Table = varTable.Table;
                    Table.innerHTML = "<tr class='CLLine'><td class='CLColumn'>无数据</td></tr>";
                } else {
                    self.Operation(function () {
                        setVars.call(varTable, data);
                    }, "Disable");
                }
                TBody.scrollTop = top;
            }
            self.VarTable = varTable;
            return varTable;
        }

        fn.FieldsMenu = function (Menu) {
            var self = this;
            var divEditor = self.CLCodeEditor.Ele;
            var cursor = divEditor.getElementsByClassName("CodeMirror-cursor")[0];
            var _CLMenu = self.toolTip = new CLMenu(Menu, cursor);
            var close = _CLMenu.Close;
            _CLMenu.Close = function () {
                window.removeEventListener("keydown", keydown, true);
                close.call(_CLMenu);
            }
            var Box = _CLMenu.Div.parentNode;
            Box.firstChild.firstChild.classList.add("ItemSel");
            Box.parentNode.className = "toolTipMenu";
            function InsertName(ItemData, className) {
                if (ItemData.ID != ItemData.Name) {
                    var Mark = {
                        FieldData: CLClone(ItemData),
                        Color: "#0db3a6",
                        className: className
                    }
                    self.CLCodeEditor.pushMark(Mark);
                } else {
                    self.CLCodeEditor.pushText(ItemData.ID);
                }
            }
            function keydown(e) {
                var ItemSel = Box.getElementsByClassName("ItemSel")[0];
                if (e.code == "ArrowLeft" || e.code == "ArrowRight") {
                    _CLMenu.Close();
                    return;
                }
                if (e.code == "ArrowDown") {
                    ItemSel.classList.remove("ItemSel");
                    ItemSel = ItemSel.nextSibling == null ? ItemSel : ItemSel.nextSibling;
                    ItemSel.classList.add("ItemSel");
                    if (ItemSel.offsetTop + ItemSel.offsetHeight > ItemSel.parentNode.offsetHeight) {
                        ItemSel.parentNode.scrollTop = ItemSel.offsetTop + ItemSel.offsetHeight - ItemSel.parentNode.offsetHeight;
                    }
                    e.preventDefault();
                    e.stopPropagation();
                }
                if (e.code == "ArrowUp") {
                    ItemSel.classList.remove("ItemSel");
                    ItemSel = ItemSel.previousSibling == null ? ItemSel : ItemSel.previousSibling;
                    ItemSel.classList.add("ItemSel");
                    if (ItemSel.offsetTop - ItemSel.parentNode.scrollTop < 0) {
                        ItemSel.parentNode.scrollTop = ItemSel.offsetTop - 50;
                    }
                    if (ItemSel.offsetTop + ItemSel.offsetHeight > ItemSel.parentNode.offsetHeight) {
                        ItemSel.parentNode.scrollTop = ItemSel.offsetTop + ItemSel.offsetHeight - ItemSel.parentNode.offsetHeight;
                    }
                    e.preventDefault();
                    e.stopPropagation();
                }
                if (e.code == "Enter") {
                    var cur = self.CLCodeEditor.editor.getCursor();
                    var token = self.CLCodeEditor.getToken({ line: cur.line, ch: cur.ch });
                    if (token.string != ".") {
                        self.CLCodeEditor.editor.setSelection({ line: token.line, ch: token.start }, { line: token.line, ch: token.end });
                    }
                    InsertName({
                        ID: ItemSel.ItemData.ID,
                        Name: ItemSel.ItemData.Text,
                        className: ItemSel.ItemData.classNameEx,
                        TableID: ItemSel.ItemData.TableID
                    }, ItemSel.ItemData.className);
                    self.CLCodeEditor.editor.focus();
                    _CLMenu.Close();
                    e.preventDefault();
                    e.stopPropagation();
                }
            }
            window.addEventListener("keydown", keydown, true);
            return _CLMenu;
        }

        fn.translateVars = function (oVars) {
            var Vars = {};
            function GetVarValue(Name) {
                var ID = "$(" + new CLBase64().encode(Name) + ")";
                for (var i = 0; i < oVars.length; i++) {
                    if (oVars[i].ID == ID) {
                        if (oVars[i].className == "公式" && !Vars.hasOwnProperty(Name)) {
                            var code;
                            var Val = oVars[i].Val;
                            if (Val && Val.runCode) {
                                code = "//【" + oVars[i].Name + "】(变量)\n" + Val.runCode;
                            } else if (Val) {
                                code = "//【" + oVars[i].Name + "】(变量)\n" + Val;
                            }
                            if (code) {
                                var value = eval(code);
                                Vars[Name] = value;
                                return value;
                            } else {
                                Vars[Name] = null;
                                return null;
                            }
                        } else {
                            return Vars[Name] ? Vars[Name] : oVars[i].Val;
                        }
                    }
                }
                return null;
            }
            for (var i = 0; i < oVars.length; i++) {
                if (oVars[i].className == "公式") {
                    var code;
                    var Val = oVars[i].Val;
                    if (Val && Val.runCode) {
                        code = "//【" + oVars[i].Name + "】(变量)\n" + Val.runCode;
                    } else if (Val) {
                        code = "//【" + oVars[i].Name + "】(变量)\n" + Val;
                    }
                    if (code) {
                        try {
                            Vars[oVars[i].ID] = eval(code);
                        } catch (e) {
                        }
                    } else {
                        Vars[oVars[i].ID] = null;
                    }
                }
            }
            Vars.SetVarValue = function (Name, Val) {
                Vars[Name] = Val;
            }
            Vars.GetVarValue = function (Name) {
                return GetVarValue(Name);
            }
            return Vars;
        }

        DataSourceDlg.updateVar = function (Source, ID, dataVar) {
            if (ID == undefined) {
                ID = dataVar.ID;
            }
            var IdChanged = ID != dataVar.ID;
            function update(Code) {
                if (!Code) {
                    return;
                }
                var Marks = Code.Marks;
                var Lx = 0;
                var line = 0;
                var ch = 0;
                var list = [];
                var fLine = 0;
                var fCh = 0;
                var Lines = Code.originalCode.replaceAll("\t", "").split("\n");
                Marks.forEach(function (mark) {
                    if (mark.className != "Var") {
                        return;
                    }
                    var FieldData = mark.FieldData;
                    if (FieldData.ID != ID) {
                        return;
                    }
                    if (IdChanged) {
                        var From = mark.From;
                        var To = mark.To;
                        fLine = From.line;
                        fCh = From.ch;
                        var oName = FieldData.Name;
                        var nName = dataVar.Name;
                        while (line != fLine) {
                            list.push(Lines[line].substr(ch));
                            list.push("\n");
                            line++;
                            ch = 0;
                            Lx = 0;
                        }
                        if (ch != fCh) {
                            list.push(Lines[line].substr(ch, fCh - ch));
                        }
                        list.push(dataVar.Name);
                        ch = To.ch;
                        var len = To.ch - From.ch - oName.length;
                        From.ch += Lx;
                        Lx += (nName.length - oName.length) - len;
                        To.ch += Lx;
                        mark.FieldData = dataVar;
                    } else {
                        mark.FieldData = dataVar;
                    }
                });
                if (IdChanged && list.length > 0) {
                    while (line != Lines.length) {
                        if (line == fLine) {
                            list.push(Lines[line].substr(ch));
                        } else {
                            list.push(Lines[line]);
                        }
                        if (line < Lines.length - 1) {
                            list.push("\n");
                        }
                        line++;
                        ch = 0;
                        Lx = 0;
                    }
                    Code.originalCode = list.join("");
                }
                if (Source.Type == 2 && IdChanged) {
                    Code.runCode = Code.runCode.replaceAll("getVar('" + ID + ")')", "getVar('" + dataVar.ID + ")')");
                }
            }
            if (Source.Type == 1) {
                update(Source.sql);
            }
            if (Source.Type == 2) {
                update(Source.code.FieldDataCode);
                update(Source.code.FieldsCode);
                update(Source.code.QueryDataCode);
            }
        }

        DataSourceDlg.GetFormsByDataSource = function (Sources, Success) {
            if (!Sources || Sources.length == 0) {
                Success([]);
                return;
            }
            var bRet = false;
            var separateSources = DataSourceDlg.SeparateSources(Sources);
            var Forms = [];
            var load = new Loading();
            Loading_.Use(function () {
                SqlDataSourceDlg.GetFormsByDataSource(separateSources.SqlSources, function (data) {
                    Forms = Forms.concat(data);
                    if (Forms.length == separateSources.Len) {
                        if (!bRet) {
                            bRet = true;
                            Success(Forms);
                            load.Stop();
                        }
                    }
                });

                JsDataSourceDlg.GetFormsByDataSource(separateSources.JsSources, function (data) {
                    Forms = Forms.concat(data);
                    if (Forms.length == separateSources.Len) {
                        if (!bRet) {
                            bRet = true;
                            Success(Forms);
                            load.Stop();
                        }
                    }
                });

                ImmSourceDlg.GetFormsByDataSource(separateSources.ImmSources, function (data) {
                    Forms = Forms.concat(data);
                    if (Forms.length == separateSources.Len) {
                        if (!bRet) {
                            bRet = true;
                            Success(Forms);
                            load.Stop();
                        }
                    }
                });
            });
            return load;
        }

        DataSourceDlg.SeparateSources = function (Sources) {
            var retSources = {};
            var JsSources = [];
            var SqlSources = [];
            var ImmSources = [];
            for (var i = 0; i < Sources.length; i++) {
                if (Sources[i].Type == 1 || Sources[i].Type == null) {
                    SqlSources.push(Sources[i]);
                } else if (Sources[i].Type == 2) {
                    JsSources.push(Sources[i]);
                } else if (Sources[i].Type == 3) {
                    ImmSources.push(Sources[i]);
                }
            }
            retSources.JsSources = JsSources;
            retSources.SqlSources = SqlSources;
            retSources.ImmSources = ImmSources;
            retSources.Len = JsSources.length + SqlSources.length + ImmSources.length;
            return retSources;
        }

        DataSourceDlg.QueryData = function (Sources, Success, Vars) {
            var separateSources = DataSourceDlg.SeparateSources(Sources);
            var retData = {};
            var iLen = 0;
            var bRet = false;
            var load = new Loading();
            Loading_.Use(function () {
                SqlDataSourceDlg.QueryData(separateSources.SqlSources, function (data) {
                    for (var key in data) {
                        retData[key] = data[key];
                    }
                    iLen += separateSources.SqlSources.length;
                    if (iLen == separateSources.Len) {
                        if (!bRet) {
                            Success(retData);
                            load.Stop();
                            bRet = true;
                        }
                    }
                }, Vars);
                JsDataSourceDlg.QueryData(separateSources.JsSources, function (data) {
                    for (var key in data) {
                        retData[key] = data[key];
                    }
                    iLen += separateSources.JsSources.length;
                    if (iLen == separateSources.Len) {
                        if (!bRet) {
                            Success(retData);
                            load.Stop();
                            bRet = true;
                        }
                    }
                }, Vars);
                ImmSourceDlg.QueryData(separateSources.ImmSources, function (data) {
                    for (var key in data) {
                        retData[key] = data[key];
                    }
                    iLen += separateSources.ImmSources.length;
                    if (iLen == separateSources.Len) {
                        if (!bRet) {
                            Success(retData);
                            load.Stop();
                            bRet = true;
                        }
                    }
                }, Vars);
            });
            return load;
        }

        DataSourceDlg.RewriteFieldsInfo = function (dataForms, dataSources) {
            for (var i = 0; i < dataForms.length; i++) {
                var FieldsInfo = null;
                for (var j = 0; j < dataSources.length ; j++) {
                    if (dataSources[j].ID == dataForms[i].ID) {
                        FieldsInfo = dataSources[j].FieldsInfo;
                    }
                }
                var Fields = dataForms[i].Fields;
                for (var j = 0; Fields && j < Fields.length; j++) {
                    Fields[j].oName = Fields[j].Name;
                    Fields[j].oclassName = Fields[j].className;
                    if (FieldsInfo != null && FieldsInfo[Fields[j].ID] != null) {
                        if (FieldsInfo[Fields[j].ID].Name != null) {
                            Fields[j].Name = FieldsInfo[Fields[j].ID].Name;
                        }
                        if (FieldsInfo[Fields[j].ID].className != null) {
                            Fields[j].className = FieldsInfo[Fields[j].ID].className;
                        }
                    }
                }
            }
        }

        DataSourceDlg.CalcFieldsByDataUrl = function (sUrl, Success, dataParam) {
            HttpPost(sUrl, function (Json) {
                if (Json.code == 0) {
                    var data = Json.data[0];
                    if (Json.data == null || Json.data.constructor != [].constructor) {
                        Success([]);
                    }
                    if (Json.data.length > 1) {
                        CLShowMsg("数据大于一行会影响效率");
                    }
                    var Fields = [];
                    for (var key in data) {
                        Fields.push(key);
                    }
                    Success(Fields);
                } else {
                    CLShowMsg(Json.msg);
                    Success([]);
                }
            }, dataParam);
        }

        var __Map__ = {};

        DataSourceDlg.MapForms = function (dataSource) {
            DataSourceDlg.GetFormsByDataSource([dataSource], function (Forms) {
                __Map__[dataSource.ID] = function () {
                    if (Forms.length == 1) {
                        var Fields = Forms[0].Fields;
                        var R = [];
                        var N;
                        if (Fields.length == 1) {
                            var field = Fields[0];
                            if (field.className == "数字" || field.className == "部门单选") {
                                N = 0;
                            } else {
                                N = "";
                            }
                        } else {
                            N = Object.create(null);
                            for (var i = 0; i < Fields.length; i++) {
                                var field = Fields[i];
                                if (field.className == "数字" || field.className == "部门单选") {
                                    N[field.ID] = 0;
                                } else {
                                    N[field.ID] = "";
                                }
                            }
                        }
                    }
                    JsParser.SetElement(R,N);
                    return R;
                }
            });
            return __Map__;
        }

        CLUseUndo(fn);
    }());

}());

(function () {
    function MonitorDlg(dataSource, Tables, Vars, End) {
        var self = this;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:900px;height:700px;position:relative";
        var dlg = new CLDialog(dlgDiv);
        self.CLDialog = dlg;
        dataSource = CLClone(dataSource);
        function funcEnd(toLor) {
            Vars = varTable.GetData();
            dataSource.sql = codeEditor.getValue();
            delete dataSource.sql.runCode;
            var Marks = dataSource.sql.Marks;
            CLQuickSort(Marks, function (e1, e2) {
                var From1 = e1.From;
                var l1 = From1.line;
                var c1 = From1.ch;
                var From2 = e2.From;
                var l2 = From2.line;
                var c2 = From2.ch;
                if (l1 != l2) {
                    return l1 - l2;
                }
                else {
                    return c1 - c2;
                }
            });
            dataSource.sql.Asc = true;
            self.GetSqlTables(self.ConnectionId, dataSource, function (tables) {
                showBox(tables);
            });
            Vars = varTable.GetData();
            return End(dataSource, tables_selected, Vars, toLor);
        }
        dlg.CreateAll("数据监控对话框", function () {
            return funcEnd(true);
        });
        self.funcEnd = funcEnd;
        DataSourceDlg.prototype.fastSave.call(self);
        dlg.EnableMove(dlg.getHeader());
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
            codeEditor.editor.setSize('auto', '100%');
        }
        Body = dlg.Body;
        Body.classList.add("DataSourceDlg");
        Body.style.padding = "10px 20px 0px 20px";
        var Line = document.createElement("div");
        Line.className = "Line";
        Body.appendChild(Line);
        var label = document.createElement("div");
        label.innerHTML = "ID";
        label.className = "Label";
        Line.appendChild(label);
        var IDInput = document.createElement("input");
        Line.appendChild(IDInput);
        IDInput.value = dataSource == null ? "" : dataSource.ID;
        IDInput.style.width = "200px";
        IDInput.style.marginRight = "100px";
        IDInput.disabled = true;
        label = document.createElement("div");
        label.innerHTML = "名称";
        label.className = "Label";
        Line.appendChild(label);
        var nameInput = document.createElement("input");
        Line.appendChild(nameInput);
        nameInput.style.width = "200px";
        nameInput.value = dataSource == null ? "" : dataSource.Name;
        nameInput.disabled = true;
        nameInput.onchange = function () {
            dataSource.Name = nameInput.value.trim();
        }

        var btn = document.createElement("div");
        btn.style.cssFloat = "right";
        btn.className = "CLBtnDef";
        btn.innerHTML = "&#xe631;预览";
        Line.appendChild(btn);
        btn.onclick = function () {
            dataSource.Name = nameInput.value == null || nameInput.value.length == 0 ? "未命名" : nameInput.value;
            dataSource.ConnectionID = "System";
            dataSource.sql = self.CLCodeEditor.getValue();
            self.PreView(dataSource, varTable.GetData());
        }
        var Container = document.createElement("div");
        Container.className = "Container";
        Body.appendChild(Container);
        var divTables = document.createElement("div");
        divTables.className = "Left";
        divTables.style.marginTop = "10px";
        Container.appendChild(divTables);
        var tableTree;
        var divEditor;
        var searchInput = document.createElement("input");
        searchInput.className = "CLSearch";
        divTables.appendChild(searchInput);
        searchInput.oninput = function () {
            tableTree.Search(searchInput.value);
        }
        divEditor = document.createElement("div");
        divEditor.className = "Editor";
        divEditor.style.marginTop = "0";
        divEditor.style.height = "calc(100% - 200px)";
        divEditor.style.minHeight = "50%";
        var TableBox = document.createElement("div");
        TableBox.style.cssText = "position:absolute;right: 10px;left: 0px;bottom:0px;margin: 0px 0 10px 10px;height:calc(50% - 10px);max-height:190px";
        var Right = document.createElement("div");
        Right.style.cssText = "position: absolute;top: 10px;left:190px;bottom:0;right:0;";
        Right.appendChild(divEditor);
        Container.appendChild(Right);
        Right.appendChild(TableBox);
        TableBox.setAttribute("tabindex", 1);
        TableBox.style.outline = "none";
        var label = document.createElement("div");
        label.style.lineHeight = "30px";
        label.style.height = "30px";
        label.style.borderBottom = "solid #e0e0e0 1px";
        TableBox.appendChild(label);
        var _CLBtnGroup = new CLBtnGroup(label, [
            {
                Name: "监视设置",
                Width: "100px",
                IsSel: true
            },
            {
                Name: "参数设置",
                Width: "100px",
                IsSel: false
            }
        ]);
        label.lastChild.className = "CLTab";
        label.lastChild.style.display = "inline-block";
        var Box = new CLCheckBox("强制刷新", label);
        var btn0 = label.lastChild;
        _CLBtnGroup.OnSelected = function (divBtn) {
            if (divBtn.Btn.Name == "监视设置") {
                divBox.style.display = "";
                divVars.style.display = "none";
                btn0.style.display = "";
                btn1.style.display = "none";
            }
            if (divBtn.Btn.Name == "参数设置") {
                divBox.style.display = "none";
                divVars.style.display = "";
                btn0.style.display = "none";
                btn1.style.display = "";
            }
        }
        Box.checked = dataSource.reload == true;
        Box.onchanged = function () {
            dataSource.reload = Box.checked;
        }
        label.lastChild.style.cssFloat = "right";
        var btn1 = document.createElement("div");
        btn1.style.color = "#0db3a6";
        btn1.style.cssFloat = "right";
        btn1.style.display = "none";
        btn1.style.cursor = "pointer";
        btn1.innerHTML = "添加";
        label.appendChild(btn1);
        btn1.onclick = function () {
            divVars.AddVar();
        }
        var divBox = document.createElement("div");
        divBox.style.height = "calc(100% - 30px)";
        divBox.style.padding = "15px";
        TableBox.appendChild(divBox);

        self.divBox = divBox;

        divEditor.onclick = function () {
            TableBox.IsSel = false;
        }

        var tables_selected = Tables == null ? [] : Tables;

        function showBox(tables) {
            divBox.innerHTML = "";
            var selected = [];
            for (var i = 0; i < tables_selected.length; i++) {
                if (tables.indexOf(tables_selected[i]) >= 0) {
                    selected.push(tables_selected[i]);
                }
            }
            tables_selected = selected;
            var Boxes = [];
            for (var i = 0; i < tables.length; i++) {
                var Name;
                if (tables[i].indexOf("DataTable_") == 0) {
                    Name = CLApp.TableName(tables[i].substr(10));
                } else {
                    Name = tables[i];
                }
                var Box = new CLCheckBox(Name, divBox);
                divBox.lastChild.style.display = "inline-block";
                Box.ID = tables[i];
                Boxes.push(Box);
                Box.checked = tables_selected.indexOf(tables[i]) >= 0;
                Box.onchanged = function () {
                    tables_selected = [];
                    for (var i = 0; i < Boxes.length; i++) {
                        if (Boxes[i].checked) {
                            tables_selected.push(Boxes[i].ID);
                        }
                    }
                }
            }
        }

        TableBox.onclick = function () {
            if (TableBox.IsSel) {
                return;
            }
            TableBox.IsSel = true;
            self.GetSqlTables(self.ConnectionId, { sql: codeEditor.getValue() }, function (tables) {
                showBox(tables);
            });
        }

        divTables.innerHTML = "";

        divTables.appendChild(searchInput);

        self.hitTables = [];

        self.GetAllTableById("System", function (Tables) {
            self.hitTables = Tables;
            tableTree = new CLTree({
                ID: "无",
                Name: "无",
                SubNode: Tables
            });
            tableTree.Editable = false;
            tableTree.OnItemCreated = function (Item, ItemData) {
                if (ItemData.ID == "无") {
                    Item.firstChild.style.display = "none";
                } else {
                    Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                    self.EnableDrag(Item, ItemData, Body, divEditor);
                }

            }
            tableTree.Render(divTables);
            divTables.lastChild.style.maxHeight = "100%";
            divTables.lastChild.style.overflow = "auto";
        });

        var codeEditor = self.CLCodeEditor = new CLCodeEditor(divEditor, "text/x-mssql");

        codeEditor.showHint = function (code) {
            //'.'
            return self.showHint(code);
        }

        codeEditor.shownHint = function (editor, data) {
            return self.shownHint(editor, data);
        }

        codeEditor.replacedWith = function (className, FieldData) {
            if (className == "Table") {
                return FieldData.ID;
            }
            if (className == "Field") {
                return FieldData.ID;
            }
            if (className == "Var") {
                return FieldData.ID;
            }
        }

        codeEditor.testMark = function (Mark) {
            return self.testMark(Mark, Vars);
        }

        codeEditor.BeforePaste = function () {
            Vars = varTable.GetData();
        }

        codeEditor.setValue(dataSource.sql);

        TableBox.onclick();

        var divVars = divBox.cloneNode();
        divVars.style.display = "none";
        TableBox.appendChild(divVars);
        var varTable = self.ShowVars(divVars);
        varTable.SetData(Vars);
        divVars.firstChild.style.display = "none";
        divVars.firstChild.nextSibling.style.top = "40px";
        divVars.firstChild.nextSibling.style.height = "calc(100% - 40px)";
        divVars.firstChild.nextSibling.style.margin = "0";
        dlg.onsizeChanged = function () {
            varTable.Scroll();
            codeEditor.setSize("100%", "auto");
        }
    }

    window.MonitorDlg = MonitorDlg;

    var fn = MonitorDlg.prototype;

    fn.ConnectionId = "System";

    fn.divBox = null;

    fn.GetSqlTables = function (ID, Source, Success) {
        var Url = "/" + CLCorpId() + "/api/DataSource.chx?Function=HttpGetSqlTables";
        HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, { ID: ID, Source: Source, TableOnly: true }, false);
    }

    var fon = SqlDataSourceDlg.prototype;

    fn.InsertName = fon.InsertName;

    fn.InsertSelect = fon.InsertSelect;

    fn.ShowFields = fon.ShowFields;

    fn.showHint = fon.showHint;

    fn.shownHint = fon.shownHint;

    fn.testMark = fon.testMark;

    fn.PreView = fon.PreView;

    fn.GetFormByID = fon.GetFormByID;
    
    fn.GetFieldsInfo = fon.GetFieldsInfo;

    fn.GetAllTableById = fon.GetAllTableById;

    fn.EnableDrag = fon.EnableDrag;

    fon = DataSourceDlg.prototype;

    fn.FieldsMenu = fon.FieldsMenu;

    fn.translateVars = fon.translateVars;

    fn.CodeDlg = fon.CodeDlg;

    fn.ShowVars = fon.ShowVars;

    fn.VarChanged = fon.VarChanged;

    CLUseUndo(fn);
}());

(function () {
    function SubscribeDlg(dataSubscribe, Success) {
        var self = this;
        dataSubscribe = CLClone(dataSubscribe);
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:940px;min-width:940px;height:700px;position:relative";
        var dlg = new CLDialog(dlgDiv);
        self.CLDialog = dlg;
        self.funcEnd = function () {
            dataSubscribe.runCode = codeEditor.getOriginalCode();
            Success(dataSubscribe);
        }
        dlg.CreateAll("数据订阅对话框", function () {
            dataSubscribe.runCode = codeEditor.getOriginalCode();
            Success(dataSubscribe,true);
        });
        DataSourceDlg.prototype.fastSave.call(self);
        dlg.EnableMove(dlg.getHeader());
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
            codeEditor.setSize('auto', '100%');
        }
        Body = dlg.Body;
        Body.classList.add("DataSourceDlg");
        Body.style.padding = "10px 20px 0px 20px";
        var hostLine = document.createElement("div");
        hostLine.className = "Line";
        Body.appendChild(hostLine);
        var label = document.createElement("div");
        label.innerHTML = "主机";
        label.className = "Label";
        label.style.width = "50px";
        hostLine.appendChild(label);
        var hostInput = document.createElement("input");
        hostLine.appendChild(hostInput);
        hostInput.style.width = "160px";
        hostInput.setAttribute("placeholder", "例:127.0.0.1:1883");
        hostInput.value = dataSubscribe == null || !dataSubscribe.Host ? "" : dataSubscribe.Host;
        hostInput.onchange = function () {
            dataSubscribe.Host = hostInput.value.trim();
        }

        var topicLine = hostLine.cloneNode(true);

        label = label.cloneNode();
        label.innerHTML = "用户名";
        label.style.marginLeft = "15px";
        hostLine.appendChild(label);
        var userInput = hostInput.cloneNode();
        hostLine.appendChild(userInput);
        userInput.value = dataSubscribe == null || !dataSubscribe.User ? "" : dataSubscribe.User;
        userInput.setAttribute("placeholder", "请输入用户名");
        userInput.onchange = function () {
            dataSubscribe.User = userInput.value.trim();
        }

        label = label.cloneNode();
        label.innerHTML = "密码";
        label.style.marginLeft = "15px";
        hostLine.appendChild(label);
        var pwdInput = hostInput.cloneNode();
        hostLine.appendChild(pwdInput);
        pwdInput.setAttribute("type", "password");
        pwdInput.setAttribute("autocomplete", "off");
        pwdInput.value = dataSubscribe == null || !dataSubscribe.Pwd ? "" : dataSubscribe.Pwd;
        pwdInput.setAttribute("placeholder", "请输入密码");
        pwdInput.onchange = function () {
            dataSubscribe.Pwd = pwdInput.value.trim();
        }

        label = label.cloneNode();
        label.innerHTML = "KeepAlive";
        label.style.marginLeft = "15px";
        label.style.width = "80px";
        hostLine.appendChild(label);
        var keepInput = hostInput.cloneNode();
        hostLine.appendChild(keepInput);
        keepInput.style.width = "80px";
        keepInput.value = dataSubscribe == null || !dataSubscribe.KeepAlive ? "" : dataSubscribe.KeepAlive;
        keepInput.setAttribute("placeholder", "1~10000");
        keepInput.oninput = function () {
            CLCheckInt(keepInput, 1, 10000);
        }
        keepInput.onchange = function () {
            dataSubscribe.KeepAlive = keepInput.value.trim();
        }

        var tlsBox = new CLCheckBox("TLS", hostLine);
        tlsBox.IconRight = true;
        hostLine.lastChild.style.display = "inline-block";
        hostLine.lastChild.style.marginLeft = "15px";
        tlsBox.checked = dataSubscribe.Tls;
        tlsBox.onchanged = function () {
            dataSubscribe.Tls = tlsBox.checked;
        }
        topicLine.style.width = "calc(100% - 350px)";
        topicLine.firstChild.innerHTML = "主题";
        var topicInput = topicLine.lastChild;
        topicInput.style.width = "";
        topicInput.setAttribute("placeholder", "例:topic/#");
        topicInput.style.width = "calc(100% - 160px)";
        topicInput.value = dataSubscribe == null || !dataSubscribe.Topic ? "" : dataSubscribe.Topic;
        topicInput.onchange = function () {
            dataSubscribe.Topic = topicInput.value.trim();
        }
        Body.appendChild(topicLine);
        var qosBox = new CLSelect(topicLine);
        topicLine.lastChild.style.cssFloat = "right";
        topicLine.lastChild.style.width = "90px";
        topicLine.lastChild.style.marginLeft = "15px";
        qosBox.AddItems(["QOS0", "QOS1", "QOS2"]);
        qosBox.setPlaceholder("Qos");
        qosBox.onchanged = function () {
            dataSubscribe.Qos = qosBox.GetValue();
        }
        if (dataSubscribe.Qos) {
            qosBox.SetValue(dataSubscribe.Qos);
        }
        var codeLine = document.createElement("div");
        codeLine.className = "Line";
        Body.appendChild(codeLine);
        var label2 = document.createElement("div");
        label2.innerHTML = "消息回调";
        label2.className = "Label";
        label2.style.width = "100px";
        codeLine.appendChild(label2);
        var btn = document.createElement("div");
        btn.style.cssFloat = "right";
        btn.className = "CLBtnDef";
        btn.innerHTML = "&#xe74f;调试";
        codeLine.appendChild(btn);
        btn.onclick = function () {
            var btn = this;
            var name = dataSubscribe.Topic;
            dataSubscribe.runCode = codeEditor.getOriginalCode();
            CLStartDebug(function (v8Debugger) {
                var GetScript = v8Debugger.GetScript;
                var RunDebugMsg = v8Debugger.RunDebugMsg;
                var ThreadId;
                var close = v8Debugger.Close;
                v8Debugger.Close = function () {
                    close.call(this);
                    btn.style.color = "";
                }
                v8Debugger.RunDebugMsg = function (Msg) {
                    if (Msg.debugMsg.type == "SubscribeForDebugCreated") {
                        ThreadId = Msg.debugMsg.ThreadId;
                    } else if (Msg.debugMsg.type == "SubscribeConnack") {
                        if (Msg.debugMsg.msg != "Success") {
                            CLShowMsg(Msg.debugMsg.msg);
                        } else {
                            CLShowMsg("连接成功", false);
                        }
                        btn.style.color = "rgb(52 195 136)";
                    } else if (Msg.debugMsg.type == "SubscribeError") {
                        CLShowMsg(Msg.debugMsg.msg);
                        btn.style.color = "";
                    } else {
                        RunDebugMsg.call(v8Debugger, Msg);
                    }
                }

                v8Debugger.GetScript = function (V8Handle, scriptId, scriptName) {
                    if (scriptName == name) {
                        return {
                            V8Handle: V8Handle,
                            id: scriptId,
                            name: scriptName,
                            source: dataSubscribe.runCode
                        };
                    } else {
                        return GetScript.call(this, V8Handle, scriptId, scriptName);
                    }
                }
                var url = "/" + CLCorpId() + "/api/CLApp.chx?Function=HttpDebugSubscribe";
                Loading.IsHiden = true;
                CLTop.Loading.Pause(true);
                HttpPost(url, function (json) {
                    CLTop.Loading.Pause(false);
                }, { debuggerId: v8Debugger.debuggerId, Name: name, data: dataSubscribe });
            });
        }
        btn = btn.cloneNode();
        btn.innerHTML = "&#xe68b;重置";
        codeLine.appendChild(btn);
        btn.onclick = function () {
            var url = "/" + CLCorpId() + "/api/CLApp.chx?Function=HttpSubscribeClear";
            HttpPost(url, function (json) {
                if (json.code == -1) {
                    CLShowMsg(json.msg);
                } else {
                    CLShowMsg("操作成功");
                }
            }, { ID: dataSubscribe.ID });
        }

        var divEditor;
        divEditor = document.createElement("div");
        divEditor.className = "Editor";
        divEditor.style.marginTop = "118px";
        divEditor.style.marginLeft = "20px";
        divEditor.style.height = "calc(100% - 118px)";
        divEditor.style.minHeight = "50%";
        Body.appendChild(divEditor);
        var codeEditor = self.CLCodeEditor = new CLTop.CLCodeEditor(divEditor, "javascript");
        var globalScope = CLClone(CLApp.baseGlobalScope);
        codeEditor.setGlobalScope(globalScope);
        codeEditor.setValue(dataSubscribe.runCode);
    }

    window.SubscribeDlg = SubscribeDlg;

    var fn = SubscribeDlg.prototype;
}());
;(function () {
    var DefCtrls = {};
    DefCtrls["图表"] = {
        Name: "图表",
        Icon: "&#xe60f;",
        Create: function (Ele, Data, dataList) {
            var Div = document.createElement("div");
            Div.className = "Chart";
            Ele.appendChild(Div);
            if (dataList == null) {
                return Div;
            }
            Ele.style.display = "table-cell";
            Div.style.width = "100%";
            Div.style.height = "100%";
            Div.CLChart = new CLChart(Div, "sql");
            Div.CLChart.Control = self;
            if (Data.LabelColor) {
                Div.CLChart.axisLabelColor = Data.LabelColor;
            }
            if (Data.LineColor) {
                Div.CLChart.axisLineColor = Data.LineColor;
            }
            if (Data.TickColor) {
                Div.CLChart.axisTickColor = Data.TickColor;
            }
            Div.CLChart.Data = Data;
            Div.CLChart.showText = Data.showText;
            Div.CLChart.Rotate = Data.Rotate;
            Div.CLChart.getMemberNameById = CLApp.getMemberNameById;
            Div.CLChart.getDepartNameById = CLApp.getDepartmentNameById;
            try {
                if (Data.ChartType == "GanttChart") {
                    Div.CLChart.Render_GanttChart(dataList, Data.Dimensions, Data.Start, Data.End, Data.Progress);
                } else {
                    Div.CLChart.Render(Data.ChartType, dataList, Data.Dimensions, [], Data.Pointers);
                }
            } catch (e) {
                console.log(e);
            }
            return Div;
        }
    }

    function NameCell(Cell) {
        return CLExcel.prototype.getColumnName(Cell.Start.column) + Cell.Start.row;
    }

    var ExcelCalculator = window.ExcelCalculator = function (dataExcel, width) {
        var self = this;
        dataExcel = CLClone(dataExcel);
        self.Id_Cells = {};
        if (!dataExcel) {
            throw "还没有设置表格";
        }
        self.dataExcel = dataExcel;
        self.Excel = dataExcel.Excel;
        self.dataUnRef(self.Excel);
        self.CLExcel = new VirtualExcel();
        self.CusValCells = [];
        self.CLExcel.showCellVal = function (cell, Val) {
            cell.Val = Val;
            if (Field != null) {
                Val.Field.Name = Field.Name;
            }
            if (Val != null && Val.type == "Field") {
                self.CusValCells.push(cell);
                var refSource = {};
                var Field = self.GetFieldBySourceIdAndFieldId(Val.Field.SourceID, Val.Field.ID, refSource);
                if (Field == null) {
                    delete cell.Prop;
                    cell.Val = {
                        type: "text",
                        text: refSource.Value == null ? "undefined" : refSource.Value.Name + "." + Val.Field.Name
                    }
                } else {
                    cell.Val.Field.className = Field.className == null ? cell.Val.Field.className : Field.className;
                }
            } else if (Val != null && Val.type == "Ctrl") {
                if (Val.Ctrl.className == "图表") {
                    self.CusValCells.push(cell);
                    if (Val.Ctrl.SourceType == "数据源") {
                        if (Val.Ctrl.SourceID != null) {
                            Val.Field = {
                                SourceID: Val.Ctrl.SourceID
                            }
                        }
                    }
                }
                if (Val.Ctrl.className == "部门单选" || Val.Ctrl.className == "部门多选") {
                    self.CusValCells.push(cell);
                    if (Val.Ctrl.Range && Val.Ctrl.Range.SourceId && Val.Ctrl.Range.FieldId) {
                        Val.Field = {
                            SourceID: Val.Ctrl.Range.SourceId
                        }
                    }
                }
            } else if (Val != null && Val.type == "Code") {
                self.CusValCells.push(cell);
            }
        }
        self.getSourceIDs = function () {
            return self.SourceIDs;
        }
        self.PageScope = {};
        self.width = width;
    }

    var fn = ExcelCalculator.prototype;

    fn.dataUnRef = function (data) {
        var self = this;
        if (!data || !data.Ref) {
            return;
        }
        var vRef = data.Ref;
        var showCellVal = data.showCellVal;
        var Key;
        for (var i = 0; i < showCellVal.length; i++) {
            var Val = showCellVal[i].Val;
            if (Val.type == "text") {
                if (Val.text && Val.text.toFixed) {
                    Val.text = vRef[Val.text];
                }
            }
            if (Val.type == "img") {
                if (Val.src && Val.src.toFixed) {
                    Val.src = vRef[Val.src];
                }
            }
            if (Val.type == "Code") {
                if (Val.Code && Val.Code.runCode && Val.Code.runCode.toFixed) {
                    Val.Code.runCode = vRef[Val.Code.runCode];
                }
            }
            if (Val.cusFormat && Val.cusFormat.runCode && Val.cusFormat.runCode.toFixed) {
                Val.cusFormat.runCode = vRef[Val.cusFormat.runCode];
            }
            if (Val.href && Val.href.runCode && Val.href.runCode.toFixed) {
                Val.href.runCode = vRef[Val.href.runCode];
            }
            if (Val.filterConditions && Val.filterConditions.Conditions) {
                Val.filterConditions.Conditions.forEach(function (ele, index) {
                    if (ele.Val && ele.Val.runCode && ele.Val.runCode.toFixed) {
                        ele.Val.runCode = vRef[ele.Val.runCode];
                    }
                });
            }
        }
        var cellProp = data.cellProp;
        for (var i = 0; i < cellProp.length; i++) {
            var Prop = cellProp[i].Prop;
            var onclick = Prop.onclick;
            if (onclick && onclick.runCode && onclick.runCode.toFixed) {
                onclick.runCode = vRef[onclick.runCode];
            }

            var ondblclick = Prop.ondblclick;
            if (ondblclick && ondblclick.runCode && ondblclick.runCode.toFixed) {
                ondblclick.runCode = vRef[ondblclick.runCode];
            }
            var dynamicStyle = Prop.DynamicStyle;
            if (dynamicStyle && dynamicStyle.runCode && dynamicStyle.runCode.toFixed) {
                dynamicStyle.runCode = vRef[dynamicStyle.runCode];
            }
        }
        delete data.Ref;
    }

    fn.Init = function (GetFieldBySourceIdAndFieldId) {
        var self = this;
        self.GetFieldBySourceIdAndFieldId = GetFieldBySourceIdAndFieldId;
        self.CLExcel.set_dataExcel(CLClone(self.Excel));
        self.SourceIDs = [];
        for (var i = 0; i < self.CusValCells.length; i++) {
            var Cell = self.CusValCells[i];
            var Val = Cell.Val;
            if (Val != null && (Val.type == "Field" || Val.type == "Ctrl") && Val.Field != null && self.SourceIDs.indexOf(Val.Field.SourceID) < 0) {
                self.SourceIDs.push(Val.Field.SourceID);
            }
        }
        self.getSourceIDs = function () {
            return self.SourceIDs;
        }
        self.InitRunCodeMethod();
    }
    //判断是否死循环
    fn.helpList = null;
    //自定义值单元格
    fn.CusValCells = null;
    //Id-单元格映射
    fn.Id_Cells = null;
    //运行代码
    fn.runCode = null;
    //范围
    fn.PageScope = null;
    //获取所有数据源ID
    fn.getSourceIDs = function () {
        return [];
    }
    //计算后重置
    fn.Reset = function () {
        var self = this;
        var showCellVal = self.CLExcel.showCellVal;
        self.CLExcel = new VirtualExcel();
        self.PageScope = {};
        self.AllocInfos = {};
        self.CusValCells = [];
        self.CLExcel.showCellVal = showCellVal;
        self.CLExcel.set_dataExcel(CLClone(self.Excel));
        self.InitRunCodeMethod();
    }
    //计算
    fn.Calc = function (SourceData) {
        var self = this;
        self.SourceData = SourceData;
        var CusValCells = self.CusValCells;
        for (var y = 0; y < self.CLExcel.rowCount; y++) {
            for (var x = 0; x < self.CLExcel.columnCount; x++) {
                var Cell = self.CLExcel.Rows[y][x];
                if (Cell == null) {
                    continue;
                }
                Cell.Id = y * self.CLExcel.columnCount + x;
                self.Id_Cells[Cell.Id] = Cell;
                self.TranslateParent(Cell);
            }
        }
        for (var y = 0; y < self.CLExcel.rowCount; y++) {
            for (var x = 0; x < self.CLExcel.columnCount; x++) {
                var Cell = self.CLExcel.Rows[y][x];
                if (Cell == null) {
                    continue;
                }
                if (Cell.className != null && Cell.className.indexOf("downExpand") >= 0) {
                    Cell.iExpand = 1;
                } else if (Cell.className != null && Cell.className.indexOf("rightExpand") >= 0) {
                    Cell.iExpand = 2;
                } else {
                    Cell.iExpand = 0;
                }
                self.helpList = [];
                self.CalcExpandDepth(Cell, 0);
                self.helpList = [];
                self.CalcExpandDepth(Cell, 1);
            }
        }
        try {
            self.TranslateFields();
        } catch (e) {
            console.log(e);
            throw e;
        }
    }
    //获取计算结果
    fn.GetDataTable = function () {
        var self = this;
        var Excel = self.VirtualExcel;
        var DataTable = [];
        for (var y = 0; y < Excel.rowCount; y++) {
            var line = {};
            DataTable.push(line);
            for (var x = 0; x < Excel.columnCount; x++) {
                var cell = Excel.Rows_Cells[y][x];
                line[Excel.getColumnName(x)] = cell.Val == null ? null : cell.Val.text ? cell.Val.text : null;
            }
        }
        return DataTable;
    }
    //获取扩展深度
    fn.CalcExpandDepth = function (Cell, iFlag) {
        var self = this;
        if (iFlag == 0 && Cell.vDepth != null) {
            return Cell.vDepth;
        } else if (iFlag == 1 && Cell.hDepth != null) {
            return Cell.hDepth;
        }
        var iDepth;
        var topParent = Cell.topParent;
        var leftParent = Cell.leftParent;
        var tDepth = 0;
        var lDepth = 0;
        var helpList = self.helpList;
        var index = helpList.indexOf(Cell)
        if (index >= 0) {
            var str = "单元格发生死循环:";
            var list = helpList.splice(index, helpList.length - index);
            for (var i = 0; i < list.length; i++) {
                str += self.CLExcel.getColumnName(list[i].Start.column) + (list[i].Start.row + 1);
            }
            throw str;
        }
        helpList.push(Cell);
        if (topParent != null) {
            tDepth = self.CalcExpandDepth(topParent, iFlag);
        }
        if (leftParent != null) {
            lDepth = self.CalcExpandDepth(leftParent, iFlag);
        }
        helpList.pop();
        iDepth = tDepth > lDepth ? tDepth : lDepth;
        if (iFlag == 0) {
            if (Cell.className != null && Cell.className.indexOf("downExpand") >= 0) {
                iDepth++;
            }
            Cell.vDepth = iDepth;
        } else if (iFlag == 1) {
            if (Cell.className != null && Cell.className.indexOf("rightExpand") >= 0) {
                iDepth++;
            }
            Cell.hDepth = iDepth;
        }
        return iDepth;
    }
    //获取默认上父格
    fn.getDefTopParent = function (cell) {
        var self = this;
        if (cell == null || cell.Val == null) {
            return;
        }
        var Column = cell.Start.column;
        var Row = cell.Start.row;
        for (var y = Row - 1; y >= 0 ; y--) {
            var topCell = self.CLExcel.Rows_Cells[y][Column];
            if (topCell.className != null && topCell.className.indexOf("rightExpand") >= 0) {
                return topCell;
            }
        }
    }
    //获取默认左父格
    fn.getDefLeftParent = function (cell) {
        var self = this;
        if (cell == null || cell.Val == null) {
            return;
        }
        var Column = cell.Start.column;
        var Row = cell.Start.row;
        for (var x = Column - 1; x >= 0 ; x--) {
            var leftCell = self.CLExcel.Rows_Cells[Row][x];
            if (leftCell.className != null && leftCell.className.indexOf("downExpand") >= 0) {
                return leftCell;
            }
        }
    }
    //翻译父子格
    fn.TranslateParent = function (Cell) {
        var self = this;
        var Prop = Cell.Prop;
        var topCell;
        var leftCell;
        if (Prop == null) {
            leftCell = self.getDefLeftParent(Cell);
            topCell = self.getDefTopParent(Cell);
        } else {
            if (Prop.leftParent == null || Prop.leftParent == "默认") {
                leftCell = self.getDefLeftParent(Cell);
            } else if (Prop.leftParent.constructor == {}.constructor) {
                if (Prop.leftParent.Row <= self.CLExcel.rowCount) {
                    leftCell = self.CLExcel.Rows_Cells[Prop.leftParent.Row - 1][self.CLExcel.getColumnIndex(Prop.leftParent.Column)];
                }
            }
            if (Prop.topParent == null || Prop.topParent == "默认") {
                topCell = self.getDefTopParent(Cell);
            } else if (Prop.topParent.constructor == {}.constructor) {
                if (Prop.topParent.Row <= self.CLExcel.rowCount) {
                    topCell = self.CLExcel.Rows_Cells[Prop.topParent.Row - 1][self.CLExcel.getColumnIndex(Prop.topParent.Column)];
                }
            }
        }
        Cell.topParent = topCell;
        if (topCell != null) {
            if (topCell.childCells == null) {
                topCell.childCells = [Cell];
            } else {
                topCell.childCells.push(Cell);
            }
        }
        Cell.leftParent = leftCell;
        if (leftCell != null) {
            if (leftCell.childCells == null) {
                leftCell.childCells = [Cell];
            } else {
                leftCell.childCells.push(Cell);
            }
        }
    }
    //获取与Cell相关所有格子
    fn.getCells = function (Cell) {
        var self = this;
        if (Cell.JoinCells != null) {
            return Cell.JoinCells;
        }
        var childCells = Cell.childCells;
        var helpList = self.helpList;
        if (childCells == null) {
            return [Cell];
        } else {
            var index = helpList.indexOf(Cell)
            if (index >= 0) {
                var cells = helpList.splice(index, helpList.length - index);
                var str = "单元格发生死循环:";
                for (var i = 0; i < cells.length; i++) {
                    str += self.CLExcel.getColumnName(cells[i].Start.column) + (cells[i].Start.row + 1);
                }
                throw str;
            }
            helpList.push(Cell);
            var retCells = [Cell];
            for (var i = 0; i < childCells.length; i++) {
                var Cells = self.getCells(childCells[i]);
                for (var j = 0; j < Cells.length; j++) {
                    if (retCells.indexOf(Cells[j]) < 0) {
                        retCells.push(Cells[j]);
                    }
                }
            }
            helpList.pop();
            return retCells;
        }
    }
    //{
    //    格子Id: [
    //        {
    //            virtualCell: {},
    //            subInfo: {
    //                子格子Id: [
    //                    {
    //                        virtualCell: {},
    //                        subInfo: {
    //                            子格子Id: {
    //
    //                            }
    //                        }
    //                    }
    //                ]
    //            }
    //        }
    //    ]
    //}
    //当前位置
    fn.currentPos = null;
    //所有已分配的虚拟格子
    fn.AllocInfos = null;
    //当前keyList键数组
    fn.currentKeyList = null;
    //偏移位置
    fn.OffsetPos = null;
    //当前正在显示的格子
    fn.currentCell = null;
    //从KeyList获取Id索引
    fn.IndexOfId = function (Id, KeyList) {
        var self = this;
        for (var i = 0; i < KeyList.length - 1; i += 2) {
            if (KeyList[i] == Id) {
                return i;
            }
        }
        return -1;
    }

    fn.tempId = -1;

    fn.tempCell = function () {

    }

    //获取执行代码的函数
    fn.InitRunCodeMethod = function () {
        var self = this;
        var CLExcel_ = self.CLExcel;
        var callCount = 0;
        function Val() { }
        function getCellVal(x, y) {
            var Cell;
            if (y < CLExcel_.rowCount) {
                Cell = CLExcel_.Rows_Cells[y][x];
            }
            var vVal = new Val();
            vVal.valueOf = function () {
                var value = null;
                var virtualCell = this.Cell.virtualCell;
                var KeyList = currentCell.Cell.currentKeyList;
                var cList = [].concat(this.Cell.currentKeyList);
                cList.pop();
                var flag = false;
                if (KeyList) {
                    for (var i = 0; i < KeyList.length - 1 && i < cList.length - 1; i += 2) {
                        if (KeyList[i] != cList[i]) {
                            break;
                        }
                        if (KeyList[i + 1] != cList[i + 1]) {
                            flag = true;
                            cList[i + 1] = KeyList[i + 1];
                        }
                    }
                    var dataInfo = self.GetCellDataInfo(this.Cell, cList);
                    var index = self.IndexOfId(this.Cell.Id, KeyList);
                    if (!dataInfo.valueList) {
                        var _Val = this.Cell.Val;
                        var _Prop = this.Cell.Prop;
                        if (_Val && _Val.type == "text") {
                            _Val.text;
                        } else if (_Val && _Val.type == "Ctrl") {
                            if (_Val.Ctrl && _Val.Ctrl.ParamId) {
                                return GetVarValue(_Val.Ctrl.ParamId);
                            } else {
                                return null;
                            }
                        } else if (_Prop && _Prop.Editable) {
                            var _Val = this.Cell.virtualCell.Val;
                            return _Val ? _Val[_Val.type] : null;
                        } else {
                            return null;
                        }
                    } else {
                        var rVal;
                        if (index >= 0) {
                            rVal = dataInfo.valueList[KeyList[index + 1]];
                        } else {
                            rVal = dataInfo.valueList[this.Cell.vIndex];
                        }
                        if (rVal && rVal.oVal) {
                            return rVal.oVal;
                        } else {
                            return rVal;
                        }
                    }
                }
                if (this.Cell != null) {
                    if (virtualCell.oVal != null) {
                        var oVal = virtualCell.oVal;
                        return oVal.constructor == Object ? oVal.oVal : oVal;
                    } else {
                        if (virtualCell.Val != null && virtualCell.Val.type == "Ctrl") {
                            if (virtualCell.eleCtrl != null) {
                                return virtualCell.eleCtrl.Value;
                            } else if (virtualCell.Val.Ctrl.ParamId != null) {
                                return self.GetVarValue(virtualCell.Val.Ctrl.ParamId);
                            } else {
                                return null;
                            }
                        } else {
                            return virtualCell.Val == null ? null : virtualCell.Val.text;
                        }
                    }
                }
                return value;
            }
            vVal.toString = function () {
                return this.valueOf() + "";
            }
            vVal.Cell = Cell;
            Object.defineProperty(vVal, "virtualCell", {
                get: function () {
                    return Cell.virtualCell;
                }
            });
            return vVal;
        }

        var str = "";
        for (var y = 0; y < CLExcel_.rowCount; y++) {
            for (var x = 0; x < CLExcel_.columnCount; x++) {
                var cellName = CLExcel_.getColumnName(x) + (y + 1);
                str += "var " + cellName + "= getCellVal(" + x + "," + y + ");";
            }
        }
        eval(str);
        var runCount = 0;
        function ToList(Ele, coordinates, Cmp, bKeys) {
            var List = coordinates;
            if (Ele.Cell != null && Ele.Cell.Val != null) {
                if (Ele.Cell.currentKeyList === undefined) {
                    throw "获取【" + self.CLExcel.getColumnName(Ele.Cell.Start.column) + (Ele.Cell.Start.row + 1) + "】失败";
                }
                var KeyList = Ele.Cell.currentKeyList;
                if (List != null && List.length != 0) {
                    List = [].concat(List);
                    var curCell = currentCell;
                    var leftCell = null;
                    var topCell = null;
                    for (var i = 0; i < List.length; i++) {
                        var ele = List[i].Cell;
                        var cellIndex = self.IndexOfId(ele.Cell.Id, KeyList);
                        if (cellIndex < 0) {
                            List.splice(i, 1);
                            i--;
                            continue;
                        }
                        if (leftCell == null || leftCell.Cell.Id < ele.Cell.Id) {
                            leftCell = ele;
                        }
                    }
                    if (leftCell && leftCell.Cell.currentKeyList[0] != KeyList[0]) {
                        for (var i = 0; i < List.length; i++) {
                            var ele = List[i].Cell;
                            if (ele.Cell.Id > leftCell.Cell.currentKeyList[0]) {
                                continue;
                            }
                            if (topCell == null || topCell.Cell.Id < ele.Cell.Id) {
                                if (ele.Cell.Id == leftCell.Cell.Id) {
                                    break;
                                } else {
                                    topCell = ele;
                                }
                            }
                        }
                    }

                    function SetKeyList(Cell, List) {
                        var Reset = [];
                        var tempKeyList;
                        var oldIndex = Cell.Cell.vIndex;
                        var oldKeyList = Cell.Cell.currentKeyList;
                        tempKeyList = [].concat(Cell.Cell.currentKeyList);
                        var bNull = false;
                        for (var i = 0; i < List.length; i++) {
                            var ele = List[i].Cell;
                            Reset.push();
                            var cellIndex = self.IndexOfId(ele.Cell.Id, tempKeyList);
                            if (cellIndex < 0 && ele.Cell.Id != Cell.Cell.Id) {
                                continue;
                            }
                            var tempCell = GetVirtual(ele, List);
                            var vList = tempCell.valueOf();
                            var Len = Array.isArray(vList) ? vList.length : 1;
                            var index = List[i].Index;
                            var mode = List[i].Mode;
                            //当前位置+偏移
                            if (mode == 0) {
                                index = ele.Cell.vIndex + index;
                                if (index < 0 || index > Len - 1) {
                                    bNull = true;
                                    break;
                                }
                                if (ele.Cell.Id == Cell.Cell.Id) {
                                    Cell.Cell.vIndex = index;
                                } else {
                                    tempKeyList[cellIndex + 1] = index;
                                }
                            }
                            //偏移
                            if (mode == 1) {
                                if (index < Len && index >= 0) {
                                    if (ele.Cell.Id == Cell.Cell.Id) {
                                        Cell.Cell.vIndex = index;
                                    } else {
                                        tempKeyList[cellIndex + 1] = index;
                                    }
                                } else {
                                    bNull = true;
                                    break;
                                }
                            }
                            //数据长度+偏移
                            if (mode == 2) {
                                index = Len + index;
                                tempKeyList[cellIndex + 1] = Len + index;
                                if (index > Len - 1 || index < 0) {
                                    bNull = true;
                                    break;
                                } else {
                                    if (ele.Cell.Id == Cell.Cell.Id) {
                                        Cell.Cell.vIndex = index;
                                    } else {
                                        tempKeyList[cellIndex + 1] = index;
                                    }
                                }
                            }
                        }
                        Cell.Cell.currentKeyList = tempKeyList;
                        return {
                            bNull: bNull,
                            oldKeyList: oldKeyList,
                            oldIndex: oldIndex
                        }
                    }

                    var oldLeft;
                    var oldTop;
                    var valueList;
                    var bNull = true;

                    if (leftCell != null) {
                        oldLeft = SetKeyList(leftCell, List);
                        bNull = bNull && oldLeft.bNull;
                    }
                    if (topCell != null) {
                        oldTop = SetKeyList(topCell, List);
                        bNull = bNull && oldTop.bNull;
                    }
                    if (!bNull) {
                        self.tempId--;
                        currentCell = {
                            Cell: {
                                Id: self.tempId,
                                currentKeyList: [self.tempId],
                                leftParent: leftCell == null ? null : leftCell.Cell,
                                topParent: topCell == null ? null : topCell.Cell
                            }
                        }
                    }
                    valueList = ToList(Ele, null, Cmp, bKeys);
                    if (oldLeft != null) {
                        leftCell.Cell.currentKeyList = oldLeft.oldKeyList;
                        leftCell.Cell.vIndex = oldLeft.oldIndex;
                    }
                    if (oldTop != null) {
                        topCell.Cell.currentKeyList = oldTop.oldKeyList;
                        topCell.Cell.vIndex = oldTop.oldIndex;
                    }
                    currentCell = curCell;
                    return valueList;
                }
                var pIndex = self.IndexOfId(Ele.Cell.Id, currentCell.Cell.currentKeyList);
                if (pIndex >= 0) {
                    var valueList = [self.getDataInfo(KeyList).valueList[currentCell.Cell.currentKeyList[pIndex + 1]]];
                    if (bKeys) {
                        var rList = [];
                        for (var i = 0; valueList && i < valueList.length; i++) {
                            var keys = [].concat(KeyList);
                            keys.push(i);
                            rList.push({
                                keys: keys,
                                value: valueList[i]
                            });
                        }
                        return rList;
                    } else {
                        return self.getDataInfo(KeyList).valueList;
                    }
                }
                var cIndex = self.IndexOfId(currentCell.Cell.Id, KeyList);
                var minIndex = null;
                var maxIndex = null;
                var spliceCell1;
                var spliceCell2;
                var minCell = null;
                var maxCell = null;
                if (cIndex < 0) {
                    var leftParent = currentCell == null ? null : currentCell.Cell.leftParent;
                    var topParent = currentCell == null ? null : currentCell.Cell.topParent;
                    var leftId = leftParent == null ? null : leftParent.Id;
                    var topId = topParent == null ? null : topParent.Id;
                    var lIndex = self.IndexOfId(leftId, KeyList);
                    var tIndex = self.IndexOfId(topId, KeyList);
                    minIndex = lIndex < tIndex ? lIndex : tIndex;
                    maxIndex = lIndex > tIndex ? lIndex : tIndex;
                    minCell = self.Id_Cells[KeyList[minIndex]];
                    maxCell = self.Id_Cells[KeyList[maxIndex]];
                    if (minCell != null) {
                        spliceCell1 = self.Id_Cells[minCell.currentKeyList[0]];
                    }
                    if (maxCell != null) {
                        spliceCell2 = self.Id_Cells[maxCell.currentKeyList[0]];
                    }
                } else {
                    minIndex = cIndex;
                    minCell = currentCell.Cell;
                    spliceCell1 = self.Id_Cells[minCell.currentKeyList[0]];
                }

                var vList = [];
                var Index = 0;
                var Keys = [];
                var Infos = [];
                var back = false;
                var tempCell;
                while (true) {
                    if (back) {
                        back = false;
                        if (Infos.length == 0) {
                            break;
                        }
                        var Info = Infos[Infos.length - 1];
                        if (Info == null) {
                            Infos.pop();
                            Keys.pop();
                            Keys.pop();
                            Index -= 2;
                            back = true;
                            continue;
                        }
                        var len = Info.valueList.length;
                        if (Keys[Keys.length - 1] < len - 1) {
                            Keys[Keys.length - 1] = Keys[Keys.length - 1] + 1;
                        } else {
                            Infos.pop();
                            Keys.pop();
                            Keys.pop();
                            Index -= 2;
                            back = true;
                            continue;
                        }
                    }
                    tempCell = self.Id_Cells[KeyList[Index]];
                    if (tempCell == null) {
                        break;
                    }
                    if (tempCell == spliceCell1) {
                        var templist = minCell.currentKeyList;
                        for (var i = 0; i < templist.length; i++) {
                            if (i % 2 == 0) {
                                Infos.push(null);
                            }
                            Keys.push(templist[i]);
                        }
                        Keys.push(minCell.vIndex);
                        Index = minIndex + 2;
                        continue
                    }
                    if (tempCell == spliceCell2) {
                        var templist = maxCell.currentKeyList;
                        for (var i = 0; i < templist.length; i++) {
                            if (i % 2 == 0) {
                                Infos.push(null);
                            }
                            Keys.push(templist[i]);
                        }
                        Keys.push(maxCell.vIndex);
                        Index = maxIndex + 2;
                        continue
                    }
                    var Info;
                    if (tempCell == Ele.Cell) {
                        Info = self.GetCellDataInfo(tempCell, Keys);
                        if (Info.valueList != null) {
                            if (bKeys) {
                                for (var i = 0; i < Info.valueList.length; i++) {
                                    var keys = [].concat(Keys);
                                    keys.push(tempCell.Id);
                                    keys.push(i);
                                    vList.push({
                                        keys: keys,
                                        value: Info.valueList[i]
                                    });
                                }
                            } else {
                                var valueList = Info.valueList;
                                if (Cmp) {
                                    var cc = currentCell;
                                    var key_list = Ele.Cell.currentKeyList;
                                    Ele.Cell.currentKeyList = Keys;
                                    Keys.push(Ele.Cell.Id);
                                    currentCell = getCellVal(Ele.Cell.Start.column, Ele.Cell.Start.row);
                                    for (var i = 0; i < valueList.length; i++) {
                                        Keys.push(i);
                                        if (Cmp(valueList[i])) {
                                            vList.push(valueList[i]);
                                        }
                                        Keys.pop();
                                    }
                                    Keys.pop();
                                    Ele.Cell.currentKeyList = key_list;
                                    currentCell = cc;
                                } else {
                                    vList = vList.concat(valueList);
                                }
                            }
                        } else {
                            if (tempCell.Val && tempCell.Val.type == "text" && tempCell.Val.text) {
                                if (bKeys) {
                                    var keys = [].concat(Keys);
                                    keys.push(tempCell.Id);
                                    keys.push(0);
                                    vList.push({
                                        keys: keys,
                                        value: tempCell.Val.text
                                    });
                                } else {
                                    if (Cmp) {
                                        var cc = currentCell;
                                        var key_list = Ele.Cell.currentKeyList;
                                        Ele.Cell.currentKeyList = Keys;
                                        Keys.push(Ele.Cell.Id);
                                        currentCell = getCellVal(Ele.Cell.Start.column, Ele.Cell.Start.row);
                                        Keys.push(0);
                                        if (Cmp(tempCell.Val.text)) {
                                            vList.push(tempCell.Val.text);
                                        }
                                        Keys.pop();
                                        Keys.pop();
                                        Ele.Cell.currentKeyList = key_list;
                                        currentCell = cc;
                                    } else {
                                        vList.push(tempCell.Val.text);
                                    }
                                }
                            }
                        }
                        back = true;
                    } else {
                        var tempKeys = [];
                        for (var i = Keys.length - 2; i > -1; i -= 2) {
                            if (Keys[i] == tempCell.currentKeyList[0]) {
                                for (var j = i; j < Keys.length; j++) {
                                    tempKeys.push(Keys[j]);
                                }
                                break;
                            }
                        }
                        Info = self.GetCellDataInfo(tempCell, tempKeys);
                        Infos.push(Info);
                        Index += 2;
                        Keys.push(tempCell.Id);
                        Keys.push(0);
                    }
                }
                return vList;
            }
            return [null];
        }
        //求和
        function SUM(Ele, coordinates, Cmp) {
            if (Ele == null) {
                return 0;
            }
            if (Array.isArray(Ele)) {
                var retNum = 0;
                for (var i = 0; i < Ele.length; i++) {
                    if (Ele[i] != null) {
                        retNum += Ele[i] * 1;
                    }
                }
                return retNum;
            }
            if (Ele.toStringEx != null) {
                return Ele;
            }
            if (Ele.Cell != null && Ele.Cell.Val != null) {
                return SUM(ToList(Ele, coordinates, Cmp), null, Cmp);
            }
            return 0;
        }

        function SUMIF(Ele, Cmp, coordinates) {
            return SUM(Ele, coordinates, Cmp);
        }

        function COUNT(Ele, coordinates, Cmp) {
            return COUNTIF(Ele, Cmp, coordinates);
        }

        function COUNTIF(Ele, Cmp, coordinates) {
            var List = ToList(Ele, coordinates, Cmp);
            return List.length;
        }

        function INDEX(Ele) {
            return Ele.Cell.vIndex == null ? 0 : Ele.Cell.vIndex;
        }

        function Render() {
            var Ctrls = self.Ctrls;
            var CLExcel_ = self.CLExcel_;
            if (CLExcel_) {
                var t = setTimeout(function () {
                    clearTimeout(t);
                    self.Reset();
                    self.Calc(self.SourceData);
                    self.Render(CLExcel_, Ctrls);
                }, 1);
            }
        }

        function RelativeCell(x, y, base) {
            if (base == null) {
                base = currentCell;
            }
            var baseX = base.Cell.Start.column;
            var baseY = base.Cell.Start.row;
            return getCellVal(baseX + x, baseY + y);
        }

        function FrmDialogBox(ID, vVars, sTitle, Width, Height, FrmVer) {
            FrmDesignerEx.DialogBox(ID, vVars, sTitle, Width, Height, FrmVer);
        }

        function FormDialogBox(FormId, dataId, Vars, Success, End, Error, Ele) {
            FrmDesigner.CreateInstance(FormId, dataId, Vars, Success, End, Error, Ele);
        }

        var RCell = RelativeCell;

        function GetVirtual(vCell, List, flag) {
            var Cell = vCell.Cell;
            if (Cell.currentKeyList == null) {
                throw "单元格顺序错误";
            }
            var keyList = [].concat(Cell.currentKeyList);
            keyList.pop();
            var bNull = false;
            for (var i = 0; i < List.length ; i++) {
                var ele = List[i].Cell;
                if (ele == null) {
                    throw "参数错误";
                }
                var cellIndex = self.IndexOfId(ele.Cell.Id, keyList);
                if (cellIndex < 0) {
                    continue;
                }
                var index = List[i].Index;
                var mode = List[i].Mode;
                var value = null;
                var tempCell = GetVirtual(ele, List, true);
                var vList = tempCell.valueOf();
                var Len = Array.isArray(vList) ? vList.length : 1;
                if (mode == 0) {
                    //当前位置+Index
                    keyList[cellIndex + 1] = ele.Cell.vIndex + index;
                    if (keyList[cellIndex + 1] < 0 || keyList[cellIndex + 1] > Len - 1) {
                        bNull = true;
                        break;
                    }
                }
                if (mode == 1) {
                    //Index
                    if (index < Len && index >= 0) {
                        keyList[cellIndex + 1] = index;
                    } else {
                        bNull = true;
                        break;
                    }
                }
                if (mode == 2) {
                    //数组长度+Index
                    keyList[cellIndex + 1] = Len + index;
                    if (keyList[cellIndex + 1] > Len - 1 || keyList[cellIndex + 1] < 0) {
                        bNull = true;
                        break;
                    }
                }
            }
            var virtualCell;
            if (!bNull) {
                var Info = self.GetCellDataInfo(vCell.Cell, keyList);
                if (Info != null) {
                    var valueList = Info.valueList;
                    if (valueList.length == 1) {
                        value = valueList[0];
                        if (value && value.oVal !== undefined) {
                            value = value.oVal;
                        }
                        if (!flag) {
                            keyList.push(Cell.Id, 0);
                            virtualCell = self.getAllocInfo(keyList);
                            if (virtualCell) {
                                virtualCell = virtualCell.virtualCell;
                            }
                        }
                    } else {
                        value = valueList;
                    }
                }
            }
            var Val = {
                valueOf: function () {
                    return value;
                },
                toString: function () {
                    this.valueOf() + "";
                },
                Cell: Cell,
                virtualCell: virtualCell
            };
            return Val;
        }

        function FName(Cell) {
            Cell = Cell.Cell ? Cell.Cell : Cell;
            if (Cell.Val == null) {
                return "";
            } else if (Cell.Val.Field != null) {
                return Cell.Val.Field.Name;
            } else if (Cell.Val.Code != null) {
                return "公式";
            }
        }

        var VCell = GetVirtual;

        var currentCell;

        var Value;

        var Excel;

        var PageScope = self.PageScope;

        var GetVarValue = PageScope.GetVarValue = function (Id) {
            return self.GetVarValue(Id);
        }

        var SetVarValue = PageScope.SetVarValue = function (Id, Value, bEvent) {
            self.SetVarValue(Id, Value, bEvent);
        }

        function SetPaper(paper) {
            var pageInfo = self.CLExcel_.pageInfo;
            pageInfo.type = paper.type;
            pageInfo.direction = paper.direction;
            pageInfo.width = paper.width;
            pageInfo.height = paper.height;
            pageInfo.marginTop = paper.marginTop;
            pageInfo.marginBottom = paper.marginBottom;
            pageInfo.marginLeft = paper.marginLeft;
            pageInfo.marginRight = paper.marginRight;
        }

        function CurrentDesigner() {
            return self.GetDesigner();
        }

        function runCode(sCode, curCell, EventData) {
            if (typeof sCode == "string" && sCode.trim().length == 0) {
                return;
            }
            var tempCell = currentCell;
            if (curCell != null) {
                currentCell = getCellVal(curCell.Start.column, curCell.Start.row);
            }
            var ret;
            runCount++;
            if (runCount >= 100) {
                throw "运行公式时发现单元格递归次数太多";
            }
            Value = EventData == null ? null : EventData.Value;
            Excel = self.VirtualExcel;
            if (typeof sCode == "function") {
                try {
                    ret = sCode.call(self);
                    if (ret && ret.Cell != null && (!EventData || !EventData.oVal)) {
                        ret = ret.valueOf();
                    }
                } catch (e) {
                    var cellName = CLExcel_.getColumnName(curCell.Start.column) + (curCell.Start.row + 1);
                    throw "【" + cellName + "】:" + e;
                }

            } else {
                (function () {
                    try {
                        ret = eval(sCode);
                        if (ret && ret.Cell != null && (!EventData || !EventData.oVal)) {
                            ret = ret.valueOf();
                        }
                    } catch (e) {
                        var cellName = CLExcel_.getColumnName(curCell.Start.column) + (curCell.Start.row + 1);
                        throw "【" + cellName + "】:" + e;
                    }
                }).call(self);
            }
            runCount--;
            currentCell = tempCell;
            return ret;
        }

        function Compile(sCode, note) {
            return eval("//" + note + "\n(function anonymous(){\n return " + (typeof sCode == "string" ? sCode.trim() : "null") + ";\n})");
        }

        function autoEvent(virtualCell, arr, Func) {
            Func.This = virtualCell;
            for (var i = 0; i < arr.length; i++) {
                var ele = arr[i].Cell.virtualCell;
                if (ele.Changed == null) {
                    ele.Changed = [Func];
                } else {
                    if (ele.Changed.indexOf(Func) < 0) {
                        ele.Changed.push(Func);
                    }
                }
            }
        }

        function AutoEvent(virtualCell, evCell, func) {
            autoEvent(virtualCell, [evCell], func);
        }

        self.runCode = runCode;

        self.Compile = Compile; 
        self.autoEvent = autoEvent;

        self.ToListInternal = function (Ele, List, curCell) {
            var tempCell = currentCell;
            currentCell = getCellVal(curCell.Start.column, curCell.Start.row);
            var ret = ToList(Ele, List);
            currentCell = tempCell;
            return ret;
        }

        var FMap = {};

        self.ToTablePrivate = function (DCells, PCells, Table, dIndex, List) {
            if (dIndex == null) {
                dIndex = 0;
            }
            var DCell = DCells[dIndex];
            var list = ToList(DCell, List, null, true);
            if (List == null) {
                List = [];
            }
            currentCell = DCell;
            for (var i = 0; i < list.length; i++) {
                if (list[i] == null) {
                    continue;
                }
                if (i > 0) {
                    Table.push(CLClone(Table[Table.length - 1]));
                    line = Table[Table.length - 1];
                    for (var j = 0; j < PCells.length; j++) {
                        delete line[PCells[j].Id];
                    }
                } else {
                    line = Table[Table.length - 1];
                }
                var key = FMap[DCell.Id];
                if (!key) {
                    key = DCell.Id;
                }
                line[key] = list[i].value;
                var oldKeys = DCell.Cell.currentKeyList;
                DCell.Cell.currentKeyList = list[i].keys;
                var oIndex = DCell.Cell.vIndex;
                var index = DCell.Cell.currentKeyList.pop();
                DCell.Cell.vIndex = index;
                List.push({
                    Cell: DCell,
                    Index: i,
                    Mode: 1
                });
                if (dIndex < DCells.length - 1) {
                    self.ToTablePrivate(DCells, PCells, Table, dIndex + 1, List);
                } else {
                    var lIndex = Table.length - 1;
                    var dLine = CLClone(line);
                    for (var j = 0; j < PCells.length; j++) {
                        var pCell = PCells[j];
                        var _key = FMap[pCell.Id];
                        if (!_key) {
                            _key = pCell.Id;
                        }
                        if (dLine[_key] !== undefined) {
                            continue;
                        }
                        var pList = ToList(PCells[j], List, null, true);
                        for (var k = 0; k < pList.length; k++) {
                            var pLine;
                            if (lIndex + k >= Table.length) {
                                Table.push(CLClone(dLine));
                            }
                            pLine = Table[lIndex + k];
                            pLine[_key] = pList[k].value;
                        }
                    }
                }
                List.pop();
                list[i].keys.push(index);
                DCell.Cell.vIndex = oIndex;
                DCell.Cell.currentKeyList = oldKeys;
            }
        }

        self.ToTable = function (DCells, PCells, curCell) {
            var tempCell = currentCell;
            if (curCell) {
                currentCell = getCellVal(curCell.Start.column, curCell.Start.row);
            } else {
                self.tempId--;
                currentCell = {
                    Cell: {
                        Id: self.tempId,
                        currentKeyList: [self.tempId],
                        leftParent: null,
                        topParent: null
                    }
                }
            }
            var table = [{}];
            self.ToTablePrivate(DCells, PCells, table);
            currentCell = tempCell;
            return table;
        }

        self.ToTreePrivate = function (DCells, PCells, type, dIndex, List) {
            var Out;
            if (type == 1) {
                Out = {};
            } else if (type == 2) {
                Out = [];
            }
            if (dIndex == null) {
                dIndex = 0;
            }
            var DCell = DCells[dIndex];
            var list = ToList(DCell, List, null, true);
            if (List == null) {
                List = [];
            }
            currentCell = DCell;
            for (var i = 0; i < list.length; i++) {
                if (list[i] == null) {
                    continue;
                }
                var value = list[i].value;
                var oldKeys = DCell.Cell.currentKeyList;
                DCell.Cell.currentKeyList = list[i].keys;
                var oIndex = DCell.Cell.vIndex;
                var index = DCell.Cell.currentKeyList.pop();
                DCell.Cell.vIndex = index;
                List.push({
                    Cell: DCell,
                    Index: i,
                    Mode: 1
                });
                if (dIndex < DCells.length - 1) {
                    if (type == 1) {
                        Out[value] = self.ToTreePrivate(DCells, PCells, type, dIndex + 1, List);
                    } else if (type == 2) {
                        Out.push({
                            Name: value,
                            Value: self.ToTreePrivate(DCells, PCells, type, dIndex + 1, List)
                        });
                    }
                } else {
                    var oo = [];
                    if (type == 1) {
                        Out[value] = oo;
                    } else if (type == 2) {
                        oo = [];
                        Out.push({
                            Name: value,
                            Value: oo
                        });
                    }
                    for (var j = 0; j < PCells.length; j++) {
                        var pCell = PCells[j];
                        var _key = FMap[pCell.Id];
                        if (!_key) {
                            _key = pCell.Id;
                        }
                        var pList = ToList(PCells[j], List, null, true);
                        var arr = [];
                        for (var k = 0; k < pList.length; k++) {
                            if (k >= oo.length) {
                                oo[k] = {};
                            }
                            var pLine = oo[k];
                            pLine[_key] = pList[k].value;
                        }
                    }

                }
                List.pop();
                list[i].keys.push(index);
                DCell.Cell.vIndex = oIndex;
                DCell.Cell.currentKeyList = oldKeys;
            }
            return Out;
        }

        self.ToTree = function (DCells, PCells, curCell, type, where) {
            var tempCell = currentCell;
            if (curCell) {
                currentCell = getCellVal(curCell.Start.column, curCell.Start.row);
            } else {
                self.tempId--;
                currentCell = {
                    Cell: {
                        Id: self.tempId,
                        currentKeyList: [self.tempId],
                        leftParent: null,
                        topParent: null
                    }
                }
            }
            var Out = self.ToTreePrivate(DCells, PCells, type);
            currentCell = tempCell;
            return Out;
        }

        self.SetCurrentCell = function (curCell) {
            var tempCell = currentCell;
            currentCell = curCell == null ? null : getCellVal(curCell.Start.column, curCell.Start.row);
            return tempCell == null ? null : tempCell.Cell;
        }

        self.Read = function (DCells, PCells, where) {
            var cursor = DCells[0];
            var vExcel = self.VirtualExcel;
            var cursorId;
            if (!cursor) {
                return [];
            } else {
                cursorId = cursor.Cell.Id;
            }
            var arr = [];

            for (var i = 1; i < DCells.length ; i++) {
                arr.push(DCells[i]);
            }

            for (var i = 0; i < PCells.length ; i++) {
                arr.push(PCells[i]);
            }

            function ReadOne(vCell) {
                var key = cursor.Id;
                if (FMap[key]) {
                    key = FMap[key];
                }
                var dataLine = {};
                dataLine[key] = vCell.oVal;
                var cell = vCell.Cell;
                var S0 = cell.Start;
                var E0 = cell.End;
                for (var i = 0; i < arr.length; i++) {
                    key = arr[i].Id;
                    if (FMap[key]) {
                        key = FMap[key];
                    }
                    var eleCell = arr[i].Cell;
                    var S1 = eleCell.Start;
                    var E1 = eleCell.End;
                    var cc = 0;
                    if (S0.row >= S1.row && E0.row <= E1.row) {
                        cc = S0.column - S1.column > 0 ? -1 : 1;
                        var line = vExcel.Rows_Cells[vCell.Start.row];
                        for (var j = S0.column; j > -1 && j < vExcel.columnCount ; j += cc) {
                            var cur = vExcel.Rows_Cells[vCell.Start.row][j];
                            if (cur && cur.Cell.Id == eleCell.Id) {
                                dataLine[key] = cur.oVal;
                                break;
                            }
                        }
                    } else if (S0.column >= S1.column && E0.column <= E1.column) {
                        cc = S0.row - S1.row > 0 ? -1 : 1;
                        for (var j = S0.row; j > -1 && j < vExcel.rowCount ; j += cc) {
                            var cur = vExcel.Rows_Cells[j][vCell.Start.column];
                            if (cur && cur.Cell.Id == eleCell.Id) {
                                dataLine[key] = cur.oVal;
                                break;
                            }
                        }
                    }
                }
                return dataLine;
            }

            var table = [];
            var Rows = vExcel.Rows;
            for (var i = 0; i < Rows.length ; i++) {
                var row = Rows[i];
                for (var j = 0; j < row.length ; j++) {
                    if (row[j] && row[j].Cell.Id == cursorId) {
                        var line = ReadOne(row[j]);
                        if (!where || where(line)) {
                            table.push(line);
                        }
                    }
                }
            }
            return table;
        }

        self.Query = function (Dims, Pois, fMap, type, where) {
            FMap = fMap ? fMap : {};
            var DCells = [];
            var PCells = [];
            function func(Cells, input) {
                for (var i = 0; i < input.length; i++) {
                    var s = input[i];
                    if (!/^[A-Z]+[0-9]+$/.test(s)) {
                        return [];
                    }
                    var cName = s.match(/[A-Z]+/)[0];
                    var row = (s.match(/[1-9]+/)[0]) - 1;
                    var column = self.CLExcel.getColumnIndex(cName);
                    var Id = column + row * self.CLExcel.columnCount;
                    Cells.push({
                        Id: s,
                        Cell: self.Id_Cells[Id]
                    });
                }
            }
            if (Dims) {
                func(DCells, Dims);
            }
            if (Pois) {
                func(PCells, Pois);
            }
            var __currentCell = self.currentCell;
            var _currentCell = currentCell;
            var data;
            if (type == 0 || type === undefined) {
                var arr = self.ToTable(DCells, PCells, self.currentCell, where);
                if (!where) {
                    data = arr;
                } else {
                    var table = [];
                    for (var i = 0; i < arr.length; i++) {
                        if (where(arr[i])) {
                            table.push(arr[i]);
                        }
                    }
                    data = table;
                }
            } else if (type == 1 || type == 2) {
                data = self.ToTree(DCells, PCells, self.currentCell, type, where);
            } else if (type == 3) {
                data = self.Read(DCells, PCells, where);
            } else {
                data = [];
            }
            currentCell = _currentCell;
            self.currentCell = __currentCell;
            return data;
        }
    }
    //执行条件
    fn.ExecuteConditions = function (Cell, KeyList, dataInfo) {
        var self = this;
        var Val = Cell.Val;
        if (Val == null || Val.Field == null) {
            return [];
        }

        function GetVarValue(Id) {
            return self.GetVarValue(Id);
        }

        function SetVarValue(Id, Value, bEvent) {
            self.SetVarValue(Id, Value, bEvent);
        }

        var tempData;
        var dataList;
        var leftParent = Cell.leftParent;
        var topParent = Cell.topParent;
        if (leftParent == null && topParent == null && (Val.filterConditions == null || Val.filterConditions.Conditions == null)) {
            return self.SourceData[Cell.Val.Field.SourceID];
        }
        for (var i = 0; i < KeyList.length - 1; i += 2) {
            self.Id_Cells[KeyList[i]].IfIndex = KeyList[i + 1];
        }
        if (Val.filterConditions == null || Val.filterConditions.useParentAsFilter != false) {
            //如果父格数据源相同,则默认将以父格数据过滤子格数据
            var lVal = leftParent == null ? null : leftParent.Val;
            var tVal = topParent == null ? null : topParent.Val;
            var lIndex;
            var tIndex;
            if (lVal != null && lVal.Field != null) {
                if (lVal.Field.SourceID == Val.Field.SourceID) {
                    lIndex = leftParent.IfIndex == null ? 0 : leftParent.IfIndex;
                }
            }
            if (tVal != null && tVal.Field != null) {
                if (tVal.Field.SourceID == Val.Field.SourceID) {
                    tIndex = topParent.IfIndex == null ? 0 : topParent.IfIndex;
                }
            }
            if (lIndex == null && tIndex == null) {
                dataList = self.SourceData[Cell.Val.Field.SourceID];
            } else if (lIndex != null && tIndex == null) {
                var lId = lVal.Field.ID;
                if (!dataInfo) {
                    debugger
                }
                var lList = dataInfo.dataList;
                var lFilter = dataInfo.valueList && dataInfo.valueList[lIndex];
                if (dataList == null) {
                    dataList = [];
                }
                if (leftParent.Val.collectType != "列表") {
                    for (var i = 0; lList && i < lList.length; i++) {
                        var val = (lList[i][lId] != null && lList[i][lId].constructor == {}.constructor) ? lList[i][lId].oVal : lList[i][lId];
                        if (val == ((lFilter != null && lFilter.constructor == {}.constructor) ? lFilter.oVal : lFilter)) {
                            dataList.push(lList[i]);
                        }
                    }
                } else if (lList && lList[leftParent.IfIndex] !== undefined) {
                    dataList.push(lList[leftParent.IfIndex]);
                }
            } else if (lIndex == null && tIndex != null) {
                var tFilter = dataInfo.valueList && dataInfo.valueList[tIndex];
                var tId = tVal.Field.ID;
                var tList = dataInfo.dataList;
                if (dataList == null) {
                    dataList = [];
                }
                if (topParent.Val.collectType != "列表") {
                    for (var i = 0;tList && i < tList.length; i++) {
                        var val = (tList[i][tId] != null && tList[i][tId].constructor == {}.constructor) ? tList[i][tId].oVal : tList[i][tId];
                        if (val == ((tFilter != null && tFilter.constructor == {}.constructor) ? tFilter.oVal : tFilter)) {
                            dataList.push(tList[i]);
                        }
                    }
                } else if (tList && tList[topParent.IfIndex] !== undefined) {
                    dataList.push(tList[topParent.IfIndex]);
                }
            } else if (lIndex != null && tIndex != null) {
                var List = dataInfo.dataList;
                var mainCell = self.Id_Cells[KeyList[KeyList.length - 2]];
                var elseCell = mainCell == leftParent ? topParent : leftParent;
                var mainId = mainCell.Val.Field.ID;
                var mainFilter = dataInfo.valueList && dataInfo.valueList[mainCell.IfIndex];
                var tempKeys = [];
                var elseFilters = {};
                for (var i = 0; i < KeyList.length - 1; i += 2) {
                    if (KeyList[i] == elseCell.Id) {
                        break;
                    }
                    tempKeys.push(KeyList[i]);
                    var tempCell = self.Id_Cells[KeyList[i]];
                    var tempInfo = self.GetCellDataInfo(tempCell, tempKeys);
                    var tempIndex = tempCell.IfIndex;
                    var tempId = tempCell.Val.Field.ID;
                    elseFilters[tempId] = tempInfo.valueList[tempIndex];
                    tempKeys.push(KeyList[i + 1]);
                }

                var elseInfo = self.GetCellDataInfo(elseCell, tempKeys);
                var elseId = elseCell.Val.Field.ID;
                var elseIndex = elseCell.IfIndex;
                elseFilters[elseId] = elseInfo.valueList[elseIndex];
                if (dataList == null) {
                    dataList = [];
                }
                for (var i = 0; i < List.length; i++) {
                    var mainVal = (List[i][mainId] != null && List[i][mainId].constructor == {}.constructor) ? List[i][mainId].oVal : List[i][mainId];
                    if (mainVal == ((mainFilter != null && mainFilter.constructor == {}.constructor) ? mainFilter.oVal : mainFilter)) {
                        var bAdd = true;
                        for (var key in elseFilters) {
                            var elseVal = (List[i][key] != null && List[i][key].constructor == {}.constructor) ? List[i][key].oVal : List[i][key];
                            if (elseVal != ((elseFilters[key] != null && typeof elseFilters[key] == "object" && !Array.isArray(elseFilters[key])) ? elseFilters[key].oVal : elseFilters[key])) {
                                bAdd = false;
                            }
                        }
                        if (bAdd) {
                            dataList.push(List[i]);
                        }
                    }
                }

            }
        }
        if (Val.filterConditions != null) {
            if (Val.filterConditions.useParentAsFilter == false) {
                dataList = self.SourceData[Cell.Val.Field.SourceID];
            }
            if (dataList == null) {
                dataList = [];
            }
            function GetDate(Val) {
                if (Val.DataType == "今天") {
                    var Dt = new Date();
                    return Date.Parse(Dt.Format("yyyy-MM-dd"));
                }
                if (Val.DataType == "昨天") {
                    var Dt = new Date();
                    Dt.setDate(Dt.getDate() - 1);
                    return Date.Parse(Dt.Format("yyyy-MM-dd"));
                }
                if (Val.DataType == "本周") {
                    var Dt = new Date();
                    Dt.setDate(Dt.getDate() - Dt.getDay());
                    return Date.Parse(Dt.Format("yyyy-MM-dd"));
                }
                if (Val.DataType == "上周") {
                    var Dt = new Date();
                    Dt.setDate(Dt.getDate() - 7 - Dt.getDay());
                    return Date.Parse(Dt.Format("yyyy-MM-dd"));
                }
                if (Val.DataType == "本月") {
                    var Dt = new Date();
                    Dt = Date.Parse(Dt.Format("yyyy-MM-01 00:00:00"));
                    return Dt;
                }
                if (Val.DataType == "上月") {
                    var Dt = new Date();
                    Dt = Date.Parse(Dt.Format("yyyy-MM-01 00:00:00"));
                    Dt.setMonth(Dt.getMonth() - 1);
                    return Dt;
                }
                //固定值
                return DateTime.Parse(sVal);
            }

            if (Val.filterConditions.Conditions == null) {
                return dataList;
            }

            function getSourceCell(Cell, sourceID) {
                for (var i = self.currentKeyList.length - 3; i >= 0; i -= 2) {
                    var tempCell = self.Id_Cells[self.currentKeyList[i]];
                    if (tempCell.Val != null && tempCell.Val.Field != null && tempCell.Val.Field.SourceID == sourceID) {
                        return tempCell;
                    }
                    if ((tempCell.leftParent == null && tempCell.topParent == null) && (Cell.leftParent == null || Cell.topParent == null)) {
                        return null;
                    }
                }
            }

            var Value;
            for (var i = 0; i < Val.filterConditions.Conditions.length; i++) {
                var tempList = [];
                var condition = Val.filterConditions.Conditions[i];
                if (condition.ValType == "参数" || condition.ValType == "单元格") {
                    if (condition.Val == null) {
                        continue;
                    }
                    if (condition.ValType == "参数") {
                        Value = self.GetVarValue(condition.Val);
                    } else {
                        var tempCell = self.CLExcel.getCellByName(condition.Val.Column, condition.Val.Row)
                        if (tempCell == null || tempCell.Val == null) {
                            continue;
                        }
                        if (tempCell.Val.type == "text") {
                            Value = tempCell.Val.text;
                        } else if (tempCell.Val.type == "Field") {
                            var has = false;
                            for (var j = 0; j < KeyList.length - 1 ; j += 2) {
                                if (KeyList[j] == tempCell.Id) {
                                    var Keys = [].concat(KeyList);
                                    Keys.splice(j, KeyList.length - j);
                                    var Info = self.GetCellDataInfo(tempCell, Keys);
                                    Value = Info.valueList[KeyList[j + 1]];
                                    has = true;
                                    break;
                                }
                            }
                            if (!has && tempCell.vIndex != null && tempCell.valueList != null) {
                                Value = tempCell.valueList[tempCell.vIndex];
                            }
                        } else if (tempCell.Val.type == "Code") {
                            if (!tempCell.Val.FCode) {
                                tempCell.Val.FuncCode = self.Compile(tempCell.Val.Code.runCode, "【" + NameCell(tempCell) + "】(公式)");
                            }
                            Value = self.runCode(tempCell.Val.FuncCode, Cell).valueOf();
                        }
                    }

                }

                if (condition.ValType == "公式" && condition.Operator != "公式编辑") {
                    if (condition.Val == null) {
                        continue;
                    }
                    if (!condition.Val.FuncRunCode) {
                        condition.Val.FuncRunCode = self.Compile(condition.Val.runCode, "【" + NameCell(Cell) + "】(条件:" + i + ")");
                    }
                    Value = self.runCode(condition.Val.FuncRunCode, Cell);
                }
                var iOperator = 0;
                if (condition.Operator == "不等于") {
                    iOperator = 1;
                }
                if (condition.Operator == "大于") {
                    iOperator = 2;
                }
                if (condition.Operator == "大于等于") {
                    iOperator = 3;
                }
                if (condition.Operator == "小于") {
                    iOperator = 4;
                }
                if (condition.Operator == "小于等于") {
                    iOperator = 5;
                }
                if (condition.Operator == "公式编辑") {
                    iOperator = 6;
                }
                if (condition.ValType == "空") {
                    for (var j = 0; j < dataList.length; j++) {
                        if (iOperator == 0) {
                            if (dataList[j][condition.FieldID] == null) {
                                tempList.push(dataList[j]);
                            }
                        } else if (iOperator == 1) {
                            if (dataList[j][condition.FieldID] != null) {
                                tempList.push(dataList[j]);
                            }
                        }
                    }
                    dataList = tempList;
                } else {
                    ; (function () {
                        if (iOperator < 6) {
                            if (Value && Value.oVal) {
                                Value = Value.oVal;
                            }
                        }
                        for (var j = 0; j < dataList.length; j++) {
                            var nVal = dataList[j][condition.FieldID];
                            if (iOperator < 6) {
                                if (nVal && nVal.oVal) {
                                    nVal = nVal.oVal;
                                }
                            }
                            if (iOperator == 0) {
                                if (nVal == Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 1) {
                                if (nVal != Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 2) {
                                if (nVal > Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 3) {
                                if (nVal >= Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 4) {
                                if (nVal < Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 5) {
                                if (nVal <= Value) {
                                    tempList.push(dataList[j]);
                                }
                            } else if (iOperator == 6) {
                                (function () {
                                    var Value = dataList[j][condition.FieldID];
                                    if (Value && Value.oVal) {
                                        Value = Value.oVal;
                                    }
                                    if (!condition.Val.FuncRunCode) {
                                        condition.Val.FuncRunCode = self.Compile(condition.Val.runCode, "【" + NameCell(Cell) + "】(条件:" + i + ")");
                                    }
                                    if (self.runCode(condition.Val.FuncRunCode, Cell, { Value: Value, oVal: true })) {
                                        tempList.push(dataList[j]);
                                    }
                                }());
                            }
                        }
                        dataList = tempList;
                    }());
                }
            }
            var filterConditions
        }
        return dataList;
    }
    //汇总
    fn.CollectField = function (Cell, dataList) {
        var self = this;
        if (dataList == null) {
            return null;
        }
        var FieldId = Cell.Val.Field.ID;
        var collectType = Cell.Val.collectType;
        if (collectType == null) {
            collectType = "分组";
        }
        var valueList = [];
        var Vals = [];
        if (collectType == "分组") {
            for (var i = 0; i < dataList.length; i++) {
                if (dataList[i] == null) {
                    throw "统计数据是发生错误:数据行为空";
                }
                var value = dataList[i][FieldId];
                var val = value == null ? null : value.oVal ? value.oVal : value.toString();
                if (Vals.indexOf(val) < 0 && val != null) {
                    valueList.push(value);
                    Vals.push(val);
                }
            }
        }
        if (collectType == "列表") {
            for (var i = 0; i < dataList.length; i++) {
                if (dataList[i] == null) {
                    throw "统计数据是发生错误:数据行为空";
                }
                var value = dataList[i][FieldId];
                valueList.push(value);
            }
        }
        if (collectType == "求和") {
            if (Cell.Val.Field.className == "数字") {
                var value = 0;
                for (var i = 0; i < dataList.length; i++) {
                    if (dataList[i] == null) {
                        throw "统计数据是发生错误:数据行为空";
                    }
                    value += dataList[i][FieldId] == null ? 0 : dataList[i][FieldId];
                }
                valueList.push(value);
            } else {
                valueList.push(0);
            }
        }
        if (collectType == "平均") {
            if (Cell.Val.Field.className == "数字") {
                var value = 0;
                for (var i = 0; i < dataList.length; i++) {
                    if (dataList[i] == null) {
                        throw "统计数据是发生错误:数据行为空";
                    }
                    value += dataList[i][FieldId] == null ? 0 : dataList[i][FieldId];
                }
                valueList.push(value == 0 ? 0 : value / dataList.length);
            } else {
                valueList.push(0);
            }
        }
        if (collectType == "最大值") {
            if (Cell.Val.Field.className == "数字") {
                var value = 0;
                for (var i = 0; i < dataList.length; i++) {
                    if (dataList[i] == null) {
                        throw "统计数据是发生错误:数据行为空";
                    }
                    var v = dataList[i][FieldId] == null ? 0 : dataList[i][FieldId]
                    value = value > v ? value : v;
                }
                valueList.push(value);
            } else {
                valueList.push(0);
            }
        }
        if (collectType == "最小值") {
            if (Cell.Val.Field.className == "数字") {
                var value = 0;
                for (var i = 0; i < dataList.length; i++) {
                    if (dataList[i] == null) {
                        throw "统计数据是发生错误:数据行为空";
                    }
                    var v = dataList[i][FieldId] == null ? 0 : dataList[i][FieldId]
                    value = value < v ? value : v;
                }
                valueList.push(value);
            } else {
                valueList.push(0);
            }
        }
        if (collectType == "计数") {
            var value = 0;
            for (var i = 0; i < dataList.length; i++) {
                if (dataList[i] == null) {
                    throw "统计数据是发生错误:数据行为空";
                }
                value += dataList[i][FieldId] == null ? 0 : 1;
            }
            valueList.push(value);
        }
        return valueList;
    }
    //获取数据
    fn.setDataInfo = function (keyList, dataInfo) {
        var self = this;
        var tempEle = self.AllocInfos;
        for (var i = 0; i < keyList.length; i += 2) {
            var tempEle;
            if (tempEle[keyList[i]] == null) {
                tempEle[keyList[i]] = tempEle = [
                ];
            } else {
                tempEle = tempEle[keyList[i]];
            }
            if (i == keyList.length - 1) {
                tempEle.dataInfo = dataInfo;
                return;
            }
            if (tempEle[keyList[i + 1]] == null) {
                tempEle[keyList[i + 1]] = {};
            }
            if (tempEle[keyList[i + 1]].subInfo == null) {
                tempEle = tempEle[keyList[i + 1]].subInfo = {};
            } else {
                tempEle = tempEle[keyList[i + 1]].subInfo;
            }
        }
    }
    //获取数据
    fn.getDataInfo = function (keyList) {
        var self = this;
        var tempInfo = self.AllocInfos;
        for (var i = 0; i < keyList.length; i += 2) {
            //根据格子Id取出内容
            var tempInfo = tempInfo[keyList[i]];
            if (tempInfo == null) {
                return;
            }
            if (i == keyList.length - 1) {
                return tempInfo.dataInfo;
            }
            //根据偏移取出内容
            tempInfo = tempInfo[keyList[i + 1]];
            if (tempInfo == null) {
                return;
            }
            if (i < keyList.length - 2) {
                tempInfo = tempInfo.subInfo;
                if (tempInfo == null) {
                    return;
                }
            }
        }
    }
    //获取分配信息
    fn.getAllocInfo = function (keyList) {
        var self = this;
        var tempInfo = self.AllocInfos;
        for (var i = 0; i < keyList.length; i += 2) {
            //根据格子Id取出内容
            var tempInfo = tempInfo[keyList[i]];
            if (tempInfo == null) {
                return;
            }
            //根据偏移取出内容
            tempInfo = tempInfo[keyList[i + 1]];
            if (tempInfo == null) {
                return;
            }
            if (i < keyList.length - 2) {
                tempInfo = tempInfo.subInfo;
                if (tempInfo == null) {
                    return;
                }
            }
        }
        return tempInfo;
    }
    //设置分配信息
    fn.setAllocInfo = function (keyList, Info) {
        var self = this;
        Info.virtualCell.keyList = [].concat(keyList);
        var tempEle = self.AllocInfos;
        for (var i = 0; i < keyList.length; i += 2) {
            var tempEle;
            if (tempEle[keyList[i]] == null) {
                tempEle[keyList[i]] = tempEle = [
                ];
            } else {
                tempEle = tempEle[keyList[i]];
            }
            if (tempEle[keyList[i + 1]] == null) {
                tempEle[keyList[i + 1]] = {};
            }
            if (i == keyList.length - 2) {
                tempEle[keyList[i + 1]].virtualCell = Info.virtualCell;
                return;
            } else {
                if (tempEle[keyList[i + 1]].subInfo == null) {
                    tempEle = tempEle[keyList[i + 1]].subInfo = {};
                } else {
                    tempEle = tempEle[keyList[i + 1]].subInfo;
                }
            }
        }
    }
    //分配空间
    fn.Alloc = function (Cell, allocPos, iExpand) {
        var self = this;
        var CLExcel = self.CLExcel;
        var vExcel = self.VirtualExcel;
        self.helpList = [];

        function firstKeyList(Cell) {
            var leftParent = Cell.leftParent;
            var topParent = Cell.topParent;
            if (leftParent == null && topParent == null) {
                return [Cell.Id, 0];
            }
            if (leftParent != null && topParent != null) {
                var lList = firstKeyList(leftParent);
                var tList = firstKeyList(topParent);
                if (leftParent.Start.row < topParent.Start.row || (leftParent.Start.row == topParent.Start.row && leftParent.Start.column < topParent.Start.column)) {
                    return lList.concat(tList).concat([Cell.Id, 0]);
                } else {
                    return tList.concat(lList).concat([Cell.Id, 0]);
                }
            } else if (leftParent != null) {
                return firstKeyList(leftParent).concat([Cell.Id, 0]);
            } else {
                return firstKeyList(topParent).concat([Cell.Id, 0]);
            }
        }
        function virtualJoin(Cell) {
            var Cells = self.getCells(Cell);
            var JoinCells = {};
            if (Cell.virtualCell.JoinCells) {
                return;
            }
            for (var i = 0; i < Cells.length ; i++) {
                JoinCells[Cells[i].Id] = Cells[i].virtualCell;
            }
            var childCells = Cell.childCells;
            if (childCells) {
                for (var i = 0; i < childCells.length; i++) {
                    virtualJoin(childCells[i]);
                }
            }
            Cell.virtualCell.JoinCells = JoinCells;
        }
        if (Cell == null) {
            for (var y = 0; y < CLExcel.rowCount ; y++) {
                vExcel.addRow();
                //行高
                if (!CLExcel.autoRowHeight) {
                    vExcel.setRowHeight(y, CLExcel.rowHeights[y]);
                }
            }
            for (var x = 0; x < CLExcel.columnCount; x++) {
                vExcel.addColumn();
                //列宽
                vExcel.setColumnWidth(x, CLExcel.columnWidths[x]);
            }
            var listCell = [];
            for (var y = 0; y < CLExcel.rowCount; y++) {
                for (var x = 0; x < CLExcel.columnCount; x++) {
                    var cell = CLExcel.Rows[y][x];
                    if (cell == null) {
                        continue;
                    }
                    var virtualCell = vExcel.Rows_Cells[y][x];
                    virtualCell.className = cell.className;
                    vExcel.mergeArea({
                        Start: {
                            row: cell.Start.row,
                            column: cell.Start.column
                        }, End: {
                            row: cell.End.row,
                            column: cell.End.column
                        }
                    });
                    var keyList = firstKeyList(cell);
                    self.setAllocInfo(keyList, {
                        virtualCell: virtualCell
                    });
                    cell.virtualCell = virtualCell;
                    cell.firstVirtualCell = virtualCell;
                    virtualCell.Cell = cell;
                    virtualCell.oCell = cell;
                    cell.JoinCells = self.getCells(cell);
                    virtualCell.vDepth = cell.vDepth;
                    virtualCell.hDepth = cell.hDepth;
                    if (cell.leftParent == null && cell.topParent == null) {
                        listCell.push(cell);
                    }
                }
            }
            for (var i = 0; i < listCell.length; i++) {
                virtualJoin(listCell[i]);
            }
        } else {
            var Cells = self.getCells(Cell);
            for (var i = 1; i < Cells.length ; i++) {
                var childCell = Cells[i];
                var childKeyList = childCell.currentKeyList;
                if (childKeyList == null) {
                    continue;
                }
                var Index = self.IndexOfId(Cell.Id, childKeyList) + 3;
                var calc = false;
                for (var j = Index; j < childKeyList.length; j += 2) {
                    if (childKeyList[j] != 0) {
                        childKeyList[j] = 0;
                        calc = true;
                    }
                }
                if (calc || Index == childKeyList.length) {
                    childKeyList.push(0);
                    var Info = self.getAllocInfo(childKeyList);
                    if (Info != null) {
                        childCell.virtualCell = Info.virtualCell;
                    }
                    childKeyList.pop();
                }
            }
            var minX = CLExcel.columnCount;
            var minY = CLExcel.rowCount;
            var maxX = 0;
            var maxY = 0;
            if (Cells != null) {
                for (var i = 0; i < Cells.length; i++) {
                    minX = minX < Cells[i].Start.column ? minX : Cells[i].Start.column;
                    minY = minY < Cells[i].Start.row ? minY : Cells[i].Start.row;
                    maxX = maxX > Cells[i].End.column ? maxX : Cells[i].End.column;
                    maxY = maxY > Cells[i].End.row ? maxY : Cells[i].End.row;
                }
            }
            if (allocPos.y < vExcel.rowCount && allocPos.x < vExcel.columnCount) {
                var virtualCell = vExcel.Rows_Cells[allocPos.y][allocPos.x];
                if (virtualCell.Cell == Cell) {
                    if (virtualCell.JoinCells != null) {
                        for (var key in virtualCell.JoinCells) {
                            virtualCell.JoinCells[key].Cell.virtualCell = virtualCell.JoinCells[key];
                        }
                    } else {
                        Cell.virtualCell = virtualCell;
                    }
                    return;
                }
            }
            //查找未分配的单元格
            var x0 = allocPos.x;
            var y0 = allocPos.y;
            var x1 = allocPos.x + maxX - minX + 1;
            var y1 = allocPos.y + maxY - minY + 1;
            var x2 = x0;
            var y2 = y0;
            if (Cell.vIndex == 0 || (Cell.Prop != null && Cell.Prop.useFreeCell == true)) {
                var bBreak = false;
                for (var y = y0; y < vExcel.rowCount && y < y1 ; y++) {
                    for (var x = x0; x < x1; x++) {
                        var virtualCell = vExcel.Rows[y][x];
                        if (virtualCell && (!virtualCell.Cell || (virtualCell.Cell.leftParent == null && virtualCell.Cell.topParent == null && virtualCell.Cell.Val == null && virtualCell.Start.column == virtualCell.End.column && virtualCell.Start.row == virtualCell.End.row))) {
                            x2 = x + 1;
                            y2 = y + 1;
                        } else {
                            bBreak = true;
                            break;
                        }
                    }
                    if (bBreak) {
                        break;
                    }
                }
            }
            var xCount = maxX - minX + 1 - (x2 - x0);
            var yCount = maxY - minY + 1 - (y2 - y0);

            var minCell = CLExcel.Rows[minY][minX];
            if (minCell != Cell) {
                allocPos = {
                    x: allocPos.x,
                    y: allocPos.y
                }

            }
            if (iExpand == 1) {
                for (var i = 0; i < yCount; i++) {
                    vExcel.insertRow(allocPos.y);
                    for (var x = 0; x < vExcel.columnCount; x++) {
                        var vCell = vExcel.Rows[allocPos.y][x];
                        if (vCell && !vCell.oCell) {
                            var vvCell = vExcel.Rows_Cells[allocPos.y - 1][x];
                            if (vvCell) {
                                var oCell = vvCell.Cell ? vvCell.Cell : vvCell.oCell;
                                if (oCell && oCell.Prop && oCell.Prop.inherit) {
                                    vCell.oCell = oCell;
                                }
                            }
                        }
                    }
                    //行高
                    if (!CLExcel.autoRowHeight) {
                        vExcel.setRowHeight(allocPos.y, CLExcel.rowHeights[yCount - 1 - i + minY]);
                    }
                }
            } else if (iExpand == 2) {
                for (var i = 0; i < xCount; i++) {
                    vExcel.insertColumn(allocPos.x);
                    for (var y = 0; y < vExcel.rowCount; y++) {
                        var vCell = vExcel.Rows[y][allocPos.x];
                        if (vCell && !vCell.oCell) {
                            var vvCell = vExcel.Rows_Cells[y][allocPos.x - 1];
                            if (vvCell) {
                                var oCell = vvCell.Cell ? vvCell.Cell : vvCell.oCell;
                                if (oCell && oCell.Prop && oCell.Prop.inherit) {
                                    vCell.oCell = oCell;
                                }
                            }
                        }
                    }
                    //列宽
                    vExcel.setColumnWidth(allocPos.x, CLExcel.columnWidths[xCount - 1 - i + minX]);
                }
            }
            var startPos = {
                x: allocPos.x - (iExpand == 2 ? 0 : Cell.Start.column - minX),
                y: allocPos.y - (iExpand == 1 ? 0 : Cell.Start.row - minY),
            }
            function calcY(cell) {
                var keyList = [].concat(cell.virtualCell.keyList);
                for (var i = self.IndexOfId(Cell.Id, keyList) + 3 ; i < keyList.length ; i += 2) {
                    keyList[i] = 0;
                }
                return self.getAllocInfo(keyList).virtualCell.Start.row;
            }
            for (var y = minY; y < maxY + 1 ; y++) {
                for (var x = minX; x < maxX + 1 ; x++) {
                    var cell = CLExcel.Rows[y][x];
                    if (cell == null) {
                        continue;
                    }
                    var Vx = 0;
                    var Vy = 0;
                    if (cell == Cell || iExpand != Cell.iExpand) {
                        Vx = startPos.x + x - minX;
                        Vy = startPos.y + y - minY;
                    } else {
                        if (iExpand == 1) {
                            Vx = cell.virtualCell.Start.column;
                            Vy = startPos.y + y - minY;
                        }
                        if (iExpand == 2) {
                            Vx = startPos.x + x - minX;
                            Vy = cell.virtualCell.Start.row;
                            if (cell.iExpand == 1) {
                                Vy = calcY(cell);
                            }
                        }
                    }
                    var virtualCell = vExcel.Rows_Cells[Vy][Vx];
                    virtualCell.className = cell.className;
                    vExcel.mergeArea({
                        Start: {
                            row: Vy,
                            column: Vx
                        }, End: {
                            row: Vy + cell.End.row - cell.Start.row,
                            column: Vx + cell.End.column - cell.Start.column
                        }
                    });
                    cell.virtualCell = virtualCell;
                    virtualCell.Cell = cell;
                    virtualCell.oCell = cell;
                    virtualCell.vDepth = cell.vDepth;
                    virtualCell.hDepth = cell.hDepth;
                }
            }
            virtualJoin(Cell);
            if (iExpand == 1 && yCount > 0) {
                var x = Cell.virtualCell.Start.column;
                var endX = Cell.virtualCell.End.column;
                for (var y = 0; y < vExcel.rowCount; y++) {
                    var virtualCell = vExcel.Rows[y][x];
                    if (virtualCell == null || virtualCell.Cell != Cell) {
                        continue;
                    }
                    if (virtualCell.End.column > Cell.virtualCell.End.column) {
                        endX = virtualCell.End.column;
                    }
                }
                vExcel.mergeArea({
                    Start: {
                        row: Cell.virtualCell.Start.row,
                        column: Cell.virtualCell.Start.column
                    }, End: {
                        row: Cell.virtualCell.End.row,
                        column: endX
                    }
                });

                var y = allocPos.y - 1;
                for (var x = 0; x < vExcel.columnCount; x++) {
                    var virtualCell = vExcel.Rows_Cells[y][x];
                    if (virtualCell.Cell != null && (virtualCell.Cell.Prop == null || virtualCell.Cell.Prop.vElongation != false)) {
                        if (Cell.JoinCells.indexOf(virtualCell.Cell) >= 0) {
                            continue;
                        }
                        if (virtualCell.End.row > Cell.virtualCell.End.row) {
                            continue;
                        }
                        if (vExcel.Rows_Cells[Cell.virtualCell.Start.row - 1][Cell.virtualCell.Start.column].Cell != Cell) {
                            continue;
                        }
                        if ((virtualCell.Cell.vDepth === null && Cell.vDepth !== null) || (virtualCell.Cell.vDepth < Cell.vDepth)) {
                            vExcel.mergeArea({
                                Start: {
                                    row: virtualCell.Start.row,
                                    column: virtualCell.Start.column
                                }, End: {
                                    row: virtualCell.End.row + yCount,
                                    column: virtualCell.End.column
                                }
                            });
                            x += virtualCell.End.column - virtualCell.Start.column;
                        }
                    }
                }

                return yCount;
            }
            if (iExpand == 2 && xCount > 0) {
                var y = Cell.virtualCell.Start.row;
                var endY = Cell.virtualCell.End.row;
                for (var x = 0; x < vExcel.columnCount; x++) {
                    var virtualCell = vExcel.Rows[y][x];
                    if (virtualCell == null || virtualCell.Cell != Cell) {
                        continue;
                    }
                    if (virtualCell.End.row > Cell.virtualCell.End.row) {
                        endY = virtualCell.End.row;
                    }
                }
                vExcel.mergeArea({
                    Start: {
                        row: Cell.virtualCell.Start.row,
                        column: Cell.virtualCell.Start.column
                    }, End: {
                        row: endY,
                        column: Cell.virtualCell.End.column
                    }
                });
                var x = allocPos.x - 1;
                for (var y = 0; y < vExcel.rowCount; y++) {
                    var virtualCell = vExcel.Rows_Cells[y][x];
                    if (virtualCell.Cell != null && (virtualCell.Cell.Prop == null || virtualCell.Cell.Prop.hElongation != false)) {
                        if (Cell.JoinCells.indexOf(virtualCell.Cell) >= 0) {
                            continue;
                        }
                        if (virtualCell.End.column > Cell.virtualCell.End.column) {
                            continue;
                        }
                        if (vExcel.Rows_Cells[Cell.virtualCell.Start.row][Cell.virtualCell.Start.column - 1].Cell != Cell) {
                            continue;
                        }
                        if ((virtualCell.hDepth === null && Cell.hDepth !== null) || (virtualCell.hDepth < Cell.hDepth)) {
                            vExcel.mergeArea({
                                Start: {
                                    row: virtualCell.Start.row,
                                    column: virtualCell.Start.column
                                }, End: {
                                    row: virtualCell.End.row,
                                    column: virtualCell.End.column + xCount
                                }
                            });
                        }
                        y += virtualCell.End.row - virtualCell.Start.row;
                    }
                }
                return xCount;
            }
        }
    }
    //计算数据
    fn.TranslateFields = function () {
        var self = this;
        self.AllocInfos = {};
        self.currentKeyList = [];
        var FromY = 0;
        self.currentPos = {
            row: 0,
            column: 0
        }
        var bBreak = false;
        var CLExcel = self.CLExcel;
        var currentPos = {
            x: 0,
            y: 0
        };
        self.OffsetPos = {
            x: 0,
            y: 0
        }
        var index = 0;
        self.VirtualExcel = new VirtualExcel(CLClone(CLExcel.dataExcel));
        self.VirtualExcel.ExcelCalculator = self;
        self.Alloc();
        while (true) {
            var Cell = CLExcel.Rows[currentPos.y][currentPos.x];
            if (Cell != null) {
                var topParent = Cell.topParent;
                var leftParent = Cell.leftParent;
                if (topParent == null && leftParent == null && Cell.isTranslated != true) {
                    self.currentKeyList = [];
                    self.TranslateField(Cell, null, null, true);
                }
                currentPos.x += Cell.End.column - Cell.Start.column + 1;
            } else {
                currentPos.x++;
            }
            if (currentPos.x >= CLExcel.columnCount) {
                currentPos.y++;
                currentPos.x = 0;
            }
            if (currentPos.y >= CLExcel.rowCount) {
                break;
            }
        }
        self.currentCell = null;
    }

    fn.CalcCellDataInfo = function (Cell, KeyList) {
        var self = this;
        KeyList = [].concat(KeyList);
        var Id = KeyList[KeyList.length - 2];
        var dataInfo;
        var sourceId;
        var Sort = "默认";
        if (Cell.Prop && Cell.Prop.Sort) {
            Sort = Cell.Prop.Sort;
        }
        if (Id != null) {
            var cell = self.Id_Cells[Id];
            if (Cell && Cell.Val && Cell.Val.Field && Cell.Val.Field.SourceID) {
                sourceId = Cell.Val.Field.SourceID;
            }
            var Keys = [].concat(KeyList);
            Keys.splice(KeyList.length - 2, 2);
            while (sourceId && cell && cell.Val && cell.Val.Field && cell.Val.Field.SourceID != sourceId) {
                Id = Keys[Keys.length - 2];
                if (Id == null) {
                    break;
                }
                Keys.splice(Keys.length - 2, 2);
                cell = self.Id_Cells[Id];
            }
            dataInfo = self.GetCellDataInfo(cell, Keys);
        }
        if (Cell.Val != null && Cell.Val.type == "Ctrl" && Cell.Val.Ctrl.className == "图表" && Cell.Val.Ctrl.SourceType == "单元格数据") {
            var Dimensions = Cell.Val.Ctrl.Dimensions;
            var Pointers = Cell.Val.Ctrl.Pointers;
            var DimCell_1, DimCell_2;
            function func(Id) {
                var XY = Id.split(",");
                return self.Id_Cells[XY[0] * 1 + XY[1] * self.CLExcel.columnCount];
            }
            var pointerCell_0;
            if (Dimensions[0] != null) {
                DimCell_1 = func(Dimensions[0].ID);
            }
            if (Dimensions[1] != null) {
                DimCell_2 = func(Dimensions[1].ID);
            }
            if (Pointers[0] != null) {
                pointerCell_0 = func(Pointers[0].ID);
            }
            var dataList = [];
            if (Dimensions.length != 0 && Pointers.length != 0) {
                var DCells = [];
                var PCells = [];
                for (var i = 0; i < Dimensions.length; i++) {
                    var ID = Dimensions[i].ID;
                    DCells.push({
                        Id: ID,
                        Cell: func(ID)
                    });
                }
                for (var i = 0; i < Pointers.length; i++) {
                    var ID = Pointers[i].ID;
                    PCells.push({
                        Id: ID,
                        Cell: func(ID)
                    });
                }
                var Query = Cell.Val.Ctrl.Query;
                if (!!Query) {
                    var FQuery = Cell.Val.Ctrl.FQuery;
                    if (!FQuery) {
                        FQuery = Cell.Val.Ctrl.FQuery = self.Compile(Query, "【" + NameCell(Cell) + "】(数据获取)");
                    }
                    dataList = FQuery();
                } else {
                    dataList = self.ToTable(DCells, PCells, Cell);
                }
            }
            return {
                dataList: dataList,
                valueList: []
            }
        } else if (Cell.Val != null && Cell.Val.type == "Code") {
            var dataList = [];
            if (!Cell.Val.Code.FuncRunCode) {
                Cell.Val.Code.FuncRunCode = self.Compile(Cell.Val.Code.runCode, "【" + NameCell(Cell) + "】(公式)");
            }
            var olist = Cell.currentKeyList;
            Cell.currentKeyList = [].concat(KeyList);
            Cell.currentKeyList.push(Cell.Id);
            var valueList = self.runCode(Cell.Val.Code.FuncRunCode, Cell);
            Cell.currentKeyList = olist;
            if (valueList == null || !Array.isArray(valueList)) {
                valueList = [valueList];
            }
            if (Sort == "1") {
                //升序
                CLQuickSort(valueList, function (e1, e2) {
                    if (e1 == null && e2 == null) {
                        return 0;
                    }
                    if (e1 != null && e2 == null) {
                        return 1;
                    }
                    if (e1 == null && e1 != null) {
                        return -1;
                    }
                    if (e1.toFixed && e2.toFixed) {
                        return e1 - e2;
                    } else {
                        return CLStrCmp(e1, e2);
                    }
                });
            }
            else if (Sort == "2") {
                //降序
                CLQuickSort(valueList, function (e1, e2) {
                    if (e1 == null && e2 == null) {
                        return 0;
                    }
                    if (e1 != null && e2 == null) {
                        return -1;
                    }
                    if (e1 == null && e1 != null) {
                        return 1;
                    }
                    if (e1.toFixed && e2.toFixed) {
                        return e2 - e1;
                    } else {
                        return CLStrCmp(e2, e1);
                    }
                });
            }
            return {
                dataList: dataList,
                valueList: valueList
            }
        } else {
            var dataList = self.ExecuteConditions(Cell, KeyList, dataInfo);
            var valueList = null;
            if (Cell.Val != null && Cell.Val.type == "Field") {
                var FieldId = Cell.Val.Field.ID;
                var collectType = Cell.Val.collectType;
                if (!collectType || collectType == "列表" || collectType == "分组") {
                    if (Sort == "1") {
                        CLQuickSort(dataList, function (d1, d2) {
                            var e1 = d1[FieldId];
                            var e2 = d2[FieldId];
                            if (e1 == null && e2 == null) {
                                return 0;
                            }
                            if (e1 != null && e2 == null) {
                                return 1;
                            }
                            if (e1 == null && e1 != null) {
                                return -1;
                            }
                            if (e1.toFixed && e2.toFixed) {
                                return e1 - e2;
                            } else {
                                return CLStrCmp(e1, e2);
                            }
                        });
                        console.log(dataList);
                    }
                    if (Sort == "2") {
                        CLQuickSort(dataList, function (d1, d2) {
                            var e1 = d1[FieldId];
                            var e2 = d2[FieldId];
                            if (e1 == null && e2 == null) {
                                return 0;
                            }
                            if (e1 != null && e2 == null) {
                                return -1;
                            }
                            if (e1 == null && e1 != null) {
                                return 1;
                            }
                            if (e1.toFixed && e2.toFixed) {
                                return e2 - e1;
                            } else {
                                return CLStrCmp(e2, e1);
                            }
                        });
                        console.log(dataList);
                    }
                }
                valueList = self.CollectField(Cell, dataList);
            }
            return {
                dataList: dataList,
                valueList: valueList
            }
        }
    }

    fn.GetCellDataInfo = function (Cell, KeyList) {
        var self = this;
        var CellKeyList = [].concat(KeyList);
        CellKeyList.push(Cell.Id);
        var dataInfo = self.getDataInfo(CellKeyList);
        if (dataInfo == null) {
            dataInfo = self.CalcCellDataInfo(Cell, KeyList);
            self.setDataInfo(CellKeyList, dataInfo);
            return dataInfo;
        } else {
            return dataInfo;
        }
    }
    //计算一个字段
    fn.TranslateField = function (Cell, lParent, tParent, elsePos) {
        var self = this;
        var leftParent = Cell.leftParent;
        var topParent = Cell.topParent;
        var virtualExcel = self.VirtualExcel;
        if (lParent == leftParent && topParent == tParent) {
            var tempKeyList = [].concat(self.currentKeyList);
            while (tempKeyList.length > 1 && self.getCells(self.Id_Cells[tempKeyList[0]]).indexOf(Cell) < 0) {
                tempKeyList.splice(0, 2);
            }
            var newPos;
            if (lParent == null && tParent == null) {
                if (self.currentKeyList.length != 0) {
                    var bFlag = true;
                    for (var i = 0; i < self.currentKeyList.length; i += 2) {
                        var tempCell = self.Id_Cells[self.currentKeyList[i]];
                        if (tempCell.topParent != null || tempCell.letfParent != null) {
                            if (tempCell.vIndex != 0) {
                                bFlag = false;
                                break;
                            }
                        }
                    }
                    var Info = self.getAllocInfo(self.currentKeyList);
                    if (Info != null && Info.virtualCell != null && bFlag) {
                        var Lx = Cell.Start.column - Info.virtualCell.Cell.Start.column;
                        var Ly = Cell.Start.row - Info.virtualCell.Cell.Start.row;
                        newPos = {
                            x: Info.virtualCell.End.column + Lx,
                            y: Info.virtualCell.End.row + Ly,
                            oCell: Info.virtualCell.Cell,
                            iExpand: Info.virtualCell.Cell.iExpand
                        };
                    }
                }
            }
            self.currentKeyList.push(Cell.Id);
            var bHas = false;
            var sError;
            for (var i = 0; i < tempKeyList.length; i += 2) {
                if (tempKeyList[i] == Cell.Id) {
                    bHas = true;
                    sError = "单元格发生死循环:";
                }
                if (bHas) {
                    var errCell = self.Id_Cells[tempKeyList[i]];
                    sError += self.CLExcel.getColumnName(errCell.Start.column) + (errCell.Start.row + 1) + ",";
                }
            }
            if (bHas) {
                sError.slice(sError.length - 1);
                throw sError;
            }
            Cell.currentKeyList = [].concat(tempKeyList);
            Cell.currentKeyList.push(Cell.Id);
            var dataInfo = self.GetCellDataInfo(Cell, tempKeyList);
            tempKeyList.push(Cell.Id);
            Cell.valueList = dataInfo.valueList;
            Cell.dataList = dataInfo.dataList;
            if (Cell.valueList != null) {
                Cell.hasValue = true;
            }

            var valueList = Cell.valueList;

            function getAllocArea(Cell) {
                var Cells = self.getCells(Cell);
                var Start = {
                    x: 0x7fffffff,
                    y: 0x7fffffff
                }
                var End = {
                    x: 0,
                    y: 0
                }
                var startCell = Cell;
                for (var i = 0; i < Cells.length; i++) {
                    var tempKeyList = Cells[i].currentKeyList;
                    var virtualCell;
                    if (Cells[i] != Cell && tempKeyList != null && Cells[i].vIndex != null) {
                        tempKeyList.push(Cells[i].vIndex);
                        var Info = self.getAllocInfo(tempKeyList);
                        virtualCell = Info.virtualCell;
                        tempKeyList.pop();
                    } else {
                        virtualCell = Cells[i].virtualCell;
                    }
                    if (Start.x > virtualCell.Start.column) {
                        Start.x = virtualCell.Start.column;
                        startCell = Cells[i];
                    }
                    if (Start.y > virtualCell.Start.row) {
                        Start.y = virtualCell.Start.row;
                        startCell = Cells[i];
                    }
                    End.x = End.x > virtualCell.End.column ? End.x : virtualCell.End.column;
                    End.y = End.y > virtualCell.End.row ? End.y : virtualCell.End.row;
                }
                var Info = {
                    Start: Start,
                    End: End,
                    startCell: startCell
                }
                return Info;
            }

            if (valueList == null) {
                valueList = [null];
            }
            if (valueList.length == 0) {
                valueList.push(null);
            }
            if (Cell.iExpand == 0 && valueList.length > 1) {
                valueList = [valueList.toString()];
            }
            var oldVirtualCell = Cell.virtualCell;
            var firstPos = {
                x: oldVirtualCell.Start.column,
                y: oldVirtualCell.Start.row
            }
            var lineY = 0;
            for (var i = 0; i < valueList.length; i++) {
                self.currentKeyList.push(i);
                tempKeyList.push(i);
                Cell.vIndex = i;
                var allocInfo = self.getAllocInfo(tempKeyList);
                if (allocInfo == null || allocInfo.virtualCell == null) {
                    var allocPos = {
                        x: Cell.virtualCell.Start.column,
                        y: Cell.virtualCell.Start.row
                    }
                    if (i != 0) {
                        var Area = getAllocArea(Cell);
                        lineY = Area.End.y > lineY ? Area.End.y : lineY;
                        if (Cell.iExpand == 1) {
                            allocPos.y = Area.End.y + 1;
                        } else {
                            allocPos.x = Area.End.x + 1;
                        }
                        if (Cell.Prop != null && Cell.Prop.lineFeedInfo != null && Cell.iExpand == 2) {
                            //固定列数
                            if (Cell.Prop.lineFeedInfo.Count != null && i % Cell.Prop.lineFeedInfo.Count == 0) {
                                allocPos.x = firstPos.x;
                                allocPos.y = lineY + 1;
                                self.Alloc(Cell, allocPos, 1);
                                self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                                br = true;
                            } else {
                                self.Alloc(Cell, allocPos, Cell.iExpand);
                                self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                            }
                        } else {
                            self.Alloc(Cell, allocPos, Cell.iExpand);
                            self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                        }
                    } else if (Cell.iExpand != 0 || lParent != null || tParent != null) {
                        if (elsePos != null) {
                            if (elsePos.x > allocPos.x) {
                                allocPos.x = elsePos.x;
                            }
                            if (elsePos.y > allocPos.y) {
                                allocPos.y = elsePos.y;
                            }
                            if (Cell.virtualCell.Start.row != allocPos.y || Cell.virtualCell.Start.column != allocPos.x) {
                                self.Alloc(Cell, allocPos, Cell.iExpand);
                                self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                            } else {
                                self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                            }
                        } else if (newPos != null) {
                            if (newPos.iExpand != Cell.iExpand) {
                                if (newPos.iExpand == 1) {
                                    allocPos.x = newPos.x;
                                } else {
                                    allocPos.y = newPos.y;
                                }
                            } else {
                                if (newPos.iExpand == 1) {
                                    allocPos.y = newPos.y;
                                    if (newPos.x != Cell.firstVirtualCell.Start.column || newPos.y != Cell.firstVirtualCell.Start.row) {
                                        var allocArea = getAllocArea(newPos.oCell);
                                        for (var n = newPos.y - allocArea.Start.y ; n < 0; n++) {
                                            virtualExcel.insertRow(allocArea.Start.y);
                                            allocPos.y++;
                                        }
                                    }
                                } else {
                                    allocPos.x = newPos.x;
                                    if (newPos.x != Cell.firstVirtualCell.Start.column || newPos.y != Cell.firstVirtualCell.Start.row) {
                                        var allocArea = getAllocArea(newPos.oCell);
                                        for (var n = newPos.x - allocArea.Start.x ; n < 0; n++) {
                                            virtualExcel.insertColumn(allocArea.Start.x);
                                            allocPos.x++;
                                        }
                                    }
                                }
                            }
                            self.Alloc(Cell, allocPos, Cell.iExpand);
                            self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                        } else {
                            self.Alloc(Cell, allocPos, Cell.iExpand);
                            self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                        }
                    } else {
                        self.setAllocInfo(tempKeyList, { virtualCell: Cell.virtualCell });
                    }
                } else {
                    //重新分配子格虚拟格
                    Cell.virtualCell = allocInfo.virtualCell
                    if (Cell.virtualCell.JoinCells != null) {
                        for (var key in Cell.virtualCell.JoinCells) {
                            Cell.virtualCell.JoinCells[key].Cell.virtualCell = Cell.virtualCell.JoinCells[key];
                        }
                    }
                }
                if (Cell.virtualCell.Val === undefined) {
                    if (Cell.hasValue == true) {
                        Val = {
                            type: "text",
                            text: valueList[i]
                        }
                    } else {
                        Val = Cell.virtualCell.Cell.Val;
                    }
                    virtualExcel.writeVal(Cell.virtualCell, Val);
                    //计算智能点击继承的格子
                    if (Cell.Prop && Cell.Prop.clickInherit) {
                        var clickInherit = Cell.Prop.clickInherit;
                        var _row = self.CLExcel.Rows_Cells[clickInherit.row];
                        Cell.virtualCell.virtualClickCell = _row[clickInherit.column] && _row[clickInherit.column].virtualCell;
                    }
                    if (lParent != null && tParent != null) {
                        if (oldVirtualCell.Start.column == Cell.virtualCell.Start.column && oldVirtualCell.Start.row != Cell.virtualCell.Start.row) {
                            virtualExcel.mergeArea({
                                Start: {
                                    row: Cell.virtualCell.Start.row,
                                    column: Cell.virtualCell.Start.column
                                }, End: {
                                    row: Cell.virtualCell.End.row,
                                    column: oldVirtualCell.End.column
                                }
                            });
                        } else if (oldVirtualCell.Start.row == Cell.virtualCell.Start.row && oldVirtualCell.Start.column != Cell.virtualCell.Start.column) {
                            virtualExcel.mergeArea({
                                Start: {
                                    row: Cell.virtualCell.Start.row,
                                    column: Cell.virtualCell.Start.column
                                }, End: {
                                    row: oldVirtualCell.End.row,
                                    column: Cell.virtualCell.End.column
                                }
                            });
                        }
                    }
                }
                if (Cell.Val != null && Cell.Val.type == "Ctrl") {
                    Cell.virtualCell.dataList = Cell.dataList;
                }
                var childCells = Cell.childCells;
                if (childCells != null) {
                    for (var j = 0; j < childCells.length; j++) {
                        var childCell = childCells[j];
                        if (childCell.continue == true) {
                            continue;
                        }
                        if (childCell.leftParent == Cell) {
                            var currentKeyList = [].concat(self.currentKeyList);
                            var tIndex = childCell.topParent == null ? -1 : self.IndexOfId(childCell.topParent.Id, self.currentKeyList);
                            if (childCell.tParent == null && tIndex >= 0) {
                                childCell.tParent = childCell.topParent;
                                var lIndex = self.IndexOfId(Cell.currentKeyList[0], self.currentKeyList);
                                self.currentKeyList.splice(tIndex + 2, lIndex - tIndex - 2);
                            }
                            if (childCell.tParent != null || childCell.topParent == null) {
                                if (childCell.topParent != null && self.IndexOfId(childCell.topParent.Id, self.currentKeyList) < 0) {
                                    delete childCell.tParent;
                                    self.currentKeyList = currentKeyList;
                                    continue;
                                }
                                var elseChildPos = null;
                                if (childCell.tParent != null) {
                                    var JoinCells = childCell.tParent.virtualCell.JoinCells;
                                    if (JoinCells) {
                                        var elseVCell = JoinCells[childCell.Id];
                                        elseChildPos = {
                                            x: elseVCell.Start.column,
                                            y: elseVCell.Start.row
                                        }
                                    }
                                }
                                self.TranslateField(childCell, Cell, childCell.tParent, elseChildPos);
                                delete childCell.tParent;
                            } else if (self.currentKeyList[0] == Cell.currentKeyList[0]) {
                                var currentCell = self.currentCell;
                                self.currentCell = childCell;
                                childCell.lParent = Cell;
                                for (var k = 0; k < childCells.length; k++) {
                                    if (k != j) {
                                        childCells[k].continue = true;
                                    }
                                }
                                self.TranslateField(childCell, Cell, null);
                                self.currentCell = currentCell;
                                for (var k = 0; k < childCells.length; k++) {
                                    delete childCells[k].continue;
                                }
                            }
                            self.currentKeyList = currentKeyList;
                        } else if (childCell.topParent == Cell) {
                            var currentKeyList = [].concat(self.currentKeyList);
                            var lIndex = childCell.leftParent == null ? -1 : self.IndexOfId(childCell.leftParent.Id, self.currentKeyList);
                            if (childCell.lParent == null && lIndex >= 0) {
                                childCell.lParent = childCell.leftParent;
                                var tIndex = self.IndexOfId(Cell.currentKeyList[0], self.currentKeyList);
                                self.currentKeyList.splice(lIndex + 2, tIndex - lIndex - 2);
                            }
                            if (childCell.lParent != null || childCell.leftParent == null) {
                                if (childCell.leftParent != null && self.IndexOfId(childCell.leftParent.Id, self.currentKeyList) < 0) {
                                    self.currentKeyList = currentKeyList;
                                    delete childCell.lParent;
                                    continue;
                                }
                                var elseChildPos = null;
                                if (childCell.lParent != null) {
                                    var JoinCells = childCell.lParent.virtualCell.JoinCells;
                                    if (JoinCells != null) {
                                        var elseVCell = JoinCells[childCell.Id];
                                        elseChildPos = {
                                            x: elseVCell.Start.column,
                                            y: elseVCell.Start.row
                                        }
                                    }
                                }
                                self.TranslateField(childCell, childCell.lParent, Cell, elseChildPos);
                                delete childCell.lParent;
                            } else if (self.currentKeyList[0] == Cell.currentKeyList[0]) {
                                var currentCell = self.currentCell;
                                self.currentCell = childCell;
                                childCell.tParent = Cell;
                                for (var k = 0; k < childCells.length; k++) {
                                    if (k != j) {
                                        childCells[k].continue = true;
                                    }
                                }
                                self.TranslateField(childCell, null, Cell);
                                self.currentCell = currentCell;
                                for (var k = 0; k < childCells.length; k++) {
                                    delete childCells[k].continue;
                                }
                            }
                            self.currentKeyList = currentKeyList;
                        }
                    }
                }
                tempKeyList.pop();
                self.currentKeyList.pop();
            }
            Cell.isTranslated = true;
            self.currentKeyList.pop();
        } else if (lParent != leftParent && tParent != topParent) {
            if (leftParent.Id < topParent.Id) {
                self.TranslateField(leftParent, null, null);
            } else {
                self.TranslateField(topParent, null, null);
            }
        }
        else if (lParent != leftParent) {
            self.TranslateField(leftParent, null, null);
        } else if (tParent != topParent) {
            self.TranslateField(topParent, null, null);
        }
    }

    fn.TranslateCtrl = function (Ctrl, dataList) {

    }

    fn.Render = function (CLExcel_, Ctrls) {
        var self = this;
        self.CLExcel_ = CLExcel_;
        self.VirtualExcel.dataExcel = self.Excel;
        self.VirtualExcel.dataExcel.LockX = self.dataExcel.LockX;
        self.VirtualExcel.dataExcel.LockY = self.dataExcel.LockY;
        self.VirtualExcel.TranslateCtrl = self.TranslateCtrl;
        var CssSheet = self.VirtualExcel.CssSheet = self.CLExcel.CssSheet;
        if (Ctrls == null) {
            Ctrls = DefCtrls;
        }
        self.Ctrls = Ctrls;
        var styleSheet = self.dataExcel.styleSheet;
        if (!CLExcel_.Scope) {
            CLExcel_.Ele.classList.add("Scope_" + CLMakeId());
        }
        if (styleSheet) {
            var style = document.createElement("style");
            style.innerHTML = CLCompileSheet(styleSheet.Sheet, "." + CLExcel_.Scope);
            CLExcel_.Ele.appendChild(style);
        }
        if (self.dataExcel.hFull) {
            self.VirtualExcel.hFull = true;
        }
        for (var key in CssSheet) {
            CssSheet[key] = "." + CLExcel_.Scope + " " + CssSheet[key];
        }
        self.VirtualExcel.ExcelCalculator = self;
        self.VirtualExcel.width = self.width;
        self.VirtualExcel.Render(CLExcel_, Ctrls);
        return self.VirtualExcel;
    }

    fn.GetFields = function () {
        var self = this;
        var Rows = self.CLExcel.Rows;
        var Rows_Cells = self.CLExcel.Rows_Cells;
        var Fields = [];
        var Index = -1;
        for (var i = 0; i < Rows.length; i++) {
            for (var j = 0; j < Rows[i].length; j++) {
                if (Rows[i][j] == null || Rows[i][j].Val == null) {
                    break;
                }
                if (Rows[i][j].Val.type == "text") {
                    Fields.push({
                        ID: new CLBase64().encode(Rows[i][j].Val.text),
                        Name: Rows[i][j].Val.text,
                        className: Rows_Cells[i + 1] == null || Rows_Cells[i + 1][j] == null || Rows_Cells[i + 1][j].Val == null || Rows_Cells[i + 1][j].Val.type != "Field" ? "单行文本" : Rows_Cells[i + 1][j].Val.Field.className
                    });
                } else {
                    break;
                }
            }
            if (Fields.length == Rows[i].length) {
                Index = i;
                break;
            } else {
                Fields = [];
            }
        }
        Fields.Index = Index;
        return Fields;
    }

    fn.QueryData = function () {
        var self = this;
        var Fields = self.GetFields();
        if (Fields.Index == -1) {
            return [];
        } else {
            var Rows_Cells = self.VirtualExcel.Rows_Cells;
            var data = [];
            for (var i = Fields.Index + 1; i < Rows_Cells.length; i++) {
                var line = {};
                for (var j = 0; j < Fields.length; j++) {
                    line[Fields[j].ID] = Rows_Cells[i][j].Val.text;
                    if (line[Fields[j].ID] == null) {
                        line[Fields[j].ID] = null;
                    }
                }
                data.push(line);
            }
            return data;
        }
    }

    window.VirtualExcel = function VirtualExcel() {
        JsTable.apply(this, arguments);
    }

    var fn = VirtualExcel.prototype = Object.create(JsTable.prototype);

    fn.ExcelCalculator = null;

    fn.createCell = function () {
        var self = this;
        var fn = this.__proto__.__proto__;
        var cell = fn.createCell.call(this);
        cell.className = "CLCell";
        Object.defineProperty(cell, "Tag", {
            get: function () {
                return self.GetTd(cell);
            },
        });
        return cell;
    }

    fn.createRow = function () {
        var self = this;
        var fn = this.__proto__.__proto__;
        var row = fn.createRow.call(this);
        Object.defineProperty(row, "Tag", {
            get: function () {
                if (self.CLExcel == null) {
                    return null;
                } else {
                    return self.getLine(self.Rows.indexOf(row));
                }
            },
        });
        return row;
    }
    //设置数据
    fn.set_dataExcel = function (dataExcel) {
        var self = this;
        var rowCount = dataExcel.lastRow;
        var columnCount = dataExcel.lastColumn;
        var showCellVal = dataExcel.showCellVal;
        var cellClassNames = dataExcel.cellClassNames;
        var cellProp = dataExcel.cellProp;
        var columnWidth = dataExcel.columnWidth;
        var rowHeight = dataExcel.rowHeight;
        var mergeArea = dataExcel.mergeArea;
        self.dataExcel = dataExcel;
        for (var x = 0; x < rowCount; x++) {
            self.addRow();
        }
        for (var x = 0; x < columnCount; x++) {
            self.addColumn();
        }
        //////////////////////////////////////////
        for (var i = 0; i < mergeArea.length; i++) {
            self.mergeArea(mergeArea[i]);
        }
        for (var i = 0; i < showCellVal.length; i++) {
            self.showCellVal(self.Rows_Cells[showCellVal[i].row][showCellVal[i].column], showCellVal[i].Val);
        }
        for (var i = 0; i < cellClassNames.length; i++) {
            self.Rows_Cells[cellClassNames[i].row][cellClassNames[i].column].className = cellClassNames[i].className;
        }
        for (var i = 0; i < cellProp.length; i++) {
            self.setCellProp(self.Rows_Cells[cellProp[i].row][cellProp[i].column], cellProp[i].Prop);
        }
        for (var i = 0; i < columnWidth.length; i++) {
            self.setColumnWidth(columnWidth[i].column, columnWidth[i].width);
        }
        for (var i = 0; i < rowHeight.length; i++) {
            self.setRowHeight(rowHeight[i].row, rowHeight[i].height);
        }
        //////////////////////////////////////////
    }
    //写入值
    fn.writeVal = function (virtualCell, Val) {
        var self = this;
        var Cell = virtualCell.Cell;
        var Val = Val != null && Val == Cell.Val ? CLClone(Val) : Val;
        virtualCell.oVal = Val == null ? null : Val.text;
        if (Cell.valueList && Cell.dataList && Cell.valueList.length == Cell.dataList.length) {
            virtualCell.dataLine = Cell.dataList[Cell.vIndex];
        }
        var HCapture;
        var CusCapture;
        if (Cell.Val != null && Cell.Val.Field) {
            if (Cell.Val.Field.className == "数字" && Val.text != null) {
                Val.text = (Val.text * 1).toStringEx(CLGetFormat(Cell.Val.dataFormat));
            }
            if (Cell.Val.Field.className == "时间日期" || Cell.Val.Field.className == "提交时间" || Cell.Val.Field.className == "更新时间") {
                var format = "YYYY-MM-dd";
                if (Cell.Val.dataFormat && Cell.Val.dataFormat.format) {
                    format = Cell.Val.dataFormat.format;
                }
                if (Val && Val.text != null && Val.text.trim && Val.text.trim().length != 0) {
                    Val.text = Date.Parse(Val.text).Format(format);
                }
            }
        }
        if (Cell.Val != null && Cell.Val.cusFormat != null) {
            Cell.Val.cusFormat.runCode.trim();
            if (Cell.Val.cusFormat.runCode.length != 0) {
                if (!Cell.CusFunc) {
                    Cell.CusFunc = self.ExcelCalculator.Compile(Cell.Val.cusFormat.runCode, "【" + NameCell(Cell) + "】(自定义显示)");
                }
                Val.text = self.ExcelCalculator.runCode(Cell.CusFunc, Cell);
                if (!Cell.CusCapture) {
                    Cell.CusCapture = self.ParseCapture(Cell.Val.cusFormat.runCode, Cell);
                }
                CusCapture = Cell.CusCapture;
            }
        }
        if (Cell && Cell.Prop && Cell.Prop.DynamicStyle && !!Cell.Prop.DynamicStyle.runCode) {
            if (!Cell.DynamicFunc) {
                Cell.DynamicFunc = self.ExcelCalculator.Compile(Cell.Prop.DynamicStyle.runCode, "【" + NameCell(Cell) + "】(动态样式)");
            }
            var DStyle = self.ExcelCalculator.runCode(Cell.DynamicFunc, Cell);
            var cssText = virtualCell.style.cssText || "";
            if (typeof DStyle == "string") {
                virtualCell.style.cssText = cssText + ";" + DStyle;
            } else if (DStyle) {
                if (DStyle.style) {
                    virtualCell.style.cssText = cssText + ";" + DStyle.style;
                }
                if (DStyle.className) {
                    virtualCell.className = virtualCell.className + " " + DStyle.className;
                }
            }
        }
        if (Cell.Val != null && Cell.Val.href != null) {
            Cell.Val.href.runCode.trim();
            if (Cell.Val.href.runCode.length != 0) {
                if (!Cell.HrefFunc) {
                    Cell.HrefFunc = self.ExcelCalculator.Compile(Cell.Val.href.runCode, "【" + NameCell(Cell) + "】(超链)");
                }
                var href = self.ExcelCalculator.runCode(Cell.HrefFunc, Cell);
                if (href) {
                    if (href.constructor == {}.constructor) {
                        var a = "<a href='" + href.href + "'";
                        if (href.target == '_blank') {
                            a += " target='_blank' ";
                        }
                        if (href.download != null) {
                            a += " download='" + href.download + "'";
                        }
                        a += ">" + Val.text + "</a>";
                        Val.text = a;
                    } else {
                        Val.text = "<a href='" + href + "'>" + Val.text + "</a>";
                    }
                    virtualCell.href = href;
                } else {
                    Val.text = "<a>" + Val.text + "</a>";
                }
                if (!Cell.HCapture) {
                    Cell.HCapture = self.ParseCapture(Cell.Val.href.runCode, Cell);
                }
                HCapture = Cell.HCapture;
            }
        }
        virtualCell.Val = Val == null ? null : Val;
        var Capture = [];
        if (Cell.Val != null && Cell.Val.type == "Code") {
            if (!Cell.VCapture) {
                Cell.VCapture = self.ParseCapture(Cell.Val.Code.runCode, Cell);
            }
            Capture = self.ExcelCalculator.runCode('[' + Cell.VCapture + ']', Cell);
        }
        if (HCapture && HCapture.length != 0) {
            Capture.CLConcat(self.ExcelCalculator.runCode('[' + HCapture + ']', Cell));
        }
        if (CusCapture && CusCapture.length != 0) {
            Capture.CLConcat(self.ExcelCalculator.runCode('[' + CusCapture + ']', Cell));

        }
        if (Capture.length != 0) {
            if (!virtualCell.Capture) {
                virtualCell.Capture = function () {
                    self.SetCellValue(this);
                }
            }
            self.ExcelCalculator.autoEvent(virtualCell, Capture, virtualCell.Capture);
        }
    }

    fn.CalcColumns = function (width, force) {
        var self = this;
        var w = 0;
        if (self.DragWidths && self.DragWidths.length != self.columnCount) {
            self.DragWidths = null;
        }
        if (self.DragWidths) {
            var columnWidths = [];
            var Widths = self.DragWidths;
            for (var i = 0; i < Widths.length; i++) {
                if (Widths[i] == null) {
                    columnWidths.push("100px");
                } else {
                    columnWidths.push(Widths[i] + "px");
                }
            }
            return columnWidths;
        } else {
            if (self.hFull) {
                var columnWidths = CLClone(self.columnWidths);
                for (var i = 0; i < columnWidths.length; i++) {
                    if (columnWidths[i] == null || columnWidths[i].length == 0) {
                        w += 100;
                    } else {
                        w += columnWidths[i];
                    }
                }
                var scale = width / w;
                for (var i = 0; i < columnWidths.length; i++) {
                    var dbw;
                    var iw;
                    if (columnWidths[i] == null || columnWidths[i].length == 0) {
                        dbw = 100 * scale;
                    } else {
                        dbw = columnWidths[i] * scale;
                    }
                    columnWidths[i] = dbw + "px";
                }
                return columnWidths;
            } else {
                var selfWidths = [];
                var columnWidths = [];
                for (var i = 0; i < self.columnWidths.length; i++) {
                    if (self.columnWidths[i] == null || self.columnWidths[i].length == 0) {
                        columnWidths.push("100px");
                        selfWidths[i] = 100;
                    } else {
                        selfWidths[i] = self.columnWidths[i];
                        columnWidths.push(self.columnWidths[i] + "px");
                    }
                }
                self.columnWidths = selfWidths;
                return columnWidths;
            }
        }
    }

    var lBorder = [0, 0, 1, 2, 2];

    var rBorder = [0, 1, 1, 2, 2];

    if (navigator.userAgent.indexOf("Firefox") > 0) {
        lBorder[1] = 1;
    }

    fn.Render = function (CLExcel_, Ctrls, bFlag) {
        var self = this;
        CLExcel_.setData({
            lastRow: 0,
            lastColumn: 0,
            commands: [],
            autoRowHeight: self.dataExcel == null ? true : self.dataExcel.autoRowHeight,
            SuspensionImgs: self.dataExcel == null ? true : self.dataExcel.SuspensionImgs,
            mergeArea: [],
            showCellVal: [],
            cellClassNames: [],
            cellProp: [],
            columnWidth: [],
            rowHeight: [],
            PrintServerIp: self.dataExcel == null || (!IsMobile() && self.dataExcel.usePrintServerOnlyMobile) ? null : self.dataExcel.PrintServerIp,
            pageInfo: self.dataExcel == null ? null : self.dataExcel.pageInfo
        });
        var dataExcel = self.dataExcel;
        var fixedBorder = self.ExcelCalculator.dataExcel.fixedBorder;
        var strTop = "";
        var strLeft = "";
        var strMain = "";
        var ctrlList = [];
        var pictureList = [];
        var signList = [];
        var lWidth = 0, tWidth = 0, rWidth = 0, bWidth = 0;
        var lColor = "#000", tColor = "#000", rColor = "#000", bColor = "#000";
        var lStyle = "solid", tStyle = "solid", rStyle = "solid", bStyle = "solid";
        var LockX = self.dataExcel.LockX;
        var LockY = self.dataExcel.LockOffset;
        LockY = self.dataExcel.LockY == null ? LockY : self.dataExcel.LockY;
        if (LockX == null) {
            LockX = -1;
        }
        if (LockY == null) {
            LockY = -1;
        }
        var hasDrag = false;

        if (self.rowCount * self.columnCount > 10000) {
            CLShowMsg("单元格数量已超过10000,请分页显示");
        }
        function func(className, name) {
            var o = {};
            var index = className.indexOf("border-style-" + name);
            if (index > 0) {
                index += 13 + name.length + 1;
                var iPos = className.indexOf(' ', index);
                if (iPos > 0) {
                    return style = className.substr(index, iPos - index);
                } else {
                    return style = className.substr(index);
                }
            }
        }
        for (var y = 0; y < self.rowCount && y < Math.ceil(10000 / self.columnCount) ; y++) {
            var h = "";
            if (self.rowHeights[y] != null && !isNaN(parseInt(self.rowHeights[y]))) {
                h = (parseInt(self.rowHeights[y]) + "px")
            }
            var sTds = "<th class='CLCell CLCellHide'></th>";
            var className;
            for (var x = 0; x < self.columnCount; x++) {
                var cell = self.Rows[y][x];
                if (cell == null) {
                    continue;
                }
                var colspan = cell.End.column - cell.Start.column + 1;
                var rowspan = cell.End.row - cell.Start.row + 1;
                var Val = cell.Val;
                var rCell = cell.Cell == null ? (cell.oCell ? cell.oCell : null) : cell.Cell;
                className = !rCell ? "" : rCell.className;
                className += " xIndex" + x;
                var Prop = cell.Cell ? cell.Cell.Prop : null;
                var borderColor = Prop == null ? null : Prop.borderColor;
                if (cell.Start.column == 0) {
                    var index = className.indexOf("border-width");
                    if (index > 0) {
                        var borderWidth = className.substr(index + 13, 1) * 1;
                        if (borderWidth > lWidth) {
                            var borderStyle = func(className, "left");
                            lStyle = borderStyle ? borderStyle : lStyle;
                            lWidth = borderWidth;
                            lColor = borderColor ? borderColor : lColor;
                        }
                    }
                }
                if (cell.Start.row == 0) {
                    var index = className.indexOf("border-width");
                    if (index > 0) {
                        var borderWidth = className.substr(index + 13, 1) * 1;
                        if (borderWidth > tWidth) {
                            var borderStyle = func(className, "top");
                            index = className.indexOf("border-style-top");
                            tStyle = borderStyle ? borderStyle : tStyle;
                            tWidth = borderWidth;
                            tColor = borderColor ? borderColor : tColor;
                        }
                    }
                }
                if (cell.End.column + 1 == self.columnCount) {
                    var index = className.indexOf("border-width");
                    if (index > 0) {
                        var borderWidth = className.substr(index + 13, 1) * 1;
                        if (borderWidth > rWidth) {
                            var borderStyle = func(className, "right");
                            rStyle = borderStyle ? borderStyle : rStyle;
                            rWidth = borderWidth;
                            rColor = borderColor ? borderColor : rColor;
                        }
                    }
                }
                if (cell.End.row + 1 == self.rowCount) {
                    var index = className.indexOf("border-width");
                    if (index > 0) {
                        var borderWidth = className.substr(index + 13, 1) * 1;
                        if (borderWidth > bWidth) {
                            var borderStyle = func(className, "bottom");
                            bStyle = borderStyle ? borderStyle : bStyle;
                            bWidth = borderWidth;
                            bColor = borderColor ? borderColor : bColor;
                        }
                    }
                }
                var onclick = Prop == null ? null : Prop.onclick;
                if (onclick != null && onclick.autoRun == false) {
                    onclick = null;
                }
                var ondblclick = Prop == null ? null : Prop.ondblclick;
                ondblclick = ondblclick == null ? null : ondblclick.runCode;
                ondblclick = ondblclick == null ? cell.virtualClickCell : ondblclick.runCode;
                if (!!ondblclick) {
                    ondblclick = " ondblclick = 'VirtualExcel.DbClick(this)'";
                }
                if (!ondblclick && Prop && Prop.Editable) {
                    ondblclick = " ondblclick = 'VirtualExcel.EditCellText(this)'";
                }
                var clickInherit = Prop == null ? null : Prop.clickInherit;
                var cssText = (rCell == null || rCell.style == null ? "" : rCell.style.cssText);
                var padding;
                if (Prop) {
                    padding = Prop.padding;
                }
                var lineHeight;
                if (Prop) {
                    lineHeight = Prop.lineHeight;
                }
                if (Val != null && Val.type == "text" && Val.text != null) {
                    if (Val.text.constructor == {}.constructor) {
                        if (cssText.length != 0 && cssText[cssText.length - 1] != ";") {
                            cssText += ";";
                        }
                        cssText += Val.text.cssText == null ? "" : Val.text.cssText;
                    }
                }

                if (self.columnWidths[x] === 0 || self.rowHeights[y] === "0px") {
                    className += " CLCellHide";
                }
                if (LockX >= x) {
                    className += " CLLockL CLLockL" + x;
                }
                if (Prop && Prop.resizeX == true) {
                    className += " resizeX";
                    hasDrag = true;
                }

                cssText += ";" + cell.style.cssText;
                if (lineHeight) {
                    cssText += ";line-height:" + lineHeight;
                }
                if (padding) {
                    cssText += ";padding:" + padding;
                }

                if (!!cssText) {
                    var tStyle = {};
                    self.toStyle(cssText, tStyle);
                    for (var key in tStyle) {
                        if (key.indexOf("background") >= 0 || (key.indexOf("border") >= 0 && key.indexOf("Radius") < 0)) {
                            var name = key.indexOf("background") >= 0 ? "before" : "after";
                            var value = {};
                            value[key] = tStyle[key];
                            value = self.toCss(value);
                            var id = cell.Start.row + "_" + cell.Start.column + "_" + new CLBase64().encode(value);
                            self.CssSheet[id] = "." + CLExcel_.Scope + " .CLRow" + cell.Start.row + " .xIndex" + cell.Start.column + ":" + name + "{" + value + "}";
                            delete tStyle[key];
                        }
                    }
                    cssText = self.toCss(tStyle);
                }
                var attr = "";
                if (Prop && Prop.dragCol) {
                    hasDrag = true;
                    className += " dragCol";
                }
                if (Prop && Prop.hideCol) {
                    hasDrag = true;
                    className += " hideCol";
                }
                var ooVal = cell.Cell ? cell.Cell.Val : null;
                if (ooVal && ooVal.Field) {
                    className += " Field_" + ooVal.Field.ID;
                }
                cell.className += " " + className;
                className = cell.className;
                sTds += "<td class='" + className + "' " + attr + " x=" + x + " y=" + y + " rowspan='" + rowspan + "' colspan='" + colspan + "' " + (!!onclick || clickInherit ? " onclick = VirtualExcel.Click(this)" : "") + (!!ondblclick ? ondblclick : "") + " style='" + cssText + "'>";
                var cellVal = cell.Cell && cell.Cell.Val;
                if (Val != null && cellVal != null) {
                    if ((cellVal.type == "Code" && cellVal.IsImg) || (Val.text != null && Val.text.IsImg)) {
                        var text;
                        if (Val.text && Val.text.IsImg) {
                            text = Val.text.toString();
                        } else if (Val.text) {
                            text = Val.text.trim();
                        } else {
                            text = "";
                        }
                        var Imgs = [];
                        if (text[0] == "{") {
                            Imgs = [JSON.parse(text)];
                        } else if (text[0] == "[") {
                            Imgs = JSON.parse(text);
                        } else {
                            Imgs = [
                                {
                                    Name: "图片.png",
                                    Src: text,
                                    Size: 0
                                }
                            ];
                        }
                        pictureList.push({
                            x: x,
                            y: y,
                            Val: Imgs,
                            AutoSwap: cellVal.AutoSwap
                        });
                        Val.Pics = Imgs;
                    } else if (cellVal.type == "Field" && cellVal.Field.className == "附件上传" && Val.text != null) {
                        pictureList.push({
                            x: x,
                            y: y,
                            Val: Val.text,
                            AutoSwap: cellVal.AutoSwap
                        });
                        Val.Pics = Val.text;
                    } else {
                        if (cellVal.type == "Ctrl" && cellVal.Ctrl != null) {
                            ctrlList.push({
                                x: x,
                                y: y,
                                Ctrl: cellVal.Ctrl,
                                dataList: cell.dataList
                            });
                        }
                        else if (cellVal.type == "Field" && cellVal.Field.className == "手写签名") {
                            signList.push({
                                x: x,
                                y: y
                            });
                            sTds += "<div class='Content IsPic'><span>" + Val.text + "</span></div>";
                            Val.Pics = Val.text && Val.text.toString().match(/\<svg[\s\S]+<\/svg\>/);
                        }
                        else if (Val.type == "text" && Val.text != null) {
                            sTds += "<div class='Content IsText'><span>" + Val.text + "</span></div>";
                        }
                        else if (Val.type == "img") {
                            pictureList.push({
                                x: x,
                                y: y,
                                Val: [{
                                    Name: "图片.png",
                                    Src: Val.src,
                                    Size: 0
                                }],
                                AutoSwap: false,
                                click: false
                            });
                            Val.Pics = [Val.src];
                        }
                    }
                }
                sTds += "</td>";
            }
            var bNoPrint = self.ExcelCalculator.dataExcel.NoPrintOffset != null && y <= self.ExcelCalculator.dataExcel.NoPrintOffset;
            var bIsPrintPageLastLine = self.ExcelCalculator.dataExcel.PrintPageLastLine != null && y == self.ExcelCalculator.dataExcel.PrintPageLastLine;
            className = "CLRow CLRow" + y + (bNoPrint ? " NoPrint" : "") + (LockY >= y ? " CLLockT CLLockT" + y : "") + (bIsPrintPageLastLine ? " PrintPageLastLine" : "");
            className += " " + self.Rows[y].className;
            var style = self.Rows[y].style.cssText;
            strMain += "<tr class='" + className + "' " + (!style ? style : "style='" + style + "'") + " yIndex='" + y + "' " + (h == "0px" ? "style='display:none'" : "") + " >";
            strMain += sTds;
            strMain += "</tr>";
        }
        var Table = CLExcel_.Table;
        Table.lastChild.innerHTML = strMain;
        var timer = setTimeout(function () {
            clearTimeout(timer);
            for (var i = 0; Ctrls != null && i < ctrlList.length ; i++) {
                var cell = self.getLine(ctrlList[i].y).getElementsByClassName("xIndex" + ctrlList[i].x)[0];
                cell.innerHTML = "<div class='Content IsCtrl'></div>";
                if (Ctrls[ctrlList[i].Ctrl.className] != null) {
                    var vCell = self.Rows[cell.getAttribute("y") * 1][cell.getAttribute("x") * 1];
                    vCell.eleCtrl = Ctrls[ctrlList[i].Ctrl.className].Create(cell.firstChild, ctrlList[i].Ctrl, ctrlList[i].dataList);
                    vCell.eleCtrl.Cell = cell;
                    if (vCell.eleCtrl.CLChart) {
                        cell.CLChart = vCell.eleCtrl.CLChart;
                        vCell.eleCtrl.CLChart.Exec = function (EventData, runCode) {
                            VirtualExcel.Exec(runCode, this.Ele, EventData);
                        }
                    }
                }
            }
            for (var i = 0; i < pictureList.length; i++) {
                if (pictureList[i].Val == null || pictureList[i].Val.length == 0) {
                    continue;
                }
                var cell = self.getLine(pictureList[i].y).getElementsByClassName("xIndex" + pictureList[i].x)[0];
                cell.innerHTML = "<div class='Content IsPic'></div>";
                var box = cell.firstChild;
                var picBox = new CLPictureBox(box, JSON.parse(pictureList[i].Val), pictureList[i].AutoSwap);
                picBox.resize(box.firstChild.offsetHeight);
                if (cell.onclick || pictureList[i].click == false) {
                    picBox.PreView = false;
                }
                cell.Box = picBox;
            }

            for (var i = 0; i < signList.length; i++) {
                var cell = self.getLine(signList[i].y).getElementsByClassName("xIndex" + signList[i].x)[0];
                if (cell.firstChild == null) {
                    continue
                }
                var height = cell.firstChild.offsetHeight;
                var width = cell.firstChild.offsetWidth - 6;
                var box = cell.firstChild.firstChild.firstChild;
                if (box == null) {
                    continue;
                }
                var boxHeight = box.offsetHeight;
                var boxWidth = box.offsetWidth;
                var scaleX = width / boxWidth;
                var scaleY = height / boxHeight;
                var zoom = scaleX < scaleY ? scaleX : scaleY;
                if (zoom < 1) {
                    box.style.zoom = zoom;
                }
            }
        }, 1);

        Table.style.marginLeft = lBorder[lWidth] + "px";
        Table.style.marginRight = rBorder[rWidth] + "px";
        lWidth = self.lWidth = lWidth;
        rWidth = self.rWidth = rWidth;
        Table.setAttribute("margin-left", lBorder[lWidth] + "px");
        Table.setAttribute("margin-right", rBorder[rWidth] + "px");
        LockY = LockY;
        self.LockY = LockY;
        self.LockX = LockX;
        Table.VirtualExcel = self;
        self.AllocInfos = self.ExcelCalculator.AllocInfos;
        self.SourceData = self.ExcelCalculator.SourceData;
        self.Ctrls = Ctrls;
        self.CLExcel = CLExcel_;
        var Ele = CLExcel_.Ele;
        var innerHtml = "";
        for (var key in self.CssSheet) {
            innerHtml += self.CssSheet[key] + "\r\n";
        }
        if (self.ExcelCalculator.dataExcel.Version == null) {
            innerHtml += "." + CLExcel_.Scope + " .border-left:after, .CLExcelNoEidt .border-left{border-left-style: solid;}\n";
            innerHtml += "." + CLExcel_.Scope + " .border-top:after, .CLExcelNoEidt .border-top{border-top-style: solid;}\n";
            innerHtml += "." + CLExcel_.Scope + " .border-right:after, .CLExcelNoEidt .border-right{border-right-style: solid;}\n";
            innerHtml += "." + CLExcel_.Scope + " .border-bottom:after, .CLExcelNoEidt .border-bottom{border-bottom-style: solid;}\n";
        }
        var style = Table.__ColorStyle__;
        if (!style) {
            Table.__ColorStyle__ = style = document.createElement("style");
        }
        style.innerHTML = innerHtml;
        Ele.appendChild(style);

        self.CLExcel.resize = function (size, force, hFull) {
            self.resize(size, false, force, hFull);
        }
        self.resize(self.width, true);
        if (hasDrag) {
            self.CaptureMouseForDragColumn();
        }
    }

    fn.resize = function (size, bFirst, force, hFull) {
        var self = this;
        if (!self.hFull && !bFirst && !force) {
            return;
        }
        var Container = self.CLExcel.Container;
        var Table = self.CLExcel.Table;
        var style = Table.SizeStyle;
        if (!style) {
            style = document.createElement("style");
            Table.SizeStyle = style;
            self.CLExcel.Body.appendChild(style);
        }
        if (self.hFull && !bFirst) {
            size = Table.offsetWidth;
        }
        var playSpeed = self.ExcelCalculator.dataExcel.playSpeed;
        var css = "";
        self.width = size;
        var CLExcel_ = self.CLExcel;
        var width = self.width - rBorder[self.rWidth] - lBorder[self.lWidth];
        ///////////////////////////////////////////////////////
        var f = self.hFull;
        self.hFull = hFull === undefined ? f : hFull;
        var columnWidths = self.CalcColumns(width, force);
        self.hFull = f;
        if (self.hFull) {
            CLExcel_.Body.classList.add("hFull");
        } else {
            CLExcel_.Body.classList.remove("hFull");
        }
        var uu = self.hFull ? "%" : "px";
        var Scope = CLExcel_.Scope;
        css += "." + Scope + " thead.CLRow .CLCell:nth-child(1){width:0" + uu + ";}\n";
        var Widths = [];
        {
            var sHead
            if (bFirst) {
                sHead = "<th class='CLCell'></th>";
            }
            var lLock = lBorder[self.lWidth];
            for (var x = 0; x < self.columnCount; x++) {
                var w = 0;
                var ww = parseFloat(!columnWidths[x] ? 100 : columnWidths[x]);
                if (self.hFull) {
                    w = (ww * 100 / width) + "%";
                } else {
                    w = ww + "px";
                }
                css += "." + Scope + " thead.CLRow .CLCell:nth-child(" + (x + 2) + "){width:" + w + ";}\n";
                if (bFirst) {
                    sHead += "<th class='CLCell " + (columnWidths[x] == "0px" ? "CLCellHide" : "") + "'  y='-1' x='" + x + "'></th>";
                }
                {
                    if (self.LockX >= x) {
                        css += "." + Scope + " .Table .CLLockL" + x + "{left:" + lLock + "px;}\n";
                        lLock += parseFloat(ww);
                    }
                }
                Widths.push(w);
            }
            if (bFirst) {
                Table.firstChild.innerHTML = sHead;
                if (self.hFull) {
                    Table.style.width = "100%";
                    Table.firstChild.style.width = "100%";
                    Table.firstChild.firstChild.style.width = "100%";
                }
            }
        }
        self.ColWidths = Widths;
        ///////////////////////////////////////////////////////
        if (CLExcel_.autoRowHeight) {
            self.CLExcel.Ele.classList.add("CLExcelAutoHeight");
            for (var i = 0; i < self.rowCount; i++) {
                if (self.rowHeights[i]) {
                    css += "." + Scope + " .Table tbody > .CLRow" + i + " > .CLCell{height:" + parseInt(self.rowHeights[i]) + "px;}";
                    css += "." + Scope + " .Table tbody > .CLRow" + i + " > .CLCell .IsText{position:absolute;}";
                } else {
                    css += "." + Scope + " .Table tbody > .CLRow" + i + " > .CLCell:not(::first-child){height:initial;}";
                }
            }
        } else {
            for (var i = 0; i < self.rowCount; i++) {
                if (self.rowHeights[i]) {
                    css += "." + Scope + " .Table tbody > .CLRow" + i + " > .CLCell:first-child{height:" + parseInt(self.rowHeights[i]) + "px;}";
                }
            }
        }
        if (Table.sizeTimer) {
            clearTimeout(Table.sizeTimer);
        }

        var Ctrls = Table.getElementsByClassName("IsCtrl");
        for (var i = 0; i < Ctrls.length; i++) {
            var cell = Ctrls[i].parentNode;
            if (cell.CLChart != null) {
                cell.CLChart.resize();
            }
        }
        var Boxes = Table.getElementsByClassName("IsPic");
        for (var i = 0; i < Boxes.length; i++) {
            var cell = Boxes[i].parentNode;
            if (cell.Box != null) {
                var y = Boxes[i].parentNode.parentNode.getAttribute("y");
                cell.Box.resize(cell.offsetHeight);
            }
        }

        var computed = getComputedStyle(Table.firstChild);
        var tLock = parseFloat(computed["height"]);
        var lines = Table.querySelectorAll(".CLLockT");
        var autoHeight = CLExcel_.autoRowHeight;
        for (var i = 0; i < lines.length; i++) {
            var line = lines[i];
            css += "." + Scope + " .Table .CLLockT" + i + " .CLCell {top:" + tLock + "px;}\n";
            tLock += !self.rowHeights[i] ? line.offsetHeight : self.rowHeights[i];
        }
        Table.TLock = tLock;
        if (!!playSpeed) {
            css += "." + Scope + " .TableBox,." + Scope + " .vScroll, ." + Scope + " .hScroll{overflow:hidden!important;}\n";
            css += "." + Scope + " .vScroll, ." + Scope + " .hScroll{display:none!important;}\n";
            css += "." + Scope + " .vScrolled .Container .TableBox{width:100%!important}\n";
            css += "." + Scope + " .Table:hover .CLRow:not(.CLLockT){animation-play-state:paused;}\n";
            CLDelay(function () {
                var style = Table.AnimationStyle;
                if (!style) {
                    style = document.createElement("style");
                    Table.AnimationStyle = style;
                    self.CLExcel.Body.appendChild(style);
                }
                playSpeed *= 1;
                var tRow = lines.length;
                var css = "";
                var tbody = Table.querySelector("tbody");
                lines = tbody.querySelectorAll(".CLRow:not(.CLLockT)");
                var len = 0;
                if (autoHeight) {
                    len = Table.offsetHeight;
                    if (Table.Cloned) {
                        len -= Table.Cloned.offsetHeight;
                    }
                } else {
                    for (var x = 0; x < self.rowCount; x++) {
                        len += !self.rowHeights[i] ? 25 : self.rowHeights[i];
                    }
                }
                len -= parseInt(tLock);
                var height = Container.offsetHeight - parseInt(tLock);
                height = height > len ? len : height;
                var T = (height + len) / playSpeed;
                var D = height / playSpeed;
                console.log(height, len);
                var frames = "";
                var top = 0;
                var name = "play_" + Scope + "_"
                var An = Table.Animation = !Table.Animation;
                var name = "play_" + Scope + "_" + An;
                frames = "@keyframes " + name + "{\n";
                frames += "0% { top:" + height + "px; }\n";
                frames += "100% { top:-" + len + "px; }\n";
                frames += "}\n";
                css += frames;
                css += "." + Scope + " .Table .CLRow:not(.CLLockT){animation:" + name + " " + T + "s linear;animation-delay:-" + D + "s;animation-iteration-count:infinite;position:relative}\n";
                style.innerHTML = css;
            }, 1);
        }
        style.innerHTML = css;
    }

    fn.getLine = function (row) {
        var self = this;
        if (self.CLExcel == null) {
            return null;
        }
        return self.CLExcel.Table.lastChild.childNodes[row];
    }

    fn.debugShow = function (bShow) {
        var self = this;
        if (self.debugExcel == null) {
            var div = document.createElement("div");
            div.style.cssText = "position:fixed;top:50px;left:0;bottom:0;right:0;background:#fff";
            div.style.zIndex = CLMaxZIndex();
            document.body.appendChild(div);
            self.debugExcel = new CLExcel(div, false);
            var Body = div.querySelector(".Body");
            Body.style.height = "calc(100% - 50px)";
        }
        if (bShow == false) {
            self.debugExcel.Ele.remove();
            delete self.debugExcel;
        } else {
            self.ExcelCalculator.Render(self.debugExcel);
        }
    }

    fn.GetTd = function (virtualCell) {
        var self = this;
        if (self.CLExcel == null) {
            return null;
        }
        var x, y;
        if (typeof virtualCell == "string") {
            var data = self.getRowColumn(virtualCell);
            x = data.column;
            y = data.row;
        } else {
            if (virtualCell.Start == null) {
                if (virtualCell.Cell != null) {
                    virtualCell = virtualCell.Cell.virtualCell;
                } else {
                    virtualCell = virtualCell.virtualCell;
                }
            }
            if (!virtualCell || virtualCell.Start == null) {
                return null;
            }
            if (!virtualCell || virtualCell.Start == null) {
                return null;
            }
            x = virtualCell.Start.column;
            y = virtualCell.Start.row;
        }
        var line = self.getLine(y);
        if (!line) {
            return null;
        }
        var Td = line.getElementsByClassName("xIndex" + x)[0];
        return Td;
    }

    fn.GetVirtual = function (Td) {
        var self = this;
        var x = Td.getAttribute("x");
        var y = Td.getAttribute("y");
        return self.Rows_Cells[y] && self.Rows_Cells[y][x];
    }

    fn.GetCell = function (keyList) {
        var self = this;
        var ExcelCalculator = self.ExcelCalculator;
        var allocInfo = ExcelCalculator.getAllocInfo(tempKeyList);
        return allocInfo.virtualCell;
    }

    fn.ClientToOffset = function (Pos) {
        var self = this;
        var rectContainer = self.CLExcel.Container.getBoundingClientRect();
        Pos.left = Pos.left - rectContainer.left + self.CLExcel.Container.scrollLeft;
        Pos.top = Pos.top - rectContainer.top + self.CLExcel.Container.scrollTop;
    }

    fn.EditCellText = function (virtualCell, End) {
        var self = this;
        var className = virtualCell.Cell.Val && virtualCell.Cell.Val.Field && virtualCell.Cell.Val.Field.className;
        var Range = { Parts: [], Roles: [], Members: [], Dynamic: [] };
        if (className == "成员单选") {
            (function () {
                var value = virtualCell.oVal;
                FrmCtrls.MemberDialog(Range, false, { Members: (value == null ? null : [value.ID || value]) }, true, function (Val) {
                    value = Val.Members[0];
                    value = {
                        ID: value,
                        oVal: value,
                        toString: function () {
                            return FrmUiCtrls.ConvertData(className, Val.Members[0]);
                        }
                    }
                    self.SetCellValue(virtualCell, value);
                });
            }());
            return;
        } else if (className == "成员多选") {
            (function () {
                var value = virtualCell.oVal;
                var Range = { Parts: [], Roles: [], Members: [], Dynamic: [] };
                FrmCtrls.MemberDialog(Range, true, { Members: (value == null ? null : value.ID || value) }, true, function (Val) {
                    value = Val.Members;
                    value = {
                        ID: value,
                        oVal: value,
                        toString: function () {
                            return FrmUiCtrls.ConvertData(className, Val.Members);
                        }
                    }
                    self.SetCellValue(virtualCell, value);
                });
            }());
            return;
        } else if (className == "部门单选") {
            var value = virtualCell.oVal;
            FrmCtrls.PropDepartDialog(Range, { Parts: (value == null ? null : [value.ID || value]) }, false, true, function (Range) {
                value = Range.Parts[0];
                value = {
                    ID: value,
                    oVal: value,
                    toString: function () {
                        return FrmUiCtrls.ConvertData(className, Range.Parts[0]);
                    }
                }
                self.SetCellValue(virtualCell, value);
            });
            return;
        } else if (className == "部门多选") {
            var value = virtualCell.oVal;
            FrmCtrls.PropDepartDialog(Range, { Parts: (value == null ? null : value.ID || value) }, true, true, function (Range) {
                value = Range.Parts;
                value = {
                    ID: value,
                    oVal: value,
                    toString: function () {
                        return FrmUiCtrls.ConvertData(className, Range.Parts);
                    }
                }
                self.SetCellValue(virtualCell, value);
            });
            return;
        } else if (className == "手写签名") {
            var value = virtualCell.oVal;
            CLShowMsg("此功能正在努力开发中");
            return;
        }
        if (virtualCell.Start == null) {
            if (virtualCell.Cell != null) {
                virtualCell = virtualCell.Cell.virtualCell;
            } else {
                virtualCell = virtualCell.virtualCell;
            }
        }
        var td = self.GetTd(virtualCell);
        var Val = virtualCell.Val;
        if (Val != null && Val.type != "text") {
            return;
        }
        var textArea = self.Editor = document.createElement("textarea");
        textArea.style.marginTop = -self.CLExcel.Container.scrollTop + "px";
        textArea.style.marginLeft = -self.CLExcel.Container.scrollLeft + "px";
        var rect = td.getBoundingClientRect();
        rect = {
            top: rect.top,
            left: rect.left,
            height: rect.height,
            width: rect.width
        }
        self.ClientToOffset(rect);
        var style = getComputedStyle(td);
        textArea.style.position = "absolute";
        textArea.style.left = rect.left - 0.5 + "px";
        textArea.style.top = rect.top - 0.5 + "px";
        textArea.style.width = textArea.style.minWidth = rect.width + 1 + "px";
        textArea.style.height = textArea.style.minHeight = rect.height + 1 + "px";
        textArea.style.resize = "none";
        textArea.style.outline = "none";
        textArea.style.padding = "0 5px";
        textArea.style.border = "2px solid #0db3a6";
        textArea.style.fontSize = "12px";
        textArea.style.fontFamily = "SimSun";
        textArea.style.lineHeight = "20px";
        textArea.style.maxHeight = "350px";
        textArea.style.overflow = "auto";
        textArea.style.wordBreak = "break-all";
        textArea.style.zIndex = CLMaxZIndex();
        textArea.style.background = "#fff";
        var sizer = document.createElement("div");
        sizer.style.cssText = textArea.style.cssText;
        sizer.style.maxWidth = self.CLExcel.Body.offsetWidth - rect.left + self.CLExcel.Container.scrollLeft - 9 + "px";
        sizer.style.opacity = "0";
        sizer.style.pointerEvents = "none";
        sizer.style.width = "initial";
        sizer.style.height = "initial";
        document.body.appendChild(sizer);
        function close(e) {
            var str = textArea.value;
            str = str.trim();
            var Val = str;
            if (className == "复选框组" || className == "下拉复选框") {
                Val = Val.split("\n");
                for (var i = 0; i < Val.length ; i++) {
                    Val[i] = Val[i].trim();
                    if (!Val[i]) {
                        Val.splice(i, 1);
                    }
                }
            }
            if (End) {
                End(Val);
            } else {
                self.SetCellValue(virtualCell, Val);
                virtualCell.Edit = true;
            }
            textArea.remove();
            sizer.remove();
            window.removeEventListener("mousedown", down, true);
        }
        textArea.close = close;
        textArea.oninput = function () {
            sizer.innerHTML = "<span></span>";
            sizer.firstChild.innerText = textArea.value;
            if (textArea.value[textArea.value.length - 1] == "\n") {
                sizer.firstChild.innerText += "a";
            }
            textArea.style.width = sizer.offsetWidth + 10 + "px";
            textArea.style.height = sizer.offsetHeight + "px";
            textArea.style.width = sizer.offsetWidth + "px";
        }
        var mul = className == "多行文本" || className == "复选框组" || className == "下拉复选框";
        textArea.addEventListener("keydown", function (e) {
            e.stopPropagation();
            if (e.code == "Tab") {
                textArea.close();
                self.CLExcel.Ele.focus();
                e.stopPropagation();
                e.preventDefault();
            }
            if (e.code == "Enter") {
                if (e.ctrlKey && mul) {
                    CLInsertText(textArea, "\n");
                    textArea.oninput();
                    e.stopPropagation();
                } else {
                    textArea.close();
                    self.CLExcel.Ele.focus();
                }
            }
        });
        textArea.addEventListener("mousedown", function (e) {
            e.stopPropagation();
        });
        function down(e) {
            var rect = textArea.getBoundingClientRect();
            if (e.clientY > rect.top && e.clientY < rect.bottom
                && e.clientX > rect.left && e.clientX < rect.right) {
                return;
            }
            textArea.close();
        }
        window.addEventListener("mousedown", down, true);
        if (td.firstChild != null) {
            if ((className == "复选框组" || className == "下拉复选框") && virtualCell.oVal) {
                var Val = JSON.parse(virtualCell.oVal);
                textArea.value = !Val ? "" : Val.join("\n");
            } else {
                textArea.value = Val.text;
            }
            textArea.oninput();
        }
        self.CLExcel.Body.appendChild(textArea);
        textArea.focus();
        if (className == "时间日期") {
            (function () {
                var sFormat = "yyyy/MM/dd";
                var _dt = new CLDate(virtualCell.oVal, sFormat, textArea);
                _dt.onchanged = function () {
                    textArea.Value = _dt.Value.toString();
                }
                _dt.End = function () {
                    textArea.value = _dt.Value.toString();
                    if (textArea.value) {
                        textArea.close(true);
                    }
                }
                var close = textArea.close;
                textArea.close = function (force) {
                    if (force) {
                        close.call(textArea);
                        _dt.Close();
                    }
                }
                textArea.oninput = function () {
                    CLCheckDateTime(this, sFormat);
                    if (_dt) {
                        _dt.Value = textArea.value;
                    }
                }
            }());
        }
        return textArea;
    }

    fn.UploadFile = function (End) {
        var self = this;
        CLOpenFile(function (File, Path) {
            CLCompressImg(File, function (File) {
                if (File.size > 1024 * 1024 * 20) {
                    CLShowMsg("上传失败,单个文件的上传上限是20M")
                    return;
                }
                var Url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpUploadFile";
                HttpPost(Url, function (Json) {
                    if (Json.code == 0) {
                        End(Json.data[0]);
                    } else {
                        CLShowMsg(Json.msg);
                    }
                }, {}, true, null, null, File, File.name);
            });
        }, null, false);
    }

    fn.SetCellValue = function (virtualCell, newVal) {
        var self = this;
        var td = self.GetTd(virtualCell);
        if (!Executing) {
            var EventData = { Value: newVal };
            VirtualExcel.Exec("Excel.SetCellValue(currentCell.virtualCell,EventData.Value)", td, EventData);
            return;
        }
        VirtualExcel.SetCellValue(td, newVal);
    }

    fn.ParseCapture = function (code, Cell) {
        var self = this;
        var arr = [];
        if (!!code) {
            var sRun = code.replace(/(\"[^\"]*\")|(\'[^\']*\')|(\/\*[^(\*\/)]*\*\/)|(\/\/.*)/g, "");
            match = sRun.match(/RCell\(-?[0-9]+\,-?[0-9]+\)/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                arr.push(sCell);
            }
            match = sRun.match(/([^(0-9A-Za-z\_)]?[A-Z]+[0-9]+[^(0-9A-Za-z\_)]?)|(^[\s]?[A-Z]+[0-9]+[\s]?$)/g);
            for (var i = 0; match && i < match.length; i++) {
                var sCell = match[i];
                sCell = sCell.match(/[A-Z]+[0-9]+/)[0];
                if (!!sCell) {
                    arr.push(sCell);
                }
            }
        }
        return arr;
    }

    fn.ShowCol = function (td, width, show) {
        var self = this;
        var x = null;
        var span = 1;
        if (td instanceof HTMLElement) {
            x = td.getAttribute("x") * 1;
            span = td.getAttribute("colspan") * 1;
        } else {
            x = td * 1;
        }
        if (typeof x != "number") {
            return;
        }
        var Table = self.CLExcel && self.CLExcel.Table;
        if (Table) {
            var Widths;
            if (width != null) {
                Widths = CLClone(self.DragWidths ? self.DragWidths : self.columnWidths);
            }
            var indexes = MapIndexes(self);
            var selector = [];
            for (var col = x; col < x + span ; col++) {
                selector.push(".CLCell[x='" + x + "']");
                if (width != null) {
                    Widths[indexes[x]] = width;
                } else if (Widths[indexes[x]] == 0) {
                    Widths[indexes[x]] = 100;
                }
            }
            var cols = Table.querySelectorAll(selector.toString());
            cols.forEach(function (col) {
                if (show) {
                    col.classList.remove("CLCellHide");
                } else {
                    col.classList.add("CLCellHide");
                }
            });
            if (Widths != null && show) {
                self.DragWidths = Widths;
                CLAsync(function () {
                    self.resize(self.width, false, true, self.hFull);
                    self.CLExcel.Scroll();
                }, null, self);
            }
        }
    }

    function MapIndexes(self) {
        var Table = self.CLExcel.Table;
        var header = Table.firstChild.firstChild;
        var Indexes = {};
        var nodes = header.childNodes;
        for (var i = 1; i < nodes.length ; i++) {
            var th = nodes[i];
            Indexes[th.getAttribute("x")] = i - 1;
        }
        return Indexes;
    }

    function IndexOf(Td, Indexes) {
        var x1 = Td.getAttribute("x") * 1;
        var x2 = x1 + Td.colSpan - 1;
        var R = null;
        for (var i = x1; i <= x2 ; i++) {
            if (R == null || R > Indexes[i]) {
                R = Indexes[i];
            }
        }
        return R;
    }

    function MapWidths(self, Widths, type) {
        var Indexes = MapIndexes(self);
        var R = [];
        if (type == 0) {
            //转为原始
            for (var key in Indexes) {
                R[key * 1] = Widths[Indexes[key]];
            }
        }
        if (type == 1) {
            //转为实际
            for (var key in Indexes) {
                R[Indexes[key]] = Widths[key * 1];
            }
        }
        return R;
    }

    fn.MoveCols = function (iCol, iCount, to, bError) {
        var self = this;
        var x1 = iCol;
        var x2 = iCol + iCount;
        var Table = self.CLExcel.Table;
        var rows = Table.querySelector("tbody").rows;
        var Indexes = MapIndexes(self);
        function showError(list) {
            var css = "";
            var scope = self.CLExcel.Scope;
            for (var i = 0; i < list.length; i++) {
                var td = list[i];
                css += "." + scope + " .CLCell[x='" + td.getAttribute("x") + "'][y='" + td.getAttribute("y") + "']::after{animation:CLDragError 1.5s ease-out;animation-iteration-count:1;}\n";
            }
            var style = document.createElement("style");
            style.innerHTML = css;
            Table.parentNode.parentNode.appendChild(style);
            CLDelay(function () {
                style.remove();
            }, 1500);
        }
        function CheckErorr() {
            var error = [];
            for (var i = 0; i < rows.length ; i++) {
                var cols = rows[i].childNodes;
                for (var j = 1; j < cols.length; j++) {
                    var cell = cols[j];
                    var xx1 = IndexOf(cell, Indexes);
                    var xx2 = xx1 + cell.colSpan;
                    if (xx1 <= x1 && xx2 >= x2 && cell.colSpan > iCount) {
                        if (to < xx1 || to > xx2) {
                            dragable = false;
                            error.push(cell);
                        }
                    } else if (x1 <= xx1 && x2 >= xx2) {

                    } else if ((xx1 > x1 && xx1 < x2)
                        || (xx2 > x1 && xx2 < x2)
                        || (xx1 < to && xx2 > to)) {
                        error.push(cell);
                    }
                }
            }
            return error;
        }
        function Adjust(line, to) {
            var nodes = line.childNodes;
            var before = null;
            var list = [];
            for (var i = 1; i < nodes.length; i++) {
                var x = IndexOf(nodes[i], Indexes);
                if (x < to && x + nodes[i].colSpan > to) {
                    break;
                }
                if (x >= x1 && x < x2) {
                    list.push(nodes[i]);
                }
                if (x >= to && before == null) {
                    before = nodes[i];
                }
            }
            for (var i = 0; i < list.length; i++) {
                line.insertBefore(list[i], before);
            }
        }
        function Move() {
            if (to >= x1 && to <= x2) {
                return null;
            }
            var error = [];
            var dragable = true;
            if (dragable) {
                var header = Table.firstChild.firstChild;
                Adjust(header, to);
                for (var y = 0; y < rows.length; y++) {
                    Adjust(rows[y], to);
                }
                var Widths;
                if (self.DragWidths) {
                    Widths = self.DragWidths;
                } else {
                    Widths = self.columnWidths;
                }
                var arr = Widths.splice(x1, x2 - x1);
                Widths.splice(to < x1 ? to : (to - x2 + x1), 0, arr);
                arr = Widths.flat();
                Widths.length = 0;
                arr.forEach(function (ele) {
                    Widths.push(ele);
                });
                var nodes = header.childNodes;
                var nIndexes = [];
                for (var i = 1; i < nodes.length ; i++) {
                    nIndexes.push(nodes[i].getAttribute("x") * 1);
                }
                return nIndexes;

            } else {
                showError(error);
                return null;
            }
        }
        var erorr = CheckErorr();
        if (erorr.length > 0) {
            if (bError) {
                showError(erorr);
            }
            return null;
        } else {
            return Move();
        }
    }

    fn.AdjustCols = function (nIndexes) {
        var self = this;
        var oIndexes = [];
        if (!Array.isArray(nIndexes)) {
            return;
        }
        var Table = self.CLExcel.Table;
        var header = Table.firstChild.firstChild;
        var nodes = header.childNodes;
        var oMax = 0;
        for (var i = 1; i < nodes.length ; i++) {
            var N = nodes[i].getAttribute("x") * 1;
            oIndexes.push(N);
            oMax = Math.max(N, oMax);
        }
        if (nIndexes.length != oIndexes.length) {
            return;
        }
        var nWidths = [];
        var Widths;
        if (self.DragWidths) {
            Widths = self.DragWidths;
        } else {
            Widths = self.columnWidths;
        }
        var nMax = 0;
        nIndexes.forEach(function (ele) {
            nMax = Math.max(ele, nMax);
        });
        if (nMax != oMax) {
            return;
        }
        var lines = [];
        lines.push({
            row: header,
            cells: header.querySelectorAll(".CLCell")
        });
        var rows = Table.querySelector("tbody").rows;
        for (var i = 0; i < rows.length ; i++) {
            lines.push({
                row: rows[i],
                cells: rows[i].querySelectorAll(".CLCell")
            });
        }
        nIndexes.forEach(function (index, nI) {
            nWidths[nI] = Widths[oIndexes.indexOf(index)];
            for (var i = 0; i < lines.length ; i++) {
                var cells = lines[i].cells;
                for (var j = 0; j < cells.length; j++) {
                    if (cells[j].getAttribute("x") == index) {
                        lines[i].row.appendChild(cells[j]);
                        break;
                    }
                }
            }
        });
        self.DragWidths = nWidths;
        CLAsync(function () {
            self.resize(self.width, false, true, self.hFull);
            self.CLExcel.Scroll();
        }, null, self);
    }

    fn.AdjustWidths = function (Widths) {
        var self = this;
        self.DragWidths = MapWidths(self, Widths, 1);
        CLAsync(function () {
            self.resize(self.width, false, true, self.hFull);
            self.CLExcel.Scroll();
        }, null, self);
    }

    fn.onenddrag = fn.onsizeChanged = fn.onsorted = function () { }

    fn.MsWrite = function (ms_xlsx, col_s, row_s, indexes, widths) {
        var self = this;
        var Table = self.CLExcel && self.CLExcel.Table;
        if (Table) {
            if (!indexes) {
                indexes = [];
                widths = [];
                var header = Table.firstChild.firstChild;
                var nodes = header.childNodes;
                for (var i = 1; i < nodes.length ; i++) {
                    var N = nodes[i].getAttribute("x") * 1;
                    indexes.push(N);
                    widths.push(nodes[i].offsetWidth);

                }
            }
        }
        if (self.LockX == null) {
            self.LockX = -1;
        }
        if (self.LockY == null) {
            self.LockY = -1;
        }
        ms_xlsx.SetLockCell(self.LockX + 1, self.LockY + 1);
        col_s = col_s == null ? 0 : col_s;
        row_s = row_s == null ? 0 : row_s;
        widths = widths ? widths : self.columnWidths;
        var Heights = self.rowHeights;
        var xSkip = 0;
        var ySkip = 0;
        var first = true;
        var helper = document.createElement("div");
        function Rich(text) {
            var rText = MsXlsx.RichText();
            var nodes;
            var render = false;
            if (text instanceof HTMLElement) {
                render = true;
                nodes = text.childNodes;
            } else {
                helper.innerHTML = vCell.Val.text;
                nodes = helper.childNodes;
            }
            function func(node, style) {
                if (node.nodeName == "#text") {
                    var text = node.nodeValue;
                    var font = MsXlsx.Font();
                    if (style.fontFamily) {
                        font.name = style.fontFamily;
                    }
                    if (style.fontSize) {
                        font.size = parseInt(style.fontSize) * 0.75;
                    }
                    if (style.color) {
                        var color = CLColors.toRgba(style.color);
                        if (color) {
                            color = (color.A * 255).toString(16).padStart(2, 0) + color.R.toString(16).padStart(2, 0) + color.G.toString(16).padStart(2, 0) + color.B.toString(16).padStart(2, 0);
                            font.color = color;
                        }
                    }
                    if (style.fontWeight == "bold" || style.fontWeight == "900") {
                        font.bold = true;
                    }
                    if (style.textDecoration == "underline") {
                        font.underline = true;
                    }
                    if (style.fontStyle == "italic") {
                        font.italic = true;
                    }
                    if (!!style.textShadow && style.textShadow != "none") {
                        font.shadow = true;
                    }
                    rText.push(MsXlsx.Text(text, font));
                } else {
                    node.childNodes.forEach(function (ele) {
                        var style = render ? getComputedStyle(node) : node.style;
                        func(ele, style);
                    });
                }
            }
            nodes.forEach(function (ele) {
                var node = render ? text : helper;
                var style = render ? getComputedStyle(node) : node.style;
                func(ele, style);
            });
            return rText;
        }
        var xSkips = {};
        var ySkips = {};
        for (var x = 0; x < self.columnCount ; x++) {
            var width = widths[x];
            if (width == 0 || self.columnWidths[x] == 0) {
                xSkip++;
            } else {
                ms_xlsx.SetColWidth(x - xSkip + col_s, width);
            }
            xSkips[x] = xSkip;
        }
        for (var y = 0; y < self.rowCount ; y++) {
            var height = Heights[y];
            if (height == null || height == "") {
                height = 26;
            } else {
                height = parseInt(height);
            }
            var line = self.getLine(y);
            if (line) {
                height = line.offsetHeight;
            }
            if (height == 0) {
                ySkip++;
            } else {
                ms_xlsx.SetRowHeight(y - ySkip + row_s, height);
            }
            ySkips[y] = ySkip;
        }
        for (var y = 0; y < self.rowCount ; y++) {
            xSkip = 0;
            var height = Heights[y];
            if (height == null || height == "") {
                height = 26;
            } else {
                height = parseInt(height);
            }
            var line = self.getLine(y);
            if (line) {
                height = line.offsetHeight;
            }
            ySkip = ySkips[y];
            if (height == 0) {
                continue;
            }
            function func(vCell, left, top, x, y) {
                for (var col = x; col < vCell.End.column ; col++) {
                    if (left - widths[col] < 0) {
                        break;
                    } else {
                        left -= widths[col];
                    }
                }
                for (var row = y; row < vCell.End.row ; row++) {
                    if (top - Heights[y] < 0) {
                        break;
                    } else {
                        top -= Heights[y];
                    }
                }
                return {
                    left: left,
                    top: top,
                    col: col,
                    row: row
                };
            }
            var yIndex = y - ySkip;
            for (var x = 0; x < self.columnCount ; x++) {
                var width = widths[x];
                if (width == 0 || self.columnWidths[x] == 0) {
                    continue;
                }
                var xIndex = indexes ? indexes[x] : x;
                var vCell = self.Rows[y][xIndex];
                if (vCell) {
                    var c_s = vCell.Start.column;
                    c_s -= xSkips[c_s];
                    var r_s = vCell.Start.row;
                    var c_e = vCell.End.column;
                    c_e -= xSkips[c_e];
                    var r_e = vCell.End.row;
                    ms_xlsx.MergeCells(c_s + col_s, r_s + row_s, c_e + col_s, r_e + row_s);
                    var Td = self.GetTd(vCell);
                    var link = null;
                    var ms_cell = MsXlsx.Cell(ms_xlsx, x + col_s - xSkips[x], yIndex + row_s);
                    {
                        if (vCell.Val) {
                            var cVal = vCell.Cell.Val;
                            if (cVal.type == "img" || cVal.IsImg || (cVal.Field && cVal.Field.className == "附件上传") || vCell.Val.Pics) {
                                var Pics = vCell.Val.Pics;
                                var pic = Pics && Pics[0];
                                pic = (pic && pic.Src) || pic;
                                if (typeof pic == "string") {
                                    if (Td) {
                                        var li = Td.querySelector(".play>.show");
                                        if (li) {
                                            var left = (Td.offsetWidth - li.offsetWidth) / 2;
                                            var top = (Td.offsetHeight - li.offsetHeight) / 2;
                                            var info = func(vCell, left, top, x, y);
                                            pic = ms_cell.addPicture(li.firstChild.src, 0, 0, li.offsetWidth, li.offsetHeight);
                                            pic.from = {
                                                col: info.col - xSkips[info.col],
                                                colOff: info.left,
                                                row: info.row - ySkips[info.row],
                                                rowOff: info.top
                                            }
                                        }
                                    } else {
                                        ms_cell.addPicture(pic, 0, 0, width, height);
                                    }
                                }
                            } else if (cVal.type == "Field" && cVal.Field.className == "手写签名") {
                                var Pics = vCell.Val.Pics;
                                var pic = Pics && Pics[0];
                                if (pic) {
                                    pic = pic.replace(/style=\"[^\"]+deg\);\"/g, "");
                                    var buf = pic.ToUtf8();
                                    buf.name = "0.svg";
                                    var wi = width;
                                    for (var n = x + 1; n <= vCell.End.column ; n++) {
                                        wi += widths[n];
                                    }
                                    var left = (wi - 120) / 2;
                                    var top = (height - 60) / 2;
                                    for (var col = x; col < vCell.End.column ; col++) {
                                        if (left - widths[col] < 0) {
                                            break;
                                        } else {
                                            left -= widths[col];
                                        }
                                    }
                                    for (var row = y; col < vCell.End.row ; col++) {
                                        if (top - Heights[y] < 0) {
                                            break;
                                        } else {
                                            top -= Heights[y];
                                        }
                                    }
                                    var info = func(vCell, left, top, x, y);
                                    pic = ms_cell.addPicture(buf, 0, 0, 120, 60, 270);
                                    pic.from = {
                                        col: info.col - xSkips[info.col],
                                        colOff: info.left,
                                        row: info.row - ySkips[info.row],
                                        rowOff: info.top
                                    }
                                }
                            } else if (cVal.Ctrl != null) {
                                if (Td) {
                                    var pic = Td.querySelector("svg").outerHTML;
                                    var buf = pic.ToUtf8();
                                    buf.name = "0.svg";
                                    ms_cell.addPicture(buf, 0, 0, Td.offsetWidth, Td.offsetHeight);
                                }
                            } else if (cVal.Ctrl != null) {
                                if (Td) {
                                    var pic = Td.querySelector("svg").outerHTML;
                                    var buf = pic.ToUtf8();
                                    buf.name = "0.svg";
                                    ms_cell.addPicture(buf, 0, 0, Td.offsetWidth, Td.offsetHeight);
                                }
                            } else {
                                if (cVal.cusFormat || cVal.href) {
                                    if (Td) {
                                        ms_cell.value = Rich(Td);
                                    } else {
                                        ms_cell.value = Rich(vCell.Val.text);
                                    }
                                    var href = vCell.href;
                                    href = href && (href.href || href);
                                    if (href) {
                                        if (!/^(http[s]?:)?\/\//.test(href)) {
                                            href = CLHost + href;
                                        } else if (!/^\/\//.test(href)) {
                                            href = location.protocol + href;
                                        }
                                        link = href;
                                        ms_cell.link = href;
                                    }
                                } else {
                                    ms_cell.value = vCell.Val.text == null ? "" : vCell.Val.text + "";
                                }
                            }
                        }
                        var style = ms_cell.style;
                        var hAlign = 'center';
                        var vAlign = 'center';
                        if (vCell.classList.contains('tLeft')) {
                            hAlign = 'left';
                        }
                        if (vCell.classList.contains('tRight')) {
                            hAlign = 'right';
                        }
                        if (vCell.classList.contains('tJustify')) {
                            hAlign = 'distributed';
                        }
                        if (vCell.classList.contains('vTop')) {
                            vAlign = 'top';
                        }
                        if (vCell.classList.contains('vBottom')) {
                            vAlign = 'bottom';
                        }
                        style.vAlign = vAlign;
                        style.hAlign = hAlign;
                        var color = vCell.style.color || (vCell.oCell && vCell.oCell.style.color);
                        if (Td) {
                            var style_ = getComputedStyle(Td);
                            color = style_.color || color;
                        }
                        if (!color) {
                            color = 'FF333333';
                        } else {
                            color = CLColors.toRgba(color);
                            if (color) {
                                color = (color.A * 255).toString(16).padStart(2, 0) + color.R.toString(16).padStart(2, 0) + color.G.toString(16).padStart(2, 0) + color.B.toString(16).padStart(2, 0);
                            }
                        }
                        var colorMatch = /(?:rgb[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*\))|(?:rgba[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-1]?.?[0-9]+[\s]*\))|(?:#[0-9a-f]{6,6})|(?:#[0-9a-f]{3,3})/i
                        var bgColor = vCell.style.background || vCell.style.backgroundColor;
                        if (!bgColor) {
                            bgColor = vCell.className.match(/bgColor_[0-9a-z]+/);
                            bgColor = bgColor && self.CssSheet[bgColor];
                        }
                        bgColor = bgColor && bgColor.match(colorMatch);
                        if (bgColor) {
                            bgColor = CLColors.toRgba(bgColor[0]);
                            bgColor = (bgColor.A * 255).toString(16).padStart(2, 0) + bgColor.R.toString(16).padStart(2, 0) + bgColor.G.toString(16).padStart(2, 0) + bgColor.B.toString(16).padStart(2, 0);
                            style.bgColor = bgColor;
                        }
                        var borderWidth = vCell.className.match(/border-width-[0-9a-z]+/);
                        if (borderWidth) {
                            borderWidth = borderWidth[0];
                            borderWidth = borderWidth.substr(borderWidth.length - 1, 1);
                        }
                        var borderColor = vCell.style.border || vCell.style.borderColor;
                        if (!borderColor) {
                            borderColor = vCell.className.match(/borderColor_[0-9a-z]+/);
                            borderColor = borderColor && self.CssSheet[borderColor];
                        }
                        borderColor = borderColor && borderColor.match(colorMatch);
                        if (borderColor) {
                            borderColor = CLColors.toRgba(borderColor[0]);
                            borderColor = (borderColor.A * 255).toString(16).padStart(2, 0) + borderColor.R.toString(16).padStart(2, 0) + borderColor.G.toString(16).padStart(2, 0) + borderColor.B.toString(16).padStart(2, 0);
                        }
                        if (!borderColor) {
                            borderColor = "FF333333";
                        }
                        var bdStyle_ = null;
                        if (Td) {
                            bdStyle_ = getComputedStyle(Td, "after");
                        }
                        var borders = vCell.className.match(/border-style-[\S]+/g);
                        borders && borders.forEach(function (border) {
                            var name = border.match(/left|top|right|bottom/);
                            name = name && name[0];
                            if (!name) {
                                return;
                            }
                            var bs;
                            if (bdStyle_) {
                                borderWidth = parseInt(bdStyle_["border-" + name + "-width"]);
                                borderColor = CLColors.toRgba(bdStyle_["border-" + name + "-color"]);
                                borderColor = (borderColor.A * 255).toString(16).padStart(2, 0) + borderColor.R.toString(16).padStart(2, 0) + borderColor.G.toString(16).padStart(2, 0) + borderColor.B.toString(16).padStart(2, 0);
                            }
                            if (/solid/.test(border)) {
                                if (borderWidth == 1) {
                                    bs = 'thin';
                                }
                                if (borderWidth == 2 || borderWidth == 3) {
                                    bs = 'medium';
                                }
                                if (borderWidth == 4) {
                                    bs = 'thick';
                                }
                            }
                            if (/dashed/.test(border)) {
                                if (borderWidth == 1) {
                                    bs = 'dashed';
                                }
                                if (borderWidth == 2 || borderWidth == 3) {
                                    bs = 'mediumDashed';
                                }
                                if (borderWidth == 4) {
                                    bs = 'mediumDashed';
                                }
                            }
                            if (/dotted/.test(border)) {
                                if (borderWidth == 1) {
                                    bs = 'hair';
                                }
                                if (borderWidth == 2 || borderWidth == 3) {
                                    bs = 'mediumDashed';
                                }
                                if (borderWidth == 4) {
                                    bs = 'mediumDashed';
                                }
                            }
                            if (bs) {
                                style.border[name] = bs + " " + borderColor;
                            }
                        });
                        var fontSize = vCell.className.match(/font-size-[0-9]+/);
                        if (style_) {
                            fontSize = parseInt(style_.fontSize);
                        } else {
                            fontSize = 12;
                        }
                        var font = style.font;
                        font.size = fontSize * 0.75;
                        font.color = link ? "FF0000ee" : color;
                        if (vCell.classList.contains("bold")) {
                            font.bold = true;
                        }
                        if (vCell.classList.contains("italic")) {
                            font.italic = true;
                        }
                        if (vCell.classList.contains("underline") || link) {
                            font.underline = true;
                        }
                        if (style_) {
                            font.name = style_.fontFamily;
                        } else {
                            var ff = vCell.className.match(/ff-[\S]+/);
                            if (ff) {
                                ff = ff[0].substr(2, ff[0].length);
                            }
                            if (ff == 'SimSun') {
                                font.name = '宋体';
                            } else if (ff == 'SimKai') {
                                font.name = '楷体';
                            } else if (ff == 'SimHei') {
                                font.name = '黑体';
                            } else if (ff == 'Arial') {
                                font.name = 'Arial';
                            } else if (ff == 'ArialBlack') {
                                font.name = 'Arial Black';
                            } else if (ff == 'Calibri') {
                                font.name = 'Calibri';
                            } else if (ff == 'TimesNewRoman') {
                                font.name = 'Times New Roman';
                            } else if (ff == 'Verdana') {
                                font.name = 'Verdana';
                            } else {
                                font.name = '宋体';
                            }
                        }
                        if (Td) {
                            var IsText = Td.querySelector(".IsText>span");
                            style_ = IsText && getComputedStyle(IsText);
                            if (style_ && style_.whiteSpace != "nowrap") {
                                style.wrapText = true;
                            }
                        } else {
                            style.wrapText = true;
                        }
                    }
                }
            }
            first = false;
        }
    }

    fn.CaptureMouseForDragColumn = function () {
        var self = this;
        var Table = self.CLExcel.Table;
        var TableBox = Table.parentNode;
        Table.addEventListener("mousedown", function (e) {
            var Td = e.srcElement;
            while (Td != null && Td.tagName != "TD") {
                Td = Td.parentNode;
            }
            if (Td == null) {
                return;
            }
            if (Td.classList.contains("resizeX") && Td.eleCursor) {
                resizeX(Td, e.clientX, e.clientY);
            } else if (Td.classList.contains("dragCol")) {
                drag(Td, e.clientX, e.clientY);
            }
            function error(list) {
                var css = "";
                var scope = self.CLExcel.Scope;
                for (var i = 0; i < list.length; i++) {
                    var td = list[i].tag
                    css += "." + scope + " .CLCell[x='" + td.getAttribute("x") + "'][y='" + td.getAttribute("y") + "']{animation:CLDragError 3s ease-out;animation-iteration-count:1;}\n";
                }
                var style = document.createElement("style");
                style.innerHTML = css;
                Table.appendChild(style);
                CLDelay(function () {
                    style.remove();
                }, 1500);
            }
            function resizeX(Td, clientX, clientY) {
                var Ele = self.CLExcel.Ele;
                var Div = Table.parentNode.parentNode;
                var rect = Td.getBoundingClientRect()
                var top = rect.top;
                var left = rect.right;
                var bottom = Div.getBoundingClientRect().bottom;
                var div = document.createElement("div");
                div.style.cssText = "position:fixed;top:" + top + "px;height:" + (bottom - top) + "px;width:1px;background:#0db3a6;left:" + left + "px";
                div.style.zIndex = CLMaxZIndex();
                document.body.appendChild(div);
                function move(e) {
                    var X = (left + e.clientX - clientX);
                    if (X < rect.left + 10) {
                        X = rect.left + 10;
                    }
                    div.style.left = X + "px";

                }
                function up(e) {
                    var X = Td.getAttribute("x") * 1;
                    var colspan = Td.getAttribute("colspan");
                    colspan = !colspan ? 1 : colspan * 1;
                    var W = Td.offsetWidth + (e.clientX - clientX);
                    var N = self.columnCount - (X + colspan);
                    if (self.hFull) {
                        if (Td.offsetLeft + N * 10 + W > Table.offsetWidth) {
                            W = Table.offsetWidth - (Td.offsetLeft + N * 10);
                        }
                    }
                    if (W < colspan * 10) {
                        W = colspan * 10;
                    }
                    var Widths = self.DragWidths ? CLClone(self.DragWidths) : CLClone(self.columnWidths);
                    var xCol = IndexOf(Td, MapIndexes(self));
                    var S = Td.offsetWidth == 0 ? 1 : W / Td.offsetWidth;
                    for (var col = xCol; col < xCol + colspan ; col++) {
                        if (Widths[col] == null) {
                            Widths[col] = 100 * S;
                        } else {
                            Widths[col] = Widths[col] * S;
                        }
                    }
                    if (self.hFull) {
                        var L = Table.offsetWidth - Td.offsetWidth - Td.offsetLeft;
                        var nL = L - (W - Td.offsetWidth);
                        S = L == 0 ? 1 : nL / L;
                        for (var col = xCol + colspan; col < self.columnCount ; col++) {
                            if (Widths[col] == null) {
                                Widths[col] = 100 * S;
                            } else {
                                Widths[col] = Widths[col] * S;
                            }
                        }
                    }
                    self.DragWidths = Widths;
                    self.resize(self.width, false, true);
                    window.removeEventListener("mousemove", move, true);
                    window.removeEventListener("mouseup", up, true);
                    self.onsizeChanged(MapWidths(self, Widths, 0));
                    div.remove();
                }
                addEventListener("mousemove", move, true);
                addEventListener("mouseup", up, true);
                e.preventDefault();
                e.stopPropagation();
            }
            function Scope(ele) {
                var scope = document.createElement("div");
                scope.style.zIndex = CLMaxZIndex();
                scope.classList.add(self.CLExcel.Scope);
                scope.appendChild(ele);
                document.body.appendChild(scope);
                return scope;
            }
            function drag(Td, clientX, clientY) {
                var helper = null;
                var pointer = null;
                var border = null;
                Td.classList.add("Dragging");
                function firstMove(clientX, clientY) {
                    helper = document.createElement("div");
                    helper.style.zIndex = CLMaxZIndex();
                    helper.className = "CLHeaderDragging ";
                    Scope(helper);
                    helper.innerHTML = Td.innerHTML;
                    helper.style.width = Td.offsetWidth + "px";
                    helper.style.height = Td.offsetHeight + "px";
                    helper.style.left = clientX - helper.offsetWidth / 2 + "px";
                    helper.style.top = clientY - helper.offsetHeight / 2 + "px";

                    var style = getComputedStyle(Td);
                    helper.style.lineHeight = Td.offsetHeight + "px";
                    helper.style.textAlign = "center";
                    helper.style.fontSize = style.fontSize;
                    pointer = document.createElement("div");
                    helper.pointer = pointer;
                    pointer.classList.add("Pointer");
                    helper.appendChild(pointer);
                    style = getComputedStyle(pointer);
                    pointer.style.height = Td.offsetHeight + 2 * parseInt(style.lineHeight) + "px";
                }
                var cells = Td.parentNode.childNodes;
                var cur = null;
                var BRect = TableBox.getBoundingClientRect();
                var insert = "beforebegin";
                function move(e) {
                    cur = null;
                    insert = "beforebegin";
                    if (!helper) {
                        var Vec = new CLVec2(e.clientX - clientX, e.clientY - clientY);
                        if (Vec.length() > 4) {
                            firstMove(e.clientX, e.clientY);
                        } else {
                            return;
                        }
                    } else {
                        helper.style.left = e.clientX - helper.offsetWidth / 2 + "px";
                        helper.style.top = e.clientY - helper.offsetHeight / 2 + "px";
                    }
                    var rect;
                    for (var i = 0; i < cells.length ; i++) {
                        rect = cells[i].getBoundingClientRect();
                        if (e.clientX > rect.left && e.clientX < rect.right) {
                            cur = cells[i];
                            break;
                        }
                    }
                    if (e.clientX < BRect.left || e.clientX > BRect.right || e.clientY < BRect.top || e.clientY > BRect.bottom) {
                        cur = null;
                    }
                    if (cur) {
                        pointer.style.display = "";
                        pointer.style.top = rect.top + rect.height / 2 - pointer.offsetHeight / 2 + "px";
                        if (e.clientX > rect.left + rect.width / 2) {
                            insert = "afterend";
                            pointer.style.left = rect.right + "px";
                        } else {
                            pointer.style.left = rect.left + "px";
                        }
                    }

                }
                function up(e) {
                    if (helper) {
                        helper.parentNode.remove();
                    }
                    if (cur && cur != Td) {
                        var Indexes = MapIndexes(self);
                        var to = IndexOf(cur, Indexes);
                        if (insert == "afterend") {
                            to += cur.colSpan;
                        }
                        var col = IndexOf(Td, Indexes);
                        Indexes = self.MoveCols(col, Td.colSpan, to, true);
                        self.resize(self.width, false, true, self.hFull);
                        self.onsorted(Indexes);
                    } else if (!cur) {
                        self.onenddrag(e.clientX, e.clientY);
                    }
                    Td.classList.remove("Dragging");
                    removeEventListener("mousemove", move, true);
                    removeEventListener("mouseup", up, true);
                }
                addEventListener("mousemove", move, true);
                addEventListener("mouseup", up, true);
                e.preventDefault();
                e.stopPropagation();
            }
        }, false);
        Table.addEventListener("mousemove", function (e) {
            var Td = e.srcElement;
            while (Td != null && Td.tagName != "TD") {
                Td = Td.parentNode;
            }
            if (Td == null) {
                return;
            }
            if (Td.classList.contains("resizeX")) {
                var pos = Td.getBoundingClientRect().left + Td.offsetWidth;
                if (Td.eleCursor) {
                    Td.eleCursor.style.cursor = Td.oCursor;
                    delete Td.oCursor;
                    delete Td.eleCursor;
                }
                if (pos - e.clientX < 7) {
                    Td.eleCursor = e.srcElement;
                    Td.oCursor = Td.eleCursor.style.cursor;
                    Td.eleCursor.style.cursor = "e-resize";
                }
            }
        }, false);
    }

    VirtualExcel.EditCellText = function (Td) {
        while (Td != null && Td.tagName != "TD") {
            Td = Td.parentNode;
        }
        if (Td == null) {
            return;
        }
        var self = VirtualExcel.GetInstance(Td);
        if (self == null) {
            return;
        }
        var x = Td.getAttribute("x") * 1;
        var y = Td.getAttribute("y") * 1;
        var virtualCell = self.Rows_Cells[y][x];
        var self = VirtualExcel.GetInstance(Td);
        self.EditCellText(virtualCell);
    }

    VirtualExcel.Click = function (Td) {
        var Targer = Td;
        while (Td != null && Td.tagName != "TD") {
            Td = Td.parentNode;
        }
        if (Td == null) {
            return;
        }
        var self = VirtualExcel.GetInstance(Td);
        if (self == null) {
            return;
        }
        var x = Td.getAttribute("x") * 1;
        var y = Td.getAttribute("y") * 1;
        var virtualCell = self.Rows_Cells[y][x];
        if (!virtualCell.onclick && virtualCell.virtualClickCell) {
            virtualCell = virtualCell.virtualClickCell;
            x = virtualCell.Start.column;
            y = virtualCell.Start.row;
            Td = self.getLine(y).getElementsByClassName("xIndex" + x)[0];
        }
        var curCell = virtualCell.Cell;
        if (curCell.Prop.onclick) {
            VirtualExcel.Exec(curCell.Prop.onclick.runCode, Td, { Targer: Targer });
        }
    }

    VirtualExcel.DbClick = function (Td) {
        var Targer = Td;
        while (Td != null && Td.tagName != "TD") {
            Td = Td.parentNode;
        }
        if (Td == null) {
            return;
        }
        var self = VirtualExcel.GetInstance(Td);
        if (self == null) {
            return;
        }
        var x = Td.getAttribute("x") * 1;
        var y = Td.getAttribute("y") * 1;
        var virtualCell = self.Rows_Cells[y][x];
        if (!virtualCell.onclick && virtualCell.virtualClickCell) {
            virtualCell = virtualCell.virtualClickCell;
            x = virtualCell.Start.column;
            y = virtualCell.Start.row;
            Td = self.getLine(y).getElementsByClassName("xIndex" + x)[0];
        }
        var virtualCell = self.Rows_Cells[y][x];
        var curCell = virtualCell.Cell;
        if (curCell.Prop.ondblclick) {
            VirtualExcel.Exec(curCell.Prop.ondblclick.runCode, Td, { Targer: Targer });
        }
    }

    VirtualExcel.SetCellValue = function (Td, newVal) {
        var Td;
        var virtualCell;
        var self;
        if (!Td) {
            return;
        }
        while (Td != null && Td.tagName != "TD") {
            Td = Td.parentNode;
        }
        self = VirtualExcel.GetInstance(Td);
        if (self) {
            var x = Td.getAttribute("x") * 1;
            var y = Td.getAttribute("y") * 1;
            virtualCell = self.Rows_Cells[y][x];
        }
        if (!virtualCell) {
            return;
        }
        var Cell = virtualCell.Cell;
        var changed = true;
        if (newVal === undefined) {
            if (Cell.Val != null && Cell.Val.type == "Code" && !virtualCell.Edit) {
                newVal = VirtualExcel.Exec(Cell.Val.Code.runCode, Td);
                changed = newVal != virtualCell.Val.text;
            } else {
                newVal = virtualCell.Val.text;
                changed = false;
            }
        }
        var Val = virtualCell.Val;
        if (Val == null) {
            Val = virtualCell.Val = {
                type: "text",
                text: null
            };
        }
        var innerClass = "";
        var innerStyle = "";
        var DynamicStyle = virtualCell.DynamicStyle;
        if (DynamicStyle) {
            if (DynamicStyle.toLocaleLowerCase != null) {
                innerStyle = DynamicStyle;
            } else {
                if (DynamicStyle.className != null) {
                    innerClass = DynamicStyle.className;
                }
                if (DynamicStyle.style) {
                    innerStyle = DynamicStyle.style;
                }
            }
        }
        if ((virtualCell.Cell.Val && virtualCell.Cell.Val.IsImg) || Val.type == "img") {
            var Imgs;
            try {
                if (typeof newVal == "string") {
                    if (newVal[0] == "{") {
                        Imgs = [JSON.parse(newVal)];
                    } else if (newVal[0] == "[") {
                        Imgs = JSON.parse(newVal);
                    } else {
                        Imgs = [
                            {
                                Name: "图片.png",
                                Src: newVal,
                                Size: 0
                            }
                        ];
                    }
                } else {
                    Imgs = newVal;
                }
            } catch (e) {

            }
            virtualCell.Val.text = newVal;
            self.writeVal(virtualCell, Val);
            if (Td.offsetHeight != 0 && Td.offsetWidth != 0) {
                Td.innerHTML = "<div class='Content'><div class='Data'><span class='pic'></span></div></div>";
                var box = Td.firstChild.firstChild.firstChild;
                box.style.overflow = "hidden";
                box.style.width = "100%";
                box.style.height = "100%";
                var picBox = new CLPictureBox(box, JSON.parse(Imgs), virtualCell.Cell.Val && virtualCell.Cell.Val.AutoSwap);
                if (Td.onclick) {
                    picBox.PreView = false;
                }
            }
        } else if (virtualCell.Cell.Val && virtualCell.Cell.Val.type == "Field") {
            var className = virtualCell.Cell.Val.Field.className;
            if (className == "提交人" || className == "成员单选"
            || className == "部门单选" || className == "成员多选"
            || className == "部门多选" || className == "流程状态") {
                virtualCell.oVal = newVal;
            }
            virtualCell.Val.text = newVal;
            self.writeVal(virtualCell, Val);
            if (className == "附件上传") {
                if (Td.offsetHeight != 0 && Td.offsetWidth != 0) {
                    Td.innerHTML = "<div class='Content IsPic'></div></div>";
                    var box = Td.firstChild;
                    var picBox = new CLPictureBox(box, JSON.parse(Imgs), virtualCell.Cell.Val.AutoSwap);
                    if (Td.onclick) {
                        picBox.PreView = false;
                    }
                }
            }
            else if (className == "手写签名") {
                if (Td.offsetHeight != 0 && Td.offsetWidth != 0) {
                    Td.innerHTML = "<div class='Content IsPic'><span>" + Val.text + "</span></div>";
                    var height;
                    if (!self.CLExcel.autoRowHeight) {
                        height = Td.firstChild.firstChild.firstChild.offsetHeight;
                    } else {
                        height = Td.firstChild.offsetHeight;
                    }
                    var width = Td.firstChild.offsetWidth - 6;
                    var box = Td.firstChild.firstChild.firstChild.firstChild.firstChild;

                    var boxHeight = box.offsetHeight;
                    var boxWidth = box.offsetWidth;
                    var scaleX = width / boxWidth;
                    var scaleY = height / boxHeight;
                    var zoom = scaleX < scaleY ? scaleX : scaleY;
                    if (zoom < 1) {
                        box.style.zoom = zoom;
                    }
                }
            } else {
                if (Td.offsetHeight != 0 && Td.offsetWidth != 0) {
                    Td.innerHTML = "<div class='Content IsText'><span>" + Val.text + "</span></div>";
                }
            }
        } else
            if (Val.type == "text") {
                virtualCell.Val.text = newVal;
                self.writeVal(virtualCell, Val);
                if (Td.offsetHeight != 0 && Td.offsetWidth != 0) {
                    Td.innerHTML = "<div class='Content'><span>" + Val.text + "</span></div>";
                }
            }
        if (changed && virtualCell.Changed != null) {
            for (var i = 0; i < virtualCell.Changed.length ; i++) {
                var f = virtualCell.Changed[i];
                f.call(f.This);
            }
        }
    }

    VirtualExcel.GetInstance = function (Ele) {
        while (Ele && Ele.VirtualExcel == null) {
            Ele = Ele.parentNode;
        }
        return Ele == null ? null : Ele.VirtualExcel;
    }

    var Executing = false;;

    VirtualExcel.Exec = function (sCode, Td, EventData) {
        while (Td != null && Td.tagName != "TD") {
            Td = Td.parentNode;
        }
        if (Td == null) {
            return;
        }
        var self = VirtualExcel.GetInstance(Td);
        var x = Td.getAttribute("x") * 1;
        var y = Td.getAttribute("y") * 1;
        var calculator = self.ExcelCalculator;
        var Ctrls = calculator.Ctrls;
        var CLExcel_ = calculator.CLExcel_;
        var SourceData = calculator.SourceData;
        var AllocInfos = calculator.AllocInfos;
        calculator.AllocInfos = self.AllocInfos;
        calculator.SourceData = self.SourceData;
        calculator.Ctrls = self.Ctrls;
        calculator.CLExcel_ = self.CLExcel;
        var virtualCell = self.Rows_Cells[y][x];
        var curCell = virtualCell.Cell;
        var vCell = curCell.virtualCell;
        var keyList = curCell.currentKeyList;
        var vIndex = curCell.vIndex;
        curCell.virtualCell = virtualCell;
        curCell.currentKeyList = CLClone(virtualCell.keyList);
        curCell.vIndex = curCell.currentKeyList.pop();
        var tempCells = [];

        function set() {
            var keyList = [];
            var vKeyList = virtualCell.keyList;
            for (var i = 0; i < vKeyList.length - 2; i += 2) {
                var id = vKeyList[i];
                var cell = calculator.Id_Cells[id];
                keyList.push(vKeyList[i]);
                cell.tempKeyList = cell.currentKeyList;
                cell.currentKeyList = CLClone(keyList);
                keyList.push(vKeyList[i + 1]);
                var Info = calculator.getAllocInfo(keyList);
                cell.tempVirtualCell = cell.virtualCell;
                cell.virtualCell = Info.virtualCell;
                cell.tempIndex = cell.vIndex;
                cell.vIndex = vKeyList[i + 1];
                tempCells.push(cell);
            }
        }
        function reset() {
            var keyList = [];
            for (var i = 0; i < tempCells; i++) {
                var cell = tempCells[i];
                cell.currentKeyList = cell.tempKeyList;
                delete cell.tempKeyList;
                cell.virtualCell = cell.tempVirtualCell;
                delete cell.tempVirtualCell;
                cell.vIndex = cell.tempIndex;
                delete cell.tempIndex;
            }
        }
        if (EventData == null) {
            EventData = {
                VirtualExcel: self,
                currentCell: Td
            }
        } else {
            EventData.VirtualExcel = self;
            EventData.currentCell = Td;
        }
        var R;
        try {
            set();
            Executing = true;
            R = calculator.runCode(sCode, curCell, EventData);
        } finally {
            Executing = false;
            curCell.currentKeyList = keyList;
            curCell.vIndex = vIndex;
            calculator.AllocInfos = AllocInfos;
            calculator.SourceData = SourceData;
            calculator.Ctrls = Ctrls;
            calculator.CLExcel_ = CLExcel_;
            curCell.virtualCell = vCell;
            reset();
        }
        return R;
    }

}());
;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLTree/CLTree.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLCheckBox/CLCheckBox.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLExcel/CLExcel.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLSelect/CLSelect.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLTable/CLTable.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLMenu/CLMenu.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLCodeEditor/CLCodeEditor.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLTree/CLTree.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLSelect/CLSelect.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLDialog/CLDialog.js" />
/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLExcel/CLExcel.js" />

(function () {
    CLLoad("/View/Form/Lib/Report/ExcelDesigner.css");

    var listName = ["关联查询", "关联数据", "手写签名", "成员范围", "角色选择", "分割线", "选项卡", "表格控件", "多行文本", "复选框组", "下拉复选框", "附件上传", "成员多选", "部门多选"];

    function isLess(rect1, rect2) {
        var Pos1 = {
            X: rect1.left + rect1.width / 2,
            Y: rect1.top + rect1.height / 2
        };
        if (Pos1.Y < rect2.top) {
            return true;
        } else if (Pos1.Y > rect2.bottom) {
            return false;
        } else {
            if (Pos1.X < rect2.left + rect2.width / 2) {
                return true;
            } else {
                return false;
            }
        }
    }

    CLRegiste("CLSelect", null, true);

    document.addEventListener("keydown", function (e) {
        if (e.code == "Backspace" && e.srcElement == document.body) {
            e.preventDefault();
        }
    });

    var mapId = {};

    window.ExcelDesigner = function (Ele, Editable) {
        if (Ele == null) {
            return;
        }
        var self = this;
        self.Var_Vals = {};
        self.dataExcel = {
            bgColor: "#fff",
            dataSources: []
        };

        self.SourceData = {};
        var timer = setInterval(function () {
            if (!self.designerDiv.isConnected) {
                clearInterval(timer);
                self.SourceClose();
            }
        }, 500);

        self.Editable = Editable != false;
        self.Ele = Ele;
        Ele.classList.add("ExcelDesigner");
        if (!self.Editable) {
            Ele.classList.add("ExcelDesignerNoEidt");
        }
        if (self.Editable) {
            var dataSourceDiv = self.dataSourceDiv = document.createElement("div");
            dataSourceDiv.className = "dataSource";
            Ele.appendChild(dataSourceDiv);
            self.InitSourceDiv();
        }

        var designerDiv = self.designerDiv = document.createElement("div");
        designerDiv.className = "Designer";
        Ele.appendChild(designerDiv);
        if (!self.Editable) {
            self.CusValCells = [];
        }
        if (self.Editable) {
            var barDiv = document.createElement("div");
            barDiv.className = "Bar";
            Ele.appendChild(barDiv);

            var savrBtn = document.createElement("div");
            savrBtn.className = "CLBtnGreen";
            savrBtn.innerHTML = "保存";
            savrBtn.onclick = function () {
                self.Save();
            }
            barDiv.appendChild(savrBtn);

            designerDiv.style.top = "40px";
            self.CLExcel = new CLExcel(designerDiv, Editable);
            self.CLExcel.createBar();
            self.CLExcel.showCellVal = function (cell, Val) {
                self.showCellVal(cell, Val);
            };
            self.CLExcel.startEdit = function (cell) {
                var Val = this.getCellVal(cell);
                if (Val != null && Val.type == "Code") {
                    self.editCode(cell, Val.Code, function (Code) {
                        Val.Code = Code;
                        self.showCellVal(cell, Val);
                        self.CLExcel.recordState();
                    }, "公式编辑");
                } else {
                    CLExcel.prototype.startEdit.call(this, cell);
                }
            }
            self.CLExcel.setCellProp = function (cell, Prop) {
                cell.Prop = Prop;
                if (Prop.color != null) {
                    cell.style.color = Prop.color;
                }
                if (Prop.borderRadius != null) {
                    cell.style.borderRadius = Prop.borderRadius;
                }
                if (Prop.backgroundColor != null) {
                    cell.style.background = Prop.backgroundColor;
                }
                if (Prop.borderColor != null) {
                    self.setBorderColor(cell, Prop.borderColor);
                }
                if (Prop.padding != null) {
                    cell.style.padding = Prop.padding;
                }
                if (Prop.lineHeight != null) {
                    cell.style.lineHeight = Prop.lineHeight;
                }
                if (Prop.minHeight != null) {
                    cell.style.minHeight = Prop.minHeight + "px";
                }
            }

            self.CLExcel.filterClassNames.push("downExpand", "rightExpand");

            self.CLExcel.OnSelectAreaChanged = function () {
                if (self.Editable) {
                    self.showCellProp();
                    self.CLExcel.Ele.focus();
                }
            }

            self.AutoMove();

            var Copy = self.CLExcel.Copy;
            self.CLExcel.Copy = function (areaInfo) {
                var copied = Copy.call(this, areaInfo);
                var showCellVal = copied.showCellVal;
                var Sources = {};
                var Count = 0;
                for (var i = 0; i < showCellVal.length ; i++) {
                    var Val = showCellVal[i].Val;
                    if (Val && Val.Field) {
                        if (!Sources[Val.Field.SourceID]) {
                            Count++;
                            Sources[Val.Field.SourceID] = self.getDataSourceById(Val.Field.SourceID);
                        }
                    }
                }
                if (Count > 0) {
                    copied.Sources = Sources;
                }
                return copied;
            }

            var Paste = self.CLExcel.Paste;
            self.CLExcel.Paste = function (data, row, column) {
                var Sources = data.Sources;
                var excel = this;
                if (Sources) {
                    var Count = 0;
                    function func(Sources, Id) {
                        var nId = mapId[Id];
                        if (!nId) {
                            mapId[Id] = nId = CLMakeId();
                            self.addDataSource(Sources[Id]);
                            Count++;
                        }
                        Sources[nId] = Sources[Id];
                        Sources[nId].ID = nId;
                        Sources[nId].IdOf = function () {
                            return Id;
                        }
                        delete Sources[Id];
                    }
                    for (Id in Sources) {
                        if (!self.getDataSourceById(Id)) {
                            func(Sources, Id);
                        }
                    }
                    var showCellVal = data.showCellVal;
                    for (var i = 0; i < showCellVal.length; i++) {
                        var Val = showCellVal[i].Val;
                        if (Val && Val.Field && mapId[Val.Field.SourceID]) {
                            Val.Field.SourceID = mapId[Val.Field.SourceID];
                        }
                    }
                    if (Count > 0) {
                        self.ShowSource(function () {
                            excel.Operation(function () {
                                Paste.call(excel, data, row, column);
                            });
                        });
                    } else {
                        excel.Operation(function () {
                            Paste.call(excel, data, row, column);
                        });
                    }

                } else {
                    excel.Operation(function () {
                        Paste.call(excel, data, row, column);
                    });
                }
            }
        }
        if (self.Editable) {
            var propDiv = self.propDiv = document.createElement("div");
            propDiv.className = "Prop";
            Ele.appendChild(propDiv);
            self.Prop = new Prop(propDiv, this);
        }
        if (self.Editable) {
            self.CLExcel.clearSelectedValue = function () {
                CLExcel.prototype.clearSelectedValue.call(self.CLExcel);
                self.showCellProp();
            }

            self.CLExcel.clearSelectedFormat = function () {
                CLExcel.prototype.clearSelectedFormat.call(self.CLExcel);
                if (self.Prop.typeDiv.innerHTML == "单元格属性") {
                    self.Prop.showCellProp();
                }
            }

            self.CLExcel.clearSelectedAll = function () {
                CLExcel.prototype.clearSelectedAll.call(self.CLExcel);
                if (self.Prop.typeDiv.innerHTML == "单元格属性") {
                    self.Prop.showCellProp();
                }
            }

            self.CLExcel.Save = function () {
                self.Save();
            }
        } else {
            self.autoResize();
        }
    }

    var gAllClassNames = ["流水号", "单行文本", "多行文本", "数字", "时间日期",
    "单选按钮组", "复选框组", "下拉框", "下拉复选框", "附件上传",
    "手写签名", "成员单选", "成员多选", "部门单选", "部门多选",
    "成员范围", "角色选择", "流程状态", "提交人", "提交时间", "更新时间"];

    var fn = ExcelDesigner.prototype;
    //应用Id
    fn.AppId = null;
    //提示框
    fn.toolTip = null;
    //是否可编辑
    fn.Editable = true;
    //传入容器
    fn.Ele = null;
    //数据源容器
    fn.dataSourceDiv = null;
    //设计器容器
    fn.designerDiv = null;
    //属性实例
    fn.Prop = null;
    //填报模式
    fn.IsWrite = false;
    //表格实例
    fn.CLExcel = null;
    //数据库连接对象
    //Connection: [
    //    {
    //        ID: "",
    //        Name: "",
    //        Ip: "",
    //        Pwd: "",
    //        User: "",
    //        Catalog: ""
    //    }
    //]
    //设计数据
    fn.dataExcel = null;
    //{
    //    Excel: {},
    //    dataSources: [
    //        {
    //            ID: "",
    //            Name: "",
    //            ConnectionID: "", //可为空,为空时根据FormID取表单字段,否则根据sql去表单字段
    //            sql: {            //其他表单
    //                originalCode: '',
    //                runCode: '',
    //                Marks: []
    //            }
    //        }
    //    ]
    //}
    //尺寸改变事件
    fn.autoResize = function () {
        var self = this;
        var timer = null;
        var width = self.Ele.offsetWidth;
        function resize() {
            if (!self.designerDiv.isConnected) {
                window.removeEventListener("resize", resize);
            }
            if (width != self.Ele.offsetWidth) {
                width = self.Ele.offsetWidth;
                self.resize();
            }
        }
        window.addEventListener("resize", resize);
    }

    fn.resize = function () {

    }
    //设置单元格边框颜色
    fn.setBorderColor = function (cell, color) {
        var self = this;
        if (self.Editable == false) {
            cell.style.borderColor = color;
        } else {
            var classList = cell.classList;
            for (var i = 0; i < classList.length; i++) {
                if (classList[i].indexOf("color_") == 0) {
                    classList.remove(classList[i]);
                }
            }
            if (color != null) {
                var id = "color_" + color.replace(/\#/g, "").replace(/\(/g, "").replace(/\)/g, "").replace(/\,/g, "").replace(/\ /g, "");
                cell.classList.add(id);
                var style = document.getElementById(id);
                if (style == null) {
                    style = document.createElement("style");
                    style.id = id;
                    style.innerHTML = ".CLExcel:not(.CLExcelNoEidt) ." + id + ":after{border-color:" + color + "}";
                    style.className = "color";
                    document.head.appendChild(style);
                }
            }
        }
    }
    //数据源显示容器
    fn.sourceView = null;
    //获取所有数据连接
    fn.GetConnections = function () { }

    fn.FlowCore = null;

    fn.AtServer = false;

    fn.FormSource = function (dataSource, End) {
        var self = this;
        self.FlowCore.CreateFormSource(dataSource, function (dataSource) {
            End(dataSource);
        });
    }

    fn.StepSource = function (dataSource, End) {
        var self = this;
        self.FlowCore.CreateStepSource(dataSource, function (dataSource) {
            End(dataSource);
        });
    }

    fn.VarChanged = function (dataVar, ID) {
        var self = this;
        var dataSources = self.dataExcel.dataSources;
        if (dataSources) {
            dataSources.forEach(function (ele) {
                DataSourceDlg.updateVar(ele, ID, dataVar);
            });
        }
    }

    //初始化数据源显示界面
    fn.InitSourceDiv = function () {
        var self = this;
        var dataSourceDiv = self.dataSourceDiv;
        var divTitle = document.createElement("div");
        divTitle.className = "Title";
        divTitle.innerHTML = "<div class='Name'>数据源</div>";
        dataSourceDiv.appendChild(divTitle);
        var addDiv = document.createElement("div");
        addDiv.classList.add("Add");
        addDiv.innerHTML = "添加";
        var dataExcel = self.dataExcel;
        function AddSource(dataSource) {
            var dataExcel = self.dataExcel;
            var DataSource = self.getDataSourceById(dataSource.ID);
            if (DataSource) {
                for (var key in dataSource) {
                    DataSource[key] = dataSource[key]
                }
            } else {
                if (!dataExcel.dataSources) {
                    dataExcel.dataSources = [];
                }
                dataExcel.dataSources.push(dataSource);
            }
        }
        addDiv.onclick = function () {
            if (!__IsDev__) {
                CLShowMsg("你不是开发者.");
                return;
            }
            if (!self.AtServer) {
                var funcs = [];
                var sourceDlg = new DataSourceDlg(null, dataExcel.Vars, function (dataSource, Vars) {
                    dataExcel.Vars = Vars;
                    AddSource(dataSource);
                    funcs.forEach(function (func) {
                        func();
                    });
                    self.ShowSource();
                });

                var VarChanged = sourceDlg.VarChanged;
                sourceDlg.VarChanged = function (dataVar, ID) {
                    VarChanged.call(this, dataVar, ID);
                    funcs.push(function () {
                        self.VarChanged(dataVar, ID);
                    });
                }
            } else {
                var Menu = {
                    "style": {
                        "max-height": "100%",
                        "overflow-y": "auto",
                        "min-width": "130px"
                    },
                    "Items": []
                }
                var Items = Menu.Items;
                Items.push({
                    "Text": "添加【SQL】数据源",
                    "Enable": true,
                    "CallBack": function (e) {
                        dataSource = {
                            ID: CLMakeId(),
                            Name: "未命名数据源",
                            sql: {
                                Marks: [],
                                originalCode: "",
                                runCode: ""
                            }
                        };
                        dataSource.Type = 1;
                        var funcs = [];
                        var sourceDlg = new DataSourceDlg(dataSource, self.dataExcel.Vars, function (dataSource, Vars) {
                            dataExcel.Vars = Vars;
                            AddSource(dataSource);
                            funcs.forEach(function (func) {
                                func();
                            });
                            self.ShowSource();
                        });
                        var VarChanged = sourceDlg.VarChanged;
                        sourceDlg.VarChanged = function (dataVar, ID) {
                            VarChanged.call(this, dataVar, ID);
                            funcs.push(function () {
                                self.VarChanged(dataVar, ID);
                            });
                        }
                        _CLMenu.Close();
                    }
                });
                if (self.FlowCore) {
                    Items.push({
                        "Text": "添加【表单】数据源",
                        "Enable": true,
                        "CallBack": function (e) {
                            dataSource = {
                                ID: CLMakeId(),
                                Name: "未命名数据源",
                                StepID: null
                            };
                            dataSource.Type = 4;
                            self.FormSource(dataSource, function (dataSource) {
                                AddSource(dataSource);
                                self.ShowSource();
                            });
                        }
                    });
                    Items.push({
                        "Text": "添加【节点】数据源",
                        "Enable": true,
                        "CallBack": function (e) {
                            dataSource = {
                                ID: CLMakeId(),
                                Name: "未命名数据源",
                                StepID: null
                            };
                            dataSource.Type = 5;
                            self.StepSource(dataSource, function (dataSource) {
                                AddSource(dataSource);
                                self.ShowSource();
                            });
                        }
                    });
                }
                var _CLMenu = new CLMenu(Menu, addDiv);
            }
        }
        divTitle.appendChild(addDiv);
        var sourceView = self.sourceView = document.createElement("div");
        sourceView.className = "sourceView";
        dataSourceDiv.appendChild(sourceView);
    }
    //参数-值
    fn.Var_Vals = null;
    //已改变的Source
    fn.ChangedSourceIDs = null;

    fn.flushTimer = null;

    fn.FlushVar = function () {
        var self = this;
        if (!self.ChangedSourceIDs || self.ChangedSourceIDs.length == 0) {
            return;
        }

        if (self.flushTimer != null) {
            clearTimeout(self.flushTimer);
        }

        self.flushTimer = setTimeout(function () {
            clearTimeout(self.flushTimer);
            var load = self.QueryData(self.ChangedSourceIDs, function () {
                self.Render();
            });
        }, 1);
    }

    fn.Render = function () {
        var self = this;
        self.setData(self.dataExcel);
    }
    //获取所有变量
    fn.GetVars = function () {
        var self = this;
        if (self.dataExcel) {
            return self.dataExcel.Vars;
        }
        return [];
    }
    //设置参数值
    fn.SetVarValue = function (Id, Val, bEvent, strict) {
        var self = this;
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        if (Object.Equals(self.Var_Vals[name], Val, strict)) {
            return;
        }
        self.Var_Vals[name] = Val;
        if (bEvent == false) {
            return;
        }
        if (self.ChangedSourceIDs == null) {
            self.ChangedSourceIDs = [];
        }
        var sources = self.dataExcel.dataSources;
        for (var i = 0; i < sources.length; i++) {
            if (DataSourceDlg.VarInUse(name, sources[i])) {
                if (self.ChangedSourceIDs.indexOf(sources[i].ID) < 0) {
                    self.ChangedSourceIDs.push(sources[i].ID);
                }
            }
        }
        if (self.dataExcel.fastQuery != false) {
            self.FlushVar();
        }
    }
    //设置参数值
    fn.CalcVar = function (Var) {
        var self = this;
        function GetVarValue(name) {
            return self.GetVarValue(name);
        }
        function SetVarValue(Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        var R = null;
        if (!self.Var_Vals.hasOwnProperty(Var.Name)) {
            if (Var.className == "公式" && Var.Val != null) {
                try {
                    R = eval(Var.Val);
                    if (typeof R == "function") {
                        self.Var_Vals[Var.Name] = R;
                    }
                } catch (e) {
                    CLShowMsg("【" + Var.Name + "】" + (e.message ? e.message : e.toString()));
                    throw e;
                }
            } else {
                R = Var.Val;
                if (Var.className == "数字" || Var.className == "行" || Var.className == "页") {
                    R *= 1;
                }
            }
        } else {
            R = self.Var_Vals[Var.Name];
        }
        return R;
    }
    //获取参数的值
    fn.GetVarValue = function (Id) {
        var self = this;
        if (Id == null) {
            return null;
        }
        var name = Id;
        if (name[0] == "$") {
            name = new CLBase64().decode(name.substr(2, name.length - 3));
        }
        var Vars = self.GetVars();
        for (var i = 0; Vars && i < Vars.length; i++) {
            var Var = Vars[i];
            if (Var.Name == name) {
                return self.CalcVar(Var);
            }
        }
        return null;
    }
    //计算参数值
    fn.CalcVars = function () {
        var self = this;
        var retVars = {};
        var Vars = self.GetVars();
        for (var i = 0; Vars != null && i < Vars.length; i++) {
            var Var = Vars[i];
            retVars[Var.ID] = self.CalcVar(Var);
        }
        retVars.GetVarValue = function (name) {
            return self.GetVarValue(name);
        }
        retVars.SetVarValue = function (Name, Val, bEvent) {
            return self.SetVarValue(Name, Val, bEvent == true);
        }
        return retVars;
    }
    //获取参数的值
    fn.GetDataSources = function () {
        var self = this;
        var dataSources = self.dataExcel.dataSources;
        return dataSources == null ? [] : dataSources;
    }
    //加入数据源
    fn.addDataSource = function (Source) {
        var self = this;
        if (!self.dataExcel.dataSources) {
            self.dataExcel.dataSources = [];
        }
        self.dataExcel.dataSources.push(Source);
    }
    //根据Id获取数据源
    fn.getDataSourceById = function (ID) {
        var self = this;
        var Source = self.GetDataSources();
        for (var i = 0; i < Source.length; i++) {
            if (Source[i].ID == ID) {
                return Source[i];
            }
        }
    }
    //移除数据源
    fn.removeSource = function (ID) {
        var self = this;
        var dataSources = self.dataExcel.dataSources;
        for (var i = 0; i < dataSources.length; i++) {
            if (dataSources[i].ID == ID) {
                dataSources.splice(i, 1);
            }
        }
    }
    //根据数据源及字段ID获取字段
    fn.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID) {

    }
    //根据数据源获取所有字段
    fn.GetFieldsBySourceId = function (SourceID) {

    }
    //数据源表单
    fn.dataForms = null;
    //获取数据源对应的所有表单
    fn.getDataForms = function () {
        return this.dataForms;
    }
    //弹出框
    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "padding": "8px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        return _CLMenu;
    }
    //获取数据源字段
    fn.QueryForms = function (End) {
        var self = this;
        if (!self.FlowCore) {
            var dataSources = self.GetDataSources();
            DataSourceDlg.GetFormsByDataSource(dataSources, function (dataForms) {
                DataSourceDlg.RewriteFieldsInfo(dataForms, dataSources);
                End(dataForms);
            });
            return;
        } else {
            var dataSources = self.GetDataSources();
            DataSourceDlg.GetFormsByDataSource(dataSources, function (dataForms) {
                for (var i = 0; i < dataSources.length; i++) {
                    if (dataSources[i].Type == 4) {
                        dataForms.push(self.FlowCore.QueryFormSource(dataSources[i]));
                    }
                    if (dataSources[i].Type == 5) {
                        dataForms.push(self.FlowCore.QueryStepSource(dataSources[i]));
                    }
                }
                DataSourceDlg.RewriteFieldsInfo(dataForms, dataSources);
                End(dataForms);
            });
            return;
        }
    }
    //显示数据源
    fn.ShowSource = function (End, dataForms) {
        var self = this;
        if (dataForms == null) {
            self.QueryForms(function (dataForms) {
                self.ShowSource(End, dataForms);
            });
            return;
        }
        self.dataForms = dataForms;
        self.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    for (var j = 0; j < dataForms[i].Fields.length; j++) {
                        if (dataForms[i].Fields[j].ID == FieldID) {
                            return dataForms[i].Fields[j];
                        }
                    }
                }
            }
        };

        self.GetFieldsBySourceId = function (SourceID) {
            for (var i = 0; i < dataForms.length; i++) {
                if (dataForms[i].ID == SourceID) {
                    return CLClone(dataForms[i].Fields);
                }
            }
        }

        self.getDataForms = function () {
            return dataForms;
        }

        var sourceView = self.sourceView;
        if (sourceView == null) {
            if (End != null) {
                End();
            }
            return;
        }
        sourceView.innerHTML = "";
        for (var i = 0; i < dataForms.length; i++) {
            dataForms[i].SubNode = dataForms[i].Fields;
            dataForms[i].type = "Source";
        }
        var treeData = {
            ID: CLMakeId(),
            Name: "无",
            SubNode: dataForms
        };
        var helpDiv = document.createElement("div");
        helpDiv.className = "ExcelDesignerDragHelp";
        function EnableDrag(Item, ItemData) {
            var X;
            var Y;
            var left, top;
            var cell;
            CLEnableMove(Item, function (Item, event) {
                helpDiv.style.zIndex = CLMaxZIndex();
                helpDiv.innerHTML = ItemData.Name;
                document.body.appendChild(helpDiv);
                left = event.clientX - helpDiv.offsetWidth / 2;
                top = event.clientY - helpDiv.offsetHeight / 2;

                helpDiv.style.left = left + "px";
                helpDiv.style.top = top + "px";
                X = Item.Pos.X;
                Y = Item.Pos.Y;
                if (self.IsWrite) {
                    cell = self.Ele.querySelector(".Ctrl_" + ItemData.ID);
                }
            }, function (Item, event) {
                helpDiv.style.left = Item.Pos.X - X + left + "px";
                helpDiv.style.top = Item.Pos.Y - Y + top + "px";
                var Cell = self.CLExcel.getEventCell(event);
                if (Cell.tagName == "TD") {
                    self.CLExcel.hitCell(Cell);
                    self.CLExcel.clearAreas();
                    self.CLExcel.SelectDirectArea(Cell.Start, Cell.End);
                }
                return false;
            }, function (Item, event) {
                var rect = self.CLExcel.Table.lastChild.getBoundingClientRect();
                var Pos = {
                    X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                    Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                }
                var Cell = self.CLExcel.getEventCell(event);
                if (Cell.tagName == "TD") {
                    ItemData.SourceID = Item.parentNode.parentNode.ItemData.ID;
                    var Val = {
                        type: "Field",
                        Field: ItemData
                    }
                    if (self.IsWrite) {
                        var oVal = Cell.Val;
                        if (oVal && oVal.type == "Field") {
                            Cell.classList.remove("Ctrl_" + oVal.Field.ID);
                        }
                        Cell.classList.add("Ctrl_" + ItemData.ID);
                    }
                    delete Cell.Val;
                    self.showCellVal(Cell, Val);
                    self.showCellProp();
                    if (cell && cell != Cell) {
                        cell.classList.remove("Ctrl_" + ItemData.ID);
                        self.showCellVal(cell, null);
                        cell = null;
                    }
                    if (!self.IsWrite) {
                        if (!Cell.classList.contains("downExpand") && !Cell.classList.contains("rightExpand")) {
                            Cell.classList.add("downExpand");
                        }
                    }
                }
                helpDiv.remove();
                return false;
            });
        }
        var sourceTree = new CLTree(treeData);
        sourceTree.Editable = false;
        sourceTree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.ID == treeData.ID) {
                Item.firstChild.style.display = "none";
            } else {
                Item.firstChild.style.paddingLeft = parseInt(Item.firstChild.style.paddingLeft) - 10 + "px";
                if (ItemData.type == "Source") {
                    Item.firstChild.getElementsByClassName("Name")[0].style.cursor = "pointer";
                    if (!self.IsWrite) {
                        var del = document.createElement("div");
                        del.className = "Del";
                        Item.firstChild.appendChild(del);
                        del.onmousedown = function (e) {
                            CLConfirm(function () {
                                Item.remove();
                                self.removeSource(ItemData.ID);
                            }, "你确定要删除吗?");
                            e.stopPropagation();
                        }
                        var set = document.createElement("div");
                        set.className = "Set";
                        Item.firstChild.appendChild(set);
                        set.onmousedown = function (e) {
                            if (!__IsDev__) {
                                CLShowMsg("你不是开发者.");
                                return;
                            }
                            var DataSource = self.getDataSourceById(ItemData.ID);
                            var funcs = [];
                            var sourceDlg = new DataSourceDlg(DataSource, self.GetVars(), function (dataSource, Vars) {
                                self.dataExcel.Vars = Vars;
                                for (var key in dataSource) {
                                    DataSource[key] = dataSource[key]
                                }
                                funcs.forEach(function (func) {
                                    func();
                                });
                                self.ShowSource();
                            });

                            var VarChanged = sourceDlg.VarChanged;
                            sourceDlg.VarChanged = function (dataVar, ID) {
                                VarChanged.call(this, dataVar, ID);
                                funcs.push(function () {
                                    self.VarChanged(dataVar, ID);
                                });
                            }
                            e.stopPropagation();
                        }
                        Item.firstChild.onmousedown = function (e) {
                            Item.IsOpen() ? Item.Close() : Item.Open();
                        }
                        var move = document.createElement("div");
                        move.className = "Move";
                        Item.firstChild.appendChild(move);
                        CLEnableDragPosition(Item, "Item", move, function () {
                            var dataSources = [].concat(self.dataExcel.dataSources);
                            self.dataExcel.dataSources.splice(0, dataSources.length);
                            var dataForms = [].concat(self.dataForms);
                            self.dataForms.splice(0, dataForms.length);
                            var Items = Item.parentNode.childNodes;
                            for (var i = 0; i < Items.length; i++) {
                                for (var j = 0; j < dataSources.length ; j++) {
                                    if (dataSources[j].ID == Items[i].ItemData.ID) {
                                        self.dataExcel.dataSources.push(dataSources[j]);
                                        break;
                                    }
                                }
                                for (var j = 0; j < dataForms.length ; j++) {
                                    if (dataForms[j].ID == Items[i].ItemData.ID) {
                                        self.dataForms.push(dataForms[j]);
                                        break;
                                    }
                                }
                            }
                        });
                    } else {
                        Item.Open();
                    }
                } else {
                    ItemData.type == "Field"
                    EnableDrag(Item, ItemData);
                    if (!self.IsWrite) {
                        var set = document.createElement("div");
                        set.className = "Set";
                        Item.firstChild.appendChild(set);
                        set.onmousedown = function (e) {
                            var dlgMenu = self.Dialog(246, 165, Item);
                            var Div = dlgMenu.Div;
                            var label = document.createElement("div");
                            label.innerHTML = "名称";
                            Div.appendChild(label);
                            var input = document.createElement("input");
                            input.style.height = "30px";
                            input.style.width = "calc(100% - 30px)";
                            input.style.marginLeft = "30px";
                            input.value = ItemData.Name;
                            Div.appendChild(input);
                            var source = self.getDataSourceById(Item.parentNode.parentNode.ItemData.ID);
                            input.onchange = function () {
                                if (source.FieldsInfo == null) {
                                    source.FieldsInfo = {};
                                }
                                if (source.FieldsInfo[ItemData.ID] == null) {
                                    source.FieldsInfo[ItemData.ID] = {};
                                }
                                source.FieldsInfo[ItemData.ID].Name = input.value.trim();
                                if (source.FieldsInfo[ItemData.ID].Name.length == 0) {
                                    delete source.FieldsInfo[ItemData.ID].Name;
                                    Item.Name.innerHTML = ItemData.oName;
                                    Item.Name.innerHTML = ItemData.Name = ItemData.oName;
                                } else {
                                    ItemData.oName = ItemData.oName == null ? ItemData.Name : ItemData.oName
                                    Item.Name.innerHTML = ItemData.Name = source.FieldsInfo[ItemData.ID].Name;
                                }
                            }

                            var label = document.createElement("div");
                            label.innerHTML = "类型";
                            Div.appendChild(label);
                            var selector = new CLSelect(Div);
                            selector.EnableClear(true);
                            selector.EnableSearch(true);
                            selector.AddItems(gAllClassNames);
                            selector.OnMenuCreated = function () {
                                dlgMenu.oldClose = dlgMenu.Close;
                                dlgMenu.Close = function () { }
                                selector.oldCloseMenu = selector.closeMenu;
                                selector.closeMenu = function () {
                                    selector.oldCloseMenu();
                                    dlgMenu.Close = dlgMenu.oldClose;
                                }
                            }
                            Div.lastChild.style.width = "calc(100% - 30px)";
                            Div.lastChild.style.marginLeft = "30px";
                            selector.onchanged = function () {
                                if (source.FieldsInfo == null) {
                                    source.FieldsInfo = {};
                                }
                                if (source.FieldsInfo[ItemData.ID] == null) {
                                    source.FieldsInfo[ItemData.ID] = {};
                                }
                                source.FieldsInfo[ItemData.ID].className = selector.GetValue();
                                if (source.FieldsInfo[ItemData.ID].className == null) {
                                    delete source.FieldsInfo[ItemData.ID].className;
                                    ItemData.className = ItemData.oclassName;
                                    selector.SetValue(ItemData.className);
                                } else {
                                    ItemData.className = source.FieldsInfo[ItemData.ID].className;
                                }
                            }
                            selector.SetValue(ItemData.className);
                            dlgMenu.Reset();
                        }
                    }
                }
            }
        }
        sourceTree.OnSelected = function (ItemData) {
            if (ItemData.ID == treeData.ID) {
                sourceTree.UnSelect(ItemData.ID);
            }
        }
        var searchInput = document.createElement("input");
        searchInput.className = "CLSearch";
        searchInput.style.height = "25px";
        searchInput.style.cssFloat = "right";
        searchInput.style.marginRight = "10px";
        searchInput.oninput = function () {
            sourceTree.Search(searchInput.value);
        }
        sourceView.appendChild(searchInput);
        sourceTree.Render(sourceView);
        if (End != null) {
            End();
        }
    }
    //执行代码
    fn.runCode = null;
    //编辑公式
    fn.editCode = function (cell, Code, End, Title) {
        var self = this;
        var dlgDiv = document.createElement("div");
        dlgDiv.style.cssText = "width:900px;height:700px";
        var dlg = new CLDialog(dlgDiv);
        dlg.CreateAll(Title, function () {
            End({
                runCode: codeEditor.getOriginalCode()
            });
        });
        dlg.EnableMove(dlg.Header);
        dlg.Body.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyS") {
                End({
                    runCode: codeEditor.getOriginalCode()
                });
                self.Save();
            }
        });
        dlg.Header.ondblclick = function () {
            dlg.MaximizeOrReset();
        }
        var codeEditor = new CLCodeEditor(dlg.Body, "javascript");
        dlg.onsizeChanged = function () {
            codeEditor.editor.setSize('auto', '100%');
        }
        codeEditor.cusCopy = false;
        var globalScope = codeEditor.getGlobalScope();
        var Scopes = {};

        Scopes.PageScope = {};

        Scopes.GetVarValue = function (Id) { };

        Scopes.SetVarValue = function (Id, Value) { };
        
        if (!self.IsWrite) {
            globalScope.Render = function () { };
        } else {
            Scopes.TCell = function (x, y) {

            }
            Scopes.NAME = function (x, y) {

            }
        }

        Scopes.RCell = function (base, x, y) {

        }
        
        if (!self.IsWrite) {
            Scopes.VCell = function (vCell, List) {

            }

            Scopes.INDEX = function (vCell) {

            }

            Scopes.SUM = function (vCell, List) {

            }

            Scopes.SUMIF = function (Ele, Cmp, List) {

            }

            Scopes.COUNT = function (vCell) {

            }

            Scopes.COUNTIF = function (vCell, Cmp) {

            }

            Scopes.AutoEvent = function (virtualCell, evCell, func) {

            }
        }
        
        if (!self.IsWrite) {
            globalScope.SetPaper = function (paper) {
                //paper.type;
                //paper.direction;
                //paper.width;
                //paper.height;
                //paper.marginTop;
                //paper.marginBottom;
                //paper.marginLeft;
                //paper.marginRight;
            }
        }
        
        globalScope.FrmDesigner = FrmDesigner;

        globalScope.FrmDesignerEx = FrmDesignerEx;

        globalScope.ExcelDesigner = ExcelDesigner;

        globalScope.CLApp = CLApp;
        
        if (!self.IsWrite) {
            var currentCell = {
                valueOf: function () { },
                toString: function () { },
                virtualCell: {
                    Tag: document.body,
                    Parent: {
                        Tag: document.body,
                        className: "",
                        classList: {
                            add: function () { },
                            remove: function () { }
                        },
                        style: document.body.style,
                    },
                    className: "",
                    classList: {
                        add: function () { },
                        remove: function () { }
                    },
                    style: document.body.style,
                },
                Cell: {
                    Start: {
                        row: 0,
                        column: 0
                    },
                    End: {
                        row: 0,
                        column: 0
                    }
                }
            };
            var virtualCell = currentCell.virtualCell;
            var Cell = currentCell.Cell;
            virtualCell.Start = Cell.Start;
            virtualCell.End = Cell.End;
            Cell.virtualCell = virtualCell;
            if (cell.Val && cell.Val.type == "Field") {
                var fields = self.GetFieldsBySourceId(cell.Val.Field.SourceID);
                var dataLine = virtualCell.dataLine = {};
                fields.forEach(function (ele) {
                    var className = ele.className;
                    dataLine[ele.ID] = FrmCtrls.GetValueProps(className);
                });
                Cell.dataList = [];
                JsParser.SetElement(Cell.dataList, virtualCell.dataLine);
                Cell.vIndex = 0;
            }
            virtualCell.dataLine;

            Scopes.currentCell = currentCell;
            JsParser.SetReturn(Scopes.RCell, currentCell);
            JsParser.SetReturn(Scopes.VCell, currentCell);
            JsParser.SetReturn(Scopes.INDEX, 0);
            JsParser.SetReturn(Scopes.SUM, 0);
            JsParser.SetReturn(Scopes.SUMIF, 0);
            JsParser.SetReturn(Scopes.COUNT, 0);
            JsParser.SetReturn(Scopes.COUNTIF, 0);
        } else {
            Scopes.currentCell = document.body;
            Scopes.currentCell.Value = "";
        }
        globalScope.Excel = VirtualExcel.prototype;

        globalScope.VirtualExcel = VirtualExcel;

        var data = self.getData().Excel;
        if (data) {
            var lastRow = data.lastRow;
            var lastColumn = data.lastColumn;
            lastRow = cell.End.row > lastRow ? cell.End.row : lastRow;
            lastColumn = cell.End.column > lastColumn ? cell.End.column : lastColumn;
            for (var y = 0; y < lastRow ; y++) {
                for (var x = 0; x < lastColumn ; x++) {
                    var Name = self.CLExcel.getColumnName(x) + (y + 1);
                    globalScope[Name] = Scopes.currentCell;
                }
            }
        }
        if (self.AtServer) {
            var globalScope = CLApp.baseGlobalScope;
            for (var key in globalScope) {
                Scopes[key] = globalScope[key];
            }
            codeEditor.setGlobalScope(Scopes);
        } else {
            for (var key in Scopes) {
                globalScope[key] = Scopes[key];
            }
            globalScope.Array = Array;
        }

        if (Code != null) {
            codeEditor.setValue(Code.runCode == null ? Code : Code.runCode);
        } else {
            codeEditor.setValue("");
        }
        return codeEditor;
    }
    //获取数据
    fn.getData = function () {
        var self = this;
        var data = self.CLExcel.getData();
        data = CLClone(data);
        self.dataExcel.Excel = data;
        var classNames = data.cellClassNames;
        for (var i = 0; i < classNames.length; i++) {
            classNames[i].className = classNames[i].className.replace(/color_[x-z|A-Z|0-9]+/g, "");
        }
        self.dataRef(data);
        self.dataExcel.Version = 1.0;
        return self.dataExcel;
    }

    fn.dataRef = function (data) {
        var self = this;
        var oRef = {};
        var vRef = [undefined];
        var index = 1;
        var showCellVal = data.showCellVal;
        var Key;
        for (var i = 0; i < showCellVal.length; i++) {
            var Val = showCellVal[i].Val;
            if (Val.type == "text") {
                Key = Val.text;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        Val.text = index;
                        index++;
                    } else {
                        Val.text = oRef[Key];
                    }
                }
            }
            if (Val.type == "img") {
                Key = Val.src;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        Val.src = index;
                        index++;
                    } else {
                        Val.src = oRef[Key];
                    }
                }
            }
            if (Val.type == "Code") {
                Key = Val.Code.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        Val.Code.runCode = index;
                        index++;
                    } else {
                        Val.Code.runCode = oRef[Key];
                    }
                }
            }
            if (Val.cusFormat && Val.cusFormat.runCode) {
                Key = Val.cusFormat.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        Val.cusFormat.runCode = index;
                        index++;
                    } else {
                        Val.cusFormat.runCode = oRef[Key];
                    }
                }
            }
            if (Val.href && Val.href.runCode) {
                Key = Val.href.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        Val.href.runCode = index;
                        index++;
                    } else {
                        Val.href.runCode = oRef[Key];
                    }
                }
            }
            if (Val.filterConditions && Val.filterConditions.Conditions) {
                Val.filterConditions.Conditions.forEach(function (ele) {
                    if (ele.Val && ele.Val.runCode) {
                        Key = ele.Val.runCode;
                        if (!!Key) {
                            if (oRef[Key] == null) {
                                oRef[Key] = index;
                                vRef.push(Key);
                                ele.Val.runCode = index;
                                index++;
                            } else {
                                ele.Val.runCode = oRef[Key];
                            }
                        }
                    }

                });
            }
        }
        var cellProp = data.cellProp;
        for (var i = 0; i < cellProp.length; i++) {
            var Prop = cellProp[i].Prop;
            var onclick = Prop.onclick;
            if (!!onclick) {
                Key = onclick.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        onclick.runCode = index;
                        index++;
                    } else {
                        onclick.runCode = oRef[Key];
                    }
                }
            }
            var ondblclick = Prop.ondblclick;
            if (ondblclick) {
                Key = ondblclick.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        ondblclick.runCode = index;
                        index++;
                    } else {
                        ondblclick.runCode = oRef[Key];
                    }
                }
            }
            var dynamicStyle = Prop.DynamicStyle;
            if (dynamicStyle) {
                Key = dynamicStyle.runCode;
                if (!!Key) {
                    if (oRef[Key] == null) {
                        oRef[Key] = index;
                        vRef.push(Key);
                        dynamicStyle.runCode = index;
                        index++;
                    } else {
                        dynamicStyle.runCode = oRef[Key];
                    }
                }
            }

        }
        data.Ref = vRef;
    }

    fn.dataUnRef = function (data) {
        var self = this;
        if (!data || !data.Ref) {
            return;
        }
        var vRef = data.Ref;
        var showCellVal = data.showCellVal;
        var Key;
        for (var i = 0; i < showCellVal.length; i++) {
            var Val = showCellVal[i].Val;
            if (Val.type == "text") {
                if (Val.text && Val.text.toFixed) {
                    Val.text = vRef[Val.text];
                }
            }
            if (Val.type == "img") {
                if (Val.src && Val.src.toFixed) {
                    Val.src = vRef[Val.src];
                }
            }
            if (Val.type == "Code") {
                if (Val.Code && Val.Code.runCode && Val.Code.runCode.toFixed) {
                    Val.Code.runCode = vRef[Val.Code.runCode];
                }
            }
            if (Val.cusFormat && Val.cusFormat.runCode && Val.cusFormat.runCode.toFixed) {
                Val.cusFormat.runCode = vRef[Val.cusFormat.runCode];
            }
            if (Val.href && Val.href.runCode && Val.href.runCode.toFixed) {
                Val.href.runCode = vRef[Val.href.runCode];
            }
            if (Val.filterConditions && Val.filterConditions.Conditions) {
                Val.filterConditions.Conditions.forEach(function (ele) {
                    if (ele.Val && ele.Val.runCode && ele.Val.runCode.toFixed) {
                        ele.Val.runCode = vRef[ele.Val.runCode];
                    }
                });
            }
        }
        var cellProp = data.cellProp;
        for (var i = 0; i < cellProp.length; i++) {
            var Prop = cellProp[i].Prop;
            var onclick = Prop.onclick;
            if (onclick && onclick.runCode && onclick.runCode.toFixed) {
                onclick.runCode = vRef[onclick.runCode];
            }

            var ondblclick = Prop.ondblclick;
            if (ondblclick && ondblclick.runCode && ondblclick.runCode.toFixed) {
                ondblclick.runCode = vRef[ondblclick.runCode];
            }
            var dynamicStyle = Prop.DynamicStyle;
            if (dynamicStyle && dynamicStyle.runCode && dynamicStyle.runCode.toFixed) {
                dynamicStyle.runCode = vRef[dynamicStyle.runCode];
            }
        }
        delete data.Ref;
    }

    fn.AutoMove = function () {
        var self = this;
        var excel = self.CLExcel;
        function Move(Start, End, ToMove, limit) {
            if (ToMove.X == 0 && ToMove.Y == 0) {
                return;
            }
            function MoveCode(runCode) {
                if (!runCode) {
                    return;
                }
                var mybeCell;
                var not = /0-9A-Za-z\_/;
                var match = /[A-Z]+[0-9]+/g;
                var arr = [];
                var index = 0;
                while (mybeCell = match.exec(runCode)) {
                    var ch = mybeCell.index - 1;
                    if (!!ch && not.test(ch)) {
                        continue;
                    }
                    ch = mybeCell.index + mybeCell[0].length;
                    if (!!ch && not.test(ch)) {
                        continue;
                    }
                    var name = mybeCell[0];
                    var info = excel.getRowColumn(name);
                    if (info.column + ToMove.X < Start.column || info.row + ToMove.Y < Start.row) {
                        continue;
                    }
                    info.column += ToMove.X;
                    info.row += ToMove.Y;
                    var name_ = excel.getColumnName(info.column) + (info.row + 1);
                    arr.push(runCode.substring(index, mybeCell.index));
                    arr.push(name_);
                    index = mybeCell.index;
                    index += name.length;
                }
                if (runCode.length > index) {
                    arr.push(runCode.substr(index));
                }
                return arr.join("");
            }
            var y0 = limit ? Start.row : 0;
            var x0 = limit ? Start.column : 0;
            var y1 = limit ? End.row : excel.rowCount - 1;
            var x1 = limit ? End.column : excel.columnCount - 1;
            for (var y = y0; y <= y1; y++) {
                for (var x = x0; x <= x1; x++) {
                    var cell = excel.Rows[y].Cells[x];
                    if (cell == null) {
                        continue;
                    }
                    var Val = cell.Val;
                    if (Val) {
                        if (Val.type == "Code") {
                            Val.Code.runCode = MoveCode(Val.Code.runCode);

                        }
                        if (Val.cusFormat && Val.cusFormat.runCode) {
                            Val.cusFormat.runCode = MoveCode(Val.cusFormat.runCode);
                        }
                        if (Val.href && Val.href.runCode) {
                            Val.href.runCode = MoveCode(Val.href.runCode);
                        }
                        if (Val.filterConditions && Val.filterConditions.Conditions) {
                            Val.filterConditions.Conditions.forEach(function (ele, index) {
                                if (ele.Val && ele.Val.runCode) {
                                    ele.Val.runCode = MoveCode(ele.Val.runCode);
                                }
                                if (ele.Val && ele.Val.Column != null && ele.Val.Row != null) {
                                    var col = excel.getColumnIndex(ele.Val.Column);
                                    var row = ele.Val.Row * 1;
                                    if (!(col + ToMove.X < Start.column || row + ToMove.Y < Start.row)) {
                                        ele.Val.Column = excel.getColumnName(col + ToMove.X);
                                        ele.Val.Row = row + ToMove.Y;
                                    }
                                }
                            });
                        }
                    }
                    var Prop = cell.Prop;
                    if (Prop) {
                        var onclick = Prop.onclick;
                        if (!!onclick) {
                            onclick.runCode = MoveCode(onclick.runCode);
                        }
                        var ondblclick = Prop.ondblclick;
                        if (ondblclick) {
                            ondblclick.runCode = MoveCode(ondblclick.runCode);
                        }
                        var dynamicStyle = Prop.DynamicStyle;
                        if (dynamicStyle) {
                            dynamicStyle.runCode = MoveCode(dynamicStyle.runCode);
                        }
                        if (Prop.leftParent) {
                            if (typeof Prop.leftParent == "object") {
                                var col = excel.getColumnIndex(Prop.leftParent.Column);
                                if ((col + ToMove.X > Start.column && Prop.leftParent.Row + ToMove.Y > Start.row)) {
                                    Prop.leftParent.Column = excel.getColumnName(col + ToMove.X);
                                    Prop.leftParent.Row += ToMove.Y;
                                }
                            }
                        }
                        if (Prop.topParent) {
                            if (typeof Prop.topParent == "object") {
                                var col = excel.getColumnIndex(Prop.topParent.Column);
                                if ((col + ToMove.X > Start.column && Prop.topParent.Row + ToMove.Y > Start.row)) {
                                    Prop.topParent.Column = excel.getColumnName(col + ToMove.X);
                                    Prop.topParent.Row += ToMove.Y;
                                }
                            }
                        }
                    }
                    excel.showCellVal(cell, Val);
                }
            }
        }
        excel.AdjustAfterInsertColumn = function (start, count) {
            Move({
                row: 0,
                column: start
            }, {
                row: excel.rowCount - 1,
                column: excel.columnCount - 1
            }, {
                X: count,
                Y: 0
            });
        }
        excel.AdjustAfterRemoveColumn = function (start, count) {
            Move({
                row: 0,
                column: start
            }, {
                row: excel.rowCount - 1,
                column: excel.columnCount - 1
            }, {
                X: -count,
                Y: 0
            });
        }
        excel.AdjustAfterInsertRow = function (start, count) {
            Move({
                row: start,
                column: 0
            }, {
                row: excel.rowCount - 1,
                column: excel.columnCount - 1
            }, {
                X: 0,
                Y: count
            });
        }
        excel.AdjustAfterRemoveRow = function (start, count) {
            Move({
                row: start,
                column: 0
            }, {
                row: excel.rowCount - 1,
                column: excel.columnCount - 1
            }, {
                X: 0,
                Y: -count
            });
        }
    }
    //渲染结束时回调
    fn.OnRenderEnd = null;
    //刷新定时器
    fn.timerFresh = null;
    fn.Enter = function () {
        currentExcelDesigner = this;
    }
    //刷新
    fn.Fresh = function () {
        var self = this;
        var oldEle = self.Ele;
        var tempEle = self.Ele.cloneNode();
        oldEle.parentNode.insertBefore(tempEle, oldEle);
        var excelDesigner = new ExcelDesigner(tempEle, false);
        var OnRenderEnd = self.OnRenderEnd;
        var Hour = new Date().getHours()
        if (Hour < 1 && Hour > 0) {
            location.href = location.href;
        }
        excelDesigner.setData(self.dataExcel, function () {
            oldEle.remove();
            excelDesigner.OnRenderEnd = OnRenderEnd;
            if (excelDesigner.OnRenderEnd) {
                excelDesigner.OnRenderEnd();
            }
        });
    }
    //设置数据
    fn.setData = function (dataExcel, End) {
        var self = this;
        self.OnRenderEnd = End;
        self.dataExcel = dataExcel == null ? {
            bgColor: "#fff",
            dataSources: []
        } : dataExcel;

        self.dataUnRef(self.dataExcel.Excel);
        self.dataForms = null;
        function show() {
            currentExcelDesigner = self;
            if (self.Editable == false) {
                try {
                    self.CLExcel = new CLExcel(self.designerDiv, false);
                    if (IsMobile() || !dataExcel.usePrintServerOnlyMobile) {
                        self.CLExcel.PrintServerIp = dataExcel.PrintServerIp;
                    }
                    var Body = self.CLExcel.Body;
                    var Box = self.CLExcel.Container;
                    self.CLExcel.usePrintDlg = dataExcel.usePrintDlg;
                    self.CLExcel.usePrintServerOnlyMobile = dataExcel.usePrintServerOnlyMobile;
                    self.CLExcel.TableBox.style.overflow = "auto";
                    Body.style.width = "100%";
                    Body.style.height = "100%";
                    Box.style.width = "100%";
                    Box.style.height = "100%";
                    self.CLExcel.TableBox.style.width = "100%";
                    self.CLExcel.TableBox.style.height = "100%";
                    if (dataExcel.bgColor != null) {
                        self.designerDiv.style.background = dataExcel.bgColor;
                    }
                    self.CLExcel.Ele.classList.add("Scope_" + dataExcel.ID);
                    var first = true;
                    var _ExcelCalculator = new ExcelCalculator(dataExcel, self.designerDiv.offsetWidth);
                    var Render = _ExcelCalculator.Render;
                    _ExcelCalculator.Render = function (CLExcel_, Ctrls) {
                        var resize = this.VirtualExcel.resize;
                        this.VirtualExcel.resize = function (size, bFirst, force, hFull) {
                            var Table = self.CLExcel.Table;
                            var Body = self.CLExcel.Body;
                            var margin_b;
                            if (!hFull && !bFirst && !force) {
                                self.CLExcel.Scroll();
                                return;
                            }
                            resize.call(this, size, bFirst, force, hFull);
                            var topTable = self.CLExcel.topTable;
                            if (!hFull) {
                                var margin = parseInt(Table.style.marginLeft) + parseInt(Table.style.marginRight);
                                var tw = Table.offsetWidth + margin;
                                Body.style.width = tw + "px";
                                Body.style.height = Table.offsetHeight + topTable.offsetHeight + "px";
                                Body.style.margin = "auto ";
                            } else {
                                Body.style.height = Table.offsetHeight + topTable.offsetHeight + "px";
                            }
                            self.CLExcel.Scroll();
                        }
                        Render.apply(this, arguments);
                    }
                    _ExcelCalculator.Init(self.GetFieldBySourceIdAndFieldId);
                    _ExcelCalculator.GetVarValue = function (Id) {
                        return self.GetVarValue(Id);
                    }
                    _ExcelCalculator.SetVarValue = function (Id, Value, bEvent) {
                        self.SetVarValue(Id, Value, bEvent);
                    }
                    _ExcelCalculator.CurrentDesigner = function () {
                        return self;
                    }
                    self.Render = function () {
                        first = false;
                        _ExcelCalculator.Reset();
                        _ExcelCalculator.Calc(self.SourceData);
                        _ExcelCalculator.Render(self.CLExcel, Ctrls);
                    }
                    self.QueryData(_ExcelCalculator.getSourceIDs(), function () {
                        _ExcelCalculator.Calc(self.SourceData);
                        _ExcelCalculator.Render(self.CLExcel, Ctrls);
                        //定时刷新
                        if (self.dataExcel.freshSec != null) {
                            self.timerFresh = setInterval(function () {
                                if (self.Ele.parentNode != null) {
                                    self.Fresh();
                                } else {
                                    clearInterval(self.timerFresh);
                                    self.timerFresh = null;
                                }
                            }, self.dataExcel.freshSec * 1000);
                        }
                        if (self.OnRenderEnd != null) {
                            self.OnRenderEnd();
                        }
                    });
                    self.resize = function () {
                        if (self.dataExcel.hFull) {
                            self.CLExcel.resize(self.CLExcel.Ele.clientWidth, true, dataExcel.hFull);
                        }
                    }
                } catch (e) {
                    throw e;
                    self.CLExcel.Ele.innerHTML = "<center style='line-height:30px;color:#c00'>" + (e.message || e) + "</center>";
                }
            } else {
                self.CLExcel.Ele.style.width = "";
                self.CLExcel.Ele.style.height = "";
                if (dataExcel != null) {
                    if (dataExcel.bgColor != null) {
                        self.CLExcel.TableBox.style.background = dataExcel.bgColor;
                    }
                    if (self.dataExcel.Version == null && self.dataExcel.Excel) {
                        var classNames = self.dataExcel.Excel.cellClassNames;
                        for (var i = 0; i < classNames.length; i++) {
                            var className = classNames[i].className;
                            className = className.replace(/border-left(([\s])|$)/g, "border-style-left-solid ");
                            className = className.replace(/border-top(([\s])|$)/g, "border-style-top-solid ");
                            className = className.replace(/border-right(([\s])|$)/g, "border-style-right-solid ");
                            className = className.replace(/border-bottom(([\s])|$)/g, "border-style-bottom-solid ");
                            classNames[i].className = className;
                        }
                    }
                    self.CLExcel.setData(dataExcel.Excel);

                } else {
                    self.CLExcel.setData();
                }
                if (self.OnRenderEnd != null) {
                    self.OnRenderEnd();
                }
            }
        }
        if (self.Editable == false) {
            if (self.ChangedSourceIDs == null) {
                self.ShowSource(show);
            } else {
                show();
            }
        } else {
            self.ShowSource(show);
            self.CLExcel.TableBox.style.backgroundColor = self.dataExcel.bgColor;
        }
    }
    fn.onresise = function () {

    }
    //显示元素属性
    fn.showCellProp = function () {
        var self = this;
        var area = self.CLExcel.getAreas();
        var Cell = area.length == 1 && area[0].Cells.length == 1 ? area[0].Cells[0] : null;
        if (Cell != null) {
            if (self.Prop.typeDiv.innerHTML == "单元格元素") {
                self.Prop.showValProp(area[0].Cells[0]);
            } else if (self.Prop.typeDiv.innerHTML == "单元格属性" || self.Prop.typeDiv.innerHTML.length == 0) {
                self.Prop.showCellProp();
            }
        } else {

            self.Prop.showCellProp();
        }
    }
    //显示单元格数据
    fn.showCellVal = function (cell, Val) {
        var self = this;
        var oVal = cell.Val;
        if (oVal != null && Val != null) {
            Val = $.extend(true, {}, oVal, Val);
        }
        if (Val != null && Val.type == "Field") {
            cell.Val = Val;
            var Field = self.GetFieldBySourceIdAndFieldId(Val.Field.SourceID, Val.Field.ID);
            if (Field != null) {
                Val.Field.Name = Field.Name;
            }
            var Source = self.getDataSourceById(Val.Field.SourceID);
            cell.innerHTML = "<div class='Content'><span>${" + (Source == null ? "" : Source.Name) + "." + Val.Field.Name + "}</span></div>";
            if (cell.Start.row == cell.End.row) {
                self.CLExcel.calcRowHeight(cell.Start.row);
            }
            if (Field == null) {
                cell.firstChild.firstChild.style.textDecoration = "line-through";
            }
        } else if (Val != null && Val.type == "Ctrl") {
            cell.Val = Val;
            cell.innerHTML = "<div class='Content'></div>";
            currentExcelDesigner = self;
            var ctrl = Ctrls[Val.Ctrl.className].Create(cell.firstChild, Val.Ctrl);
            ctrl.style.pointerEvents = "none";
            if (cell.Start.row == cell.End.row) {
                self.CLExcel.calcRowHeight(cell.Start.row);
            }
        } else if (Val != null && Val.type == "Code") {
            cell.Val = Val;
            cell.innerHTML = "<div class='Content'><span>" + Val.Code.runCode + "</span></div>";
            if (cell.Start.row == cell.End.row) {
                self.CLExcel.calcRowHeight(cell.Start.row);
            }
        } else {
            CLExcel.prototype.showCellVal.call(self.CLExcel, cell, Val);
        }
    }
    //获取默认上父格
    fn.getDefTopParent = ExcelCalculator.prototype.getDefTopParent;
    //获取默认左父格
    fn.getDefLeftParent = ExcelCalculator.prototype.getDefLeftParent;
    //显示父格
    fn.showParent = function (leftParent, topParent) {
        var self = this;
        if (self.IsWrite) {
            return;
        }
        var areas = self.CLExcel.getAreas();
        var cell;
        self.CLExcel.clearMarkers();
        if (areas.length == 1 && areas[0].Cells.length == 1) {
            cell = areas[0].Cells[0];
        }
        if (leftParent == null) {
            leftParent = "默认";
        }
        if (topParent == null) {
            topParent = "默认";
        }
        if (typeof leftParent == "object") {
            self.CLExcel.AddMarker(self.CLExcel.Rows_Cells[leftParent.Row - 1][self.CLExcel.getColumnIndex(leftParent.Column)], "leftParentMarker");
        } else if (leftParent == "默认" && cell != null) {
            var leftCell = self.getDefLeftParent(cell);
            if (leftCell != null) {
                self.CLExcel.AddMarker(leftCell, "leftParentMarker");
            }
        }
        if (typeof topParent == "object") {
            self.CLExcel.AddMarker(self.CLExcel.Rows_Cells[topParent.Row - 1][self.CLExcel.getColumnIndex(topParent.Column)], "topParentMarker");
        } else if (topParent == "默认" && cell != null) {
            var topCell = self.getDefTopParent(cell);
            if (topCell != null) {
                self.CLExcel.AddMarker(topCell, "topParentMarker");
            }
        }
    }
    //所有数据
    fn.SourceData = null;
    //关闭即时数据
    fn.SourceClose = function () {
        var self = this;
        for (var key in self.SourceData) {
            if (self.SourceData[key].Close) {
                self.SourceData[key].Close();
            }
        }
    }
    //获取数据
    fn.QueryData = function (SourceIDs, Success) {
        var self = this;
        var Sources = [];
        if (self.ChangedSourceIDs == null) {
            var IDs = getCtrlSourceIDs(self);
            SourceIDs = SourceIDs.concat(IDs);
        }
        var dataSources = self.GetDataSources();
        for (var i = 0; i < dataSources.length; i++) {
            if (self.ChangedSourceIDs == null) {
                if (SourceIDs.indexOf(dataSources[i].ID) >= 0 && Sources.indexOf(dataSources[i]) < 0) {
                    Sources.push(dataSources[i]);
                }
            } else {
                if (self.ChangedSourceIDs.indexOf(dataSources[i].ID) >= 0 && Sources.indexOf(dataSources[i]) < 0) {
                    Sources.push(dataSources[i]);
                }
            }
        }
        self.ChangedSourceIDs = [];
        function CalcLine(dataLine, Fields) {
            for (var x = 0; x < Fields.length; x++) {
                if (Fields[x] != null) {
                    if (Fields[x].className == "提交人" || Fields[x].className == "成员单选"
                        || Fields[x].className == "部门单选" || Fields[x].className == "成员多选"
                        || Fields[x].className == "部门多选" || Fields[x].className == "流程状态") {
                        var Val = {
                            value: FrmCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]),
                            oVal: dataLine[Fields[x].ID],
                            ID: dataLine[Fields[x].ID],
                            toString: function () {
                                return this.value;
                            }
                        }
                        dataLine[Fields[x].ID] = Val;
                    } else if (Fields[x].className == "手写签名") {
                        dataLine[Fields[x].ID] = FrmCtrls.ConvertData(Fields[x].className, dataLine[Fields[x].ID]);
                    } else if (Fields[x].className == "下拉复选框" || Fields[x].className == "复选框组") {
                        dataLine[Fields[x].ID] = JSON.parse(dataLine[Fields[x].ID]);
                    }
                }
            }
            return dataLine;
        }
        var load = DataSourceDlg.QueryData(Sources, function (data) {
            for (var sourceId in data) {
                if (typeof data[sourceId] == "function") {
                    continue;
                }
                var onedata = self.SourceData[sourceId];
                if (onedata && onedata.Close) {
                    onedata.Close();
                }
                onedata = data[sourceId];
                onedata.Id = sourceId;
                onedata.CalcLine = function (dataLine) {
                    return CalcLine(dataLine, this.GetFields.call(this, dataLine));
                }
                onedata.OnChanged = function () {
                    self.Render();
                }
                onedata.GetFields = function (dataLine) {
                    if (!this.Fields) {
                        var Fields = [];
                        for (var key in dataLine) {
                            Fields.push(self.GetFieldBySourceIdAndFieldId(this.Id, key))
                        }
                        this.Fields = Fields;
                    }
                    return this.Fields;
                }
                self.SourceData[sourceId] = onedata;
            }
            //转换数据
            for (var sourceId in data) {
                onedata = data[sourceId];
                if (typeof onedata == "function") {
                    continue;
                }
                for (var y = 0; y < onedata.length; y++) {
                    CalcLine(onedata[y], onedata.GetFields(onedata[0]));
                }
            }
            Success();
        }, self.CalcVars());
        return load;
    }

    ExcelDesigner.Print = function (_CLExcel, Success, printerName) {
        var dataExcel = _CLExcel.dataExcel;
        var pageInfo = dataExcel.pageInfo;
        if (dataExcel.pageInfo == null) {
            CLShowMsg("还没有设置纸张");
            return;
        }
        if (!IsMobile())
        {
            dataExcel.usePrintServerOnlyMobile
        }
        if (!IsMobile() && _CLExcel.usePrintDlg != false && printerName === undefined) {
            ExcelDesigner.PrintDlg(_CLExcel, Success);
        } else {
            var t = setTimeout(function () {
                clearTimeout(t);
                var Info = ExcelDesigner.PrintAsHtml(_CLExcel, function (Info) {
                    var paperInfo = {
                        Orientation: dataExcel.pageInfo.direction,
                        paperWidth: dataExcel.pageInfo.width,
                        paperLength: dataExcel.pageInfo.height,
                    }
                    if (!_CLExcel.PrintServerIp || _CLExcel.PrintServerIp == "127.0.0.1") {
                        PrintWithDefault(paperInfo, Info.Html, Info.nPages, parseInt(Info.nLen / Info.nPages), true, function () {
                            if (Success) {
                                Success();
                            } else {
                                CLShowMsg("操作成功", false);
                            }
                        }, _CLExcel.PrintServerIp);
                    } else {
                        CLEnumPrinters(_CLExcel.PrintServerIp, paperInfo, function (Printers) {
                            var dlg = ExcelDesigner.prototype.Dialog(document.body.offsetWidth, document.body.offsetWidth);
                            var Div = dlg.Div;
                            var data = [];
                            var Printer;
                            var index = 0;
                            for (var i = 0; i < Printers.length; i++) {
                                data.push({
                                    ID: i,
                                    Name: Printers[i].Name,
                                    Printer: Printers[i]
                                });
                                if (!printerName) {
                                    if (Printers[i].IsDef) {
                                        index = i;
                                    }
                                } else if (printerName == Printers[i].Name) {
                                    Printer = Printers[i];
                                }
                            }
                            if (printerName) {
                                PrintWithPrinter(Printer, paperInfo, Info.Html, Info.nPages, parseInt(Info.nLen / Info.nPages), true, function () {
                                    if (Success) {
                                        Success();
                                    } else {
                                        CLShowMsg("操作成功", false);
                                    }
                                    dlg.Close();
                                }, _CLExcel.PrintServerIp);
                            } else {
                                var list = new CLList(data, Div, false);
                                list.Select(index);
                                list.OnSelected = function (ItemData) {
                                    index = ItemData.ID;
                                }
                                var Btn = document.createElement("div");
                                Btn.className = "CLBtnGreen";
                                Btn.innerHTML = "确定";
                                Btn.style.cssFloat = "right";
                                Btn.style.width = "75px";
                                Btn.style.height = "30px";
                                Btn.style.lineHeight = "28px";
                                Div.appendChild(Btn);
                                Div.style.height = "initial";
                                dlg.Reset();
                                Div.firstChild.style.height = "calc(100% - 40px)";
                                Btn.onclick = function () {
                                    var Printer = Printers[index];
                                    PrintWithPrinter(Printer, paperInfo, Info.Html, Info.nPages, parseInt(Info.nLen / Info.nPages), true, function () {
                                        if (Success) {
                                            Success();
                                        } else {
                                            CLShowMsg("操作成功", false);
                                        }
                                        dlg.Close();
                                    }, _CLExcel.PrintServerIp);
                                }
                            }
                        }, _CLExcel.PrintServerIp);
                    }
                });
            }, 1);
        }
    }

    ExcelDesigner.PrintDlg = function (_CLExcel, Success) {
        var dataExcel = _CLExcel.dataExcel;
        var load = new Loading();
        var oWidth;
        var t = setTimeout(function () {
            clearTimeout(t);
            ExcelDesigner.PrintAsHtml(_CLExcel, function (Info) {
                var pageInfo = {
                    direction: dataExcel.pageInfo.direction,
                    width: Info.iWidth,
                    height: Info.nLen / Info.nPages,
                    nPages: Info.nPages,
                    nLen: Info.nLen,
                    paperWidth: dataExcel.pageInfo.width,
                    paperLength: dataExcel.pageInfo.height
                }
                oWidth = Info.iWidth;
                var dlg = new CLPrintDlg(pageInfo, _CLExcel.PrintServerIp);
                dlg.End = Success;
                dlg.Preview(Info.oHtml, Info.Html);
                dlg.Resize = function (width, height, direction) {
                    width = width < oWidth ? width : oWidth;
                    var load = new Loading();
                    if (width == null && height == null && direction == null) {
                        ExcelDesigner.PrintAsHtml(_CLExcel, function (Info) {
                            load.Stop();
                            var pageInfo = {
                                direction: dataExcel.pageInfo.direction,
                                width: Info.iWidth,
                                height: Info.nLen / Info.nPages,
                                nPages: Info.nPages,
                                nLen: Info.nLen,
                                paperWidth: dataExcel.pageInfo.width,
                                paperLength: dataExcel.pageInfo.height
                            }
                            dlg.SetPageInfo(pageInfo);
                            dlg.Preview(Info.oHtml, Info.Html);
                        });
                    } else {
                        var oWidth = _CLExcel.dataExcel.pageInfo.width;
                        var oHeight = _CLExcel.dataExcel.pageInfo.height;
                        var oDirection = _CLExcel.dataExcel.pageInfo.direction;
                        if (width != null) {
                            _CLExcel.dataExcel.pageInfo.width = width;
                        }
                        if (height != null) {
                            _CLExcel.dataExcel.pageInfo.height = height;
                        }
                        if (direction != null) {
                            _CLExcel.dataExcel.pageInfo.direction = direction;
                        }

                        ExcelDesigner.PrintAsHtml(_CLExcel, function (Info) {
                            var pageInfo = {
                                direction: dataExcel.pageInfo.direction,
                                width: Info.iWidth,
                                height: Info.nLen / Info.nPages,
                                nPages: Info.nPages,
                                nLen: Info.nLen,
                                paperWidth: dataExcel.pageInfo.width,
                                paperLength: dataExcel.pageInfo.height
                            }
                            _CLExcel.dataExcel.pageInfo.width = oWidth;
                            _CLExcel.dataExcel.pageInfo.height = oHeight;
                            _CLExcel.dataExcel.pageInfo.direction = oDirection;
                            load.Stop();
                            dlg.SetPageInfo(pageInfo);
                            dlg.Preview(Info.oHtml, Info.Html);
                        });
                    }
                }
            });
            load.Stop();
        }, 1);
    }

    ExcelDesigner.PrintAsHtml = function (_CLExcel, Success) {
        var dataExcel = _CLExcel.dataExcel;
        _CLExcel.AdjustRowsBeforePrint();
        var w = _CLExcel.Body.offsetWidth + "px";
        var h = _CLExcel.Body.offsetHeight + "px";
        var allNodes = _CLExcel.Container.queryAll();
        var Imgs = {};
        function short(url) {
            if (url.indexOf("https://") == 0 && CLHost.indexOf("http://") == 0) {
                url = url.replace("https://", "http://");
            } else if (url.indexOf("http://") == 0 && CLHost.indexOf("https://") == 0) {
                url = url.replace("http://", "https://");
            } else if (url.indexOf("//") == 0) {
                url = CLHost.substr(0, CLHost.indexOf(":") + 1) + url;
            }
            if (url.indexOf(CLHost) == 0) {
                url = url.substr(CLHost.length);
            }
            return url;
        }
        for (var i = 0; i < allNodes.length; i++) {
            var computedStyle = window.getComputedStyle(allNodes[i]);
            var img = computedStyle["background-image"] || computedStyle["background"];
            var name;
            if (!!img) {
                var index = img.indexOf("url(");
                if (index >= 0) {
                    index += 4;
                    img = img.substring(index, img.indexOf(")", index)).trim();
                    if (img[0] == "'" || img[0] == '"') {
                        img = img.substr(1, img.length - 2);
                    }
                    if (img.substr(0, 5) != "data:") {
                        index = img.indexOf("Function=HttpGetDiskFile");
                        if (index > 0) {
                            index = img.indexOf("ID=", index);
                            if (index > 0) {
                                name = img.substr(index + 3);
                                Imgs[img] = name.replace(/\//g, "$");
                            }
                        } else {
                            Imgs[img] = new CLBase64().encode(short(img)).replace(/\//g, "$");
                        }
                    }
                }
            }
            if (allNodes[i].tagName.toLocaleLowerCase() == "img") {
                img = allNodes[i].getAttribute("src").trim();
                if (img.substr(0, 5) != "data:") {
                    index = img.indexOf("Function=HttpGetDiskFile");
                    if (index > 0) {
                        index = img.indexOf("ID=", index);
                        if (index > 0) {
                            name = img.substr(index + 3);
                            Imgs[img] = name.replace(/\//g, "$");
                        }
                    } else {
                        Imgs[img] = new CLBase64().encode(short(img)).replace(/\//g, "$");
                    }
                }
            }
        }
        _CLExcel.Scroll();
        _CLExcel.Body.style.width = "";
        var sHtml = "<!DOCTYPE html>\r\n<html style='background:rgba(0,0,0,0)'>\r\n<head>\r\n<title></title>";
        var sStyle = CLLoad("/api/CLUI.chx?Function=HttpGetAllJsOrCss&JsOrCss=css&v=" + __CssSrcDt__, null, null, "css").outerHTML;
        sHtml += sStyle;
        sHtml += "<style>.CLExcelNoEidt .vScroll,.CLExcelNoEidt .hScroll{display:none!important} .CLExcel *{animation:none!important;} .CLExcelNoEidt .Container{overflow:initial!important}</style>";
        sHtml += "\r\n</head>\r\n<body style='margin:auto;overflow:hidden;height:" + h + ";width:" + w + ";background:rgba(0,0,0,0)' class='ExcelDesigner ExcelDesignerNoEidt'>\r\n";
        sHtml += _CLExcel.Ele.outerHTML;
        sHtml += "\r\n</body>\r\n";
        sHtml += "</html>";
        var oHtml = sHtml;
        var nPages = _CLExcel.Container.getElementsByClassName("TableBox").length;
        _CLExcel.ResetRowsAfterPrint();
        _CLExcel.Scroll();
        function DownFile(url, Success, Error) {
            try {
                var load = CLRead(url, function (data) {
                    Success(url, new CLBase64().encodeb(data));
                });
                load.Stop();
                var xhr = load.Request;
                xhr.onerror = function (e) {
                    Error();
                }
            } catch (e) {
                console.log(e);
                Error();
            }
        }
        function replace(base, subStr, newStr) {
            var index = 0;
            subStr = subStr.replace(/&/g, "&amp;")
            do {
                var index = base.indexOf(subStr, index);
                if (index < 0) {
                    return base;
                } else {
                    base = base.substr(0, index) + newStr + base.substr(index + subStr.length);
                    index = index + newStr.length;
                }
            } while (true);
        }
        var Names = [];
        for (var key in Imgs) {
            if (!key) {
                continue;
            }
            Names.push(Imgs[key]);
            sHtml = replace(sHtml, "url(" + key + ")", "url('" + "file:///Temp/" + Imgs[key] + "')");
            sHtml = replace(sHtml, key, "file:///Temp/" + Imgs[key]);
        }
        CLPrinterIfReturnNoHas(Names, function (Names) {
            var Count = Names.length;
            var files = [];
            //保存图片到本地
            if (Names.length > 0) {
                for (var imgUrl in Imgs) {
                    if (Names.indexOf(Imgs[imgUrl]) >= 0) {
                        DownFile(imgUrl, function (imgUrl, base64) {
                            CLPrinterSaveImage([{
                                name: Imgs[imgUrl],
                                base64: base64
                            }], function () {
                                Count--;
                                if (Count == 0) {
                                    Success({
                                        Html: sHtml,
                                        oHtml: oHtml,
                                        iWidth: parseInt(w),
                                        nPages: nPages,
                                        nLen: parseInt(h)
                                    });
                                }
                            }, _CLExcel.PrintServerIp);
                        }, function () {
                            Count--;
                            if (Count == 0) {
                                Success({
                                    Html: sHtml,
                                    oHtml: oHtml,
                                    iWidth: parseInt(w),
                                    nPages: nPages,
                                    nLen: parseInt(h)
                                });
                            }
                        });
                    }
                }
            } else {
                Success({
                    Html: sHtml,
                    oHtml: oHtml,
                    iWidth: parseInt(w),
                    nPages: nPages,
                    nLen: parseInt(h)
                });
            }
        }, _CLExcel.PrintServerIp);
    }

    ExcelDesigner.Scan = function () {

    }

    ExcelDesigner.CreateCalculator = function (dataExcel) {
        var fn = ExcelDesigner.prototype;
        if (typeof dataExcel == "string") {
            var Id = dataExcel;
            ExcelDesigner.GetVer(dataExcel, function (Ver) {
                HttpGet("/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFile&ID=" + Id + "&v=" + Ver, function (Json) {
                    if (Json.code != 0) {
                        if (Json.msg) {
                            CLShowMsg(Json.msg);
                        }
                    } else {
                        dataExcel = JSON.parse(Json.data.Data);
                        dataExcel.fileId = Json.data.ID;
                    }
                }, false, true);
            }, true);
        }
        var calc = new ExcelCalculator(dataExcel, 100);

        var first = true;
        var sourceIds
        function Calculator() {
            var self = this;
            self.dataExcel = dataExcel;
            self.GetDataSources = fn.GetDataSources;
            self.CalcVars = fn.CalcVars;
            self.GetVars = fn.GetVars;
            self.GetVarValue = fn.GetVarValue;
            self.SetVarValue = fn.SetVarValue;
            self.FlushVar = function () {
                var self = this;
                if (!self.ChangedSourceIDs || self.ChangedSourceIDs.length == 0) {
                    return;
                }
                if (self.flushTimer != null) {
                    clearTimeout(self.flushTimer);
                }
                self.flushTimer = setTimeout(function () {
                    clearTimeout(self.flushTimer);
                    var load = self.QueryData(self.ChangedSourceIDs, function () {
                        self.Render();
                    });
                    load ? load.Stop() : null;
                }, 1);
            }
            self.SourceData = {};
            self.Var_Vals = {};
            self.Flush = function () {
                if (first) {
                    first = false;
                    var load = DataSourceDlg.GetFormsByDataSource(self.GetDataSources(), function (dataForms) {
                        DataSourceDlg.RewriteFieldsInfo(dataForms, self.GetDataSources());
                        self.GetFieldBySourceIdAndFieldId = function (SourceID, FieldID) {
                            for (var i = 0; i < dataForms.length; i++) {
                                if (dataForms[i].ID == SourceID) {
                                    for (var j = 0; j < dataForms[i].Fields.length; j++) {
                                        if (dataForms[i].Fields[j].ID == FieldID) {
                                            return dataForms[i].Fields[j];
                                        }
                                    }
                                }
                            }
                        }
                        load ? load.Stop() : null;
                        calc.Init(self.GetFieldBySourceIdAndFieldId);
                        sourceIds = calc.getSourceIDs();
                        if (sourceIds.length != 0) {
                            self.ChangedSourceIDs = sourceIds;
                            self.FlushVar();
                        }
                    });
                } else if (!sourceIds && sourceIds.length != 0) {
                    this.FlushVar();
                }
            };
            self.HasChanged = function () {
                return (self.ChangedSourceIDs && self.ChangedSourceIDs.length != 0);
            }
            self.QueryData = function () {
                var load = fn.QueryData.apply(this, arguments);
                load ? load.Stop() : null;
            };
            self.Render = function () {
                if (dataExcel) {
                    calc.Calc(self.SourceData);
                }
                this.OnChanged();
            }
            self.ToTable = function (Dims, Pois, CurCell) {
                if (dataExcel) {
                    var DCells = [];
                    var PCells = [];
                    function func(Cells, input) {
                        for (var i = 0; i < input.length; i++) {
                            var s = input[i];
                            if (!/^[A-Z]+[0-9]+$/.test(s)) {
                                return [];
                            }
                            var cName = s.match(/[A-Z]+/)[0];
                            var row = (s.match(/[1-9]+/)[0]) * 1 - 1;
                            var column = calc.VirtualExcel.getColumnIndex(cName);
                            var Id = column + row * calc.CLExcel.columnCount;
                            Cells.push({
                                Id: s,
                                Cell: calc.Id_Cells[Id]
                            });
                        }
                    }
                    func(DCells, Dims);
                    func(PCells, Pois);
                    var s = CurCell;
                    var Cell = null
                    if (s && /^[A-Z]+[0-9]+$/.test(s)) {
                        var cName = s.match(/[A-Z]+/)[0];
                        var row = (s.match(/[1-9]+/)[0]) * 1 - 1;
                        var column = calc.VirtualExcel.getColumnIndex(cName);
                        var Id = column + row * calc.CLExcel.columnCount;
                        Cell = calc.Id_Cells[Id];
                    }
                    return calc.ToTable(DCells, PCells, Cell);
                } else {
                    return [];
                }
            }
            self.OnChanged = function () {

            }
            self.SetVars = function (Vars) {
                for (var key in Vars) {
                    self.SetVarValue(key, Vars[key]);
                }
            }
            calc.GetVarValue = function (Id) {
                return self.GetVarValue(Id);
            }
            calc.SetVarValue = function (Id, Value) {
                self.SetVarValue(Id, Value);
            }
            calc.CurrentDesigner = function () {
                return self;
            }
        }

        return new Calculator();
    }

    FrmCtrls["附件上传"].ConvertData = function (sData) {
        return sData;
    }

    function PropSplit(Body) {
        var div = document.createElement("div");
        div.classList.add("Split");
        Body.appendChild(div);
    }

    function PropLabel(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Label");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    function PropValue(Body, tag) {
        var input = document.createElement(tag == null ? "input" : tag);
        input.classList.add("Value");
        Body.appendChild(input);
        return input;
    }

    function PropBtn(Body, Name) {
        var div = document.createElement("div");
        div.classList.add("Value");
        div.classList.add("Btn");
        div.innerText = Name;
        Body.appendChild(div);
        return div;
    }

    //元素属性
    function Prop(Ele, ExcelDesigner) {
        var self = this;
        self.Ele = Ele;
        self.ExcelDesigner = ExcelDesigner;
        currentExcelDesigner = ExcelDesigner;
        self.Excel = ExcelDesigner.CLExcel;
        self.createTypeDiv();
        self.createContainer();
        self.createLeft();
    }

    var fn = Prop.prototype;
    //设计器实例
    fn.ExcelDesigner = null;
    //表格实例
    fn.Excel = null;
    //左边菜单
    fn.leftMenu = null;
    //按钮组
    fn.BtnGroup = null;
    //属性类型:单元格元素,单元格属性
    fn.typeDiv = null;
    //属性显示容器
    fn.Container = null;
    //创建左边菜单
    fn.createLeft = function () {
        var self = this;
        var Ele = self.Ele;
        var leftMenu = self.leftMenu = document.createElement("div");
        leftMenu.className = "leftMenu";
        Ele.appendChild(leftMenu);
        var divCtrl = document.createElement("div");
        divCtrl.className = "Ctrl";
        divCtrl.onmouseenter = function () {
            var div = document.createElement("div");
            div.innerHTML = "停靠";
            new CLTitle(divCtrl, div);
            div.style.padding = "5px";
            div.parentNode.style.pointerEvents = "none";
        }

        leftMenu.appendChild(divCtrl);
        var Btns = [];
        function OnBtnCreated(btnDiv) {
        }
        Btns.push({
            Name: "&#xe60d;",
            Type: "单元格元素",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        Btns.push({
            Name: "&#xe623;",
            Type: "单元格属性",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        if (!self.ExcelDesigner.IsWrite && !self.ExcelDesigner.AtServer) {
            Btns.push({
                Name: "&#xe62b;",
                Type: "控件列表",
                IsSel: false,
                Width: "100%",
                OnBtnCreated: OnBtnCreated
            });
        }

        Btns.push({
            Name: "&#xe66e;",
            Type: "表格属性",
            IsSel: false,
            Width: "100%",
            OnBtnCreated: OnBtnCreated
        });
        var _CLBtnGroup = self.BtnGroup = new CLBtnGroup(leftMenu, Btns);
        _CLBtnGroup.Select(_CLBtnGroup.groupDiv.childNodes[0]);
        _CLBtnGroup.OnSelected = function (divBtn) {
            var Btn = divBtn.Btn;
            if (Btn.Type == "单元格元素") {
                var area = self.Excel.getAreas();
                var Cell = area.length == 1 && area[0].Cells.length == 1 ? area[0].Cells[0] : null;
                if (Cell != null) {
                    self.showValProp(Cell);
                } else {
                    self.showCellProp();
                }

            } else if (Btn.Type == "单元格属性") {
                self.showCellProp();
            } else if (Btn.Type == "控件列表") {
                self.showCtrls();
            } else if (Btn.Type == "表格属性") {
                self.excelProp();
            }
        }
    }
    //创建名称显示容器
    fn.createTypeDiv = function () {
        var self = this;
        var Ele = self.Ele;
        var typeDiv = self.typeDiv = document.createElement("div");
        typeDiv.className = "PropType";
        self.Ele.appendChild(typeDiv);
    }
    //var Val = {
    //    collectType: "",//"分组","列表","求和","公式"
    //    filterConditions: {
    //        useParentAsFilter: true,
    //        Conditions: [
    //            {
    //                SourceID: "",
    //                FieldID: "",
    //                Name: "",
    //                className: "",
    //                Operator: "",
    //                ValType: "",//"参数","单元格","公式"
    //                Val: ""//值
    //            }
    //        ]
    //    }
    //}
    //var CellProp = {
    //    leftParent: {
    //        Column: 'A',
    //        Row:0
    //    },
    //    topParent: {
    //        Column: 'A',
    //        Row: 0
    //    },
    //    hElongation: false,
    //    vElongation:false
    //}
    //表格属性
    fn.excelProp = function () {
        var self = this;
        var designer = self.ExcelDesigner;
        self.typeDiv.innerHTML = "表格属性"
        var Container = self.Container;
        Container.innerHTML = "";
        if (!designer.AtServer) {
            var label = PropLabel(Container, "全局背景");
            var clearColor = document.createElement("div");
            clearColor.style.cursor = "pointer";
            clearColor.style.cssFloat = "right";
            clearColor.style.color = "rgb(35,35,220)";
            clearColor.innerHTML = "清除";
            clearColor.onclick = function () {
                delete designer.dataExcel.bgColor;
                colorBtn.style.background = "";
                designer.CLExcel.TableBox.style.background = "";
                designer.CLExcel.recordState();
            }
            label.appendChild(clearColor);
            var colorBtn = PropBtn(Container, "");
            colorBtn.style.background = designer.dataExcel.bgColor;
            colorBtn.style.boxShadow = "0 0px 5px 0 rgba(146,146,146)";
            colorBtn.onclick = function () {
                CLColors.Dialog({
                    color: designer.dataExcel.bgColor,
                    gradient: true,
                    onchange: function (color) {
                        designer.dataExcel.bgColor = color;
                        colorBtn.style.background = color;
                        designer.CLExcel.TableBox.style.background = color;
                    },
                    closed: function () {
                        designer.CLExcel.recordState();
                    }
                }, this);
            }
        }
        if (designer.IsWrite) {
            PropSplit(Container);
            label = PropLabel(Container, "边界预留");
            var inputSpace = PropValue(Container);
            inputSpace.value = designer.dataExcel.Space == null ? "" : designer.dataExcel.Space;
            inputSpace.oninput = function () {
                CLCheckInt(inputSpace);
            }
            inputSpace.onchange = function () {
                designer.dataExcel.Space = inputSpace.value * 1;
            }
            PropSplit(Container);
            label = PropLabel(Container, "外边框");
            var outDiv = PropValue(Container, "DIV");
            outDiv.style.border = "none";
            var outBox = new CLCheckBox("隐藏", outDiv);
            outBox.checked = designer.dataExcel.outDel;
            outBox.onchanged = function () {
                designer.dataExcel.outDel = outBox.checked;
                designer.CLExcel.recordState();
            }
        }
        
        if (!designer.AtServer) {
            PropSplit(Container);
            label = PropLabel(Container, "自动缩放");
            var scaleDiv = PropValue(Container, "DIV");
            scaleDiv.style.border = "none";
            var scaleBox = new CLCheckBox("水平铺满", scaleDiv);
            scaleBox.checked = designer.dataExcel.hFull;
            scaleBox.onchanged = function () {
                designer.dataExcel.hFull = scaleBox.checked;
                designer.CLExcel.recordState();
            }
        }

        if (!designer.IsWrite && !designer.AtServer) {
            PropSplit(Container);
            label = PropLabel(Container, "数据轮播(像素/秒)");
            var inputSpeed = PropValue(Container);
            inputSpeed.value = designer.dataExcel.playSpeed == null ? "" : designer.dataExcel.playSpeed;
            inputSpeed.onchange = function () {
                if (inputSpeed.value.trim().length == 0) {
                    delete designer.dataExcel.playSpeed;
                } else {
                    designer.dataExcel.playSpeed = inputSpeed.value * 1;
                }
                designer.CLExcel.recordState();
            }
            inputSpeed.oninput = function () {
                CLCheckInt(this, 1, 3000);
            }
            PropSplit(Container);

            PropSplit(Container);
            label = PropLabel(Container, "定时刷新(秒)");
            var inputSec = PropValue(Container);
            inputSec.value = designer.dataExcel.freshSec == null ? "" : designer.dataExcel.freshSec;
            inputSec.onchange = function () {
                if (inputSec.value.trim().length == 0) {
                    delete designer.dataExcel.freshSec;
                } else {
                    designer.dataExcel.freshSec = inputSec.value * 1;
                }
                designer.CLExcel.recordState();
            }
            inputSec.oninput = function () {
                CLCheckFloat(this, 2, 10);
            }
        }
        if (!designer.AtServer) {
            PropSplit(Container);
            label = PropLabel(Container, "打印设置");
            var printDiv = PropValue(Container, "DIV");
            printDiv.style.border = "none";
            printDiv.style.height = "initial";
            if (!designer.IsWrite) {
                var printBox = new CLCheckBox("显示打印按钮", printDiv);
                printBox.checked = designer.dataExcel.hasPrintBtn == true;
                printBox.onchanged = function () {
                    designer.dataExcel.hasPrintBtn = printBox.checked;
                    designer.CLExcel.recordState();
                }
            }
            var quietBox = new CLCheckBox("静默打印", printDiv);
            quietBox.checked = designer.dataExcel.usePrintDlg == false;
            quietBox.onchanged = function () {
                designer.dataExcel.usePrintDlg = !quietBox.checked;
                designer.CLExcel.recordState();
            }
            var div = document.createElement("div");
            Container.appendChild(div);
            var printServer = PropValue(Container);
            div.appendChild(printServer);
            printServer.style.marginTop = "5px";
            printServer.setAttribute("placeholder", "打印代理:127.0.0.1");
            printServer.style.width = "calc(100% - 100px)";
            printServer.value = !designer.dataExcel.PrintServerIp ? "" : designer.dataExcel.PrintServerIp;
            printServer.onchange = function () {
                designer.dataExcel.PrintServerIp = printServer.value;
            }
            var box = new CLCheckBox("仅移动端", div);
            var style = div.lastChild.style;
            style.display = "inline-block";
            style.marginLeft = "15px";
            box.checked = designer.dataExcel.usePrintServerOnlyMobile;
            box.onchanged = function () {
                designer.dataExcel.usePrintServerOnlyMobile = box.checked;
            }
            PropSplit(Container);
            label = PropLabel(Container, "样式表");
            var Btn = PropBtn(Container, "编辑");
            Btn.onclick = function () {
                var styleSheet = designer.dataExcel.styleSheet;
                if (styleSheet == null) {
                    styleSheet = {
                        ID: CLMakeId(),
                        Sheet: ""
                    }
                }
                var dlg = CLApp.StyleSheetDlg(styleSheet.Sheet, function (Sheet) {
                    styleSheet.Sheet = Sheet;
                    var style = document.getElementById(styleSheet.ID);
                    if (styleSheet.Sheet.trim().length != 0) {
                        designer.dataExcel.styleSheet = styleSheet;
                        if (style == null) {
                            style = document.createElement("style");
                            style.id = styleSheet.ID;
                            document.head.appendChild(style);
                        }
                        style.innerHTML = CLCompileSheet(styleSheet.Sheet, ".Scope_" + designer.dataExcel.ID);
                    } else {
                        if (style != null) {
                            style.remove();
                        }
                    }
                    designer.CLExcel.recordState();
                });
                dlg.Body.addEventListener("keydown", function (e) {
                    if (e.ctrlKey && e.code == "KeyS") {
                        styleSheet.Sheet = dlg.Value;
                        designer.dataExcel.styleSheet = styleSheet;
                        designer.Save();
                        designer.CLExcel.recordState();
                    }
                });
            }
        }
        PropSplit(Container);
        if (designer.AtServer) {
            var labelOut = PropLabel(Container, "数据输出");
            var div = document.createElement("div");
            Container.appendChild(div);
            var btnOut = PropBtn(Container, "设置");
            btnOut.style.display = "inline-block";
            div.appendChild(btnOut);
            btnOut.style.width = "calc(100% - 100px)";
            btnOut.onclick = function () {
                var dlgDiv = document.createElement("div");
                dlgDiv.style.cssText = "width:800px;height:600px";
                var dlg = new CLDialog(dlgDiv);
                var Output = CLClone(designer.dataExcel.Output);
                if (!Output) {
                    Output = {};
                }
                dlg.CreateAll("选项设置", function () {
                    designer.dataExcel.Output = Output
                });
                dlg.EnableMove();
                dlg.Body.style.overflow = "auto";
                dlg.Body.style.paddingTop = "10px";
                var Fields;
                (function () {
                    Fields = [];
                    for (var y = 0; y < designer.CLExcel.rowCount; y++) {
                        for (var x = 0; x < designer.CLExcel.columnCount; x++) {
                            var Name = designer.CLExcel.getColumnName(x) + (y + 1);
                            var Val = designer.CLExcel.Rows_Cells[y][x].Val;
                            if (Val == null) {
                                continue;
                            }
                            if (Val == null || (Val.type != "Field" && Val.type != "Code" && Val.type != "text")) {
                                continue;
                            }
                            Fields.push({
                                ID: Name,
                                Name: Name,
                                className: Val.type == "Code" ? "数字" : (Val.type == "Field" ? Val.Field.className : "单行文本")
                            });
                        }
                    }
                }());
                var label = document.createElement("div");
                label.innerHTML = "想要输出哪些数据?";
                label.style.marginBottom = "10px";
                label.style.color = "rgb(94, 109, 130)";
                dlg.Body.appendChild(label);
                var divOut = document.createElement("div");
                divOut.style.cssText = "padding:0px 0px 10px 0px";
                dlg.Body.appendChild(divOut);

                var pointerDiv = document.createElement("div");
                pointerDiv.style.height = "28px";
                pointerDiv.style.width = "2px";
                pointerDiv.style.margin = "3px 0";
                pointerDiv.style.verticalAlign = "top";
                pointerDiv.style.background = "#0db3a6";
                pointerDiv.style.display = "inline-block";

                function EnableMove(Btn, func) {
                    var oStyle;
                    CLEnableMove(Btn, function (Btn, event) {
                        Rect = Btn.getBoundingClientRect();
                        oStyle = Btn.style.cssText;
                        Btn.style.position = "fixed";
                        Btn.style.zIndex = CLMaxZIndex();
                        Btn.style.left = Rect.left + "px";
                        Btn.style.top = Rect.top + "px";
                        FromX = event.clientX;
                        FromY = event.clientY;
                    }, function (Btn, event) {
                        Btn.style.left = event.clientX - FromX + Rect.left + "px";
                        Btn.style.top = event.clientY - FromY + Rect.top + "px";
                        var dragRect = Btn.getBoundingClientRect();
                        var Btns = Btn.parentNode.childNodes;
                        beforeBtn = null;
                        for (var i = Btns.length - 1; i > -1; i--) {
                            var rect = Btns[i].getBoundingClientRect();
                            if (isLess(dragRect, rect)) {
                                beforeBtn = Btns[i];
                            }
                        }
                        Btn.parentNode.insertBefore(pointerDiv, beforeBtn);
                    }, function (Btn, event) {
                        var dimensionsRect = Btn.parentNode.getBoundingClientRect();
                        var dragRect = Btn.getBoundingClientRect();
                        var flag = false;
                        if (dragRect.bottom < dimensionsRect.top || dragRect.right < dimensionsRect.left || dragRect.top > dimensionsRect.bottom || dragRect.left > dimensionsRect.right) {
                            Btn.remove();
                            flag = true;
                        } else {
                            if (pointerDiv.parentNode == Btn.parentNode) {
                                Btn.parentNode.insertBefore(Btn, pointerDiv);
                                flag = true;
                            }
                        }
                        pointerDiv.remove();
                        func();
                        Btn.style.cssText = oStyle;
                        if (flag && !designer.FlowCore) {
                            funcMap();
                        }
                        designer.CLExcel.recordState();
                    });
                }

                var add = label.cloneNode();
                add.style.display = "inline-block";
                add.style.color = "#0db3a6";
                add.style.fontFamily = "CLFont";
                add.innerHTML = "&#xe767;添加维度";
                add.style.cursor = "pointer";
                function addDimension(field, bPush) {
                    var Dims = Output.Dimensions;
                    if (!Dims) {
                        Dims = Output.Dimensions = [];
                    }
                    if (bPush !== false) {
                        Dims.push(field);
                    }
                    var Btn = document.createElement("div");
                    Btn.className = "CLBtnGreen CLBtnSmall";
                    Btn.innerHTML = field.Name;
                    Btn.data = field;
                    divDim.appendChild(Btn);
                    EnableMove(Btn, function () {
                        var nodes = divDim.childNodes;
                        Dims.splice(0, Dims.length);
                        for (var i = 0; i < nodes.length; i++) {
                            Dims.push(nodes[i].data);
                        }
                    });
                }
                function addPointer(field, bPush) {
                    var Pits = Output.Pointers;
                    if (!Pits) {
                        Pits = Output.Pointers = [];
                    }
                    if (bPush !== false) {
                        Pits.push(field);
                    }
                    var Btn = document.createElement("div");
                    Btn.className = "CLBtnGreen CLBtnSmall";
                    Btn.innerHTML = field.Name;
                    Btn.data = field;
                    divPit.appendChild(Btn);
                    EnableMove(Btn, function () {
                        var nodes = divPit.childNodes;
                        Pits.splice(0, Pits.length);
                        for (var i = 0; i < nodes.length; i++) {
                            Pits.push(nodes[i].data);
                        }
                    });
                }
                function addAny(fAdd, btn) {
                    var Menu = {
                        "style": {
                            "width": "200px",
                            "max-height": "500px",
                            "overflow-y": "auto",
                        },
                        "Items": []
                    };
                    var Dims = Output.Dimensions;
                    var Pits = Output.Pointers;
                    var Items = Menu.Items;
                    for (var i = 0; Fields != null && i < Fields.length ; i++) {
                        var Enable = true;
                        if (Dims) {
                            Dims.some(function (Dim) {
                                if (Dim.Name == Fields[i].Name) {
                                    Enable = false;
                                    return true;
                                }
                            });
                        }
                        if (Enable && Pits) {
                            Pits.some(function (Pit) {
                                if (Pit.Name == Fields[i].Name) {
                                    Enable = false;
                                    return true;
                                }
                            });
                        }
                        Items.push({
                            Text: Fields[i].Name,
                            Enable: Enable,
                            Data: Fields[i],
                            className: Fields[i].className,
                            CallBack: function (e) {
                                fAdd(this.Data);
                                if (!designer.FlowCore) {
                                    funcMap();
                                }
                                e.currentTarget.Disabled = true;
                                designer.CLExcel.recordState();
                            }
                        });
                    }
                    var _CLMenu = new CLMenu(Menu, btn);
                    _CLMenu.EnableSearch(true);
                }
                add.onclick = function () {
                    var btn = this;
                    addAny(function (field) {
                        addDimension(field);
                    }, btn);
                }
                divOut.appendChild(add);
                var divDim = document.createElement("div");
                divDim.style.cssText = "line-height:30px;border-radius:3px;border:1px #e0e0e0 solid;min-height:37px";
                divOut.appendChild(divDim);
                function showDim() {
                    var Dims = Output.Dimensions;
                    if (Dims) {
                        Dims.forEach(function (ele) {
                            addDimension(ele, false);
                        });
                    }
                }
                showDim();
                add = add.cloneNode();
                add.innerHTML = "&#xe767;添加指标";
                add.style.marginTop = "10px";
                divOut.appendChild(add);
                add.onclick = function () {
                    var btn = this;
                    addAny(function (field) {
                        addPointer(field);
                    }, btn);
                }
                var divPit = divDim.cloneNode();
                divOut.appendChild(divPit);
                function showPit() {
                    var Pits = Output.Pointers;
                    if (Pits) {
                        Pits.forEach(function (ele) {
                            addPointer(ele, false);
                        });
                    }
                }
                showPit();
                if (designer.FlowCore) {
                    label = label.cloneNode();
                    label.innerHTML = "将数据输入到哪里?";
                    label.style.margin = "10px 0";
                    dlg.Body.appendChild(label);

                    var formSelector = new CLSelect(dlg.Body);
                    formSelector.setPlaceholder("选择表单");
                    formSelector.EnableClear(true);
                    var forms = CLApp.getFormsByAppId(designer.AppId);

                    var items = [];
                    var index = -1;
                    for (var i = 0; i < forms.length ; i++) {
                        items.push({ ID: forms[i].ID, Name: forms[i].Name, toString: function () { return this.Name } });
                        if (forms[i].ID == Output.FormID) {
                            index = i;
                        }
                    }
                    formSelector.EnableSearch(true);
                    formSelector.AddItems(items);
                    formSelector.onchanged = function () {
                        if (formSelector.selectedIndex > -1) {
                            recBtn.style.display = "inline-block";
                            Output.FormID = items[formSelector.selectedIndex].ID;
                        } else {
                            recBtn.style.display = "none";
                            Output.Fields = RecFields = [];
                            recBox.innerHTML = "";
                            delete Output.FormID;
                        }
                    }
                    var RecFields = Output.Fields;
                    if (!RecFields) {
                        Output.Fields = RecFields = [];
                    }
                    function AddRec(field, bPush) {
                        if (bPush !== false) {
                            RecFields.push(field);
                        }
                        var divLine = document.createElement("div");
                        divLine.style.cssText = "width: 100%; margin-bottom: 10px; line-height: 30px;";
                        recBox.appendChild(divLine);
                        var label = document.createElement("div");
                        label.style.cssText = "width: 245px; display: inline-block; line-height: 30px; border: 1px solid rgb(217, 217, 217); padding: 0px 8px; vertical-align: top;"
                        label.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[field.className].Icon + "</span>" + field.Name;
                        divLine.appendChild(label);
                        var op = document.createElement("div");
                        op.style.cssText = "width: 145px; display: inline-block; height: 30px; line-height: 30px; margin: 0px 8px; vertical-align: top; color: rgb(13, 179, 166);text-align:center";
                        op.innerHTML = "等于";
                        divLine.appendChild(op);
                        var nameDiv = document.createElement("div");
                        nameDiv.style.cssText = "width: 275px; display: inline-block; line-height: 30px; margin: 0px 8px 0px 16px; vertical-align: top;";
                        divLine.appendChild(nameDiv);
                        var select = new CLSelect(nameDiv);
                        select.EnableSearch(true);
                        select.getItems = function (success) {
                            var items = [];
                            if (Output.Dimensions) {
                                Output.Dimensions.forEach(function (data) {
                                    items.push(data.ID);
                                });
                            }
                            if (Output.Pointers) {
                                Output.Pointers.forEach(function (data) {
                                    items.push(data.ID);
                                });
                            }
                            success(items);
                        }
                        select.getItems(function (items) {
                            if (items.indexOf(field.From) > -1) {
                                select.SetValue(field.From);
                            }
                        });
                        select.EnableClear(true);
                        select.setPlaceholder("请选择数据字段");
                        select.onchanged = function () {
                            field.From = select.GetValue();
                        }

                        var Del = document.createElement("div");
                        Del.style.cssText = "font-family:CLFont;height:30px;line-height:30px;display:inline-block;padding:3px;font-size:20px;vertical-align:top;color:#3F80AE;cursor:pointer;";
                        Del.onmouseover = function (e) {
                            this.style.color = "#e86261";
                            this.style.fontWeight = "900";
                        }
                        Del.onmouseleave = function (e) {
                            this.style.color = "#3F80AE";
                            this.style.fontWeight = "100";
                        }
                        Del.onclick = function (e) {
                            this.parentNode.remove();
                        }
                        Del.innerHTML = "&#xe80b;";
                        divLine.Rec = field;
                        var remove = divLine.remove;
                        divLine.remove = function () {
                            RecFields.splice(RecFields.indexOf(this.Rec), 1);
                            remove.call(this);
                        }
                        divLine.appendChild(Del);
                    }
                    var recBtn = add.cloneNode();
                    recBtn.innerHTML = "&#xe767;添加接收数据字段";
                    recBtn.style.marginTop = "10px";
                    recBtn.style.display = "none";
                    dlg.Body.appendChild(recBtn);
                    recBtn.onclick = function () {
                        var Menu = {
                            "style": {
                                "max-height": "230px",
                                "overflow": "auto",
                                "margin-top": "15px",
                                "background-color": "#fff",
                            },
                            "Items": [
                            ]
                        }
                        var Items = Menu.Items;
                        var arr = ["单行文本", "多行文本", "数字", "时间日期", "单选按钮组", "复选框组", "下拉框", "下拉复选框",
                            "流水号", "成员单选", "成员多选", "部门单选", "部门多选", "提交时间", "更新时间", "提交人"];
                        var Fields = CLApp.getFormById(Output.FormID).Fields;
                        Fields.forEach(function (field) {
                            if (arr.indexOf(field.className) > -1) {
                                var Enable = true;
                                RecFields.some(function (rec) {
                                    if (rec.ID == field.ID) {
                                        Enable = false;
                                        return true;
                                    }
                                });
                                Items.push({
                                    Text: field.Name,
                                    Enable: Enable,
                                    CallBack: function (e) {
                                        e.currentTarget.Disabled = true;
                                        AddRec({ ID: field.ID, Name: field.Name, className: field.className });
                                    }
                                });
                            }
                        });
                        new CLMenu(Menu, recBtn);
                    }
                    var recBox = document.createElement("div");
                    dlg.Body.appendChild(recBox);
                    RecFields.forEach(function (rec) {
                        AddRec(rec, false);
                    });
                    formSelector.selectedIndex = index;
                } else {
                    label = label.cloneNode();
                    label.innerHTML = "数据输出方式";
                    label.style.margin = "10px 0";
                    dlg.Body.appendChild(label);
                    var list = new CLList([{ ID: "0", Name: "列表数据" }, { ID: "1", Name: "多维数据(1)" }, { ID: "2", Name: "多维数据(2)" }, { ID: "3", Name: "反向查找" }], dlg.Body, false);
                    var div = dlg.Body.lastChild;
                    div.classList.add("CLListInlineBlock");
                    div.style.cssFloat = "";
                    list.OnSelected = function () {
                        var ID = list.getSelIds()[0];
                        Output.OutType = ID;
                        funcMap();
                    }
                    var block = document.createElement("div");
                    label = label.cloneNode();
                    label.innerHTML = "字段映射";
                    label.style.margin = "10px 0";
                    block.appendChild(label);
                    dlg.Body.appendChild(block);
                    if (!Output.FMap) {
                        Output.FMap = {};
                    }
                    function func(field) {
                        var divLine = document.createElement("div");
                        divLine.style.cssText = "width: 100%; margin-bottom: 10px; line-height: 30px;";
                        recBox.appendChild(divLine);
                        var label = document.createElement("div");
                        label.style.cssText = "width: 65px; display: inline-block; line-height: 30px; border: 1px solid rgb(217, 217, 217); padding: 0px 8px; vertical-align: top;"
                        label.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[field.className].Icon + "</span>" + field.Name;
                        divLine.appendChild(label);
                        var op = document.createElement("div");
                        op.style.cssText = "width: 145px; display: inline-block; height: 30px; line-height: 30px; margin: 0px 8px; vertical-align: top; color: rgb(13, 179, 166);text-align:center";
                        op.innerHTML = "->";
                        divLine.appendChild(op);
                        var input = document.createElement("input");
                        input.style.cssText = "width: 215px; display: inline-block; line-height: 30px; border: 1px solid rgb(217, 217, 217); padding: 0px 8px; vertical-align: top;"
                        divLine.appendChild(input);
                        input.value = !!Output.FMap[field.ID] ? Output.FMap[field.ID] : "";
                        input.onchange = function () {
                            if (!!input.value) {
                                Output.FMap[field.ID] = input.value;
                            } else {
                                delete Output.FMap[field.ID];
                            }
                        }
                    }
                    var recBox = document.createElement("div");
                    block.appendChild(recBox);
                    function funcMap() {
                        recBox.innerHTML = "";
                        var arr = [];
                        if (Output.Dimensions && (Output.OutType == "0" || Output.OutType == "3")) {
                            arr = arr.concat(Output.Dimensions);
                        }
                        if (Output.Pointers) {
                            arr = arr.concat(Output.Pointers);
                        }
                        var FMap = {};
                        for (var i = 0; i < arr.length ; i++) {
                            func(arr[i]);
                            if (Output.FMap[arr[i].ID]) {
                                FMap[arr[i].ID] = Output.FMap[arr[i].ID];
                            }
                        }
                        Output.FMap = FMap;
                    }
                    funcMap();
                    list.Select(Output.OutType);
                }
            }
            var boxOut = new CLCheckBox("禁用", div);
            var style = div.lastChild.style;
            style.display = "inline-block";
            style.marginLeft = "15px";
            boxOut.checked = designer.dataExcel.UseOut == false
            boxOut.onchanged = function () {
                designer.dataExcel.UseOut = !boxOut.checked;
            }
        }

    }
    //显示元素属性
    fn.showValProp = function (Cell) {
        var self = this;
        var designer = self.ExcelDesigner;
        if (Cell.Prop == null) {
            designer.showParent();
        } else {
            var leftParent = Cell.Prop.leftParent;
            var topParent = Cell.Prop.topParent;
            designer.showParent(leftParent, topParent);
        }

        self.typeDiv.innerHTML = "单元格元素"
        var Container = self.Container;
        Container.innerHTML = "";
        self.BtnGroup.Select(self.BtnGroup.groupDiv.childNodes[0], false);
        var label = PropLabel(Container, "单元格");
        var box = new CLCheckBox("锁定", label);
        var LockX = designer.dataExcel.LockX == null ? -1 : designer.dataExcel.LockX;
        var LockY = designer.dataExcel.LockY == null ? -1 : designer.dataExcel.LockY;
        if (LockY == Cell.Start.row - 1 && LockX == Cell.Start.column - 1) {
            box.checked = true;
        }
        box.onchanged = function () {
            if (this.checked) {
                designer.dataExcel.LockX = Cell.Start.column - 1;
                designer.dataExcel.LockY = Cell.Start.row - 1;
                if (designer.dataExcel.LockX < 0) {
                    delete designer.dataExcel.LockX;
                }
                if (designer.dataExcel.LockY < 0) {
                    delete designer.dataExcel.LockY;
                }
                delete designer.dataExcel.LockOffset;
            } else {
                delete designer.dataExcel.LockOffset;
                delete designer.dataExcel.LockX;
                delete designer.dataExcel.LockY;
            }
        }
        label.lastChild.style.cssFloat = "right";
        if (!designer.IsWrite) {
            var box = new CLCheckBox("不打印以上", label);
            label.lastChild.style.cssFloat = "right";
            label.lastChild.style.marginRight = "10px";
            if (designer.dataExcel.NoPrintOffset == Cell.End.row) {
                box.checked = true;
            }
            box.onchanged = function () {
                if (this.checked) {
                    designer.dataExcel.NoPrintOffset = Cell.End.row;
                } else {
                    delete designer.dataExcel.NoPrintOffset;
                }
            }

            box = new CLCheckBox("重复打印表头", label);
            label.lastChild.style.cssFloat = "right";
            label.lastChild.style.marginRight = "10px";
            box.checked = designer.dataExcel.LockRepeat == true;
            box.onchanged = function () {
                if (this.checked) {
                    designer.dataExcel.LockRepeat = true;
                } else {
                    delete designer.dataExcel.LockRepeat;
                }
            }

            box = new CLCheckBox("页末行", label);
            label.lastChild.style.cssFloat = "right";
            label.lastChild.style.marginRight = "10px";
            if (designer.dataExcel.PrintPageLastLine == Cell.Start.row) {
                box.checked = true;
            }
            box.onchanged = function () {
                if (this.checked) {
                    designer.dataExcel.PrintPageLastLine = Cell.Start.row;
                } else {
                    delete designer.dataExcel.PrintPageLastLine;
                }
            }
        }

        label.style.lineHeight = "25px";

        var nameDiv = PropValue(Container, "DIV");
        nameDiv.innerText = self.Excel.getColumnName(Cell.Start.column) + (Cell.Start.row + 1);
        PropSplit(Container);
        var label = PropLabel(Container, "插入元素");
        var insertDiv = PropValue(Container, "DIV");
        insertDiv.style.border = "none";
        var insertVal = new CLSelect(insertDiv);
        insertVal.AddItems(["文字", "图片", "字段", "公式"]);
        var Val = self.Excel.getCellVal(Cell);

        if (Val == null || Val.type == "text") {
            insertVal.SetValue("文字");
        } else if (Val.type == "Field") {
            insertVal.SetValue("字段");
        } else if (Val.type == "img") {
            insertVal.SetValue("图片");
        } else if (Val.type == "Code") {
            insertVal.SetValue("公式");
        } else if (Val.type == "Ctrl") {
            insertVal.SetValue("控件");
        }
        insertVal.onchanged = function () {
            var type = insertVal.GetValue();
            if (type == "文字") {
                delete Cell.Val;
                self.Excel.editCellText(Cell);
            }
            if (type == "图片") {
                self.Excel.insertCellImg(Cell);
            }
            if (type == "字段") {
                CLShowMsg("请从左边拖入字段");
            }
            if (type == "公式") {
                var codeEditor = designer.editCode(Cell, Cell.Val == null ? "" : Cell.Val.Code, function (Code) {
                    if (Cell.Val != null) {
                        Cell.Val.Code = Code;
                    } else {
                        Cell.Val = {
                            type: "Code",
                            Code: Code
                        }
                    }
                    designer.showCellVal(Cell, Cell.Val);
                    designer.CLExcel.recordState();
                }, "公式编辑");
                codeEditor.getGlobalScope().EventData = {
                    ID: "",
                    Name: "",
                    className: "",
                    CLChart: CLChart.prototype,
                    Wheres: [],
                    currentCell: document.body,
                    Excel: VirtualExcel.prototype
                };
            }
        }
        if (Val == null) {
            return;
        }
        if (Val.type == "Field") {
            (function () {
                PropSplit(Container);
                label = PropLabel(Container, "字段名");
                var nameEle = PropValue(Container, "DIV");
                nameEle.style.paddingLeft = "8px";
                nameEle.innerText = Val.Field.Name;
                PropSplit(Container);
                label = PropLabel(Container, "汇总方式");
                var setDiv = PropValue(Container, "DIV");
                setDiv.style.border = "none";
                var selector = new CLSelect(setDiv);
                selector.AddItems([
                    "分组", "列表", "求和", "平均", "最大值", "最小值", "计数"
                ]);
                selector.onchanged = function () {
                    Val.collectType = selector.GetValue();
                }
                if (Val.collectType == null) {
                    selector.selectedIndex = 0;
                } else {
                    selector.selectedIndex = selector.Items.indexOf(Val.collectType);
                }
                PropSplit(Container);
                label = PropLabel(Container, "过滤条件");
                var Btn = PropBtn(Container, "编辑");
                Btn.onclick = function () {
                    if (Val.filterConditions == null) {
                        Val.filterConditions = {};
                    }
                    self.filterConditions(Val, Cell);
                }
                if (Val.Field.className == "数字" || Val.Field.className == "时间日期" || Val.Field.className == "提交时间" || Val.Field.className == "更新时间") {
                    PropSplit(Container);
                    label = PropLabel(Container, "数据格式");
                    var Btn = PropBtn(Container, "设置");
                    Btn.onclick = function () {
                        if (Val.Field.className == "数字") {
                            CLNumFormatDialog(Val.dataFormat, function (dataFormat) {
                                Val.dataFormat = dataFormat;
                                designer.CLExcel.recordState();
                            });
                        }
                        if (Val.Field.className == "时间日期" || Val.Field.className == "提交时间" || Val.Field.className == "更新时间") {
                            CLDtFormatDialog(Val.dataFormat, function (dataFormat) {
                                Val.dataFormat = dataFormat;
                                designer.CLExcel.recordState();
                            });
                        }
                    }
                }
                {
                    PropSplit(Container);
                    label = PropLabel(Container, "自定义显示");
                    var Btn = PropBtn(Container, "设置");
                    Btn.onclick = function () {
                        designer.editCode(Cell, Val.cusFormat, function (cusFormat) {
                            Val.cusFormat = cusFormat;
                            designer.CLExcel.recordState();
                        }, "自定义显示");
                    }
                }
                if (Val.Field.className == "附件上传") {
                    PropSplit(Container);
                    var swapSplit = Container.lastChild;
                    var swapLabel = PropLabel(Container, "自动轮播");
                    var swapDiv = PropValue(Container, "DIV");
                    swapDiv.style.border = "none";
                    var swapbox = new CLCheckBox("自动轮播", swapDiv);
                    swapbox.checked = Cell.Val.AutoSwap != false;
                    swapbox.onchanged = function () {
                        Cell.Val.AutoSwap = swapbox.checked;
                        designer.CLExcel.recordState();
                    }
                }
            }());
        }
        if (Val.type == "Ctrl") {
            self.showCtrlProp(Cell);
        }
        if (Val.type == "Code") {
            {
                PropSplit(Container);
                label = PropLabel(Container, "自定义显示");
                var Btn = PropBtn(Container, "设置");
                Btn.onclick = function () {
                    designer.editCode(Cell, Val.cusFormat, function (cusFormat) {
                        Val.cusFormat = cusFormat;
                    }, "自定义显示");
                }
            }
            if (!designer.IsWrite) {
                PropSplit(Container);
                var label = PropLabel(Container, "展示为图片");
                var typeDiv = PropValue(Container, "DIV");
                typeDiv.style.border = "none";
                var clbox = new CLCheckBox("展示为图片", typeDiv);
                clbox.checked = Cell.Val.IsImg == true;
                clbox.onchanged = function () {
                    Cell.Val.IsImg = clbox.checked;
                    ShowOrHide();
                }
                PropSplit(Container);
                var swapSplit = Container.lastChild;
                var swapLabel = PropLabel(Container, "自动轮播");
                var swapDiv = PropValue(Container, "DIV");
                swapDiv.style.border = "none";
                var swapbox = new CLCheckBox("自动轮播", swapDiv);
                swapbox.checked = Cell.Val.AutoSwap != false;
                swapbox.onchanged = function () {
                    Cell.Val.AutoSwap = swapbox.checked;
                }
                function ShowOrHide() {
                    if (Cell.Val.IsImg) {
                        swapSplit.style.display = "";
                        swapLabel.style.display = "";
                        swapDiv.style.display = "";
                    } else {
                        swapSplit.style.display = "none";
                        swapLabel.style.display = "none";
                        swapDiv.style.display = "none";
                    }
                }
                ShowOrHide();
            }

        }
        if (Val.type != "Ctrl") {
            PropSplit(Container);
            var label = PropLabel(Container, "超链");
            var btnDiv = PropBtn(Container, "设置");
            btnDiv.onclick = function () {
                designer.editCode(Cell, Val.href, function (href) {
                    Val.href = href;
                }, "超链");
            }
        }
    }
    //控件属性
    fn.showCtrlProp = function (Cell) {
        var self = this;
        currentExcelDesigner = self.ExcelDesigner;
        var Container = self.Container;
        Ctrls[Cell.Val.Ctrl.className].Prop(Container, Cell.Val.Ctrl, Cell);
    }
    //过滤条件
    fn.filterConditions = function (Val, cell) {
        var self = this;
        var designer = self.ExcelDesigner;
        var filterConditions = Val.filterConditions;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:905px;height:700px;";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("过滤", function () {
            filterConditions.useParentAsFilter = box.checked;
            filterConditions.Conditions = Conditions;
            designer.CLExcel.recordState();
        });
        dlg.EnableMove();
        var Body = dlg.Body;
        Body.style.padding = "10px 10px 0px";
        Body.className = "filterConditionDlg";
        //父格条件
        var divLine = document.createElement("div");
        divLine.className = "Line";
        Body.appendChild(divLine);
        var lineName = document.createElement("div");
        lineName.className = "lineName";
        lineName.innerHTML = "父格条件";
        divLine.appendChild(lineName);
        var box = new CLCheckBox("将父格子作为过滤条件(适用于父子个来自于同一数据集)", divLine);
        box.checked = filterConditions.useParentAsFilter != false;
        //普通条件
        divLine = document.createElement("div");
        divLine.className = "Line";
        Body.appendChild(divLine);
        lineName = document.createElement("div");
        lineName.className = "lineName";
        lineName.innerHTML = "普通条件";
        divLine.appendChild(lineName);
        var addDiv = document.createElement("div");
        addDiv.className = "Add";
        addDiv.innerHTML = "添加条件<span style='padding-right:10px'>&#xe6da;</span>";
        divLine.appendChild(addDiv);
        addDiv.onclick = function () {
            //获取所有字段
            if (Val.Field == null && Val.Ctrl != null && Val.Ctrl.SourceID != null) {
                Val.Field = { SourceID: Val.Ctrl.SourceID }
            }
            var Fields = designer.GetFieldsBySourceId(Val.Field.SourceID);
            var Menu = {
                "style": {
                    "width": "120px",
                    "max-height": innerHeight - 30 + "px",
                    "overflow": "auto",
                },
                "Items": []
            };
            var Items = Menu.Items;
            var classNames = ["流水号", "单行文本", "单选按钮组", "下拉框", "数字", "成员单选", "提交人", "部门单选", "更新时间", "提交时间", "时间日期", "流程状态"];
            for (var i = 0; i < Fields.length; i++) {
                if (classNames.indexOf(Fields[i].className) < 0) {
                    continue;
                }
                var Enable = true;
                for (var j = 0; j < Conditions.length; j++) {
                    if (Conditions[j].FieldID == Fields[i].ID) {
                        Enable = false;
                    }
                }
                Items.push({
                    Text: Fields[i].Name,
                    fieldInfo: {
                        SourceID: Val.Field.SourceID,
                        FieldID: Fields[i].ID,
                        Name: Fields[i].Name,
                        className: Fields[i].className
                    },
                    "Enable": Enable,
                    "CallBack": function (event) {
                        addCondition(this.fieldInfo);
                        event.currentTarget.Disabled = true;
                    }
                });
            }
            var _CLMenu = new CLMenu(Menu, addDiv);
            _CLMenu.EnableSearch(true);
        }
        var divConditions = document.createElement("div");
        divConditions.className = "Conditions";
        Body.appendChild(divConditions);
        var Conditions = filterConditions.Conditions == null ? [] : CLClone(filterConditions.Conditions);
        function addCondition(fieldInfo) {
            Conditions.push(CLClone(fieldInfo));
            showCondition(Conditions[Conditions.length - 1]);
        }

        var Operators = (function () {

            return {
                "单行文本": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["单行文本"].Icon
                    }
                })(),
                "流水号": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["流水号"].Icon
                    }
                })(),
                "数字": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "大于", "大于等于", "小于", "小于等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["数字"].Icon
                    }
                })(),
                "时间日期": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["时间日期"].Icon
                    }
                })(),
                "单选按钮组": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["单选按钮组"].Icon
                    }
                })(),
                "下拉框": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["下拉框"].Icon
                    }
                })(),
                "成员单选": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["成员单选"].Icon
                    }
                })(),
                "部门单选": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["部门单选"].Icon
                    }
                })(),
                "流程状态": (function () {
                    return {
                        Items: [
                            "等于", "不等于", "公式编辑"
                        ],
                        DefaultIndex: 0,
                        Icon: FrmCtrls["流程状态"].Icon
                    }
                })(),
            }
        })();

        Operators["提交时间"] = Operators["时间日期"];
        Operators["更新时间"] = Operators["时间日期"];
        Operators["提交人"] = Operators["成员单选"];

        function showCondition(condition) {
            var conditionLine = document.createElement("div");
            conditionLine.className = "conditionLine";
            var divField = document.createElement("div");
            divField.className = "Field";
            conditionLine.appendChild(divField);
            divField.innerHTML = "<span style='font-family:CLFont;color:#749fd1;padding-right:5px'>" + FrmCtrls[condition.className].Icon + "</span>";
            divField.innerHTML += condition.Name;
            divConditions.appendChild(conditionLine);
            var divOp = document.createElement("div");
            divOp.className = "Op";
            conditionLine.appendChild(divOp);
            var opSelector = new CLSelect(divOp);
            opSelector.onchanged = function (This) {
                condition.Operator = opSelector.GetValue();
                setTypeItems();
                ShowVal();
            }

            function ShowVal() {
                var index = typeSelector.Items.indexOf(condition.ValType);
                if (index < 0) {
                    typeSelector.selectedIndex = 0;
                } else {
                    if (typeSelector.selectedIndex == null) {
                        typeSelector.selectedIndex = typeSelector.Items.indexOf(condition.ValType);
                    } else {
                        eval(typeSelector.GetValue() + "()");
                    }
                }
            }

            function 参数() {
                divVal.innerHTML = "";
                var Vars = designer.GetVars();
                var varSelector = new CLSelect(divVal);
                var index;
                for (var i = 0; i < Vars.length; i++) {
                    if (Vars[i].ID == condition.Val) {
                        index = i;
                    }
                    varSelector.AddItems([Vars[i].Name]);
                }
                if (index != null) {
                    varSelector.selectedIndex = index;
                }
                varSelector.onchanged = function () {
                    condition.Val = Vars[varSelector.selectedIndex].ID;
                }

            }

            function 单元格() {
                divVal.innerHTML = "";
                var span = document.createElement("span");
                span.style.padding = "0 15px";
                span.innerHTML = "列";
                divVal.appendChild(span);
                var inputColumn = document.createElement("input");
                inputColumn.style.cssText = "height:30px;width:80px;";
                inputColumn.value = condition.Val == null ? "" : condition.Val.Column == null ? "" : condition.Val.Column
                divVal.appendChild(inputColumn);
                inputColumn.oninput = function () {
                    var selPos = inputColumn.selectionStart;
                    for (var i = 0; i < inputColumn.value.length; i++) {
                        if (inputColumn.value.length > 2 || !/[A-Z|a-z]/g.test(inputColumn.value[i])) {
                            selPos--;
                            inputColumn.value = inputColumn.PreValue === undefined ? "" : inputColumn.PreValue;
                            break;
                        }
                    }
                    inputColumn.value = inputColumn.value.toLocaleUpperCase();
                    inputColumn.PreValue = inputColumn.value;
                    inputColumn.selectionEnd = inputColumn.selectionStart = selPos;
                }
                span = document.createElement("span");
                span.style.padding = "0 15px";
                span.innerHTML = "行";
                divVal.appendChild(span);
                var inputRow = document.createElement("input");
                inputRow.style.cssText = "height:30px;width:80px;";
                inputRow.value = condition.Val == null ? "" : condition.Val.Row == null ? "" : condition.Val.Row
                inputRow.oninput = function () {
                    CLCheckInt(inputRow, 1, 200);
                }
                inputRow.onchange = inputColumn.onchange = function () {
                    condition.Val = {
                        Column: inputColumn.value == null || inputColumn.value.length == 0 ? null : inputColumn.value,
                        Row: inputRow.value == null || inputRow.value.length == 0 ? null : inputRow.value
                    }
                }
                divVal.appendChild(inputRow);
            }

            function 公式() {
                divVal.innerHTML = "";
                var code = document.createElement("div");
                code.className = "Code";
                divVal.appendChild(code);
                if (condition.Val != null) {
                    code.innerHTML = condition.Val.runCode;
                }
                code.onclick = function () {
                    var codeEditor = designer.editCode(cell, condition.Val, function (Val) {
                        condition.Val = Val;
                        code.innerHTML = Val.runCode;
                    }, "公式编辑");
                    if (condition.Operator == "公式编辑") {
                        var Scope = codeEditor.getGlobalScope();
                        Scope.EventData = {
                            Value: null
                        };
                        Scope.Value = condition.className == "数字" ? Number.prototype : "";
                    }
                }
            }

            function 空() {
                divVal.innerHTML = "";
                condition.Val = null;
            }

            opSelector.AddItems(Operators[condition.className].Items);
            var divValType = document.createElement("div");
            divValType.className = "ValType";
            conditionLine.appendChild(divValType);

            var typeSelector = new CLSelect(divValType);
            function setTypeItems() {
                if (condition.Operator == "公式编辑") {
                    typeSelector.Items = ["公式"];
                } else if (condition.Operator == "不等于" || condition.Operator == "等于") {
                    typeSelector.Items = ["参数", "单元格", "公式", "空"];
                } else if (condition.Operator == "大于" || condition.Operator == "大于等于" || condition.Operator == "小于" || condition.Operator == "小于等于") {
                    typeSelector.Items = ["参数", "单元格", "公式"];
                }
            }
            setTypeItems();
            typeSelector.onchanged = function () {
                if (typeSelector.GetValue() == null) {
                    typeSelector.selectedIndex = 0;
                    return;
                }
                if (condition.ValType != typeSelector.GetValue()) {
                    condition.ValType = typeSelector.GetValue();
                    condition.Val = null;
                }
                eval(typeSelector.GetValue() + "()");
            }

            var divVal = document.createElement("div");
            divVal.className = "Val";
            conditionLine.appendChild(divVal);
            if (condition.Operator != null) {
                opSelector.selectedIndex = opSelector.Items.indexOf(condition.Operator);
            } else {
                opSelector.selectedIndex = Operators[condition.className].DefaultIndex;
            }
            var delDiv = document.createElement("div");
            delDiv.className = "Del";
            delDiv.innerHTML = "&#xe6b4;";
            conditionLine.appendChild(delDiv);
            delDiv.onclick = function () {
                Conditions.splice(Conditions.indexOf(condition), 1);
                conditionLine.remove();
            }
        }

        function showConditions() {
            for (var i = 0; i < Conditions.length; i++) {
                showCondition(Conditions[i]);
            }
        }

        showConditions();
    }
    //显示单元格属性
    fn.showCellProp = function () {
        var self = this;
        var designer = self.ExcelDesigner
        var scrollTop = 0;
        var Container = self.Container;
        if (self.typeDiv.innerHTML == "单元格属性") {
            scrollTop = self.Container.scrollTop;
        }
        var cell = self.Excel.getCurrentBorder().Cell;
        self.typeDiv.innerHTML = "单元格属性";
        Container.innerHTML = "";
        var areas = self.Excel.getAreas();
        if (!cell) {
            return;
        }
        function eachCell(func) {
            for (var i = 0; i < areas.length; i++) {
                var Cells = areas[i].Cells;
                for (var j = 0; j < Cells.length; j++) {
                    if (false === func(Cells[j])) {
                        return;
                    }
                }
            }
        }
        self.BtnGroup.Select(self.BtnGroup.groupDiv.childNodes[1], false);
        if (!designer.IsWrite) {
            (function () {

                var label = PropLabel(Container, "扩展方向");
                var valueDiv = PropValue(Container, "DIV");
                valueDiv.style.border = "none";
                var selector = new CLSelect(valueDiv);
                selector.AddItems([
                    "不扩展",
                    "纵向",
                    "横向"
                ]);
                if (cell.classList.contains("downExpand")) {
                    selector.selectedIndex = 1;
                } else if (cell.classList.contains("rightExpand")) {
                    selector.selectedIndex = 2;
                } else {
                    selector.selectedIndex = 0;
                }
                selector.onchanged = function () {
                    eachCell(function (cell) {
                        cell.classList.remove("downExpand");
                        cell.classList.remove("rightExpand");
                        if (selector.selectedIndex == 1) {
                            cell.classList.add("downExpand");
                        }
                        if (selector.selectedIndex == 2) {
                            cell.classList.add("rightExpand");
                        }
                    });
                    designer.CLExcel.recordState();
                }

                var leftParent;

                var topParent;

                var leftIndex;

                var topIndex;

                eachCell(function () {
                    if (cell.Prop != null && cell.Prop.leftParent != null && leftIndex == null) {
                        if (leftParent == null) {
                            leftParent = cell.Prop.leftParent;
                        }
                        if (cell.Prop.leftParent.constructor == leftParent.constructor) {
                            if (cell.Prop.leftParent.Row != leftParent.Row || cell.Prop.leftParent.Column != leftParent.Column) {
                                leftIndex = 1;
                            }
                        } else if (cell.Prop.leftParent != leftParent) {
                            leftIndex = 1;
                        }
                    } else if (cell.Prop == null || cell.Prop.leftParent == null && leftIndex == null) {
                        leftIndex = 1;
                    }
                    if (cell.Prop != null && cell.Prop.topParent != null && topIndex == null) {
                        if (topParent == null) {
                            topParent = cell.Prop.topParent;
                        };
                        if (cell.Prop.topParent.constructor == topParent.constructor) {
                            if (cell.Prop.topParent.Row != topParent.Row || cell.Prop.topParent.Column != topParent.Column) {
                                topIndex = 1;
                            }
                        } else if (cell.Prop.topParent != topParent) {
                            topIndex = 1;
                        }
                    } if (cell.Prop == null || cell.Prop.topParent == null && topIndex == null) {
                        topIndex = 1;
                    }
                    if (topIndex != null && topIndex != null) {
                        return false;
                    }
                })

                if (topIndex == null) {
                    if (topParent == null) {
                        topIndex = 1;
                    } else if (topParent.constructor == {}.constructor) {
                        topIndex = 2;
                    } else {
                        topIndex = ["无", "默认", "自定义"].indexOf(topParent);
                    }
                }
                if (leftIndex == null) {
                    if (leftParent == null) {
                        leftIndex = 1;
                    } else if (leftParent.constructor == {}.constructor) {
                        leftIndex = 2;
                    } else {
                        leftIndex = ["无", "默认", "自定义"].indexOf(leftParent);
                    }
                }
                PropSplit(Container);
                label = PropLabel(Container, "左父格");
                var leftSelector = new CLSelect(Container);
                leftSelector.AddItems(["无", "默认", "自定义"]);
                PropSplit(Container);
                var leftDiv = Container.lastChild;
                var leftLine = PropValue(Container, "div");
                leftLine.style.textAlign = "center";
                leftLine.style.border = "none";
                leftLine.style.padding = "0";
                leftLine.style.marginTop = "10px";
                var divColumn = document.createElement("div");
                divColumn.classList.add("cellName");
                divColumn.readOnly = true;
                leftLine.appendChild(divColumn);
                leftLine.Column = divColumn;
                var lColSelector = new CLSelect(null, divColumn);
                lColSelector.EnableSearch(true);
                lColSelector.OnMenuCreated = function (divMenu) {
                    divMenu.style.textAlign = "center";
                    divMenu.style.width = "80px";
                    divMenu.style.left = divMenu.offsetLeft - 15 + "px";
                }
                for (var i = 0; i < self.Excel.columnCount; i++) {
                    lColSelector.AddItems([self.Excel.getColumnName(i)]);
                }

                var divRow = divColumn.cloneNode();
                leftLine.appendChild(divRow);
                var lRowSelector = new CLSelect(null, divRow);
                lRowSelector.EnableSearch(true);
                lRowSelector.OnMenuCreated = lColSelector.OnMenuCreated;
                for (var i = 0; i < self.Excel.rowCount ; i++) {
                    lRowSelector.AddItems([i + 1 + '']);
                }

                lRowSelector.onchanged = function () {
                    if (!leftSelector.isFirst) {
                        eachCell(function (cell) {
                            cell.Prop.leftParent.Row = lRowSelector.GetValue() * 1;
                        });
                    }
                    leftLine.Row.innerHTML = lRowSelector.GetValue() * 1;
                    designer.showParent(cell.Prop.leftParent, cell.Prop.topParent);
                    designer.CLExcel.recordState();
                }
                lColSelector.onchanged = function () {
                    if (!leftSelector.isFirst) {
                        eachCell(function (cell) {
                            cell.Prop.leftParent.Column = lColSelector.GetValue();
                        });
                    }
                    leftLine.Column.innerHTML = lColSelector.GetValue();
                    designer.showParent(cell.Prop.leftParent, cell.Prop.topParent);
                    designer.CLExcel.recordState();
                }
                leftLine.Row = divRow;
                leftSelector.isFirst = true;
                leftSelector.selectedIndex = leftIndex;
                function lChanged() {
                    leftLine.remove();
                    if (leftSelector.selectedIndex != 2 && !leftSelector.isFirst) {
                        eachCell(function (cell) {
                            if (cell.Prop == null) {
                                cell.Prop = {
                                    leftParent: leftSelector.GetValue()
                                }
                            } else {
                                cell.Prop.leftParent = leftSelector.GetValue();
                            }
                        });
                    }
                    if (leftSelector.selectedIndex != 2) {
                        if (areas.length > 0 && areas[0].Cells.length > 0) {
                            var cell = areas[0].Cells[0];
                            designer.showParent(cell.Prop == null ? null : cell.Prop.leftParent, cell.Prop == null ? null : cell.Prop.topParent);
                        } else {
                            designer.showParent(null, null);
                        }
                    }
                    if (leftSelector.selectedIndex == 2) {
                        Container.insertBefore(leftLine, leftDiv.nextSibling);
                        if (!leftSelector.isFirst) {
                            eachCell(function (cell) {
                                if (leftSelector.first) {

                                }
                                if (cell.Prop == null) {
                                    cell.Prop = {};
                                }
                                if (cell.Prop.leftParent == null || cell.Prop.leftParent.constructor != {}.constructor) {
                                    cell.Prop.leftParent = {
                                        Column: "A",
                                        Row: "1"
                                    }
                                }
                            });
                        }
                        var cell = self.Excel.getCurrentBorder().Cell;
                        leftLine.Column.innerHTML = cell.Prop.leftParent.Column;
                        leftLine.Row.innerHTML = cell.Prop.leftParent.Row;
                        lRowSelector.selectedIndex = lRowSelector.Items.indexOf(leftLine.Row.innerHTML);
                        lColSelector.selectedIndex = lColSelector.Items.indexOf(leftLine.Column.innerHTML);
                    }
                    leftSelector.isFirst = false;
                }
                leftSelector.onchanged = function () {
                    designer.CLExcel.Operation(function () {
                        lChanged();
                    });
                }
                designer.CLExcel.Operation(function () {
                    lChanged();
                    return false;
                });
                PropSplit(Container);
                label = PropLabel(Container, "上父格");
                var topSelector = new CLSelect(Container);
                var topDiv = Container.lastChild;
                var topLine = leftLine.cloneNode();
                divColumn = divColumn.cloneNode();
                var tColSelector = new CLSelect(null, divColumn);
                tColSelector.EnableSearch(true);
                tColSelector.OnMenuCreated = lColSelector.OnMenuCreated;
                for (var i = 0; i < self.Excel.columnCount; i++) {
                    tColSelector.AddItems([self.Excel.getColumnName(i)]);
                }
                tColSelector.onchanged = function () {
                    if (!topSelector.isFirst) {
                        eachCell(function (cell) {
                            cell.Prop.topParent.Column = tColSelector.GetValue();
                        });
                    }
                    topLine.Column.innerHTML = tColSelector.GetValue();
                    designer.showParent(cell.Prop.leftParent, cell.Prop.topParent);
                    designer.CLExcel.recordState();
                }

                topLine.Column = divColumn;
                topLine.appendChild(divColumn);
                divRow = divColumn.cloneNode();
                topLine.Row = divRow;
                topLine.appendChild(divRow);
                var tRowSelector = new CLSelect(null, divRow);
                tRowSelector.EnableSearch(true);
                tRowSelector.OnMenuCreated = lColSelector.OnMenuCreated;
                for (var i = 0; i < self.Excel.rowCount ; i++) {
                    tRowSelector.AddItems([i + 1 + '']);
                }

                tRowSelector.onchanged = function () {
                    if (!topSelector.isFirst) {
                        eachCell(function (cell) {
                            cell.Prop.topParent.Row = tRowSelector.GetValue() * 1;
                        });
                    }
                    topLine.Row.innerHTML = tRowSelector.GetValue() * 1;
                    designer.showParent(cell.Prop.leftParent, cell.Prop.topParent);
                    designer.CLExcel.recordState();
                }

                topSelector.AddItems(["无", "默认", "自定义"]);
                topSelector.isFirst = true;
                topSelector.selectedIndex = topIndex;
                function tChanged() {
                    topLine.remove();
                    if (topSelector.selectedIndex != 2 && !topSelector.isFirst) {
                        topIndex = null;
                        eachCell(function (cell) {
                            if (cell.Prop == null) {
                                cell.Prop = {
                                    topParent: topSelector.GetValue()
                                }
                            } else {
                                cell.Prop.topParent = topSelector.GetValue()
                            }
                        });
                    }
                    if (topSelector.selectedIndex != 2) {
                        if (areas.length > 0 && areas[0].Cells.length > 0) {
                            var cell = areas[0].Cells[0];
                            designer.showParent(cell.Prop == null ? null : cell.Prop.leftParent, cell.Prop == null ? null : cell.Prop.topParent);
                        }
                    }
                    if (topSelector.selectedIndex == 2) {
                        Container.insertBefore(topLine, topDiv.nextSibling);
                        if (!topSelector.isFirst) {
                            eachCell(function (cell) {
                                if (cell.Prop == null) {
                                    cell.Prop = {};
                                }
                                if (cell.Prop.topParent == null || cell.Prop.topParent.constructor != {}.constructor) {
                                    cell.Prop.topParent = {
                                        Column: "A",
                                        Row: "1"
                                    }
                                }
                            });
                        }
                        var cell = self.Excel.getCurrentBorder().Cell;
                        topLine.Column.innerHTML = cell.Prop.topParent.Column;
                        topLine.Row.innerHTML = cell.Prop.topParent.Row;
                        tRowSelector.selectedIndex = tRowSelector.Items.indexOf(topLine.Row.innerHTML);
                        tColSelector.selectedIndex = tColSelector.Items.indexOf(topLine.Column.innerHTML);
                    }
                    topSelector.isFirst = false;
                }
                topSelector.onchanged = function () {
                    tChanged();
                    designer.CLExcel.recordState();
                }
                tChanged();
                PropSplit(Container);
                var label = PropLabel(Container, "可拉伸");
                var Line = PropValue(Container, "Div");
                Line.style.border = "none";
                Line.className = "InlineBox";
                var hBox = new CLCheckBox("横向", Line);
                var vBox = new CLCheckBox("纵向", Line);

                if (areas.length < 1 || areas[0].Cells.length > 1) {
                    hBox.checked = true;
                    vBox.checked = true;
                } else {
                    hBox.checked = cell.Prop == null || cell.Prop.hElongation != false;
                    vBox.checked = cell.Prop == null || cell.Prop.vElongation != false;
                }

                hBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                hElongation: hBox.checked
                            }
                        } else {
                            cell.Prop.hElongation = hBox.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }

                vBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                vElongation: vBox.checked
                            }
                        } else {
                            cell.Prop.vElongation = vBox.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }

                Line.lastChild.style.marginLeft = "10px";

                PropSplit(Container);

                var label = PropLabel(Container, "排序");
                var Line = PropValue(Container, "Div");
                Line.style.border = "none";
                var list = new CLList([
                    {
                        ID: "0",
                        Name: "默认"
                    },
                    {
                        ID: "1",
                        Name: "升序"
                    },
                    {
                        ID: "2",
                        Name: "降序"
                    }
                ], Line, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "initial";
                });
                if (areas.length < 1 || areas[0].Cells.length > 1) {
                    list.Select("0");
                } else {
                    list.Select(cell.Prop == null || cell.Prop.Sort == null ? "0" : cell.Prop.Sort);
                }
                list.OnSelected = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                Sort: list.getSelIds()[0]
                            }
                        } else {
                            cell.Prop.Sort = list.getSelIds()[0];
                        }
                    });
                }
            }());
            PropSplit(Container);
        }
        
        if (!designer.AtServer) {
            var label = PropLabel(Container, "前景色");
            var clearColor = document.createElement("div");
            clearColor.style.cursor = "pointer";
            clearColor.style.cssFloat = "right";
            clearColor.style.color = "rgb(35,35,220)";
            clearColor.innerHTML = "清除";
            clearColor.onclick = function () {
                eachCell(function (cell) {
                    cell.style.color = "";
                    colorBtn.style.borderColor = "#333333";
                    if (cell.Prop != null) {
                        delete cell.Prop.color
                    }
                });
                designer.CLExcel.recordState();
            }
            label.appendChild(clearColor);
            var colorBtn = PropBtn(Container, "");
            colorBtn.style.boxShadow = "0 0px 5px 0 rgba(146,146,146)";
            colorBtn.onclick = function () {
                CLColors.Dialog({
                    color: areas[0].Cells[0].Prop == null || areas[0].Cells[0].Prop.color == null ? "#333333" : areas[0].Cells[0].Prop.color,
                    gradient: false,
                    onchange: function (color) {
                        colorBtn.style.background = color;
                        eachCell(function (cell) {
                            if (cell.Prop == null) {
                                cell.Prop = {};
                            }
                            cell.Prop.color = color;
                            cell.style.color = color;
                        });
                    },
                    closed: function () {
                        designer.CLExcel.recordState();
                    }
                }, this);
            }
            colorBtn.style.background = cell.Prop == null || cell.Prop.color == null ? "#333" : cell.Prop.color;

            PropSplit(Container);
            var label = PropLabel(Container, "背景色");
            clearColor = clearColor.cloneNode(true);
            label.appendChild(clearColor);
            clearColor.onclick = function () {
                eachCell(function (cell) {
                    cell.style.background = "";
                    bgColorBtn.style.borderColor = "#ffffff";
                    if (cell.Prop != null) {
                        delete cell.Prop.backgroundColor;
                    }
                });
                designer.CLExcel.recordState();
            }
            var bgColorBtn = PropBtn(Container, "");
            bgColorBtn.style.boxShadow = "0 0px 5px 0 rgba(146,146,146)";
            bgColorBtn.onclick = function () {
                CLColors.Dialog({
                    color: areas[0].Cells[0].Prop == null || areas[0].Cells[0].Prop.backgroundColor == null ? "#ffffff" : areas[0].Cells[0].Prop.backgroundColor,
                    gradient: true,
                    onchange: function (color) {
                        bgColorBtn.style.background = color;
                        eachCell(function (cell) {
                            if (cell.Prop == null) {
                                cell.Prop = {};
                            }
                            cell.Prop.backgroundColor = color;
                            cell.style.background = color;
                        });
                    },
                    closed: function () {
                        designer.CLExcel.recordState();
                    }
                }, this);
            }
            bgColorBtn.style.background = cell.Prop == null || cell.Prop.backgroundColor == null ? "" : cell.Prop.backgroundColor;
            PropSplit(Container);

            var label = PropLabel(Container, "边框色");
            clearColor = clearColor.cloneNode(true);
            label.appendChild(clearColor);
            clearColor.onclick = function () {
                eachCell(function (cell) {
                    designer.setBorderColor(cell, null);
                    borderColorBtn.style.borderColor = "#dcdce6";
                    if (cell.Prop != null) {
                        delete cell.Prop.borderColor
                    }
                });
                designer.CLExcel.recordState();
            }
            var borderColorBtn = PropBtn(Container, "");
            borderColorBtn.style.boxShadow = "0 0px 5px 0 rgba(146,146,146)";
            borderColorBtn.onclick = function () {
                CLColors.Dialog({
                    color: areas[0].Cells[0].Prop == null || areas[0].Cells[0].Prop.borderColor == null ? "#ffffff" : areas[0].Cells[0].Prop.borderColor,
                    gradient: false,
                    onchange: function (color) {
                        borderColorBtn.style.background = color;
                        eachCell(function (cell) {
                            if (cell.Prop == null) {
                                cell.Prop = {};
                            }
                            cell.Prop.borderColor = color;
                            designer.setBorderColor(cell, color);
                        });
                    },
                    closed: function () {
                        designer.CLExcel.recordState();
                    }
                }, this);
            }
            borderColorBtn.style.background = cell.Prop == null || cell.Prop.borderColor == null ? "#000" : cell.Prop.borderColor;
            if (areas.length == 1) {
                PropSplit(Container);
                var label = PropLabel(Container, "边框半径");
                var radiusValue = PropValue(Container);
                radiusValue.setAttribute("placeholder", "例子:25px");
                radiusValue.onchange = function () {
                    if (areas[0].Cells.length == 1) {
                        var cell = areas[0].Cells[0];
                        if (cell.Prop == null) {
                            cell.Prop = {};
                        }
                        cell.Prop.borderRadius = radiusValue.value;
                        cell.style.borderRadius = radiusValue.value;
                    } else {
                        var temp = label.style.borderRadius;
                        label.style.borderRadius = radiusValue.value;
                        var topLeft = areas[0].topLeft;
                        var topRight = areas[0].topRight;
                        var bottomLeft = areas[0].bottomLeft;
                        var bottomRight = areas[0].bottomRight;
                        if (topLeft.Prop == null) {
                            topLeft.Prop = {};
                        }
                        if (topRight.Prop == null) {
                            topRight.Prop = {};
                        }
                        if (bottomLeft.Prop == null) {
                            bottomLeft.Prop = {};
                        }
                        if (bottomRight.Prop == null) {
                            bottomRight.Prop = {};
                        }
                        topLeft.style.borderTopLeftRadius = label.style.borderTopLeftRadius;
                        bottomLeft.style.borderBottomLeftRadius = label.style.borderBottomLeftRadius;
                        topRight.style.borderTopRightRadius = label.style.borderTopRightRadius;
                        bottomRight.style.borderBottomRightRadius = label.style.borderBottomRightRadius;
                        topLeft.Prop.borderRadius = (!topLeft.style.borderTopLeftRadius ? "0" : topLeft.style.borderTopLeftRadius) + " "
                            + (!topLeft.style.borderTopRightRadius ? "0" : topLeft.style.borderTopRightRadius) + " "
                            + (!topLeft.style.borderBottomRightRadius ? "0" : topLeft.style.borderBottomRightRadius) + " "
                            + (!topLeft.style.borderBottomLeftRadius ? "0" : topLeft.style.borderBottomLeftRadius);
                        bottomLeft.Prop.borderRadius = (!bottomLeft.style.borderTopLeftRadius ? "0" : bottomLeft.style.borderTopLeftRadius) + " "
                            + (!bottomLeft.style.borderTopRightRadius ? "0" : bottomLeft.style.borderTopRightRadius) + " "
                            + (!bottomLeft.style.borderBottomRightRadius ? "0" : bottomLeft.style.borderBottomRightRadius) + " "
                            + (!bottomLeft.style.borderBottomLeftRadius ? "0" : bottomLeft.style.borderBottomLeftRadius);
                        topRight.Prop.borderRadius = (!topRight.style.borderTopLeftRadius ? "0" : topRight.style.borderTopLeftRadius) + " "
                            + (!topRight.style.borderTopRightRadius ? "0" : topRight.style.borderTopRightRadius) + " "
                            + (!topRight.style.borderBottomRightRadius ? "0" : topRight.style.borderBottomRightRadius) + " "
                            + (!topRight.style.borderBottomLeftRadius ? "0" : topRight.style.borderBottomLeftRadius);
                        bottomRight.Prop.borderRadius = (!bottomRight.style.borderTopLeftRadius ? "0" : bottomRight.style.borderTopLeftRadius) + " "
                            + (!bottomRight.style.borderTopRightRadius ? "0" : bottomRight.style.borderTopRightRadius) + " "
                            + (!bottomRight.style.borderBottomRightRadius ? "0" : bottomRight.style.borderBottomRightRadius) + " "
                            + (!bottomRight.style.borderBottomLeftRadius ? "0" : bottomRight.style.borderBottomLeftRadius);

                        label.style.borderRadius = temp;
                    }
                    designer.CLExcel.recordState();
                }
                if (areas[0].Cells.length == 1) {
                    radiusValue.value = cell.Prop == null || cell.Prop.borderRadius == null ? "" : cell.Prop.borderRadius;
                }
            }

            PropSplit(Container);
            var label = PropLabel(Container, "边距");
            var padValue = PropValue(Container);
            padValue.setAttribute("placeholder", "例子:7px");
            padValue.value = cell.Prop && cell.Prop.padding ? cell.Prop.padding : "";
            padValue.onchange = function () {
                var This = this;
                eachCell(function (cell) {
                    if (cell.Prop == null) {
                        cell.Prop = {};
                    }
                    cell.style.padding = This.value;
                    cell.Prop.padding = cell.style.padding;

                });
                designer.CLExcel.recordState();
            }

            PropSplit(Container);
            var label = PropLabel(Container, "行高");
            var lhValue = PropValue(Container);
            lhValue.setAttribute("placeholder", "例子:7px");
            lhValue.value = cell.Prop && cell.Prop.lineHeight ? cell.Prop.lineHeight : "";

            lhValue.onchange = function () {
                var This = this;
                eachCell(function (cell) {
                    if (cell.Prop == null) {
                        cell.Prop = {};
                    }
                    cell.style.lineHeight = This.value;
                    cell.Prop.lineHeight = cell.style.lineHeight;

                });
                designer.CLExcel.recordState();
            }

            if (areas.length == 1 && areas[0].Cells.length == 1 && areas[0].Cells[0].classList.contains("rightExpand")) {
                if (cell.leftParent == null && cell.topParent == null) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "换行设置");
                    var box = PropValue(Container, "div");
                    var selector = new CLSelect(box);
                    box.style.border = "none";
                    var Line = PropValue(Container, "div");
                    Line.style.border = "none";
                    Line.style.marginTop = "10px";
                    Line.innerHTML = "<span style='padding:0 8px;'>列数:</span>";
                    var input = PropValue(Line);
                    input.style.width = "50px";
                    input.value = (cell.Prop == null || cell.Prop.lineFeedInfo == null || cell.Prop.lineFeedInfo.Count == null) ? "" : cell.Prop.lineFeedInfo.Count;
                    input.onchange = function () {
                        cell.Prop.lineFeedInfo.Count = input.value * 1;
                        if (cell.Prop.lineFeedInfo.Count == null || window.isNaN(cell.Prop.lineFeedInfo.Count) || cell.Prop.lineFeedInfo.Count == 0) {
                            delete cell.Prop.lineFeedInfo.Count;
                        }
                        designer.CLExcel.recordState();
                    }
                    selector.AddItems(["固定列数"]);
                    selector.onchanged = function () {
                        if (cell.Prop == null || cell.Prop.lineFeedInfo == null) {
                            cell.Prop = {
                                lineFeedInfo: {
                                    type: selector.GetValue()
                                }
                            }
                        } else {
                            cell.Prop.lineFeedInfo.type = selector.GetValue();
                        }
                        if (selector.selectedIndex == 0) {
                            Line.style.display = "inline-block";
                        }
                        designer.CLExcel.recordState();
                    }
                    designer.CLExcel.Operation(function () {
                        if (cell.Prop == null || cell.Prop.lineFeedInfo == null || cell.Prop.lineFeedInfo.type == null) {
                            selector.selectedIndex = 0;
                        } else {
                            selector.selectedIndex = selector.Items.indexOf(cell.Prop.lineFeedInfo.type);
                        }
                        if (selector.selectedIndex == 0) {
                            Line.style.display = "inline-block";
                        }
                        return false;
                    });
                }
            }
            PropSplit(Container);
            var label = PropLabel(Container, "动态样式");
            var btnDiv = PropBtn(Container, "设置");
            btnDiv.onclick = function () {
                designer.editCode(cell, cell.Prop == null ? "" : cell.Prop.DynamicStyle, function (DynamicStyle) {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = { DynamicStyle: DynamicStyle };
                        } else {
                            cell.Prop.DynamicStyle = DynamicStyle;
                        }
                    });
                    designer.CLExcel.recordState();
                }, "动态样式");
            }
            if (!designer.IsWrite) {
                PropSplit(Container);
                label = PropLabel(Container, "编辑模式");
                var editDiv = PropValue(Container, "div");
                editDiv.style.border = "none";
                var editBox = new CLCheckBox("允许编辑", editDiv);
                editBox.checked = cell.Prop != null && cell.Prop.Editable == true;
                editBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = { Editable: editBox.checked };
                        } else {
                            cell.Prop.Editable = editBox.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }

            }
            PropSplit(Container);
            label = PropLabel(Container, "拖拽");
            var DragDiv = PropValue(Container, "div");
            DragDiv.style.border = "none";
            DragDiv.style.height = "initial";
            var dragBox = new CLCheckBox("调整列宽", DragDiv);
            dragBox.Box.style.display = "inline-block";
            dragBox.Box.style.width = "50%";
            dragBox.checked = cell.Prop != null && cell.Prop.resizeX == true;
            dragBox.onchanged = function () {
                var Box = this;
                eachCell(function (cell) {
                    if (cell.Prop == null) {
                        cell.Prop = { resizeX: Box.checked };
                    } else {
                        cell.Prop.resizeX = Box.checked;
                    }
                });
                designer.CLExcel.recordState();
            }
            dragBox = new CLCheckBox("调整列序", DragDiv);
            dragBox.Box.style.display = "inline-block";
            dragBox.Box.style.width = "50%";
            dragBox.checked = cell.Prop != null && cell.Prop.dragCol == true;
            dragBox.onchanged = function () {
                var Box = this;
                eachCell(function (cell) {
                    if (cell.Prop == null) {
                        cell.Prop = { dragCol: Box.checked };
                    } else {
                        cell.Prop.dragCol = Box.checked;
                    }
                });
                designer.CLExcel.recordState();
            }
            PropSplit(Container);
            label = PropLabel(Container, "点击事件");
            var btnClick = PropBtn(Container, "设置");
            btnClick.style.width = "calc(100% - 90px)";
            btnClick.style.display = "inline-block";
            btnClick.onclick = function () {
                var autoRun = cell.Prop == null || cell.Prop.onclick == null || cell.Prop.onclick.autoRun == null ? true : cell.Prop.onclick.autoRun;
                var codeEditor = designer.editCode(cell, cell.Prop == null ? "" : cell.Prop.onclick, function (onclick) {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                onclick: onclick
                            };
                        } else {
                            cell.Prop.onclick = onclick;
                        }
                        cell.Prop.onclick.autoRun = autoRun;
                    });
                    designer.CLExcel.recordState();
                }, "点击事件");
                codeEditor.getGlobalScope().EventData = {
                    Targer: cell
                };
            }
            if (!designer.IsWrite) {
                var boxDiv = PropValue(Container, "div");
                boxDiv.style.border = "none";
                boxDiv.style.width = "90px";
                boxDiv.style.marginTop = "15px";
                boxDiv.style.display = "inline-block";
                var AutoRunBox = new CLCheckBox("自动触发", boxDiv);
                AutoRunBox.IconRight = true;
                AutoRunBox.checked = cell.Prop == null || cell.Prop.onclick == null || cell.Prop.onclick.autoRun == null ? true : cell.Prop.onclick.autoRun;
                AutoRunBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                onclick: {
                                    autoRun: AutoRunBox.checked
                                }
                            };
                        } else {
                            if (cell.Prop.onclick == null) {
                                cell.Prop.onclick = {
                                    autoRun: AutoRunBox.checked
                                };
                            } else {
                                cell.Prop.onclick.autoRun = AutoRunBox.checked;
                            }
                        }
                    });
                }

            }
            PropSplit(Container);
            label = PropLabel(Container, "双击事件");
            var btnDbClick = PropBtn(Container, "设置");
            btnDbClick.style.width = "calc(100% - 90px)";
            btnDbClick.style.display = "inline-block";
            btnDbClick.onclick = function () {
                var codeEditor = designer.editCode(cell, cell.Prop == null ? "" : cell.Prop.ondblclick, function (ondblclick) {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = {
                                ondblclick: ondblclick
                            };
                        } else {
                            cell.Prop.ondblclick = ondblclick;
                        }
                    });
                    designer.CLExcel.recordState();
                }, "双击事件");
                codeEditor.getGlobalScope().EventData = {
                    Targer: cell
                };
            }
            if (areas.length == 1 && areas[0].Cells.length == 1) {
                if (!designer.IsWrite) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "填充模式");
                    var valueDiv = PropValue(Container, "div");
                    valueDiv.style.border = "none";
                    var box = new CLCheckBox("使用空闲单元格", valueDiv);
                    box.checked = cell.Prop != null && cell.Prop.useFreeCell == true;
                    box.onchanged = function () {
                        if (cell.Prop == null) {
                            cell.Prop = { useFreeCell: box.checked };
                        } else {
                            cell.Prop.useFreeCell = box.checked;
                        }
                        designer.CLExcel.recordState();
                    }
                }
            }
            if (!designer.IsWrite) {
                PropSplit(Container);
                label = PropLabel(Container, "继承样式");
                var valueDiv = PropValue(Container, "div");
                valueDiv.style.height = "initial";
                var inheritBox = new CLCheckBox("开启", valueDiv);
                inheritBox.checked = cell.Prop != null && cell.Prop.inherit == true;
                inheritBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = { inherit: inheritBox.checked };
                        } else {
                            cell.Prop.inherit = inheritBox.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }

                PropSplit(Container);
                label = PropLabel(Container, "打印设置");
                valueDiv = PropValue(Container, "div");
                valueDiv.style.height = "initial";
                var cutBox = new CLCheckBox("分页时可以断开", valueDiv);
                cutBox.checked = cell.Prop != null && cell.Prop.Cutable == true;
                cutBox.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = { Cutable: cutBox.checked };
                        } else {
                            cell.Prop.Cutable = cutBox.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }
                var cutRepeat = new CLCheckBox("分页断开时值重复显示", valueDiv);
                cutRepeat.checked = cell.Prop != null && cell.Prop.CutRepeat == true;
                cutRepeat.onchanged = function () {
                    eachCell(function (cell) {
                        if (cell.Prop == null) {
                            cell.Prop = { CutRepeat: cutRepeat.checked };
                        } else {
                            cell.Prop.CutRepeat = cutRepeat.checked;
                        }
                    });
                    designer.CLExcel.recordState();
                }
            }
        }
        if (areas.length == 1) {
            if (areas[0].Cells.length > 1) {
                PropSplit(Container);
                label = PropLabel(Container, "智能点击");
                valueDiv = PropValue(Container, "div");
                var clickInherit = new CLCheckBox("启用", valueDiv);
                var checked = true;
                var Cells = areas[0].Cells;
                var column = Cells[0].Start.column;
                var row = Cells[0].Start.row;
                for (var i = 1; i < Cells.length; i++) {
                    var cell = Cells[i];
                    if (!cell.Prop || !cell.Prop.clickInherit || cell.Prop.clickInherit.column != column || cell.Prop.clickInherit.row != row) {
                        checked = false;
                    }
                }
                clickInherit.checked = checked;
                clickInherit.onchanged = function () {
                    eachCell(function (cell) {
                        if (clickInherit.checked) {
                            if (cell.Prop == null) {
                                cell.Prop = {
                                    clickInherit: {
                                        row: Cells[0].Start.row,
                                        column: Cells[0].Start.column
                                    }
                                };
                            } else {
                                cell.Prop.clickInherit = {
                                    row: Cells[0].Start.row,
                                    column: Cells[0].Start.column
                                }
                            }
                        } else {
                            if (cell.Prop != null) {
                                delete cell.Prop.clickInherit;
                            }
                        }
                    });
                    designer.CLExcel.recordState();
                }
            } else {
                if (cell.Prop && cell.Prop.clickInherit) {
                    PropSplit(Container);
                    label = PropLabel(Container, "智能点击");
                    var cell = areas[0].Cells[0];
                    valueDiv = PropValue(Container, "div");
                    valueDiv.innerHTML = self.Excel.getColumnName(cell.Prop.clickInherit.column) + (cell.Prop.clickInherit.row + 1);
                }
            }
        }
        Container.scrollTop = scrollTop;
    }
    //当前ExcelDesigner;
    var currentExcelDesigner = null;
    //所有控件
    var Ctrls = (function () {
        var Ctrls = {};

        Ctrls.参数控件 = [

        ];

        Ctrls.特殊控件 = [

        ];

        (function () {
            Ctrls.单行文本 = {
                Name: "单行文本",
                Icon: "&#xe649;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var input = document.createElement("input");
                    input.className = "Input";
                    input.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Ele.appendChild(input);
                    input.style.color = Data
                    Object.defineProperty(input, "Value", {
                        get: function () {
                            return input.value == null || input.value.length == 0 ? null : input.value;
                        }
                    });
                    if (Data.ParamId != null) {
                        input.value = excelDesigner.GetVarValue(Data.ParamId);
                        input.onchange = function () {
                            excelDesigner.SetVarValue(Data.ParamId, input.Value);
                        }
                    }
                    if (Data.ScanAble == true && IsMobile()) {
                        input.style.paddingRight = "36px";
                        (function () {
                            input.style.background = "url(" + FrmCtrls.ScanImg + ")  no-repeat no-repeat right 7px center";
                            input.style.border = "1px solid rgb(224, 224, 224)";
                        })();
                        input.onclick = function (e) {
                            if (e.offsetX > input.offsetWidth - 36) {
                                ExcelDesigner.Scan(function (sRet) {
                                    input.value = sRet;
                                    input.onchange();
                                });
                            }
                        }
                    }
                    return input;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var excelDesigner = currentExcelDesigner;
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        excelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; Vars != null && i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "扫码功能");
                    var boxValue = PropValue(Container, "div");
                    boxValue.style.border = "none";
                    var _CLBox = new CLCheckBox("开启", boxValue);
                    _CLBox.checked = Data.ScanAble == true;
                    _CLBox.onchanged = function () {
                        Data.ScanAble = _CLBox.checked;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                }
            };
            Ctrls.参数控件.push(Ctrls.单行文本);
        }());

        (function () {
            Ctrls.数字 = {
                Name: "数字",
                Icon: "&#xe649;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var input = document.createElement("input");
                    input.className = "Input";
                    input.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Ele.appendChild(input);
                    input.oninput = function () {
                        CLCheckFloat(input, 10)
                    }
                    Object.defineProperty(input, "Value", {
                        get: function () {
                            return input.value == null || input.value.length == 0 ? null : input.value;
                        }
                    });
                    if (Data.ParamId != null) {
                        input.value = excelDesigner.GetVarValue(Data.ParamId);
                        input.onchange = function () {
                            excelDesigner.SetVarValue(Data.ParamId, input.Value);
                        }
                    }
                    return input;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.数字);
        }());

        function ItemDlg(Data, End) {
            var divDlg = document.createElement("div");
            divDlg.style.cssText = "width:660px;height:600px;";
            var dlg = new CLDialog(divDlg);
            dlg.CreateAll("条目信息", function () {
                var Val = {
                    Type: _tyleSelector.GetValue(),
                }
                Val[Val.Type] = GetVal();
                Data.ItemInfo = Val;
                End();
            });
            dlg.EnableMove(dlg.Header);
            var Body = dlg.Body;
            Body.className = "ItemDlg";
            Body.style.paddingTop = "10px";
            var typeLine = document.createElement("div");
            typeLine.className = "Line";
            Body.appendChild(typeLine);
            var leftLabel = document.createElement("div");
            leftLabel.className = "leftLabel";
            leftLabel.innerHTML = "类型";
            typeLine.appendChild(leftLabel);
            var typeBox = document.createElement("div");
            typeBox.className = "Box";
            typeLine.appendChild(typeBox);
            var infoBox = document.createElement("div");
            infoBox.style.height = "calc(100% - 40px)";
            Body.appendChild(infoBox);
            var _tyleSelector = new CLSelect(typeBox);
            _tyleSelector.AddItems(["自定义", "数据查询", /*"公式"*/]);
            _tyleSelector.onchanged = function () {
                eval(eval(_tyleSelector.GetValue() + "()"));
            }
            var GetVal;

            function InitTable(bAdd) {
                if (bAdd == null) {
                    bAdd = true;
                }
                var Value = [];
                var _CLTable = new CLTable(infoBox);
                var Header = [];
                Header.push({
                    ID: "realValue",
                    Name: "实际值",
                    width: "50%"
                });
                Header.push({
                    ID: "shownValue",
                    Name: "显示值",
                    width: "50%"
                });
                _CLTable.SetHeader(Header);
                _CLTable.editColumn = function () { }

                var tr = document.createElement("tr");
                tr.className = "CLLine";
                var td = document.createElement("td");
                td.className = "CLColumn";
                td.style.fontFamily = "CLFont";
                td.style.fontSize = "25px";
                td.style.width = "100%";
                td.style.cursor = "pointer";
                td.style.color = "#0db3a6";
                td.innerHTML = "&#xe6da;";
                td.setAttribute("colspan", 2);
                td.onclick = function () {
                    Value = GetVal();
                    Value.push({
                        realValue: "",
                        shownValue: ""
                    });
                    _CLTable.SetData(Value);
                }
                tr.appendChild(td);

                var SetData = _CLTable.SetData;
                _CLTable.SetData = function (data) {
                    if (data == null || data.length == 0) {
                        _CLTable.Table.innerHTML = "";
                        Value = [];
                    } else {
                        Value = data;
                        SetData.call(_CLTable, data);
                    }
                    if (bAdd) {
                        _CLTable.Table.appendChild(tr);
                    }
                }
                _CLTable.Table.style.marginBottom = "0";
                return _CLTable;
            }

            function 自定义() {
                infoBox.innerHTML = "";
                var Val = Data.ItemInfo == null ? null : Data.ItemInfo["自定义"];
                var _CLTable = InitTable();
                GetVal = function () {
                    var Val = _CLTable.GetData();
                    Val.splice(Val.length - 1);
                    return Val;
                }
                _CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                    Column.innerHTML = "<span>" + (CellData == null ? "" : CellData) + "</span>";
                    if (ColumnID == "shownValue") {
                        var Del = document.createElement("div");
                        Del.className = "DelLine";
                        Del.onclick = function () {
                            Column.parentNode.remove();
                        }
                        Column.appendChild(Del);
                    }
                    Column.ondblclick = function (e) {
                        CLStartEdit(Column.firstChild, function (sName) {
                            sName = sName.trim();
                            Column.innerHTML = "<span>" + (sName == null ? "" : sName) + "</span>";
                            Column.parentNode.dataLine[ColumnID] = sName;
                        });
                    }
                }
                _CLTable.SetData(Val);
            }

            function 数据查询() {
                infoBox.innerHTML = "";
                var typeLine = document.createElement("div");
                typeLine.className = "Line";
                infoBox.appendChild(typeLine);
                var leftLabel = document.createElement("div");
                leftLabel.className = "leftLabel";
                leftLabel.innerHTML = "数据源";
                typeLine.appendChild(leftLabel);

                var sourceBox = document.createElement("div");
                sourceBox.className = "Box";
                typeLine.appendChild(sourceBox);
                var _sourceSelector = new CLSelect(sourceBox);
                var dataSources = currentExcelDesigner.dataExcel.dataSources;
                var ItemInfo = Data.ItemInfo == null ? {} : Data.ItemInfo["数据查询"] == null ? {} : Data.ItemInfo["数据查询"];
                var sourceId = ItemInfo.sourceId;
                var Index;
                var Items = [];
                var Fields = [];
                for (var i = 0; i < dataSources.length ; i++) {
                    if (dataSources[i].ID == sourceId) {
                        Index = i;
                    }
                    _sourceSelector.AddItems([dataSources[i].Name]);
                }
                if (Index != null) {
                    _sourceSelector.selectedIndex = Index;
                    Fields = currentExcelDesigner.GetFieldsBySourceId(dataSources[_sourceSelector.selectedIndex].ID);
                    for (var i = 0; i < Fields.length ; i++) {
                        Items.push(Fields[i].Name);
                    }
                }
                var _CLTable = InitTable(false);
                infoBox.lastChild.style.height = "80px";
                infoBox.lastChild.style.marginTop = "30px";
                var realValue = ItemInfo.realValue;
                var shownValue = ItemInfo.shownValue;
                _sourceSelector.onchanged = function () {
                    Fields = currentExcelDesigner.GetFieldsBySourceId(dataSources[_sourceSelector.selectedIndex].ID);
                    _CLTable.SetData([{}]);
                    Data.ItemInfo = {
                        Type: "数据查询",
                        数据查询: GetVal()
                    }
                    数据查询();
                }
                _CLTable.OnColumnCreated = function (Column, ColumnID, CellData) {
                    Column.innerHTML = "";
                    var selector = new CLSelect(Column);
                    Column.getElementsByClassName("CLSelectVal")[0].style.textAlign = "center";
                    selector.EnableSearch(true);
                    selector.AddItems(Items);
                    for (var i = 0; i < Fields.length; i++) {
                        if (CellData == Fields[i].ID) {
                            selector.selectedIndex = i;
                            break;
                        }
                    }
                    selector.onchanged = function () {
                        if (ColumnID == "realValue") {
                            realValue = Fields[selector.selectedIndex].ID;
                        } else {
                            shownValue = Fields[selector.selectedIndex].ID;
                        }
                    }
                }
                GetVal = function () {
                    if (_sourceSelector.selectedIndex != null && _sourceSelector.selectedIndex != -1) {
                        var dataTable = _CLTable.GetData();
                        var Val = {
                            sourceId: dataSources[_sourceSelector.selectedIndex].ID,
                            realValue: realValue,
                            shownValue: shownValue
                        }
                        return Val;
                    } else {
                        return null;
                    }
                }

                _CLTable.SetData([
                    ItemInfo
                ]);
            }

            function 公式() {
                infoBox.innerHTML = "";
                var Val = Data.ItemInfo == null ? null : Data.ItemInfo["公式"];
                var _CLTable = InitTable(false);
                _CLTable.SetData([
                    {}
                ]);
            }
            if (Data.ItemInfo == null) {
                _tyleSelector.selectedIndex = 0;
            } else {
                _tyleSelector.selectedIndex = _tyleSelector.Items.indexOf(Data.ItemInfo.Type);
            }
        }

        (function () {
            Ctrls.下拉框 = {
                Name: "下拉框",
                Icon: "&#xe80e;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Sel = new CLTop.CLSelect(Ele);
                    Sel.setPlaceholder(Data.Name == null ? this.Name : Data.Name)
                    Sel.EnableSearch(true);
                    if (Data.ItemInfo != null) {
                        var realItems = [];
                        var shownItems = [];
                        if (Data.ItemInfo.Type == "自定义") {
                            var Val = Data.ItemInfo["自定义"];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                realItems.push(Val[i].realValue);
                                shownItems.push(Val[i].shownValue);
                            }
                        } else if (Data.ItemInfo.Type == "数据查询") {
                            var Info = Data.ItemInfo["数据查询"];
                            var Val = Info == null ? null : excelDesigner.SourceData[Info.sourceId];
                            if (Info != null && Info.realValue != null && Info.shownValue != null) {
                                for (var i = 0; Val != null && i < Val.length; i++) {
                                    var realVal = Val[i][Info.realValue];
                                    if (realVal == null) {
                                        continue;
                                    }
                                    realVal = realVal.constructor == {}.constructor ? realVal.oVal : realVal
                                    if (realItems.indexOf(realVal) < 0) {
                                        if (Val[i][Info.shownValue] == null) {
                                            continue;
                                        }
                                        realItems.push(realVal);
                                        shownItems.push(Val[i][Info.shownValue]);
                                    }
                                }
                            }
                        }
                        Sel.AddItems(shownItems);
                        Sel.selectedIndex = realItems.indexOf(excelDesigner.GetVarValue(Data.ParamId));
                        Sel.onchanged = function () {
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Ele.lastChild.Value);
                            }
                        }
                    }
                    Object.defineProperty(Ele.lastChild, "Value", {
                        get: function () {
                            return realItems[Sel.selectedIndex];
                        }
                    });
                    return Ele.lastChild;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; Vars && i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "选项");
                    var Btn = PropBtn(Container, "设置");
                    Btn.onclick = function () {
                        ItemDlg(Data, function () {
                            currentExcelDesigner.CLExcel.recordState();
                        });
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.下拉框);
        }());

        (function () {
            Ctrls.下拉复选框 = {
                Name: "下拉复选框",
                Icon: "&#xe6d6;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Sel = new CLTop.CLSelect(Ele);
                    Sel.setPlaceholder(Data.Name == null ? this.Name : Data.Name)
                    Sel.EnableSearch(true);
                    Sel.EnableClear(true);
                    Sel.EnableMultiSel(true);
                    if (Data.ItemInfo != null) {
                        var realItems = [];
                        var shownItems = [];
                        if (Data.ItemInfo.Type == "自定义") {
                            var Val = Data.ItemInfo["自定义"];
                            for (var i = 0; Val != null && i < Val.length; i++) {
                                realItems.push(Val[i].realValue);
                                shownItems.push(Val[i].shownValue);
                            }
                        } else if (Data.ItemInfo.Type == "数据查询") {
                            var Info = Data.ItemInfo["数据查询"];
                            var Val = excelDesigner.SourceData[Info.sourceId];
                            if (Info.realValue != null && Info.shownValue != null) {
                                for (var i = 0; Val != null && i < Val.length; i++) {
                                    if (realItems.indexOf(Val[i][Info.realValue]) < 0) {
                                        realItems.push(Val[i][Info.realValue]);
                                        shownItems.push(Val[i][Info.shownValue]);
                                    }
                                }
                            }
                        }
                        Sel.AddItems(shownItems);
                        Sel.SetValues(excelDesigner.GetVarValue(Data.ParamId));
                        Sel.onchanged = function () {
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Ele.lastChild.Value);
                            }
                        }
                    }
                    Object.defineProperty(Ele.lastChild, "Value", {
                        get: function () {
                            var Val = [];
                            var Indexes = Sel.selectedIndexes;
                            for (var i = 0; i < Indexes.length ; i++) {
                                Val.push(realItems[Indexes[i]]);
                            }
                            return Val;
                        }
                    });
                    return Ele.lastChild;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        Data.ParamId = Vars[selector.selectedIndex].ID;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    var label = PropLabel(Container, "选项");
                    var Btn = PropBtn(Container, "设置");
                    Btn.onclick = function () {
                        ItemDlg(Data, function () {
                            currentExcelDesigner.CLExcel.recordState();
                        });
                    }

                }
            }
            Ctrls.参数控件.push(Ctrls.下拉复选框);
        }());

        (function () {
            Ctrls.时间日期 = {
                Name: "时间日期",
                Icon: "&#xeb1e;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Div = document.createElement("div");
                    Div.className = "Dt";
                    var Val = document.createElement("div");
                    Val.className = "Val placeholder";
                    Val.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Val.id = CLMakeId();
                    var bUse = false;
                    var Vars = excelDesigner.GetVars();
                    var sFormat = Data.dtType == "时间日期" ? "yyyy-MM-dd HH:mm:ss" : "yyyy-MM-dd";
                    var sVal = excelDesigner.GetVarValue(Data.ParamId);
                    sVal = sVal == null ? "" : sVal.toString();
                    if (sVal != null && sVal.trim().length != 0) {
                        Val.innerHTML = Date.Parse(sVal).Format(sFormat);
                    }
                    Div.onclick = function () {
                        var _dt = CLDate(Val.innerHTML, sFormat, Val);
                        _dt.onchanged = function () {
                            Val.innerHTML = _dt.Value;
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Value);
                            }
                        }
                    }
                    Div.appendChild(Val);
                    var Icon = document.createElement("div");
                    Icon.className = "Icon";
                    Div.appendChild(Icon);
                    Ele.appendChild(Div);
                    Object.defineProperty(Div, "Value", {
                        get: function () {
                            return Val.innerHTML;
                        }
                    });
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var IdItems = [];
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        IdItems.push(Vars[i].ID);
                    }
                    selector.selectedIndex = IdItems.indexOf(Data.ParamId);
                    selector.onchanged = function () {
                        Data.ParamId = IdItems[selector.selectedIndex];
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "类型");
                    typeSelector = new CLSelect(Container);
                    typeSelector.AddItems(["日期", "时间日期"]);
                    typeSelector.onchanged = function () {
                        Data.dtType = typeSelector.GetValue();
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    var index = typeSelector.Items.indexOf(Data.dtType);
                    typeSelector.selectedIndex = index < 0 ? 0 : index;
                }
            };
            Ctrls.参数控件.push(Ctrls.时间日期);
        }());

        (function () {
            Ctrls.成员单选 = {
                Name: "成员单选",
                Icon: "&#xe7d6;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Div = document.createElement("div");
                    Div.className = "Member";
                    var Val = document.createElement("div");
                    Val.className = "Val placeholder";
                    Val.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Div.appendChild(Val);
                    var Icon = document.createElement("div");
                    Icon.className = "Icon";
                    Div.appendChild(Icon);
                    Ele.appendChild(Div);
                    if (Data.ParamId != null) {
                        Div.Val = excelDesigner.GetVarValue(Data.ParamId);
                        Val.innerHTML = CLApp.getMemberNameById(Div.Val);
                    }
                    Div.onclick = function () {
                        var Range = {
                            Roles: [],
                            Parts: [],
                            Members: [],
                            Dynamic: []
                        }
                        Range.Dynamic.Visible = false;

                        FrmCtrls.MemberDialog(Range, false, { Members: Div.Val == null ? [] : [Div.Val] }, true, function (Value) {

                            Div.Val = Value.Members[0];
                            Val.innerHTML = CLApp.getMemberNameById(Div.Val);
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Val);
                            }
                        });
                    }
                    Object.defineProperty(Div, "Value", {
                        get: function () {
                            return Div.Val;
                        }
                    });
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.成员单选);
        }());

        (function () {
            Ctrls.成员多选 = {
                Name: "成员多选",
                Icon: "&#xe818",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Div = document.createElement("div");
                    Div.className = "Member mulMember";
                    var Val = document.createElement("div");
                    Val.className = "Val placeholder";
                    Val.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Div.appendChild(Val);
                    var Icon = document.createElement("div");
                    Icon.className = "Icon";
                    Div.appendChild(Icon);
                    Ele.appendChild(Div);
                    function ShowVal() {
                        var Names = [];
                        for (var i = 0; i < Div.Val.length; i++) {
                            Names.push(CLApp.getMemberNameById(Div.Val[i]));
                        }
                        Val.innerHTML = Names;
                    }
                    if (Data.ParamId != null) {
                        Div.Val = excelDesigner.GetVarValue(Data.ParamId);
                        ShowVal();
                    }
                    Div.onclick = function () {
                        var Range = {
                            Roles: [],
                            Parts: [],
                            Members: [],
                            Dynamic: []
                        }
                        Range.Dynamic.Visible = false;
                        FrmCtrls.MemberDialog(Range, true, { Members: Div.Val }, true, function (Value) {
                            Div.Val = Value;
                            ShowVal();
                        });
                    }
                    Object.defineProperty(Div, "Value", {
                        get: function () {
                            return Div.Val == null || Div.Val.length == 0 ? null : Div.Val;
                        }
                    });
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.成员多选);
        }());

        (function () {
            Ctrls.部门单选 = {
                Name: "部门单选",
                Icon: "&#xe7d5;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Div = document.createElement("div");
                    Div.className = "Depart";
                    var divVal = document.createElement("div");
                    divVal.className = "Val placeholder";
                    divVal.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    if (Data.ParamId) {
                        Div.Val = excelDesigner.GetVarValue(Data.ParamId);
                        divVal.innerHTML = CLApp.getDepartmentNameById(Div.Val);
                    }
                    Div.appendChild(divVal);
                    var Icon = document.createElement("div");
                    Icon.className = "Icon";
                    Div.appendChild(Icon);
                    Ele.appendChild(Div);
                    Div.onclick = function (e) {
                        var Range = [];
                        if (Data.Range && Data.Range.SourceId && Data.Range.FieldId) {
                            var data = excelDesigner.SourceData[Data.Range.SourceId];
                            if (data) {
                                var field = excelDesigner.GetFieldBySourceIdAndFieldId(Data.Range.SourceId, Data.Range.FieldId);
                                if (field.className == "部门单选") {
                                    for (var i = 0; i < data.length; i++) {
                                        var oVal = data[i][Data.Range.FieldId] == null ? null : data[i][Data.Range.FieldId].oVal;
                                        if (oVal) {
                                            Range.push(oVal * 1);
                                        }
                                    }
                                }
                                if (field.className == "部门单选") {
                                    for (var i = 0; i < data.length; i++) {
                                        var oVal = data[i][Data.Range.FieldId] == null ? null : data[i][Data.Range.FieldId].oVal;
                                        if (oVal) {
                                            var Val = JSON.parse(oVal);
                                            for (var j = 0; j < Val.length; j++) {
                                                Range.push(Val[j] * 1);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        var DepartData = CLApp.getDepartTree(Range.length == 0 ? null : CLApp.extendDepartRoot(Range))[0];
                        var _CLTree = new CLTree(DepartData);
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "border": "solid #e0e0e0 1px",
                                "overflow": "auto",
                            },
                            "Items": []
                        };
                        var _CLMenu = new CLMenu(Menu, Div);
                        var divSearch = document.createElement("div");
                        divSearch.className = "ItemSearch";
                        _CLMenu.Div.appendChild(divSearch);
                        var inputSearch = document.createElement("input");
                        inputSearch.style.height = "29px";
                        inputSearch.style.lineHeight = "29px";
                        inputSearch.style.border = "none";
                        inputSearch.setAttribute("placeholder", "搜索");
                        inputSearch.style.width = "calc(100% - 7px)";
                        inputSearch.style.marginLeft = "5px";
                        inputSearch.value = "";
                        inputSearch.oninput = function () {
                            _CLTree.Search(inputSearch.value);
                        }
                        divSearch.appendChild(inputSearch);

                        var divClear = document.createElement("div");
                        divClear.className = "ItemClear";
                        divClear.innerHTML = "--请选择--";
                        _CLMenu.Div.appendChild(divClear);

                        divClear.onclick = function () {
                            Div.Val = null;
                            divVal.innerHTML = null;
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Value);
                            }
                            _CLMenu.Close();
                        }

                        _CLTree.Render(_CLMenu.Div);
                        var divTree = _CLMenu.Div.lastChild;
                        divTree.style.maxHeight = _CLMenu.Div.offsetHeight - 62 + "px";
                        divTree.style.overflow = "auto";
                        _CLTree.Select(Div.Val);
                        _CLTree.OnSelected = function (ItemData) {
                            Div.Val = ItemData.ID;
                            divVal.innerHTML = ItemData.Name;
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Value);
                            }
                            _CLMenu.Close();
                        }
                        _CLMenu.Div.style.height = "initial";
                        _CLMenu.Reset(Div);
                    }
                    Object.defineProperty(Div, "Value", {
                        get: function () {
                            return Div.Val;
                        }
                    });
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }

                    PropSplit(Container);
                    label = PropLabel(Container, "动态范围");
                    var Btn = PropBtn(Container, "绑定");
                    Btn.onclick = function () {
                        var divDlg = document.createElement("div");
                        divDlg.style.cssText = "width:350px;height:200px;";
                        var dlg = new CLDialog(divDlg);
                        dlg.CreateAll("绑定字段", function () {

                        });
                        var SSelect = new CLSelect(dlg.Body);
                        SSelect.setPlaceholder("选择数据源");
                        SSelect.EnableClear(true);
                        var Forms = currentExcelDesigner.getDataForms();
                        var items = [];
                        var sIndex = -1;
                        for (var i = 0; i < Forms.length; i++) {
                            if (Data.Range && Data.Range.SourceId == Forms[i].ID) {
                                sIndex = i;
                            }
                            items.push({
                                ID: Forms[i].ID,
                                Name: Forms[i].Name,
                                toString: function () {
                                    return this.Name
                                }
                            });
                        }
                        SSelect.AddItems(items);
                        SSelect.selectedIndex = sIndex;
                        dlg.Body.lastChild.style.marginBottom = "15px";
                        var FSelect = new CLSelect(dlg.Body);
                        FSelect.setPlaceholder("选择字段");
                        FSelect.EnableClear(true);
                        SSelect.onchanged = function () {
                            FSelect.selectedIndex = -1;
                            if (SSelect.selectedIndex == -1) {
                                delete Data.Range;
                            } else {
                                Data.Range = {
                                    SourceId: SSelect.Items[SSelect.selectedIndex].ID
                                }
                            }
                        }
                        FSelect.getItems = function (Success) {
                            var Form = Forms[SSelect.selectedIndex];
                            var items = [];
                            for (var i = 0; Form && i < Form.Fields.length; i++) {
                                if (Form.Fields[i].className == "部门单选" || Form.Fields[i].className == "部门多选") {
                                    items.push({
                                        ID: Form.Fields[i].ID,
                                        Name: Form.Fields[i].Name,
                                        toString: function () {
                                            return this.Name
                                        }
                                    });
                                }
                            }
                            Success(items);
                        }
                        FSelect.getItems(function (items) {
                            FSelect.Items = items;
                            for (var i = 0; i < items.length; i++) {
                                if (Data.Range && items[i].ID == Data.Range.FieldId) {
                                    FSelect.selectedIndex = i
                                    break;
                                }
                            }
                        });
                        FSelect.onchanged = function () {
                            if (FSelect.selectedIndex == -1) {
                                if (Data.Range) {
                                    delete Data.Range.FieldId;
                                }
                            } else {
                                Data.Range.FieldId = FSelect.Items[FSelect.selectedIndex].ID;
                            }
                        }
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.部门单选);
        }());

        (function () {
            Ctrls.部门多选 = {
                Name: "部门多选",
                Icon: "&#xe7d5;",
                Create: function (Ele, Data) {
                    var excelDesigner = currentExcelDesigner;
                    var Div = document.createElement("div");
                    Div.className = "Depart";
                    var divVal = document.createElement("div");
                    divVal.className = "Val placeholder";
                    divVal.setAttribute("placeholder", Data.Name == null ? this.Name : Data.Name);
                    Div.appendChild(divVal);
                    var Icon = document.createElement("div");
                    Icon.className = "Icon";
                    Div.appendChild(Icon);
                    Ele.appendChild(Div);
                    var Names = [];
                    if (Data.ParamId != null) {
                        Div.Val = excelDesigner.GetVarValue(Data.ParamId);
                        for (var i = 0; i < Div.Val.length ; i++) {
                            Names.push(FrmCtrls.getDepartmentNameById(Div.Val[i]));
                        }
                        divVal.innerHTML = Names;
                    }
                    Div.onclick = function (e) {
                        var Range = [];
                        if (Data.Range && Data.Range.SourceId && Data.Range.FieldId) {
                            var data = excelDesigner.SourceData[Data.Range.SourceId];
                            if (data) {
                                var field = excelDesigner.GetFieldBySourceIdAndFieldId(Data.Range.SourceId, Data.Range.FieldId);
                                if (field.className == "部门单选") {
                                    for (var i = 0; i < data.length; i++) {
                                        var oVal = data[i][Data.Range.FieldId] == null ? null : data[i][Data.Range.FieldId].oVal;
                                        if (oVal) {
                                            Range.push(oVal * 1);
                                        }
                                    }
                                }
                                if (field.className == "部门单选") {
                                    for (var i = 0; i < data.length; i++) {
                                        var oVal = data[i][Data.Range.FieldId] == null ? null : data[i][Data.Range.FieldId].oVal;
                                        if (oVal) {
                                            var Val = JSON.parse(oVal);
                                            for (var j = 0; j < Val.length; j++) {
                                                Range.push(Val[j] * 1);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        var DepartData = CLApp.getDepartTree(Range.length == 0 ? null : CLApp.extendDepartRoot(Range))[0];
                        var _CLTree = new CLTree(DepartData);
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "border": "solid #e0e0e0 1px",
                                "overflow": "auto",
                            },
                            "Items": []
                        };
                        if (Div.Val == null) {
                            Div.Val = [];
                        }
                        var _CLMenu = new CLMenu(Menu, Div);
                        var divSearch = document.createElement("div");
                        divSearch.className = "ItemSearch";
                        _CLMenu.Div.appendChild(divSearch);
                        var inputSearch = document.createElement("input");
                        inputSearch.style.height = "29px";
                        inputSearch.style.lineHeight = "29px";
                        inputSearch.style.border = "none";
                        inputSearch.setAttribute("placeholder", "搜索");
                        inputSearch.style.width = "calc(100% - 7px)";
                        inputSearch.style.marginLeft = "5px";
                        inputSearch.value = "";
                        inputSearch.oninput = function () {
                            _CLTree.Search(inputSearch.value);
                        }
                        divSearch.appendChild(inputSearch);

                        var divClear = document.createElement("div");
                        divClear.className = "ItemClear";
                        divClear.innerHTML = "--请选择--";
                        _CLMenu.Div.appendChild(divClear);
                        divClear.onclick = function () {
                            Div.Val = [];
                            Names = [];
                            divVal.innerHTML = null;
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Value);
                            }
                            _CLMenu.Close();
                        }
                        _CLTree.MultiSel = true;
                        _CLTree.Render(_CLMenu.Div);
                        var divTree = _CLMenu.Div.lastChild;
                        divTree.style.maxHeight = _CLMenu.Div.offsetHeight - 62 + "px";
                        divTree.style.overflow = "auto";
                        for (var i = 0; i < Div.Val.length ; i++) {
                            _CLTree.Select(Div.Val[i]);
                        }
                        _CLTree.OnSelected = function (ItemData) {
                            Div.Val.push(ItemData.ID);
                            Names.push(ItemData.Name);
                            divVal.innerHTML = Names;
                            if (Data.ParamId != null) {
                                excelDesigner.SetVarValue(Data.ParamId, Div.Value);
                            }
                        }
                        _CLTree.OnLostSelected = function (ItemData) {
                            var index = Div.Val.indexOf(ItemData.ID)
                            Div.Val.splice(index, 1);
                            Names.splice(index, 1);
                            divVal.innerHTML = Names;
                        }
                        _CLMenu.Div.style.height = "initial";
                        _CLMenu.Reset(Div);
                    }
                    Object.defineProperty(Div, "Value", {
                        get: function () {
                            return Div.Val == null || Div.Val.length == 0 ? null : Div.Val;
                        }
                    });
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "绑定参数");
                    var selector = new CLSelect(Container);
                    selector.EnableClear(true);
                    var Vars = currentExcelDesigner.GetVars();
                    var selIndex;
                    for (var i = 0; i < Vars.length; i++) {
                        selector.AddItems([Vars[i].Name]);
                        if (Data.ParamId == Vars[i].ID) {
                            selIndex = i;
                        }
                    }
                    if (selIndex != null) {
                        selector.selectedIndex = selIndex;
                    }
                    selector.onchanged = function () {
                        if (selector.selectedIndex < 0) {
                            delete Data.ParamId;
                        } else {
                            Data.ParamId = Vars[selector.selectedIndex].ID;
                        }
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "动态范围");
                    var Btn = PropBtn(Container, "绑定");
                    Btn.onclick = function () {
                        var divDlg = document.createElement("div");
                        divDlg.style.cssText = "width:350px;height:200px;";
                        var dlg = new CLDialog(divDlg);
                        dlg.CreateAll("绑定字段", function () {

                        });
                        var SSelect = new CLSelect(dlg.Body);
                        SSelect.setPlaceholder("选择数据源");
                        SSelect.EnableClear(true);
                        var Forms = currentExcelDesigner.getDataForms();
                        var items = [];
                        var sIndex = -1;
                        for (var i = 0; i < Forms.length; i++) {
                            if (Data.Range && Data.Range.SourceId == Forms[i].ID) {
                                sIndex = i;
                            }
                            items.push({
                                ID: Forms[i].ID,
                                Name: Forms[i].Name,
                                toString: function () {
                                    return this.Name
                                }
                            });
                        }
                        SSelect.AddItems(items);
                        SSelect.selectedIndex = sIndex;
                        dlg.Body.lastChild.style.marginBottom = "15px";
                        var FSelect = new CLSelect(dlg.Body);
                        FSelect.setPlaceholder("选择字段");
                        FSelect.EnableClear(true);
                        SSelect.onchanged = function () {
                            FSelect.selectedIndex = -1;
                            if (SSelect.selectedIndex == -1) {
                                delete Data.Range;
                            } else {
                                Data.Range = {
                                    SourceId: SSelect.Items[SSelect.selectedIndex].ID
                                }
                            }
                        }
                        FSelect.getItems = function (Success) {
                            var Form = Forms[SSelect.selectedIndex];
                            var items = [];
                            for (var i = 0; Form && i < Form.Fields.length; i++) {
                                if (Form.Fields[i].className == "部门单选" || Form.Fields[i].className == "部门多选") {
                                    items.push({
                                        ID: Form.Fields[i].ID,
                                        Name: Form.Fields[i].Name,
                                        toString: function () {
                                            return this.Name
                                        }
                                    });
                                }
                            }
                            Success(items);
                        }
                        FSelect.getItems(function (items) {
                            FSelect.Items = items;
                            for (var i = 0; i < items.length; i++) {
                                if (Data.Range && items[i].ID == Data.Range.FieldId) {
                                    FSelect.selectedIndex = i
                                    break;
                                }
                            }
                        });
                        FSelect.onchanged = function () {
                            if (FSelect.selectedIndex == -1) {
                                if (Data.Range) {
                                    delete Data.Range.FieldId;
                                }
                            } else {
                                Data.Range.FieldId = FSelect.Items[FSelect.selectedIndex].ID;
                            }
                        }
                    }
                }
            }
            Ctrls.参数控件.push(Ctrls.部门多选);
        }());

        (function () {
            Ctrls.按钮 = {
                Name: "按钮",
                Icon: "&#xe60e;",
                Create: function (Ele, Data) {
                    var Div = document.createElement("div");
                    Div.className = "CLBtnGreen CLBtnSmall";
                    Div.style.minWidth = "80px";
                    Div.style.height = "30px";
                    Div.style.lineHeight = "30px";
                    Div.innerHTML = Data.Name == null ? this.Name : Data.Name;
                    Ele.appendChild(Div);
                    var excelDesigner = currentExcelDesigner;
                    Div.onclick = function () {

                    }
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                }
            }
            Ctrls.特殊控件.push(Ctrls.按钮);
        }());

        (function () {
            var SortAbleNameList = ["流水号", "单行文本", "数字", "单选按钮组", "下拉框", "时间日期", "更新时间", "提交时间"];
            Ctrls.图表 = {
                Name: "图表",
                Icon: "&#xe60f;",
                Create: function (Ele, Data, dataList) {
                    var Div = document.createElement("div");
                    Div.className = "Chart";
                    Ele.appendChild(Div);
                    if (dataList == null || Data.ChartType == null) {
                        return Div;
                    }
                    Ele.style.display = "table-cell";
                    Div.style.width = "100%";
                    Div.style.height = "100%";
                    Div.CLChart = new CLChart(Div, "sql");
                    Div.CLChart.Control = self;
                    if (Data.LabelColor) {
                        Div.CLChart.axisLabelColor = Data.LabelColor;
                    }
                    if (Data.LineColor) {
                        Div.CLChart.axisLineColor = Data.LineColor;
                    }
                    if (Data.TickColor) {
                        Div.CLChart.axisTickColor = Data.TickColor;
                    }
                    if (Data.TextColor) {
                        Div.CLChart.TextColor = Data.TextColor;
                    }
                    Div.CLChart.Data = Data;
                    Div.CLChart.Rotate = Data.Rotate;
                    Div.CLChart.showText = Data.showText;
                    Div.CLChart.getMemberNameById = CLApp.getMemberNameById;
                    Div.CLChart.getDepartNameById = CLApp.getDepartmentNameById;
                    if (Data.ChartType == "GanttChart") {
                        Div.CLChart.Render_GanttChart(dataList, Data.Dimensions, Data.StartDt, Data.EndDt, Data.RealStartDt, Data.Progress, Data.RealEndDt);
                    } else {
                        Div.CLChart.Render(Data.ChartType, dataList, Data.Dimensions, [], Data.Pointers);
                    }
                    return Div;
                },
                Prop: function (Container, Data, Cell) {
                    PropSplit(Container);
                    var designer = currentExcelDesigner;
                    var label = PropLabel(Container, "名称");
                    var nameInput = PropValue(Container);
                    nameInput.value = Data.Name == null ? this.Name : Data.Name;
                    nameInput.onchange = function () {
                        Data.Name = nameInput.value == null || nameInput.value.length == 0 ? null : nameInput.value;
                        currentExcelDesigner.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "数据源");
                    var sourceSelector = new CLSelect(Container);
                    var Sources = designer.GetDataSources();
                    var sourceName;
                    for (var i = 0; i < Sources.length; i++) {
                        if (Data.SourceID == Sources[i].ID) {
                            sourceName = Sources[i].Name;
                        }
                        sourceSelector.AddItems(Sources[i].Name);
                    }
                    sourceSelector.AddItems("单元格数据");
                    sourceSelector.onchanged = function () {
                        if (sourceSelector.selectedIndex < Sources.length) {
                            Data.SourceType = "数据源";
                            Data.SourceID = Sources[sourceSelector.selectedIndex].ID;
                        } else {
                            Data.SourceType = sourceSelector.GetValue();
                        }
                        if (Data.SourceType != "数据源") {
                            filterLabel.style.display = "none";
                            filterBtn.style.display = "none";
                        } else {
                            filterLabel.style.display = "";
                            filterBtn.style.display = "";
                        }
                        designer.CLExcel.recordState();
                    }
                    if (Data.SourceType == "数据源") {
                        sourceSelector.SetValue(sourceName == null ? "" : sourceName);
                    } else {
                        sourceSelector.SetValue(Data.SourceType);
                    }
                    PropSplit(Container);
                    var filterLabel = PropLabel(Container, "过滤条件");
                    var filterBtn = PropBtn(Container, "编辑");
                    filterBtn.onclick = function () {
                        if (Cell.Val.filterConditions == null) {
                            Cell.Val.filterConditions = {};
                        }
                        designer.Prop.filterConditions(Cell.Val, Cell);
                    }
                    if (Data.SourceType != "数据源") {
                        filterLabel.style.display = "none";
                        filterBtn.style.display = "none";
                    }

                    PropSplit(Container);
                    label = PropLabel(Container, "类型");
                    var typeSelector = new CLSelect(Container);
                    var typeNames = ['LineChart', 'ColumnChart', 'BarChart', 'AreaChart', 'PieChart', 'RadarChart', 'SunChart'];
                    typeSelector.AddItems(["折线图", "柱状图", "条形图", "面积图", "饼图", "雷达图", '旭日图']);
                    var index = typeNames.indexOf(Data.ChartType);
                    if (index < 0) {
                        index = 2;
                        Data.ChartType = typeNames[index];
                    }
                    typeSelector.selectedIndex = index;
                    typeSelector.onchanged = function () {
                        Data.ChartType = typeNames[typeSelector.selectedIndex];
                        designer.CLExcel.Operation(function () {
                            Container.innerHTML = "";
                            Ctrls.图表.Prop(Container, Data, Cell);
                        });
                    }
                    var rotateLabel = PropLabel(Container, "转角");
                    rotateLabel.style.marginTop = "15px";
                    rotateLabel.style.paddingLeft = "15px";
                    var rotateInput = PropValue(Container);
                    rotateInput.style.width = "calc(100% - 15px)";
                    rotateInput.style.marginLeft = "15px";
                    rotateInput.oninput = function () {
                        CLCheckInt(rotateInput);
                    }
                    rotateInput.onchange = function () {
                        Data.Rotate = rotateInput.value * 1;
                    }
                    if (Data.ChartType == "LineChart" || Data.ChartType == "ColumnChart" || Data.ChartType == "BarChart" || Data.ChartType == "AreaChart") {
                        rotateLabel.style.display = "";
                        rotateInput.style.display = "";
                    } else {
                        rotateLabel.style.display = "none";
                        rotateInput.style.display = "none";
                    }
                    rotateInput.value = Data.Rotate == null ? 30 : Data.Rotate;
                    if (Data.ChartType == "LineChart") {
                        var label = PropLabel(Container, "线宽");
                        label.style.marginTop = "15px";
                        label.style.paddingLeft = "15px";
                        var input = PropValue(Container);
                        input.style.width = "calc(100% - 15px)";
                        input.style.marginLeft = "15px";
                        input.oninput = function () {
                            CLCheckInt(this);
                        }
                        input.onchange = function () {
                            Data.lineWidth = this.value * 1;
                        }
                        input.value = Data.lineWidth == null ? 2 : Data.lineWidth;
                        label = label.cloneNode();
                        label.innerHTML = "平滑";
                        Container.appendChild(label);
                        label = label.cloneNode();
                        Container.appendChild(label);
                        var box = new CLCheckBox("启用", label);
                        this.checked = Data.Smooth != false;
                        box.onchanged = function () {
                            Data.Smooth = this.checked;
                        }
                    }
                    //文字颜色
                    PropSplit(Container);
                    var TextColor = PropLabel(Container, "");
                    TextColor.innerHTML = "文字颜色";
                    var vTextColor = PropValue(Container, "Div");
                    vTextColor.style.cssText = "cursor:pointer;";
                    vTextColor.style.backgroundColor = Data.TextColor == null ? "#000" : Data.TextColor;
                    vTextColor.onclick = function () {
                        var _CLColors = new CLColors(Data.TextColor);
                        _CLColors.End = function (color) {
                            Data.TextColor = color;
                            vTextColor.style.backgroundColor = Data.TextColor == null ? "#000" : Data.TextColor;
                        }
                    }
                    //坐标轴颜色
                    PropSplit(Container);
                    var LineColor = PropLabel(Container, "");
                    LineColor.innerHTML = "坐标颜色:<code style='color:#999'>轴 | 刻度 | 文字</code>";
                    var vLineColor = PropValue(Container, "Div");
                    vLineColor.style.cssText = "display:inline-block;width:30px;margin:0 15px 0 45px;cursor:pointer;";
                    vLineColor.style.backgroundColor = Data.LineColor == null ? "#3cb371" : Data.LineColor;
                    vLineColor.onclick = function () {
                        var _CLColors = new CLColors(Data.LineColor);
                        _CLColors.End = function (color) {
                            Data.LineColor = color;
                            vLineColor.style.backgroundColor = Data.LineColor == null ? "#3cb371" : Data.LineColor;
                        }
                    }
                    //坐标刻度颜色
                    var vTickColor = PropValue(Container, "Div");
                    vTickColor.style.cssText = "display:inline-block;width:30px;margin:0 15px;cursor:pointer;";
                    vTickColor.style.backgroundColor = Data.TickColor == null ? "#3cb371" : Data.TickColor;
                    vTickColor.onclick = function () {
                        var _CLColors = new CLColors(Data.TickColor);
                        _CLColors.End = function (color) {
                            Data.TickColor = color;
                            vTickColor.style.backgroundColor = Data.TickColor == null ? "#3cb371" : Data.TickColor;
                        }
                    }
                    //坐标文字颜色
                    var vLabelColor = PropValue(Container, "Div");
                    vLabelColor.style.cssText = "display:inline-block;width:30px;margin:0 15px;cursor:pointer;";
                    vLabelColor.style.backgroundColor = Data.LabelColor == null ? "#3cb371" : Data.LabelColor;
                    vLabelColor.onclick = function () {
                        var _CLColors = new CLColors(Data.LabelColor);
                        _CLColors.End = function (color) {
                            Data.LabelColor = color;
                            vLabelColor.style.backgroundColor = Data.LabelColor == null ? "#3cb371" : Data.LabelColor;
                        }
                    }

                    PropSplit(Container);
                    label = PropLabel(Container, "显示图例");
                    var selectorL = new CLSelect(Container);
                    selectorL.AddItems(["无", "顶部", "底部", "左侧", "右侧", "左上", "右上", "左下", "右下"]);
                    var index = selectorL.Items.indexOf(Data.showLable);
                    selectorL.selectedIndex = index < 0 ? 0 : index;
                    selectorL.onchanged = function () {
                        Data.showLable = selectorL.Items[selectorL.selectedIndex];
                        designer.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "数据标签");
                    var selectorN = new CLSelect(Container);
                    if (Data.ChartType == "PieChart") {
                        selectorN.AddItems(["隐藏", "里边", "外边"]);
                    } else {
                        selectorN.AddItems(["显示", "隐藏"]);
                    }
                    selectorN.selectedIndex = selectorN.Items.indexOf(Data.showText);
                    selectorN.onchanged = function () {
                        Data.showText = selectorN.Items[selectorN.selectedIndex];
                        designer.CLExcel.recordState();
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "区域");
                    var blockInput = PropValue(Container);
                    blockInput.setAttribute("placeholder", "例:20 20 0 20");
                    blockInput.value = Data.Block == null ? "" : Data.Block;
                    blockInput.onchange = function () {
                        Data.Block = !blockInput.value ? undefined : blockInput.value;
                        designer.CLExcel.recordState();
                    }
                    if (Data.ChartType == "PieChart") {
                        PropSplit(Container);
                        label = PropLabel(Container, "半径");
                        var radiusInput = PropValue(Container);
                        radiusInput.setAttribute("placeholder", "例:30% 50%");
                        radiusInput.value = Data.Radius == null ? "" : Data.Radius;
                        radiusInput.onchange = function () {
                            Data.Radius = !radiusInput.value ? undefined : radiusInput.value;
                            designer.CLExcel.recordState();
                        }
                    }
                    var Fields;
                    if (Data.SourceType == "数据源") {
                        Fields = designer.GetFieldsBySourceId(Data.SourceID);
                    } else if (Data.SourceType == "单元格数据") {
                        var Start = Cell.Start;
                        Fields = [];
                        for (var y = 0; y < Start.row; y++) {
                            for (var x = 0; x < designer.CLExcel.columnCount; x++) {
                                var CellName = designer.CLExcel.getColumnName(x) + (y + 1);
                                var Val = designer.CLExcel.Rows_Cells[y][x].Val;
                                if (Val == null) {
                                    continue;
                                }
                                if (Val == null || (Val.type != "Field" && Val.type != "Code")) {
                                    continue;
                                }
                                Fields.push({
                                    ID: x + "," + y,
                                    Name: CellName,
                                    className: Val.type == "Code" ? "数字" : (Val.type == "Field" ? Val.Field.className : "单行文本")
                                });
                            }
                        }
                    }
                    (function (堆叠) {
                        PropSplit(Container);
                        label = PropLabel(Container, "堆叠");
                        var typeSelector = new CLSelect(Container);
                        var index = -1;
                        var Items = [];
                        for (var i = 0; Fields != null && i < Fields.length; i++) {
                            var className = Fields[i].className;
                            if (className != "单行文本" && className != "下拉框" && className != "时间日期" && className != "成员单选" && className != "部门单选") {
                                continue;
                            }
                            Items.push({
                                ID: Fields[i].ID,
                                Name: Fields[i].Name,
                                className: Fields[i].className,
                                toString: function () {
                                    return this.Name;
                                }
                            });
                            if (Data.stackInfo && Data.stackInfo.ID == Fields[i].ID) {
                                index = Items.length - 1;
                            }
                        }
                        typeSelector.AddItems(Items);
                        typeSelector.EnableClear(true);
                        typeSelector.selectedIndex = index;
                        typeSelector.onchanged = function () {
                            if (typeSelector.selectedIndex != -1) {
                                Data.stackInfo = {
                                    ID: typeSelector.Items[typeSelector.selectedIndex].ID,
                                    Name: typeSelector.Items[typeSelector.selectedIndex].Name,
                                    className: typeSelector.Items[typeSelector.selectedIndex].className,
                                };
                            } else {
                                delete Data.stackInfo;
                            }
                            designer.CLExcel.recordState();
                        }
                    }());
                    PropSplit(Container);
                    label = PropLabel(Container, "维度");
                    var add = document.createElement("div");
                    add.className = "Add";
                    label.appendChild(add);
                    var pointerDiv = document.createElement("div");
                    pointerDiv.style.height = "28px";
                    pointerDiv.style.width = "2px";
                    pointerDiv.style.margin = "3px 0";
                    pointerDiv.style.verticalAlign = "top";
                    pointerDiv.style.background = "#0db3a6";
                    pointerDiv.style.display = "inline-block";
                    function resetDimension() {
                        var dimensions = DivDimensions.childNodes;
                        Data.Dimensions = [];
                        for (var i = 0; i < dimensions.length; i++) {
                            if (dimensions[i].Dimension != null) {
                                Data.Dimensions.push(dimensions[i].Dimension);
                            }
                        }
                    }

                    function RenameFieldBtn(btnDiv, Name, End) {
                        var self = this;
                        var Menu = {
                            "style": {
                                "width": "246px",
                                "height": "116px",
                                "padding": "8px",
                                "background-color": "rgba(0,0,0,0)",
                                "box-shadow": "none",
                                "overflow": "hidden"
                            },
                            "Items": [
                            ]
                        }
                        var _CLMenu = new CLMenu(Menu, btnDiv);
                        var divMenu = document.body.lastChild.firstChild.firstChild;
                        var Div = document.createElement("div");
                        Div.className = "ExcelDesignerNameEditor";
                        divMenu.appendChild(Div);
                        var input = document.createElement("input");
                        input.value = Name;
                        Div.appendChild(input);
                        input.select();
                        var Bottom = document.createElement("div");
                        Bottom.className = "Bottom";
                        Div.appendChild(Bottom);
                        var Btn = document.createElement("div");
                        Btn.className = "CLBtnCancel";
                        Btn.innerHTML = "取消";
                        Btn.style.margin = "0 5px 0 0";
                        Btn.onclick = function () {
                            _CLMenu.Close();
                        }
                        Bottom.appendChild(Btn);

                        Btn = document.createElement("div");
                        Btn.className = "CLBtnGreen";
                        Btn.style.margin = "0 0 0 5px";
                        Btn.innerHTML = "确定";
                        Btn.onclick = function () {
                            End(input.value);
                            _CLMenu.Close();
                        }
                        Bottom.appendChild(Btn);
                    }

                    function EditDimension(dimensionDiv) {
                        var Dimension = dimensionDiv.Dimension;
                        function subMenu(Item, items, callback, value) {
                            var right = document.createElement("span");
                            right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                            right.innerHTML = "&#xe6a3;";
                            Item.appendChild(right);
                            Item.onmouseenter = function () {
                                var Menu = document.createElement("div");
                                Menu.className = "CLMenu";
                                for (var i = 0; i < items.length; i++) {
                                    var item = document.createElement("div");
                                    item.className = "Item";
                                    item.style.width = "160px";
                                    item.innerHTML = items[i];
                                    item.onclick = function (e) {
                                        var item = e.currentTarget;
                                        callback(item);
                                        title.Close();
                                    }
                                    if (value == items[i]) {
                                        item.classList.add("ExcelDesignerOrderItemSel");
                                    }
                                    Menu.appendChild(item);
                                }

                                var title = new CLTitle(Item, Menu);
                                var Box = Menu.parentNode;
                                var rect = Item.getBoundingClientRectEx();
                                Box.style.left = rect.right - 15 + "px";
                                Box.style.top = rect.top + "px";
                                var subRect = Box.getBoundingClientRect();
                                if (subRect.right > window.innerWidth) {
                                    Box.style.left = rect.left - Box.offsetWidth + "px";
                                }
                            }
                        }
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "width": "160px",
                                "overflow-y": "auto",
                            },
                            "Items": [
                            ]
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "修改显示名",
                            "Enable": true,
                            "CallBack": function () {
                                RenameFieldBtn(dimensionDiv, Dimension.Name, function (Name) {
                                    Dimension.Name = Name;
                                    dimensionDiv.firstChild.innerHTML = Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")");
                                    designer.CLExcel.recordState();
                                });
                                _CLMenu.Close();
                            }
                        });
                        if (Dimension.className == "时间日期" || Dimension.className == "更新时间" || Dimension.className == "提交时间") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "汇总方式",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['年', '年-季', '年-月', '年-周', '年-月-日'], function (item) {
                                        Dimension.collectType = item.innerHTML;
                                        dimensionDiv.firstChild.innerHTML = Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")");
                                        designer.CLExcel.recordState();
                                    }, Dimension.collectType);
                                }
                            });
                        }
                        if (SortAbleNameList.indexOf(Dimension.className) >= 0) {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "排序",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['默认', '升序', '降序'], function (item) {
                                        Dimension.sortType = item.innerHTML;
                                        designer.CLExcel.recordState();
                                    }, Dimension.sortType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "颜色",
                            "Enable": true,
                            "CallBack": function (e) {
                                var menu = designer.Dialog(280, null, DivDimensions);
                                CLChart.SetColor(menu.Div, function (colors) {
                                    Dimension.bgColors = colors;
                                    menu.Close();
                                });
                                menu.Div.style.height = "";
                                menu.Reset();
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "颜色(公式编辑)",
                            "Enable": true,
                            "CallBack": function (e) {
                                var jsColor = Dimension.jsColor == null ? "" : Dimension.jsColor;
                                var codeEditor = designer.editCode(Cell, jsColor, function (jsColor) {
                                    if (!jsColor.runCode) {
                                        delete Dimension.jsColor;
                                    } else {
                                        Dimension.jsColor = jsColor.runCode;
                                    }
                                }, "公式编辑");
                                codeEditor.getGlobalScope().EventData = {
                                    ID: "",
                                    Name: "",
                                    className: "",
                                    CLChart: CLChart.prototype,
                                    Wheres: [],
                                    VirtualExcel: VirtualExcel.prototype,
                                    currentCell: document.body,
                                    Excel: VirtualExcel.prototype
                                };
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "删除字段",
                            "Enable": true,
                            "CallBack": function () {
                                dimensionDiv.remove();
                                resetDimension();
                                designer.CLExcel.recordState();
                                _CLMenu.Close();
                            }
                        });
                        var _CLMenu = new CLMenu(Menu, dimensionDiv);
                    }

                    function addDimension(Dimension) {
                        var FieldBtn = document.createElement("div");
                        FieldBtn.className = "FieldBtn";
                        if (Dimension.collectType == null) {
                            if (Dimension.className == "时间日期" || Dimension.className == "更新时间" || Dimension.className == "提交时间") {
                                Dimension.collectType = "年-月";
                            }
                        }
                        FieldBtn.innerHTML = "<span>" + Dimension.Name + (Dimension.collectType == null ? "" : "(" + Dimension.collectType + ")") + "</span>";

                        DivDimensions.appendChild(FieldBtn);
                        var down = document.createElement("div");
                        down.className = "BtnDown";
                        FieldBtn.appendChild(down);
                        down.onmousedown = function (e) {
                            e.stopPropagation();
                        }
                        down.onclick = function () {
                            EditDimension(FieldBtn);
                        }
                        FieldBtn.Dimension = Dimension;
                        if (Data.Dimensions == null) {
                            Data.Dimensions = [
                                Dimension
                            ];
                        } else {
                            var bHas = false;
                            for (var i = 0; i < Data.Dimensions.length; i++) {
                                if (Data.Dimensions[i].ID == Dimension.ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            if (!bHas) {
                                Data.Dimensions.push(Dimension);
                            }
                        }
                        var FromX, FromY;
                        var Rect;
                        var oStyle = FieldBtn.style.cssText;
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            DivDimensions.insertBefore(pointerDiv, beforeBtn);
                        }, function (FieldBtn, event) {
                            var dimensionsRect = DivDimensions.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < dimensionsRect.top || dragRect.right < dimensionsRect.left || dragRect.top > dimensionsRect.bottom || dragRect.left > dimensionsRect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == DivDimensions) {
                                    DivDimensions.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            resetDimension();
                            pointerDiv.remove();
                            FieldBtn.style.cssText = oStyle;
                            designer.CLExcel.recordState();
                        });
                        return FieldBtn;
                    }

                    add.onclick = function () {
                        var Menu = {
                            "style": {
                                "width": "200px",
                                "max-height": "500px",
                                "overflow-y": "auto",
                            },
                            "Items": []
                        };
                        var Items = Menu.Items;
                        for (var i = 0; Fields != null && i < Fields.length ; i++) {
                            if (listName.indexOf(Fields[i].className) >= 0 || Fields[i].className == "数字") {
                                continue;
                            }
                            var bHas = false;
                            for (var j = 0; Data.Dimensions != null && j < Data.Dimensions.length; j++) {
                                if (Data.Dimensions[j].ID == Fields[i].ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            Items.push({
                                ID: Fields[i].ID,
                                Text: Fields[i].Name,
                                Enable: !bHas,
                                className: Fields[i].className,
                                CallBack: function (e) {
                                    addDimension({
                                        ID: this.ID,
                                        Name: this.Text,
                                        className: this.className
                                    });
                                    e.currentTarget.Disabled = true;
                                    designer.CLExcel.recordState();
                                }
                            });
                        }
                        var _CLMenu = new CLMenu(Menu, this.parentNode);
                        _CLMenu.EnableSearch(true);
                    }

                    var DivDimensions = PropValue(Container, "div");
                    DivDimensions.style.height = "initial";
                    DivDimensions.style.minHeight = "30px";

                    for (var i = 0; Data.Dimensions != null && i < Data.Dimensions.length; i++) {
                        var bFind = false;
                        for (var j = 0; Fields != null && j < Fields.length; j++) {
                            if (Data.Dimensions[i].ID == Fields[j].ID) {
                                var FieldBtn = addDimension(Data.Dimensions[i]);
                                FieldBtn.title = Fields[j].Name;
                                bFind = true;
                            }
                        }
                        if (!bFind) {
                            Data.Dimensions.CLRemove(Data.Dimensions[i]);
                            i--;
                        }
                    }
                    resetDimension();

                    function resetPointer() {
                        var pointers = DivPointers.childNodes;
                        Data.Pointers = [];
                        for (var i = 0; i < pointers.length; i++) {
                            if (pointers[i].Pointer != null) {
                                Data.Pointers.push(pointers[i].Pointer);
                            }
                        }
                    }

                    function NumFormatDialog(Pointer) {
                        var self = this;
                        CLNumFormatDialog(Pointer.dataFormat, function (dataFormat) {
                            Pointer.dataFormat = dataFormat;
                            designer.CLExcel.recordState();
                        });
                    }

                    function onclickDlg(End, Pointer) {
                        var codeEditor = designer.editCode(Cell, Pointer.onclick, function (code) {
                            Pointer.onclick = code;
                        }, "修改点击事件");
                        codeEditor.getGlobalScope().EventData = {
                            ID: "",
                            Name: "",
                            className: "",
                            CLChart: CLChart.prototype,
                            Wheres: [],
                            VirtualExcel: VirtualExcel.prototype,
                            currentCell: document.body,
                            Excel: VirtualExcel.prototype
                        };
                    }
                    function EditPointer(pointerDiv) {
                        var Pointer = pointerDiv.Pointer;
                        function subMenu(Item, items, callback, value) {
                            var right = document.createElement("span");
                            right.style.cssText = "font-family:CLFont;position:absolute;color:#bbccdd;right:10px;";
                            right.innerHTML = "&#xe6a3;";
                            Item.appendChild(right);
                            Item.onmouseenter = function () {
                                var Menu = document.createElement("div");
                                Menu.className = "CLMenu";
                                for (var i = 0; i < items.length; i++) {
                                    var item = document.createElement("div");
                                    item.className = "Item";
                                    item.style.width = "160px";
                                    item.innerHTML = items[i];
                                    item.onclick = function (e) {
                                        var item = e.currentTarget;
                                        callback(item);
                                        title.Close();
                                    }
                                    if (value == items[i]) {
                                        item.classList.add("ExcelDesignerOrderItemSel");
                                    }
                                    Menu.appendChild(item);
                                }

                                var title = new CLTitle(Item, Menu);
                                var Box = Menu.parentNode;
                                var rect = Item.getBoundingClientRectEx();
                                Box.style.left = rect.right - 15 + "px";
                                Box.style.top = rect.top + "px";
                                var subRect = Box.getBoundingClientRect();
                                if (subRect.right > window.innerWidth) {
                                    Box.style.left = rect.left - Box.offsetWidth + "px";
                                }
                            }
                        }
                        var Menu = {
                            "style": {
                                "max-height": "100%",
                                "width": "160px",
                                "overflow-y": "auto",
                            },
                            "Items": [
                            ]
                        }
                        var Items = Menu.Items;
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "修改显示名",
                            "Enable": true,
                            "CallBack": function () {
                                RenameFieldBtn(pointerDiv, Pointer.Name, function (Name) {
                                    Pointer.Name = Name;
                                    pointerDiv.firstChild.innerHTML = Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")");
                                    designer.CLExcel.recordState();
                                });
                                _CLMenu.Close();
                            }
                        });
                        if (Pointer.className == "数字") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "汇总方式",
                                "Enable": true,
                                "CallBack": function () {
                                },
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['求和', '平均', '最大值', '最小值', '计数'], function (item) {
                                        Pointer.collectType = item.innerHTML;
                                        pointerDiv.firstChild.innerHTML = Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")");
                                        designer.recordState();
                                    }, Pointer.collectType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "点击事件",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.Menu.Close();
                                onclickDlg(function () {
                                    designer.CLExcel.recordState();
                                }, Pointer);
                            }
                        });

                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "汇总结果显示",
                            "Enable": true,
                            "CallBack": function () {
                            },
                            "OnCreated": function (Item) {
                                subMenu(Item, ['显示为实际值', '显示为占比', '实际值与占比'], function (item) {
                                    Pointer.resultShow = item.innerHTML;
                                    designer.CLExcel.recordState();
                                }, Pointer.resultShow);
                            }
                        });
                        if (Data.ChartType == "ColumnChart") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "图表类型",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    var chartType = Pointer.chartType === undefined ? "无" : (Pointer.chartType == "line" ? "折线图" : "面积图");
                                    subMenu(Item, ['无', '折线图', '面积图'], function (item) {
                                        if (item.innerHTML == "无") {
                                            delete Pointer.chartType;
                                        }
                                        if (item.innerHTML == "折线图") {
                                            Pointer.chartType = "line";
                                        }
                                        if (item.innerHTML == "面积图") {
                                            Pointer.chartType = "area";
                                        }
                                        designer.CLExcel.recordState();
                                    }, chartType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "辅助线",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.Menu.Close();
                                var divDlg = document.createElement("div");
                                divDlg.style.cssText = "width:300px;height:250px";
                                var dlg = new CLDialog(divDlg);
                                dlg.CreateHeader("辅助线设置");
                                var Body = dlg.CreateBody();
                                var Label = document.createElement("div");
                                Label.style.height = "30px";
                                Label.style.lineHeight = "30px";
                                Label.style.margin = "10px 0";
                                Label.innerHTML = "<span style='padding:0 15px;display:inline-block;width:100px'>标线类型<span>";
                                Body.appendChild(Label);
                                var MarkLine = Pointer.MarkLine == null ? {
                                } : CLClone(Pointer.MarkLine);

                                var typeSel = new CLSelect(Label);
                                typeSel.EnableClear(true);
                                Label.lastChild.style.display = "inline-block";
                                Label.lastChild.style.width = "calc(100% - 100px)";
                                Label.lastChild.style.verticalAlign = "top";
                                typeSel.setPlaceholder("标线类型");
                                typeSel.AddItems([
                                    "平均值",
                                    "自定义"
                                ]);
                                typeSel.onchanged = function () {
                                    if (typeSel.selectedIndex == -1) {
                                        nameInput.value = '';
                                        valInput.value = '';
                                    }
                                    else if (typeSel.GetValue() == "平均值") {
                                        valLabel.style.display = "none";
                                    } else {
                                        valLabel.style.display = "block";
                                    }
                                    MarkLine.Type = typeSel.GetValue();
                                    designer.CLExcel.recordState();
                                }

                                var nameLabel = Label.cloneNode();
                                nameLabel.innerHTML = "<span style='padding:0 15px;display:inline-block;width:100px'>名称<span>";
                                Body.appendChild(nameLabel);
                                var nameInput = document.createElement("input");
                                nameInput.style.width = "calc(100% - 100px)";
                                nameInput.style.height = "30px";
                                nameInput.value = MarkLine.Name == null ? "" : MarkLine.Name;
                                nameInput.onchange = function () {
                                    MarkLine.Name = nameInput.value;
                                    designer.CLExcel.recordState();
                                }
                                nameLabel.appendChild(nameInput);

                                var valLabel = nameLabel.cloneNode(true);
                                valLabel.firstChild.innerHTML = "值";
                                Body.appendChild(valLabel);
                                valInput = valLabel.lastChild;
                                valInput.value = MarkLine.Value == null ? "" : MarkLine.Value;
                                valInput.oninput = function () {
                                    CLCheckFloat(valInput, 10);
                                }
                                valInput.onchange = function () {
                                    MarkLine.Value = valInput.value;
                                    designer.CLExcel.recordState();
                                }

                                typeSel.selectedIndex = typeSel.Items.indexOf(MarkLine.Type);
                                dlg.CreateBottom(function () {
                                    if (MarkLine.Type == null) {
                                        delete Pointer.MarkLine;
                                    } else {
                                        Pointer.MarkLine = MarkLine;
                                    }
                                    designer.CLExcel.recordState();
                                });
                            }
                        });
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "数据格式",
                            "Enable": true,
                            "CallBack": function (e) {
                                e.currentTarget.parentNode.Menu.Close();
                                NumFormatDialog(Pointer);
                            }
                        });
                        if (Data.ChartType == "LineChart" || Pointer.chartType == "line") {
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "数据标签",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['显示', '隐藏'], function (item) {
                                        Pointer.showText = item.innerHTML;
                                    }, Pointer.showText);
                                }
                            });
                            Items.push({
                                "style": {
                                },
                                "Icon": "",
                                "Text": "线条样式",
                                "Enable": true,
                                "OnCreated": function (Item) {
                                    subMenu(Item, ['实线', '虚线', '点线'], function (item) {
                                        Pointer.lineType = item.innerHTML;
                                    }, Pointer.lineType);
                                }
                            });
                        }
                        Items.push({
                            "style": {
                            },
                            "Icon": "",
                            "Text": "删除字段",
                            "Enable": true,
                            "CallBack": function () {
                                pointerDiv.remove();
                                resetPointer();
                                _CLMenu.Close();
                            }
                        });
                        var _CLMenu = new CLMenu(Menu, pointerDiv);
                    }

                    function addPointer(Pointer) {
                        var FieldBtn = document.createElement("div");
                        FieldBtn.className = "FieldBtn";
                        if (Pointer.collectType == null && Pointer.className == "数字") {
                            Pointer.collectType = "求和";
                        } else if (Pointer.collectType == null) {
                            Pointer.collectType = "计数";
                        }
                        FieldBtn.innerHTML = "<span>" + Pointer.Name + (Pointer.collectType == null ? "" : "(" + Pointer.collectType + ")") + "</span>";

                        DivPointers.appendChild(FieldBtn);
                        var down = document.createElement("div");
                        down.className = "BtnDown";
                        FieldBtn.appendChild(down);
                        down.onmousedown = function (e) {
                            e.stopPropagation();
                        }
                        down.onclick = function () {
                            EditPointer(FieldBtn);
                        }
                        FieldBtn.Pointer = Pointer;
                        if (Data.Pointers == null) {
                            Data.Pointers = [
                                Pointer
                            ];
                        } else {
                            var bHas = false;
                            for (var i = 0; i < Data.Pointers.length; i++) {
                                if (Data.Pointers[i].ID == Pointer.ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            if (!bHas) {
                                Data.Pointers.push(Pointer);
                            }
                        }
                        var FromX, FromY;
                        var Rect;
                        var oStyle = FieldBtn.style.cssText;
                        var beforeBtn;
                        CLEnableMove(FieldBtn, function (FieldBtn, event) {
                            Rect = FieldBtn.getBoundingClientRect();
                            FieldBtn.style.position = "fixed";
                            FieldBtn.style.zIndex = CLMaxZIndex();
                            FieldBtn.style.left = Rect.left + "px";
                            FieldBtn.style.top = Rect.top + "px";
                            FromX = event.clientX;
                            FromY = event.clientY;
                        }, function (FieldBtn, event) {
                            FieldBtn.style.left = event.clientX - FromX + Rect.left + "px";
                            FieldBtn.style.top = event.clientY - FromY + Rect.top + "px";
                            var dragRect = FieldBtn.getBoundingClientRect();
                            var Btns = FieldBtn.parentNode.childNodes;
                            beforeBtn = null;
                            for (var i = Btns.length - 1; i > -1; i--) {
                                var rect = Btns[i].getBoundingClientRect();
                                if (isLess(dragRect, rect)) {
                                    beforeBtn = Btns[i];
                                }
                            }
                            DivPointers.insertBefore(FieldBtn, beforeBtn);
                        }, function (FieldBtn, event) {
                            var pointersRect = DivPointers.getBoundingClientRect();
                            var dragRect = FieldBtn.getBoundingClientRect();
                            if (dragRect.bottom < pointersRect.top || dragRect.right < pointersRect.left || dragRect.top > pointersRect.bottom || dragRect.left > pointersRect.right) {
                                FieldBtn.remove();
                            } else {
                                if (pointerDiv.parentNode == DivPointers) {
                                    DivPointers.insertBefore(FieldBtn, pointerDiv);
                                }
                            }
                            resetPointer();
                            pointerDiv.remove();
                            FieldBtn.style.cssText = oStyle;
                        });
                        return FieldBtn;
                    }

                    PropSplit(Container);
                    label = PropLabel(Container, "指标");
                    add = document.createElement("div");
                    add.className = "Add";
                    label.appendChild(add);
                    var DivPointers = PropValue(Container, "div");
                    DivPointers.style.height = "initial";
                    DivPointers.style.minHeight = "30px";
                    add.onclick = function () {
                        var Menu = {
                            "style": {
                                "width": "200px",
                                "max-height": "500px",
                                "overflow-y": "auto",
                            },
                            "Items": []
                        };
                        var Items = Menu.Items;
                        for (var i = 0; Fields != null && i < Fields.length ; i++) {
                            if (listName.indexOf(Fields[i].className) >= 0) {
                                continue;
                            }
                            var bHas = false;
                            for (var j = 0; Data.Pointers != null && j < Data.Pointers.length; j++) {
                                if (Data.Pointers[j].ID == Fields[i].ID) {
                                    bHas = true;
                                    break;
                                }
                            }
                            Items.push({
                                ID: Fields[i].ID,
                                Text: Fields[i].Name,
                                Enable: !bHas,
                                className: Fields[i].className,
                                CallBack: function (e) {
                                    addPointer({
                                        ID: this.ID,
                                        Name: this.Text,
                                        className: this.className
                                    });
                                    e.currentTarget.Disabled = true;
                                    designer.CLExcel.recordState();
                                }
                            });
                        }
                        var _CLMenu = new CLMenu(Menu, this.parentNode);
                        _CLMenu.EnableSearch(true);
                    }
                    for (var i = 0; Data.Pointers != null && i < Data.Pointers.length; i++) {
                        var bFind = false;
                        for (var j = 0; Fields != null && j < Fields.length; j++) {
                            if (Data.Pointers[i].ID == Fields[j].ID) {
                                var FieldBtn = addPointer(Data.Pointers[i]);
                                FieldBtn.title = Fields[j].Name;
                                bFind = true;
                            }
                        }
                        if (!bFind) {
                            Data.Pointers.CLRemove(Data.Pointers[i]);
                            i--;
                        }
                    }
                    PropSplit(Container);
                    label = PropLabel(Container, "数据获取");
                    var btn = PropBtn(Container, "公式编辑");
                    btn.onclick = function () {
                        designer.editCode(Cell, Data.Query, function (Code) {
                            Data.Query = Code.originalCode.trim();
                        }, "获取数据");
                    }
                }
            }
            Ctrls.特殊控件.push(Ctrls.图表);
        }());

        return Ctrls;
    }());
    //获取控件所引用的数据源
    function getCtrlSourceIDs(excelDesigner) {
        var Vals = excelDesigner.dataExcel.Excel.showCellVal;
        var IDs = [];
        for (var i = 0; i < Vals.length; i++) {
            if (Vals[i].Val.type == "Ctrl") {
                if (Vals[i].Val.Ctrl.className == "下拉框" || Vals[i].Val.Ctrl.className == "下拉复选框") {
                    var ItemInfo = Vals[i].Val.Ctrl.ItemInfo;
                    if (ItemInfo != null && ItemInfo.Type == "数据查询") {
                        var sourceId = ItemInfo["数据查询"].sourceId;
                        if (sourceId != null && IDs.indexOf(sourceId) < 0) {
                            IDs.push(sourceId);
                        }
                    }
                } else if (Vals[i].Val.Ctrl.className == "图表" && Vals[i].Val.Ctrl.SourceType == "数据源" && Vals[i].Val.Ctrl.SourceID != null) {
                    if (IDs.indexOf(Vals[i].Val.Ctrl.SourceID) < 0) {
                        IDs.push(Vals[i].Val.Ctrl.SourceID);
                    }
                }
            }
        }
        return IDs;
    }
    //控件库
    fn.showCtrls = function () {
        var self = this;
        var designer = currentExcelDesigner = self.ExcelDesigner;
        self.typeDiv.innerHTML = "控件列表";
        var Container = self.Container;
        Container.innerHTML = "";
        var helpDiv = document.createElement("div");
        helpDiv.className = "ExcelDesignerDragHelp";
        var tempFunction = designer.showCellProp;
        function EnableDrag(Item, ItemData) {
            var X;
            var Y;
            var left, top;
            CLEnableMove(Item, function (Item, event) {
                designer.showCellProp = function () { }
                helpDiv.style.zIndex = CLMaxZIndex();
                helpDiv.innerHTML = ItemData.Name;
                document.body.appendChild(helpDiv);
                left = event.clientX - helpDiv.offsetWidth / 2;
                top = event.clientY - helpDiv.offsetHeight / 2;
                helpDiv.style.left = left + "px";
                helpDiv.style.top = top + "px";
                X = Item.Pos.X;
                Y = Item.Pos.Y;
            }, function (Item, event) {
                helpDiv.style.left = Item.Pos.X - X + left + "px";
                helpDiv.style.top = Item.Pos.Y - Y + top + "px";
                var Cell = self.Excel.getEventCell(event);
                if (Cell.tagName == "TD") {
                    self.Excel.hitCell(Cell);
                    self.Excel.clearAreas();
                    self.Excel.SelectDirectArea(Cell.Start, Cell.End);
                }
                return false;
            }, function (Item, event) {
                designer.showCellProp = tempFunction;
                var rect = self.Excel.Table.lastChild.getBoundingClientRect();
                var Pos = {
                    X: helpDiv.offsetLeft + helpDiv.offsetWidth / 2,
                    Y: helpDiv.offsetTop + helpDiv.offsetHeight / 2
                }
                var Cell = self.Excel.getEventCell(event);
                if (Cell.tagName == "TD") {
                    var Val = {
                        type: "Ctrl",
                        Ctrl: {
                            className: ItemData.Name
                        }
                    }
                    delete Cell.Val;
                    designer.showCellVal(Cell, Val);
                    designer.showCellProp();
                }
                helpDiv.remove();
                return false;
            });
        }

        var label = PropLabel(Container, "参数控件");
        for (var i = 0; i < Ctrls.参数控件.length; i++) {
            var CtrlLabel = document.createElement("div");
            CtrlLabel.className = "CtrlLabel";
            CtrlLabel.innerHTML = "<div class='Icon'>" + Ctrls.参数控件[i].Icon + "</div>" + Ctrls.参数控件[i].Name;
            Container.appendChild(CtrlLabel);
            EnableDrag(CtrlLabel, Ctrls.参数控件[i]);
        }
        PropSplit(Container);
        var label = PropLabel(Container, "特殊控件");
        for (var i = 0; i < Ctrls.特殊控件.length; i++) {
            var CtrlLabel = document.createElement("div");
            CtrlLabel.className = "CtrlLabel";
            CtrlLabel.innerHTML = "<div class='Icon'>" + Ctrls.特殊控件[i].Icon + "</div>" + Ctrls.特殊控件[i].Name;
            Container.appendChild(CtrlLabel);
            EnableDrag(CtrlLabel, Ctrls.特殊控件[i]);
        }
    }
    //创建属性显示容器
    fn.createContainer = function () {
        var self = this;
        var Ele = self.Ele;
        var Container = self.Container = document.createElement("div");
        Container.className = "Container";
        Ele.appendChild(Container);
    }

    ExcelDesigner.GetConfig = function (Id, Ver, Success) {
        function func() {
            HttpGet("/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFile&ID=" + Id + "&v=" + Ver, function (Json) {
                if (Json.code != 0) {
                    if (Json.msg) {
                        CLShowMsg(Json.msg);
                    }
                } else {
                    Json.data.Data.fileId = Json.data.ID;
                    Success(JSON.parse(Json.data.Data), Json.data);
                }
            }, true, true);
        }
        if (!Ver) {
            ExcelDesigner.GetVer(Id, function (Ver) {
                func();
            });
        } else {
            func();
        }
    }

    ExcelDesigner.GetVer = function (ID, Success, Sync) {
        if (CLTop.ExcelDesigner.VerMap == null) {
            CLTop.ExcelDesigner.VerMap = {};
        }
        if (CLTop.ExcelDesigner.VerMap[ID]) {
            Success(CLTop.ExcelDesigner.VerMap[ID]);
            return;
        }
        var url = "/" + CLCorpId() + "/api/Frm.chx?Function=HttpGetFileVer&ID=" + ID;
        HttpPost(url, function (Json) {
            if (Json.code == 0) {
                CLTop.ExcelDesigner.VerMap[ID] = Json.data;
                Success(Json.data);
            } else {
                CLShowMsg(Json.msg);
            }
        }, {}, !Sync);
    }

    ExcelDesigner.CreateInstance = function (ID, vVars, sTitle, Width, Height, Ver, Success, Ele) {
        if (typeof ID == 'object') {
            vVars = ID.Vars;
            sTitle = ID.Title;
            Width = ID.Width;
            Height = ID.Height;
            Ver = ID.Ver;
            Success = ID.Success;
            Ele = ID.Ele;
            ID = ID.ID;
        }
        if (Width == null) {
            Width = 500;
        }
        if (Height == null) {
            Height = 350;
        }
        var dlg;
        ExcelDesigner.GetConfig(ID, Ver, function (dataExcel,file) {
            if (!Ele && Ele !== false) {
                var dlgDiv = document.createElement("div");
                dlgDiv.style.cssText = "position:absolute;width:" + Width + "px;height:" + Height + "px";
                dlg = new CLDialog(dlgDiv);
                if (!sTitle) {
                    sTitle = file.Name;
                }
                dlg.CreateHeader(sTitle);
                dlg.Header.ondblclick = function () {
                    dlg.MaximizeOrReset();
                }
                Ele = dlg.CreateBody();
                Ele.style.position = "relative";
                Ele.style.height = "calc(100% - 45px)";
                dlg.EnableMove(dlg.Header);
                dlg.onsizeChanged = function () {
                    Designer.resize();
                }
                dlg.resize = function () {
                    Designer.resize();
                }
                Ele.Close = function () {
                    dlg.Close();
                }
            } else if (Ele === false) {
                Ele = document.createElement("div");
                Ele.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0";
                document.body.appendChild(Ele);
                Ele.Close = function () {
                    Ele.remove();
                }
            } else {
                var width = Ele.offsetWidth;
                var timer;
                function resize() {
                    if (width != Ele.offsetWidth) {
                        Designer.resize();
                        width = Ele.offsetWidth
                    }
                }
                var t = setInterval(function () {
                    if (!Ele.isConnected) {
                        clearInterval(t);
                    } else {
                        if (timer) {
                            clearTimeout(timer);
                        }
                        resize();
                    }
                }, 300);
            }
            ShowExcel(dataExcel, Ele);
        });
        var Designer;
        function ShowExcel(dataExcel, container) {
            Designer = new ExcelDesigner(container, false);
            if (Ele.Close) {
                var close = Designer.Close;
                Designer.Close = function () {
                    close.apply(this, arguments);
                    Ele.Close();
                }
            }
            Designer.Var_Vals = {};
            for (var key in vVars) {
                var id = "$(" + new CLBase64().encode(key) + ")"
                Designer.Var_Vals[id] = vVars[key];
            }
            Designer.setData(dataExcel, function () {
                Designer.CLExcel.Ele.classList.add("Scope_" + dataExcel.fileId);
                if (!dataExcel.hFull) {
                    Designer.designerDiv.style.width = Designer.CLExcel.Body.style.width;
                } else {
                    Designer.CLExcel.Ele.style.width = "100%";
                }
                Designer.CLExcel.Scroll();
                if (Success) {
                    Success(Designer);
                }
            });
            return Designer;
        }
    }

    ExcelDesigner.CreateInstance["*callback"] = function (args, index) {
        function Callback() {
            this.arguments = arguments;
        }
        if (index == 6) {
            return new Callback(Object.create(ExcelDesigner.prototype));
        }
    }
}());
;function CLCorpId() {
    var rawUrl = location.href.replace(location.protocol + "//" + location.hostname + (!!location.port ? (":" + location.port) : ""), "");
    var MayBeCorpId = rawUrl.substring(1, 6);
    if (!isNaN(MayBeCorpId * 1)) {
        CorpId = MayBeCorpId;
        return CorpId;
    }
    var temp = CLCookie("CorpId");
    if (!temp) {
        return CorpId;
    } else {
        return CorpId = temp;
    }
}
;(function () {
    if (window.H5) {
        return;
    }
    Map.prototype.alwaysGet = function (key, value) {
        if (!this.has(key)) {
            this.set(key, value);
            return value;
        }
        return this.get(key);
    }

    function Bezier(n, i, t) {
        //计算n的阶乘
        function factorial(n) {
            var r = 1;
            for (var i = 2; i <= n; i++) {
                r *= i;
            }
            return r;
        }
        //Bezier公式
        return (factorial(n) / (factorial(i) * factorial(n - i)) * Math.pow(t, i) * Math.pow(1 - t, n - i));
    }

    function BezierCurve(pts, sec) {
        var count = pts.length;
        var out = [];
        var t = 0;
        var step = 1 / sec;
        for (var i = 0; i < sec + 1 ; i++) {
            t = i * step;
            var P = SUM(t, pts);
            out.push(P);
        }
        function SUM(t) {
            var fPoint = {};
            var x = 0, y = 0, z = 0;
            for (var i = 0; i < count; i++) {
                var a = Bezier(count - 1, i, t);
                x += a * pts[i].x;
                y += a * pts[i].y;
            }
            fPoint.x = x;
            fPoint.y = y;
            return fPoint;
        }
        return out;
    }

    var Selector_S = null;

    function Selector(text) {
        if (text && text[Selector_S]) {
            return text;
        }
        if (!this[Selector_S]) {
            return new Selector(text);
        }
        var self = this;
        var attr_funcs = {
            "=": "equals",
            "^=": "startsWith",
            "$=": "endsWith",
            "*=": "includes",
            ".": "class",
            "#": "id"
        };
        text = text.trim();
        if (!text) {
            throw "selector is empty";
        }

        function parse() {
            var ch;
            var matchs = [];
            var value = "";
            var cmds = [];
            var asString = false;
            var starts = [];
            var index = 0;
            while (ch = text[index]) {
                if (asString) {
                    if (ch == "\\") {
                        index++;
                        if (text[index]) {
                            value += text[index];
                        }
                        index++;
                        continue;
                    }
                }
                var match = matchs.at(-1);
                var test = match && match.test;
                if (test && test.test(ch)) {
                    var offset = matchs.length - 1;
                    match.func();
                    value = "";
                    matchs.splice(offset, 1);
                    continue;
                }
                if (ch == "*" && !starts.at(-1)) {
                    cmds.push({
                        cmd: "match_all",
                        args: []
                    });
                } else if (ch == "#" || ch == ".") {
                    starts.push(true);
                    matchs.push({
                        test: /[^a-z0-9\u4e00-\u9fa5\-_]/i,
                        attr: ch == "#" ? "id" : "class",
                        ch: ch,
                        func: function () {
                            cmds.push({
                                cmd: "match_" + attr_funcs[this.ch],
                                args: [value]
                            });
                            starts.pop();
                        }
                    });
                    index++;
                    continue;
                } else if (!starts.at(-1) && /[a-z]/i.test(ch)) {
                    starts.push(true);
                    value += ch;
                    matchs.push({
                        test: /[^a-z0-9\-_]/i,
                        func: function () {
                            cmds.push({
                                cmd: "match_tag",
                                args: [value]
                            });
                            starts.pop();
                        }
                    });
                } else if (ch == " ") {
                    matchs.push({
                        test: /[^\s]/i,
                        func: function () {
                            if (!/[\~\>\+]/.test(ch)) {
                                cmds.push({
                                    cmd: "match_find",
                                    args: []
                                });
                            }
                        }
                    });
                } else if (/[\~\>\+]/.test(ch)) {
                    while (/[\s]/.test(text[index])) {
                        index++;
                    }
                    var list = {
                        ">": "match_child",
                        "~": "match_nexts",
                        "+": "match_next"
                    };
                    cmds.push({
                        cmd: list[ch],
                        args: []
                    });
                    index++;
                    continue;
                } else if (ch == "[") {
                    starts.push(true);
                    matchs.push({
                        test: /[\]]/i,
                        func: function () {
                            starts.pop();
                            var value = this.value;
                            cmds.push({
                                cmd: "match_attr",
                                args: [value ? this.fCmp : "exist", this.attr, value]
                            });
                            index++;
                        }
                    });
                    starts.push(true);
                    matchs.push({
                        test: /[^a-z0-9\-_]/i,
                        func: function () {
                            var match = matchs.at(-2);
                            match.attr = value;
                            matchs.push({
                                test: /[\"\'\]]/i,
                                func: function () {
                                    starts.pop();
                                    ch_ = ch;
                                    if (ch != ']') {
                                        index++;
                                        asString = true;
                                        match.fCmp = attr_funcs[value.trim()];
                                        starts.push(true);
                                        matchs.push({
                                            test: ch_ == "'" ? /[\']/ : /[\"]/,
                                            func: function () {
                                                match.value = value;
                                                asString = false;
                                                starts.pop();
                                            }
                                        });
                                    }
                                }
                            });
                        }
                    });
                } else if (ch == ":") {
                    starts.push(true);
                    if (text[index + 1] == ":") {
                        index++;
                    }
                    value = "";
                    matchs.push({
                        test: /[^a-z0-9\-_]/i,
                        func: function () {
                            starts.pop();
                            cmds.push({
                                cmd: "match_pseudo",
                                args: [value]
                            });
                        }
                    });
                } else if (ch == "(") {
                    var cmd = cmds.at(-1);
                    if (cmd.args[0] != "not") {
                        index++;
                        var arg = "";
                        while (ch = text[index]) {
                            if (ch != ")") {
                                arg += ch;
                                index++;
                            } else {
                                index++;
                                break;
                            }
                        }
                        cmd.args[1] = arg;
                        continue;
                    } else {
                        matchs.push({
                            test: /[\)]/i,
                            index: cmds.length,
                            parent: cmd,
                            func: function () {
                                var child = cmds.splice(this.index, cmds.length - this.index);
                                this.parent.args[1] = child;
                                index++;
                            }
                        });
                    }
                } else if (ch == ',') {
                    cmds.push({
                        cmd: "match_or",
                        args: []
                    });
                } else {
                    value += ch;
                }
                index++;
            }
            while (matchs.length) {
                var match = matchs.pop();
                match.func();
            }
            return cmds;
        }

        var cmds = parse();

        function split(cmds) {
            var ele = [];
            var list = [ele];
            for (var i = 0; i < cmds.length ; i++) {
                var data = cmds[i]
                if (data.cmd == "match_or") {
                    ele = [];
                    list.push(ele);
                } else {
                    ele.push(data);
                    if (data.cmd == "match_pseudo" && data.args[0] == "not") {
                        data.args[1] = split(data.args[1]);
                    }
                }
            }
            return list;
        }

        self.Cmd = split(cmds);
    }

    var fn = Selector.prototype;

    fn.toString = function () {
        var self = this;
        var Cmd = self.Cmd;
        var funcs = {};
        funcs.match_all = function () {
            return "*";
        }
        funcs.match_attr = function (a1, a2, a3) {
            var o = {
                "equals": "=",
                "startsWith": "^=",
                "endsWith": "$=",
                "includes": "*="
            };
            if (a1 == "exist") {
                return "[" + a2 + "]";
            } else {
                return "[" + a2 + o[a1] + "'" + a3 + "'" + "]";
            }
        }
        funcs.match_id = function (value) {
            return "#" + value;
        }
        funcs.match_class = function (value) {
            return "." + value;
        }
        funcs.match_tag = function (name) {
            return name;
        }
        funcs.match_find = function () {
            return " ";
        }
        funcs.match_next = function () {
            return "+";
        }
        funcs.match_nexts = function () {
            return "~";
        }
        funcs.match_child = function () {
            return ">";
        }
        funcs.match_pseudo = function (a1, a2) {
            var text = ":" + a1;
            if (pseudo[a1]) {
                text += pseudo[a1](a2);
            }
            return text;
        }
        var pseudo = {
            "not": function (args) {
                return "(" + toString(args) + ")";
            }, "nth-child": function (args) {
                return "(" + args + ")";
            }, "nth-last-child": function (args) {
                return "(" + args + ")";
            }, "first-child": function (args) {
                return "";
            }, "last-child": function (args) {
                return "";
            }
        };
        function toString(Cmd) {
            var string = "";
            Cmd.forEach(function (data) {
                string += string ? "," : "";
                data.forEach(function (cmd) {
                    var func = funcs[cmd.cmd];
                    string += func && func.apply(cmd, cmd.args) || "";
                });
            });
            return string;
        }
        return toString(Cmd);
    }

    function equals(v1, v2) {
        return v1 == v2;
    }

    function startsWith(v1, v2) {
        return v1 && v1.startsWith(v2);
    }

    function endsWith(v1, v2) {
        return v1 && v1.endsWith(v2);
    }

    function includes(v1, v2) {
        return v1 && v1.includes(v2);
    }

    function func_class(v1, v2) {
        return v2.splice(" ").includes(v1);
    }

    function func_id(v1, v2) {
        return v1 == v2;
    }

    var attr_f = { "equals": equals, "startsWith": startsWith, "endsWith": endsWith, "includes": includes };

    function match_all() {
        return true;
    }

    function match_attr(func, name, value) {
        name = name.toLocaleLowerCase();
        if (!this.getAttribute) {
            return false;
        }
        if (func == "exist") {
            return this.hasAttribute(name);
        } else if (attr_f[func]) {
            var attr = this.getAttribute(name);
            return attr_f[func](attr, value);
        } else {
            throw new Error("bad selector:" + func);
        }
    }

    function match_id(value) {
        return value == this.id;
    }

    function match_class(value) {
        var class_ = this.getAttribute("class") || "";
        return class_.split(" ").includes(value)
    }

    function match_tag(value) {
        var name = this.tagName || "";
        return value.toLocaleLowerCase() == name.toLocaleLowerCase();
    }

    function not(args) {
        var Cmd = args;
        for (var i = 0; i < Cmd.length; i++) {
            if (Test(Cmd[i], this)) {
                return false;
            }
        }
        return true;
    }

    function nth_child(arg, last) {
        var args = arg.split(/[\s]?[\+\-][\s]?/);
        if (args.length > 2) {
            throw new Error("bad selector:" + arg);
        }
        var nodes = this.parentNode && this.parentNode.childNodes || [];
        var index = nodes.indexOf(this);
        if (last) {
            index = nodes.length - index;
        } else {
            index += 1;
        }
        var arg1 = args[0];
        var arg2 = args[1];
        if (/^[0-9]?n$/.test(arg1) && /^[0-9]+$/.test(arg2)) {
            arg1 = parseInt(arg1) || 1;
            if (arg1 > 1) {
                index %= arg1;
            }
            return index == arg2;
        } else if (/^[0-9]+$/.test(arg1) && !arg2) {
            return index == arg1;
        } else {
            throw new Error("bad selector:" + arg);
        }
    }

    function nth_last_child(arg) {
        return nth_child(arg, true);
    }

    function first_child() {
        return !this.previousSibling;
    }

    function last_child() {
        return !this.nextSibling;
    }

    var g_pseudo = { "not": not, "nth-child": nth_child, "nth-last-child": nth_last_child, "first-child": first_child, "last-child": last_child };

    function match_pseudo(func, arg) {
        var func_ = g_pseudo[func];
        if (func_) {
            return func_.apply(this, [arg]);
        } else {
            throw new Error("bad selector:" + func);
        }
    }

    var g_matchs = {
        "match_all": match_all,
        "match_attr": match_attr,
        "match_id": match_id,
        "match_class": match_class,
        "match_tag": match_tag,
        "match_pseudo": match_pseudo
    };

    var g_Root = null;

    function Test(matchs, node) {
        var index = -1;
        var match;
        var each = null;
        var loops = [];
        function parent(node) {
            return node.parentNode == g_Root ? null : node.parentNode;
        }
        while (match = matchs.at(index)) {
            var name = match.cmd;
            if (!node) {
                var loop = loops.pop();
                if (loop) {
                    loop.func();
                    continue;
                } else {
                    return false;
                }
            }
            if (g_matchs[name]) {
                if (!g_matchs[name].apply(node, match.args)) {
                    if (each) {
                        each();
                    } else if (loops.length > 0) {
                        var loop = loops.pop();
                        if (loop) {
                            loop.func();
                            continue;
                        } else {
                            return false;
                        }
                    } else{
                        return false;
                    }
                } else {
                    index--;
                }
            } else if (name == "match_child") {
                each = null;
                node = parent(node);
                if (!node) {
                    continue;
                }
                index--;
            } else if (name == "match_next") {
                each = null;
                node = node.previousSibling;
                if (!node) {
                    continue;
                }
                index--;
            } else if (name == "match_nexts") {
                node = node.previousSibling;
                if (!node) {
                    continue;
                }
                each = function () {
                    node = node.previousSibling;
                }
                index--;
            } else if (name == "match_find") {
                node = parent(node);
                if (!node) {
                    continue;
                }
                each = function () {
                    node = parent(node);
                }
                loops.push({
                    index: index,
                    node: node,
                    func: function () {
                        node = parent(this.node);
                        index = this.index;
                    }
                });
                index--;
            } else {
                throw new Error("bad selector:" + name);
            }
        }
        return true;
    }

    fn.Test = function (node) {
        var self = this;
        var Cmd = self.Cmd;
        for (var i = 0; i < Cmd.length; i++) {
            if (Test(Cmd[i], node)) {
                return true;
            }
        }
        return false;
    }

    fn.Match = function (node, cut) {
        var self = this;
        function query(pNode) {
            var nodes = pNode.childNodes;
            for (var i = 0; i < nodes.length ; i++) {
                var node = nodes[i];
                if (!node.hasAttribute) {
                    continue;
                }
                if (self.Test(node)) {
                    return node;
                } else {
                    var R = query(node);
                    if (R) {
                        return R;
                    }
                }
            }
            return null;
        }
        var o_Root = g_Root;
        try {
            g_Root = cut ? cut : g_Root;
            return query(node);
        } finally {
            g_Root = o_Root;
        }
    }

    fn.MatchAll = function (node, cut) {
        var self = this;
        var R = [];
        function query(pNode) {
            var nodes = pNode.childNodes;
            for (var i = 0; i < nodes.length ; i++) {
                var node = nodes[i];
                if (!node.hasAttribute) {
                    continue;
                }
                if (self.Test(node)) {
                    R.push(node);
                }
                query(nodes[i]);
            }
        }
        var o_Root = g_Root;
        try {
            g_Root = cut ? cut : g_Root;
            query(node);
        } finally {
            g_Root = o_Root;
        }
        return R;
    }

    var g_MapClosed = {};

    var config_item;

    function VNode(tagName) {
        var self = this;
        self.tagName = tagName;
        self.props = {};
        self.childNodes = [];
        self.parentNode = null;
        if (g_MapClosed[tagName] != null) {
            self.closed = g_MapClosed[tagName];
        } else if (tagName) {
            self.closed = g_MapClosed[tagName] = !/[\/]/.test(document.createElement(tagName).outerHTML);
        } else {
            self.closed = false;
        }
    }

    var fn = VNode.prototype;

    fn.childNodes = [];

    fn.insertAdjacentElement = function (type, node) {
        var self = this;
        var nodes, index = -1;
        if (node == self || node.contains(self)) {
            throw new Error("当前节点被目标节点包含");
        }
        node.remove();
        var parent;
        if (type == "beforebegin") {
            parent = self.parentNode;
            nodes = parent && parent.childNodes;
            if (!nodes) {
                return;
            }
            index = nodes.indexOf(self);
        } else if (type == "beforeend") {
            nodes = self.childNodes;
            index = nodes.length;
            parent = self;
        } else if (type == "afterbegin") {
            nodes = self.childNodes;
            index = 0;
            parent = self;
        } else if (type == "afterend") {
            parent = self.parentNode;
            nodes = parent && parent.childNodes;
            if (!nodes) {
                return;
            }
            index = nodes.indexOf(self) + 1;
        } else {
            return;
        }
        index = Math.max(index, 0);
        index = Math.min(index, nodes.length);
        nodes.splice(index, 0, node);
        var prev = nodes[index - 1];
        var next = nodes[index + 1];
        node.previousSibling = prev;
        node.nextSibling = next;
        if (prev) {
            prev.nextSibling = node;
        }
        if (next) {
            next.previousSibling = node;
        }
        node.parentNode = parent;
        parent.firstChild = nodes[0];
        parent.lastChild = nodes[nodes.length - 1];
    }

    fn.insertBefore = function (newElement, targetElement) {
        var self = this;
        if (targetElement == null) {
            self.appendChild(newElement);
        } else if (targetElement.parentNode == self) {
            targetElement.insertAdjacentElement("beforebegin", newElement);
        } else {
            throw new Error("参数错误");
        }
    }

    fn.appendChild = function (newElement) {
        var self = this;
        self.insertAdjacentElement("beforeend", newElement);
    }

    fn.Sort = function (func) {
        var self = this;
        var nodes = self.childNodes;
        nodes.sort(func);
        var index = 0;
        var prev = null;
        while (node = nodes[index]) {
            node.previousSibling = prev;
            prev = node;
            index++;
            node.nextSibling = nodes[index];
        }
        self.firstChild = nodes[0];
        self.lastChild = nodes[nodes.length - 1];
    }

    fn.removeAll = function () {
        var self = this;
        self.childNodes.forEach(function (ele) {
            ele.parentNode = null;
        });
        self.childNodes.length = 0;
        self.firstChild = self.lastChild = null;
        self.previousSibling = self.nextSibling = null;
    }

    fn.querySelector = function (selector) {
        var self = this;
        var parsed = Selector(selector);
        return parsed.Match(self);
    }

    fn.querySelectorAll = function (selector) {
        var self = this;
        var parsed = Selector(selector);
        return parsed.MatchAll(self);
    }

    fn.Query = function (name, value) {
        var self = this;
        var selector = "[" + name;
        if (value) {
            selector += "='" + value + "']";
        } else {
            selector += "]";
        }
        return self.querySelector(selector);
    }

    fn.QueryLast = function (name, value) {
        var self = this;
        var R = null;
        function func(node) {
            var nodes = node.childNodes;
            for (var i = nodes.length - 1; i >= 0 ; i--) {
                func(nodes[i]);
                if (R) {
                    break;
                }
                if (nodes[i].getAttribute(name) == value) {
                    R = nodes[i];
                    break;
                }
            }
        }
        func(self);
        return R;
    }

    fn.QueryAll = function (name, value) {
        var self = this;
        var selector = "[" + name;
        if (value) {
            selector += "='" + value + "']";
        } else {
            selector += "]";
        }
        return self.querySelectorAll(selector);
    }

    fn.QueryParent = function (name, value) {
        var vNode = this;
        var selector;
        if (arguments.length == 1) {
            selector = Selector(name);
        }
        vNode = vNode.parentNode;
        while (vNode) {
            if (selector) {
                if (selector.Test(vNode)) {
                    break;
                }
            } else {
                if (vNode.getAttribute(name) == value) {
                    break;
                }
            }
            vNode = vNode.parentNode;
        }
        return vNode
    }

    fn.remove = function () {
        var self = this;
        var parent = self.parentNode;
        if (parent) {
            var nodes = parent.childNodes;
            var index = nodes.indexOf(self);
            nodes.splice(index, 1);
            parent.firstChild = nodes[0];
            parent.lastChild = nodes[nodes.length - 1];
            prev = nodes[index - 1];
            next = nodes[index];
            if (prev) {
                prev.nextSibling = next;
            }
            if (next) {
                next.previousSibling = prev;
            }
            self.parentNode = null;
        }
    }

    fn.eachAttribute = function (func) {
        var self = this;
        var props = self.props;
        for (var key in props) {
            func(key, props[key]);
        }
        var props_ = self[config_item] && self[config_item].$attributes;
        if (props_) {
            for (var key in props_) {
                if (!props.hasOwnProperty(key)) {
                    var prop = props_[key];
                    var value = prop(self);
                    if (value != undefined) {
                        func(key, value);
                    }
                }
            }
        }
    }

    fn.setAttribute = function (name, value, commit) {
        var self = this;
        name = name.toLocaleLowerCase();
        if (value == undefined) {
            var props = self[config_item] && self[config_item].$attributes;
            if (props && props[name]) {
                self.props[name] = undefined;
            } else {
                delete self.props[name];
            }
        } else {
            self.props[name] = value;
        }
        if (commit !== false) {
            self.Commit(name);
        }
    }

    fn.getAttribute = function (name) {
        var self = this;
        var props = self.props;
        name = name.toLocaleLowerCase();
        if (props && props.hasOwnProperty(name)) {
            return props[name];
        }
        var props_ = self[config_item] && self[config_item].$attributes;
        if (props_ && props_[name]) {
            var value = props_[name];
            return value(self);
        }
    }

    fn.hasAttribute = function (name) {
        var self = this;
        return self.getAttribute(name) !== undefined;
    }

    fn.removeAttribute = function (name, commit) {
        var self = this;
        self.setAttribute(name, undefined, commit);
    }

    fn.cloneNode = function (withChild) {
        var self = this;
        var R = new VNode(self.tagName);
        R.props = H5.Clone(self.props);
        if (withChild) {
            var nodes = self.childNodes;
            nodes.forEach(function (node) {
                R.appendChild(node.cloneNode(true));
            });
        }
        return R;
    }

    fn.outerHTML = function () {
        var self = this;
        if (!self.tagName) {
            return self.props["nodevalue"] || "";
        }
        var html = "";
        var innerText = null;
        var innerHTML = null;
        function _props() {
            var html = "";
            var props = self.props;
            self.eachAttribute(function (key, value) {
                if (value === undefined) {
                    return;
                }
                if (key == "innertext") {
                    innerText = value === undefined ? "" : value + "";
                } else if (key == "innerhtml") {
                    innerHTML = value === undefined ? "" : value + "";
                } else {
                    value = value + "";
                    html += " " + key + "='" + value.replace(/[\"\']/g, "&quot;") + "'";
                }
            });
            return html;
        }
        if (self.closed) {
            html += "<" + self.tagName;
            html += _props();
            html += "/>";
        } else {
            html += "<" + self.tagName;
            html += _props();
            html += ">";
            if (innerHTML) {
                html += innerHTML;
            } else if (innerText) {
                html += innerText;
            } else {
                html += self.innerHTML();
            }
            html += "</" + self.tagName + ">";
        }
        return html;
    }

    fn.innerHTML = function () {
        var self = this;
        var html = "";
        var nodes = self.childNodes;
        for (var i = 0; i < nodes.length ; i++) {
            html += nodes[i].outerHTML();
        }
        return html;
    }

    fn.contains = function (node) {
        var self = this;
        while (node != self) {
            if (!node) {
                return false;
            }
            node = node.parentNode;
        }
        return true;
    }

    fn.Swap = function (node, add, remove, update) {
        var self = this;
        function Swap(_Dst, _Src, _add) {
            if (_Dst.getAttribute("_id") != _Src.getAttribute("_id")) {
                _Dst.insertAdjacentElement("beforebegin", _Src);
                _add(_Src);
            } else {
                _Dst.props = _Src.props;
                _Dst.style.cssText = _Src.style.cssText;
                update(_Dst, _Src);
                var src_nodes = _Src.childNodes;
                var dst_nodes = _Dst.childNodes;
                var len = src_nodes.length;
                var index = 0;
                for (var i = 0; i < len; i++) {
                    if (dst_nodes[index]) {
                        Swap(dst_nodes[index], src_nodes[i], function (node) {
                            index++;
                            i--;
                            len--;
                            add(node);
                        });
                        index++;
                    } else {
                        var v_ele = src_nodes[i];
                        _Dst.appendChild(v_ele);
                        add(v_ele);
                        len--;
                        i--;
                    }
                }
                for (var i = dst_nodes.length - 1; i >= len ; i--) {
                    remove(dst_nodes[i]);
                }
            }
        }
        Swap(self, node);
    }

    fn.Commit = function (element, key) {
        var self = this;
        if (typeof element == "string") {
            key = element;
            element = null;
        }
        element = element || self.Tag;
        if (!element) {
            return;
        }
        var props = self.props;
        var value = key && self.getAttribute(key);
        if (key == "innertext") {
            element.innerText = value === undefined ? "" : value + "";
        } else if (key == "innerhtml") {
            element.innerHTML = value === undefined ? "" : value + "";
        } else if (key) {
            if (value == undefined) {
                element.removeAttribute(key);
            } else {
                element.setAttribute(key, value);
            }
        } else {
            self.eachAttribute(function (key, value) {
                if (key == "innertext") {
                    if (element.innerText != value) {
                        element.innerText = value === undefined ? "" : value + "";
                    }
                } else if (key == "innerhtml") {
                    if (element.innerHTML != value) {
                        element.innerHTML = value === undefined ? "" : value + "";
                    }
                } else {
                    value = value && value.toString();
                    value = value && value.replace(/&#x[a-z0-9]+[;]?/, function (data) {
                        data = parseInt(data.replace(/&#|/, "0"));
                        return String.fromCharCode(data);
                    });
                    if (element.getAttribute(key) != value) {
                        element.setAttribute(key, value);
                    }
                }
            });
            var attributes = element.attributes;
            for (var i = 0; i < attributes.length; i++) {
                var item = attributes.item(i);
                if (self.getAttribute(item.name) == undefined) {
                    element.removeAttribute(item.name);
                }
            }
            if (element.style.cssText != self.style.cssText) {
                element.style.cssText = self.style.cssText;
            }
        }
    }

    fn.getRootNode = function () {
        var node = this;
        while (node.parentNode) {
            node = node.parentNode;
        }
        return node;
    }

    function CreateSheet(css) {
        var style = document.createElement("style");
        document.head.appendChild(style);
        style.innerHTML = css || "";
        sheet = style.sheet;
        style.remove();
        return sheet;
    }

    Object.defineProperty(fn, "style", {
        get: function () {
            var self = this;
            return self.Tag && self.Tag.style;
        },
        set: function (cssText) {
            var self = this;
            if (self.Tag) {
                self.Tag.style.cssText = cssText
            } else {
                self.setAttribute("style", cssText);
            }
        }
    });

    Object.defineProperty(fn, "path", {
        get: function () {
            var node = this;
            var list = [];
            while (node) {
                var item = node[config_item];
                var name = item.getAttribute("name") || item.tagName.toLowerCase();
                list.splice(0, 0, name);
                node = node.parentNode;
            }
            list[0] = "Root";
            return list.join("->");
        },
    });

    var H5Symbol;

    function H5(box) {
        var self = this;
        if (box[H5Symbol]) {
            return box[H5Symbol];
        }
        if (!(this instanceof H5)) {
            return new H5(box);
        }
        box[H5Symbol] = self;
        self.box = box;
        var Root;
        if (box.attachShadow) {
            Root = box.attachShadow({ mode: 'open' });
        } else if (box.createShadowRoot) {
            Root = box.createShadowRoot();
        }
        Root[EventCnt] = {};
        self.Root = Root;
        Event_Lost(Root);
        self.Sheets = [];
    }

    H5.HTMLEncode = function (data) {
        return CLHTMLEncode(data);
    }

    H5.HTMLDecode = function (data) {
        return CLHTMLDecode(data);
    }

    H5.Atob = function (data) {
        return new CLBase64().decode(data);
    }

    H5.Btoa = function (data) {
        return new CLBase64().encode(data);
    }

    H5.OpenFile = function (func, accept, mul) {
        return CLOpenFile(func, accept, mul);
    }

    H5.CreateUrl = function (file) {
        return CLGetObjectURL(file);
    }

    H5.DeleteUrl = function (url) {
        return CLDeleteObjectByUrl(url);
    }

    H5.AllocId = function () {
        function func(min, max) {
            var range = max - min;
            var rand = Math.random();
            var s = "00000" + (min + Math.round(rand * range));
            return s.substr(s.length - 6, 5);
        }
        return new Date().Format("yyMMddHHmmssfff") + func(10000, 99999);
    }

    H5.Equals = function (o1, o2, strict) {
        return Object.Equals(o1, o2, strict);
    }

    H5.Async = function (func, key) {
        return CLAsync(func, null, key);
    }

    H5.Delay = function (func, interval, key) {
        return CLDelay(func, interval, null, key);
    }

    H5.Timer = function (func, interval, key) {
        return CLTimer(func, interval, null, key);
    }

    H5.CheckInt = function (input, iMin, iMax) {
        return CLCheckInt(input, iMin, iMax);
    }

    H5.CheckFloat = function (input, iPoint, fMin, fMax) {
        return CLCheckFloat(input, iPoint, fMin, fMax);
    }

    H5.CheckDateTime = function (input, Format) {
        return CLCheckDateTime(input, Format);
    }

    H5.ScrollNumber = function (input, func) {
        return CLScrollNumber(input, func);
    }

    H5.TableToTree = function (list, parentId, Info) {
        return CLTableToTree(list, parentId, Info);
    };

    H5.TreeToTable = function (node, key) {
        return CLTreeToTable(node, [], key);
    };

    H5.QueryString = function (name, value, push) {
        return CLQueryString(name, value, push);
    };

    H5.QueryStrings = function () {
        return CLQueryStrings.apply(this, arguments);
    };

    H5.Get = function (src, func, err) {
        var xhr = new XMLHttpRequest;
        xhr.open('GET', src, !!func);
        err = err || function (msg) {
            H5.ShowMsg(msg, false);
        }
        var text = null;
        xhr.onload = function () {
            if (func) {
                return func(xhr.response);
            } else {
                text = xhr.response;
            }
        }
        xhr.onerror = function (e) {
            err(e.message);
        }
        try {
            xhr.send();
        } catch (e) {
            err(e.message);
        }
        if (!func) {
            return text;
        } else {
            return xhr;
        }
    }

    H5.Post = function (option) {
        var url = option.url, data = option.data, success = option.success, error = option.error, async = option.async, progress = option.progress, gzip = option.gzip;
        var loading = option.loading;
        var xhr = new XMLHttpRequest;
        async = async == undefined ? true : async;
        xhr.open('POST', url, async);
        xhr.onload = function () {
            try {
                success && success(xhr.response);
            } finally {
                if (xhr.Loading) {
                    xhr.Loading.Stop();
                }
            }
        }
        xhr.onerror = function () {
            try {
                error && error(xhr.statusText);
            } finally {
                if (xhr.Loading) {
                    xhr.Loading.Stop();
                }
            }
        }
        if (async && loading && window.Loading) {
            xhr.Loading = new Loading();
        }
        if (progress) {
            xhr.upload.addEventListener("progress", function (e) {
                e.IsUpLoad = true;
                progress(e);
            }, false);
            xhr.addEventListener("progress", function (e) {
                e.IsDownLoad = true;
                progress(e);
            }, false);
        }
        if (gzip == false) {
            xhr.setRequestHeader("Content-Encoding", "flat");
        }
        if (data instanceof FormData) {
            xhr.setRequestHeader("Content-type", "multipart/form-data");
            xhr.send(data);
        } else if (typeof data != "string") {
            xhr.setRequestHeader("Content-type", "application/json");
            xhr.send(JSON.stringify(data));
        } else {
            xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xhr.send(data);
        }
        return xhr;
    }

    H5.CatchResize = function (box, func) {
        var win = H5.Window(box);
        if (win) {
            return win.CLCatchResize(box, func);
        }
    }

    H5.MaxZIndex = function () {
        return 2147483646;
    };

    H5.Top = function () {
        var top = window;
        try {
            while (top != top.parent && top.parent.H5) {
                top = top.parent;
            }
        } catch (e) {

        }
        return top;
    }

    H5.Window = function (ele) {
        if (!ele) {
            return null;
        }
        if (ele.constructor.name == "Window") {
            return ele;
        }
        if (H5.IsDocument(ele)) {
            return ele.defaultView;
        } else if (H5.IsDocumentFrag(ele)) {
            ele = ele.host;
        }
        ele = H5.IsHTMLElement(ele) ? ele : ele.Tag;
        if (!H5.IsHTMLElement(ele)) {
            return null;
        }
        var doc;
        do {
            doc = ele.getRootNode();
            if (H5.IsDocumentFrag(doc)) {
                ele = doc.host;
            } else {
                return doc.defaultView;
            }
        } while (ele);
        return null;
    }

    H5.Flash = function (ele) {
        ele.style.animation = "H5Flash 0.1s ease-in-out";
        ele.style.animationIterationCount = 5;
        function func() {
            ele.style.animation = "none";
            ele.removeEventListener("animationend", func);
        }
        ele.addEventListener("animationend", func);
    }

    H5.Cookie = function (key, value, path) {
        if (arguments.length == 1) {
            var str = document.cookie;
            var arr = str.split("; ");
            for (var i = 0; i < arr.length; i++) {
                var arr_ = arr[i].split("=");
                if (arr_[0] == key) {
                    return arr_[1];
                }
            }
            return null;
        } else {
            var dt = new Date();
            if (value == null) {
                dt.setFullYear(dt.getFullYear() - 1);
            } else {
                dt.setFullYear(dt.getFullYear() + 1);
            }
            document.cookie = key + "=" + encodeURIComponent(value) + "; expires=" + dt.toGMTString() + "; path=/" + (path || "");
        }
    }

    H5.Light = function (tTag, text, color, bgColor) {
        if (text.length == 0) {
            return 0;
        }
        var words = [];
        var nodes = tTag.childNodes;
        if (Array.isArray(text)) {
            text.forEach(function (val, index) {
                text[index] = val.toLocaleLowerCase();
            });
            text.sort(function (e1, e2) {
                return e2.length - e1.length;
            });
        } else {
            text = [text.toLocaleLowerCase()];
        }
        var Cnt = 0;
        color = color || "#520000";
        bgColor = bgColor || "#bbb900";
        function _text(ele) {
            var value = ele.nodeValue;
            var value_ = value;
            var html = "";
            var list = [value_];
            text.forEach(function (path) {
                var list_ = [];
                path = path.toLocaleLowerCase();
                list.forEach(function (value_) {
                    var html = "";
                    if (Array.isArray(value_)) {
                        list_.push(value_);
                        return;
                    }
                    var prev = 0;
                    var index = 0;
                    var l_value = value_.toLocaleLowerCase();
                    while ((index = l_value.indexOf(path, index)) > -1) {
                        var s_ = value_.substr(prev, index - prev);
                        if (s_) {
                            list_.push(s_);
                        }
                        list_.push([
                            "<span class='h5-light-mark' style = 'color:" + color + ";background:" + bgColor + "'>" + value_.substr(index, path.length) + "</span>"
                        ]);
                        Cnt++;
                        index += path.length;
                        prev = index;
                    }
                    var s_ = value_.substr(prev);
                    if (s_) {
                        list_.push(s_);
                    }
                });
                list = list_;
            });
            return list.join("");
        }
        function func(ele) {
            var childNodes = ele.childNodes;
            if (!childNodes || ele.classList.contains("h5-light-mark")) {
                return;
            }
            var html = "";
            for (var i = 0; i < childNodes.length ; i++) {
                var child = childNodes[i];
                if (child.nodeName == "#text") {
                    html += _text(child);
                    child.remove();
                    i--;
                } else {
                    if (html) {
                        var len = childNodes.length;
                        child.insertAdjacentHTML("beforebegin", html);
                        i += childNodes.length - len;
                        html = "";
                    }
                    func(child);
                }
            }
            if (html) {
                ele.insertAdjacentHTML("beforeend", html);
            }
        }
        func(tTag);
        return Cnt;
    }

    H5.ClearLight = function (tTag) {
        var marks = tTag.querySelectorAll(".h5-light-mark");
        var boxes = [];
        marks.forEach(function (ele) {
            ele.insertAdjacentHTML("beforebegin", ele.innerText);
            boxes.push(ele.parentNode);
            ele.remove();
        });
        boxes.forEach(function (parent) {
            var ele = parent.firstChild;
            var next ;
            while (next = ele.nextSibling) {
                if (ele.nodeName == "#text" && next.nodeName == "#text") {
                    ele.nodeValue += next.nodeValue;
                    next.remove();
                } else {
                    break;
                }
            }
        });
    }

    H5.Clipboard = function (func, type) {
        var e = H5.Event
        var items = e && e.clipboardData && e.clipboardData.items;
        if (!type && items) {
            var list = [];
            for (var i = 0; i < items.length ; i++) {
                list.push(items[i]);
            }
            func(list);
        } else {
            throw "请使用Ctrl+V操作";
        }
    }

    H5.SaveAsLocal = function (name, data) {
        CLSaveAsLocal(name, data);
    }

    var top = H5.Top();

    if (self == top) {
        Object.defineProperty(self, "Symbols", {
            writable: false,
            enumerable: false,
            configurable: false,
            value: new Map()
        });
    }

    var Symbols = top.Symbols;

    var g_IsHTMLElement = Symbols.alwaysGet("IsHTMLElement", Symbol("IsHTMLElement"));

    var g_IsSVGElement = Symbols.alwaysGet("IsSVGElement", Symbol("IsSVGElement"));

    var html_fn = HTMLElement.prototype;

    html_fn[g_IsHTMLElement] = true;

    var svg_fn = SVGElement.prototype;

    svg_fn[g_IsSVGElement] = true;

    var g_IsNode = Symbols.alwaysGet("IsNode", Symbol("IsNode"));

    var node_fn = Node.prototype;

    node_fn[g_IsNode] = true;

    var EndAutoClose = Symbols.alwaysGet("EndAutoClose", Symbol("EndAutoClose"));

    H5.IsHTMLElement = function (ele) {
        return ele && ele[g_IsHTMLElement];
    }

    H5.IsSVGElement = function (ele) {
        return ele && ele[g_IsSVGElement];
    }

    H5.IsNode = function (ele) {
        return ele && ele[g_IsNode];
    }

    H5.IsDocument = function (ele) {
        return ele && ele.defaultView && ele.defaultView.document == ele;
    }

    H5.IsDocumentFrag = function (ele) {
        return ele && ele.host && ele.host.shadowRoot == ele;
    }

    H5.IsEvent = function (ele) {
        return ele && ele[IsEvent];
    }

    var H5Clone = Symbols.alwaysGet("H5Clone", Symbol("H5Clone"));

    H5.Clone = function (data, deep) {
        if (data && data[H5Clone]) {
            return data[H5Clone](deep);
        } else {
            return CLClone(data, deep);
        }
    }

    config_item = Symbols.alwaysGet("config_item", Symbol("config_item"));

    if (!("getRootNode" in html_fn)) {
        html_fn.getRootNode = function () {
            var node = this;
            while (node.parentNode) {
                node = node.parentNode;
            }
            return node;
        }
    }

    if (!("isConnected" in html_fn)) {
        Object.defineProperty(html_fn, "isConnected", {
            get: function () {
                return !!H5.Window(this);
            }
        });
    }

    function ObjPath(path) {
        if (Array.isArray(path)) {
            return path;
        }
        var keys = [];
        var key = "";
        path = path || "";
        for (var i = 0; i < path.length; i++) {
            if (path[i] == "." || path[i] == "[") {
                if (!!key) {
                    keys.push(key);
                    key = "";
                }
            }
            if (path[i] == ".") {
                continue;
            }
            if (path[i] == "[") {
                i++;
                var ch = path[i];
                if (/["']/.test(ch)) {
                    i++;
                    for (; i < path.length; i++) {
                        if (path[i] == "\\") {
                            i++;
                            if (i >= path.length) {
                                return;
                            }
                            key += path[i];
                            continue;
                        }
                        if (path[i] == ch) {
                            i++;
                            break;
                        } else {
                            key += path[i];
                        }
                    }
                    if (path[i] != "]") {
                        return;
                    } else {
                        keys.push(key);
                        key = "";
                    }
                } else if (/[0-9]/.test(ch)) {
                    for (; i < path.length; i++) {
                        if (path[i] == "]") {
                            break;
                        } else if (/[0-9]/.test(ch)) {
                            key += path[i];
                        } else {
                            return;
                        }
                    }
                    keys.push(key * 1);
                    key = "";
                } else {
                    return;
                }
            } else {
                key += path[i];
            }
        }
        if (!!key) {
            keys.push(key);
        }
        return keys;
    }

    H5.ObjectGet = function (object, path, value) {
        var _keys = ObjPath(path);
        var len = _keys.length;
        for (var i = 0; i < len; i++) {
            if (!object[_keys[i]]) {
                if (value !== undefined) {
                    if (i == len - 1) {
                        object[_keys[i]] = value;
                    } else {
                        object[_keys[i]] = {};
                    }
                } else {
                    return undefined;
                }
            }
            object = object[_keys[i]];
        }
        return object;
    }

    H5.ObjectSet = function (object, path, value) {
        var _keys = ObjPath(path);
        if (!_keys.length) {
            for (var key in object) {
                delete object[key];
            }
            for (var key in value) {
                object[key] = value[key];
            }
        } else {
            var key = _keys.pop();
            object = H5.ObjectGet(object, _keys, value);
            object[key] = value;
        }
    }

    H5.BezierCurve = BezierCurve;

    var Symbol_Bind = Symbol("Symbol_Bind");

    function IsBindObject(ele) {
        return ele[Symbol_Bind] == true;
    }

    var Bind_Data_S;

    var Symbol_Index = Symbol("Bind_Index");

    H5.GetBindData = function (ele) {
        return ele && ele[Bind_Data_S];
    }

    H5.BindToObject = function (object, path, items, asArray, filters, index) {
        var R = [];
        if (!object) {
            object = asArray ? [] : {};
        }
        if (!!path) {
            object = H5.ObjectGet(object, path, asArray ? [] : {});
        }
        function BindObject(index) {
            this[Bind_Data_S] = object[index];
            this[Symbol_Index] = index;
        }
        var fn = BindObject.prototype;
        fn[Symbol_Bind] = true;
        function Define(key) {
            var unuse = filters && filters.includes(key);
            var asIndex = index == key;
            var Symbol_Key;
            if (unuse && !asIndex) {
                Symbol_Key = Symbol(key);
            }
            Object.defineProperty(fn, key, {
                enumerable: true,
                get: function () {
                    if (asIndex) {
                        return this[Symbol_Index];
                    } else if (unuse) {
                        return this[Symbol_Key];
                    } else {
                        return this[Bind_Data_S][key];
                    }
                },
                set: function (value) {
                    if (asIndex) {
                        if (typeof value != "number") {
                            return;
                        }
                        if (value != this[Symbol_Index]) {
                            var from = this[Symbol_Index];
                            var to = Math.max(Math.min(value, object.length - 1), 0);
                            object.splice(from, 1);
                            object.splice(to, 0, this[Bind_Data_S]);
                            [].splice.call(R, from, 1);
                            [].splice.call(R, to, 0, this);
                            var min = Math.min(to, from);
                            var max = Math.max(to, from);
                            for (var i = min ; i <= max ; i++) {
                                R[i][Symbol_Index] = i;
                                if (!unuse) {
                                    object[i][key] = i;
                                }
                            }
                        }
                    }
                    if (unuse && !asIndex) {
                        this[Symbol_Key] = value;
                    } else if (!unuse) {
                        this[Bind_Data_S][key] = value;
                    }
                    return value;
                }
            });
        }
        for (var i = 0; i < items.length ; i++) {
            Define(items[i].id || items[i]);
        }
        R.push = function (data) {
            if (!asArray) {
                throw "该对象不是一个数组";
            }
            if (data instanceof BindObject) {
                data = H5.Clone(data[Bind_Data_S]);
            }
            object.push(data);
            [].push.call(this, new BindObject(object.length - 1));
        }
        R.pop = function () {
            [].pop.call(this);
            [].pop.call(object);
        }
        R.swap = function (index, data) {
            index = Math.max(Math.min(object.length, index), 0);
            object[index] = data;
            R[index] = new BindObject(index);
        }
        var splice = R.splice;
        R.splice = function () {
            var args = [];
            for (var i = 0; i < arguments.length ; i++) {
                if (i > 1 && !(arguments[i] instanceof BindObject)) {
                    continue;
                }
                args.push(arguments[i]);
            }
            splice.apply(this, args);
            for (var i = 2; i < args.length ; i++) {
                args[i] = args[i][Bind_Data_S];
            }
            splice.apply(object, args);
            for (var i = args[0]; i < R.length ; i++) {
                if (index) {
                    R[i][Symbol_Index] = i;
                    R[i][index] = i;
                }
            }
        };
        object = Array.isArray(object) ? object : [object];
        for (var i = 0; i < object.length ; i++) {
            R[i] = new BindObject(i);
        }
        R[Bind_Data_S] = object;
        return R;
    }

    H5.Bind = function (object, items, filters, index) {
        var asArray = Array.isArray(object);
        return H5.BindToObject(object, null, items, asArray, filters, index);
    }

    H5.GetBind = H5.GetBindData;

    H5.GetInstance = function (box) {
        var vNode = null;
        if (H5.IsDocumentFrag(box)) {
            if (H5.IsBox(box.host)) {
                return box.host[H5Symbol];
            } else {
                box = box.host;
            }
        }
        if (H5.IsHTMLElement(box)) {
            vNode = H5.To_vNode(box);
        } else {
            vNode = H5.To_vNode(box.Tag);
        }
        if (vNode) {
            var Root = vNode.getRootNode();
            return H5.IsBox(Root.Tag) ? Root.Tag[H5Symbol] : null;
        } else if (!H5.IsHTMLElement(box)) {
            return null;
        }
        var win = H5.Window(box);
        if (win && win != window) {
            return win.H5.GetInstance(box);
        } else if (!win) {
            return null;
        }
        if (!H5.IsHTMLElement(box)) {
            if (H5.IsHTMLElement(box.Tag)) {
                box = box.Tag
            } else {
                return null;
            }
        }
        if (box[H5Symbol]) {
            return box[H5Symbol];
        }
        var doc = box.getRootNode();
        var R = null;
        while (doc.host) {
            if (doc.host[H5Symbol]) {
                return doc.host[H5Symbol];
            } else {
                doc = doc.host.getRootNode();
            }
        }
        return null;
    }

    H5.IsBox = function (box) {
        return box && box[H5Symbol] != null;
    }

    H5.MenuReset = function (_this, tag, force) {
        var ele = _this;
        var window = H5.Top();
        var Rect;
        if (tag && H5.To_vNode(tag.Tag)) {
            tag = tag.Tag;
        }
        var tbox;
        var body = H5.Window(_this.Tag).document.body;
        if (H5.IsHTMLElement(tag)) {
            Rect = tag.getBoundingClientRect();
            Rect = Rect.toJSON();
            tbox = H5.Window(tag).frameElement || body;
        } else if (tag[IsEvent]) {
            Rect = { left: tag.clientX + 5 || 0, top: tag.clientY || 0, width: 0, height: 0 };
            Rect.right = Rect.left;
            Rect.bottom = Rect.top;
            tbox = tag.view.frameElement || body;
        } else {
            return;
        }
        _this.Tag.style.position = "fixed";
        var r1 = tbox.getBoundingClientRectEx();
        var r2 = body.getBoundingClientRectEx();
        Rect.left += r1.left - r2.left;
        Rect.top += r1.top - r2.top;
        Rect.right += r1.left - r2.left;
        Rect.bottom += r1.top - r2.top;
        Rect.left = parseInt(Rect.left);
        Rect.top = parseInt(Rect.top);
        Rect.right = parseInt(Rect.right);
        Rect.bottom = parseInt(Rect.bottom);
        var style = getComputedStyle(ele.Tag);
        var eRect = ele.Tag.getBoundingClientRect();
        if (Rect.left + eRect.width > window.innerWidth) {
            var left = Rect.right - eRect.width;
            if (left < 0) {
                left = 0;
            }
            ele.Tag.style.left = Math.floor(left) + "px";
        } else {
            ele.Tag.style.left = Math.floor(Rect.left - parseInt(style.marginLeft)) + "px";
        }
        if (Rect.bottom + eRect.height > window.innerHeight) {
            var top;
            if (window.innerHeight - Rect.bottom > Rect.top) {
                top = Rect.bottom;
                ele.Tag.style.top = Rect.bottom + "px";
            } else {
                top = 0;
                ele.Tag.style.top = "0px";
            }
            eRect = ele.Tag.getBoundingClientRect();
            if (top + eRect.height > Rect.top) {
                var rLen = window.innerWidth - Rect.right;
                if (force != true && rLen > Rect.left && rLen > eRect.width) {
                    ele.Tag.style.left = Math.floor(Rect.right) + "px";
                } else if (force != true && Rect.left > eRect.width) {
                    ele.Tag.style.left = Math.floor(Math.max(Rect.left - eRect.width, 0)) + "px";
                } else {
                    if (top == Rect.bottom) {
                        ele.Tag.style.maxHeight = window.innerHeight - top + "px";
                    } else {
                        ele.Tag.style.maxHeight = Rect.top + "px";
                    }
                }
            } else {
                ele.Tag.style.top = Rect.top - eRect.height - parseInt(style.marginTop) + "px";
            }
        } else {
            ele.Tag.style.top = Rect.bottom - parseInt(style.marginTop) + "px";
        }

    }

    H5.Path = function (e) {
        if (H5.IsHTMLElement(e)) {
            var list = [];
            while (e) {
                list.push(e);
                e = e.parentNode;
            }
            return list;
        } else if (H5.IsEvent(e)) {
            var ele = e.view.H5.ElementsFromPoint(e.clientX, e.clientY)[0];
            return ele && H5.Path(ele) || [];
        } else {
            return [];
        }
    }

    H5.MenuAutoClose = function (_this, close) {
        var h5 = H5.GetInstance(_this);
        var window = H5.Window(h5.box);
        if (!window) {
            close();
            return;
        }
        function end() {
            delete _this[EndAutoClose];
            if (top != window) {
                top.removeEventListener("mousedown", Close, true);
            }
            window.removeEventListener("mousedown", Close, true);
        }
        function Close(e) {
            path = H5.Path(e);
            if (path[0] && _this.Tag.contains(path[0])) {
                return;
            }
            var ele = path[0];
            var node
            while (ele && !(node = H5.To_vNode(ele))) ele = ele.parentNode;
            if (node && _this.contains(node)) {
                return;
            }
            if (close(path) != false) {
                end();
            }
        }
        _this[EndAutoClose] = end;
        var top = H5.Top();
        if (top != window) {
            top.addEventListener("mousedown", Close, true);
        }
        window.addEventListener("mousedown", Close, true);
        return end;
    }

    H5.QueryCtrl = function (_this) {
        var vNode = _this;
        while (vNode && vNode.getAttribute("atom") != "Ctrl") {
            vNode = vNode.parentNode;
        }
        return vNode;
    }

    H5.EnableDrag = function (toDrag, onStart, onMove, onEnd, toMove) {
        return CLEnableMove(toDrag, onStart, onMove, onEnd, toMove);
    }

    H5.EnableSort = function (toDrag, toSort, end, _class, moving) {
        if (typeof _class == "function") {
            moving = _class;
            _class = null;
        }
        return CLEnableDragPosition(toSort, _class, toDrag, end, moving);
    }

    H5.EnableDragFiles = function (tag, ondrop, ondrag, retry) {
        CLEnableDragFiles(tag, ondrop, ondrag, retry);
    }

    H5.QueryDragFiles = function (dragEvent, end) {
        CLQueryDragFiles(dragEvent, end);
    }

    H5.StartEdit = function (ele, callback, enter, iPoint, value) {
        return CLStartEdit(ele, callback, enter, iPoint, value);
    }

    H5.OnInput = function (ele, func) {
        var self = ele;
        if (self.InputFunctors == null) {
            self.InputFunctors = [func];
            self.Inputed = true;
            self.addEventListener("compositionstart", function (e) {
                self.Inputed = false;
            });
            self.addEventListener("compositionend", function (e) {
                self.Inputed = true;
                for (var i = 0; i < self.InputFunctors.length ; i++) {
                    self.InputFunctors[i].call(this, e);
                }
            });
            self.addEventListener("input", function (e) {
                if (self.Inputed) {
                    for (var i = 0; i < self.InputFunctors.length ; i++) {
                        self.InputFunctors[i].call(this, e);
                    }
                }
            });
        } else {
            self.InputFunctors.push(func);
        }
    }

    var msg_box = null;

    H5.ShowMsg = function (html, timeOut, callback, ok) {
        if (typeof html != 'string') {
            html = html + '';
        }
        if (typeof timeOut == "boolean") {
            ok = timeOut;
            timeOut = undefined;
        } else if (typeof timeOut == "function") {
            ok = callback;
            callback = timeOut;
        }
        if (ok === undefined) {
            ok = true;
        }
        if (timeOut == undefined) {
            timeOut = 2000;
        }
        var h5;
        var html_s = H5.Atob('PGRpdiBjbGFzcz0iSDVUb2FzdCIgc3R5bGU9InotaW5kZXg6IDIxNDc0ODM2NDY7IiBfaWQ9IjMiIG5hbWU9ImJveCI+PGRpdiBfaWQ9IjQiIG5hbWU9InJvdyI+PGRpdiBfaWQ9IjUiIG5hbWU9InRleHQiPjwvZGl2PjwvZGl2PjwvZGl2PjxzY3JpcHQgY3NzPlt7ImlkIjoiNCIsInNlbGVjdG9yIjoiW19pZD1cIjRcIl0iLCJjc3NUZXh0IjoiYW5pbWF0aW9uOkg1VG9hc3RPcGVuIC4zcyJ9LHsiaWQiOiIzIiwic2VsZWN0b3IiOiJbX2lkPVwiM1wiXSIsImNzc1RleHQiOiJkaXNwbGF5OmZsZXg7XG5mbGV4LWRpcmVjdGlvbjpjb2x1bW47XG5qdXN0aWZ5LWNvbnRlbnQ6c3RhcnQ7In1dPC9zY3JpcHQ+PHNjcmlwdCBjb25maWc+eyIzIjp7IkF0dHJpYnV0ZXMiOlt7Im5hbWUiOiJjbGFzcyIsInR5cGUiOjAsInZhbHVlIjoiSDVUb2FzdCJ9LHsibmFtZSI6InN0eWxlIiwidHlwZSI6MCwidmFsdWUiOiJ6LWluZGV4OiAyMTQ3NDgzNjQ2OyJ9XX0sIjQiOnsiU291cmNlIjp7IklEIjoibXNnIn0sIkhhbmRsZXMiOlt7InR5cGUiOiJsb2FkIiwibmFtZSI6IuWKoOi9veWujOaIkChsb2FkKSIsImNvbnRlbnQiOiJ2YXIgdGltZW91dCA9IF90aGlzLiRkYXRhLnRpbWVvdXQ7XG52YXIgZnVuYyA9IF90aGlzLiRkYXRhLmNhbGxiYWNrO1xuX3RoaXMuJGRhdGEuaWQgPSBINS5BbGxvY0lkKCk7XG5pZighdGltZW91dCl7XG4gIHRpbWVvdXQgPSBfdGhpcy4kZGF0YS5vayA/IDE1MDAgOiAzMDAwO1xufVxuSDUuRGVsYXkoZnVuY3Rpb24oKXtcbiAgX3RoaXMuc3R5bGUuYW5pbWF0aW9uID0gXCJINVRvYXN0Q2xvc2UgLjNzXCI7XG4gIEg1LkRlbGF5KGZ1bmN0aW9uKCl7XG4gICAgc2VsZi5EZWxldGUoXCJtc2dcIixfdGhpcy4kZGF0YS5pZCk7XG4gICAgZnVuYyAmJiBmdW5jKCk7XG4gIH0sMzAwKTtcbn0sdGltZW91dClcblxuc2VsZi5XYWl0U291cmNlRXgifV19LCI1Ijp7IkF0dHJpYnV0ZXMiOlt7Im5hbWUiOiJjbGFzcyIsInR5cGUiOjMsInZhbHVlIjoiIV90aGlzLiRkYXRhLm9rID8gXCJINUVycm9yXCIgOiB1bmRlZmluZWQifSx7Im5hbWUiOiJpbm5lckhUTUwiLCJ0eXBlIjoxLCJ2YWx1ZSI6Imh0bWwifV19LCJSb290Ijp7IkNsaWVudCI6eyJ3Ijo1NzQsImgiOjUwMn0sIlNvdXJjZXMiOlt7Im5hbWUiOiJtc2ciLCJpdGVtcyI6W3siaWQiOiJpZCJ9LHsiaWQiOiJodG1sIn0seyJpZCI6InRpbWVvdXQifSx7ImlkIjoiY2FsbGJhY2sifSx7ImlkIjoib2sifV19XSwiU291cmNlIjp7IktleXMiOnsibXNnIjoiaWQifX19fTwvc2NyaXB0PjxDdHJscz48L0N0cmxzPg==');
        if (!msg_box) {
            msg_box = document.createElement("div");
            document.body.appendChild(msg_box);
            h5 = H5(msg_box);
            h5.Render(html_s);
            h5.WaitSourceEx("msg", function (type) {
                if (type == "delete") {
                    var list = h5.GetSource("msg");
                    if (!list.length) {
                        msg_box.remove();
                        msg_box = null;
                    }
                }
            });
        }
        h5 = H5(msg_box);
        var list = h5.GetSource("msg");
        if (list.length == 3) {
            h5.Delete("msg", [list[0].id]);
        }
        h5.Add("msg", [{ html: html, timeout: timeOut, callback: callback, ok: ok }]);
    }

    H5.GetDefIcon = function (ext) {
        var Imgs = ["gif", "jpg", "jpeg", "png", "bmp","svg"];
        var Music = ["wav", "mp3", "wma", "aac", "ogg"];
        var Video = ["mp4", "m4v", "webm", "mov"];
        var Other = ["csv", "doc", "docx", "pdf", "ppt", "pptx", "rar", "txt", "xls", "xlsx", "zip"];
        if (!ext) {
            return "unknown.png";
        }
        ext = ext.toLocaleLowerCase();
        if (Imgs.indexOf(ext) >= 0) {
            return null;
        }
        var sIcon = null;
        if (Music.indexOf(ext) >= 0) {
            sIcon = "Music.png";
        } else if (Video.indexOf(ext) >= 0) {
            sIcon =  "Video.png";
        } else if (Other.indexOf(ext) >= 0) {
            sIcon = "" + Other[Other.indexOf(ext)] + ".png";
        } else {
            sIcon = "unknown.png";
        }
        return sIcon;
    }

    H5.Dialog = function (option) {
        var url = "/html5/Utils/dialog.html"
        var html = H5.Get(url);
        var template = option.template;
        url = option.url;
        var keys = ["title", "left", "top", "width", "height", "args", "maximized"];
        if (!H5.Test(template)) {
            if (url) {
                template = H5.Get(url);
            }
        }
        if (!H5.Test(template)) {
            template = H5.Empty();
        }
        var div = document.createElement("div");
        document.body.appendChild(div);
        var h5 = H5(div);
        keys.forEach(function (key) {
            h5.SetParam(key, option[key]);
        });
        h5.SetParam("template", template);
        h5.Render(html);
        var dialog = h5.GetParam("dialog");
        h5.WaitEvent(dialog, "closed", function () {
            div.remove();
        });
        return h5;
    }

    H5.Editor = function (option, func) {
        var Position = option.Position;
        var Ctrl = option.Ctrl;
        var Value = option.Value;
        var corpId = CorpId();
        var url = "/" + corpId + "/Assets/RUG6cKAjTsW/H5-Editor.cml"
        if (Ctrl) {
            url += "?Ctrl=" + encodeURIComponent(Ctrl);
            open(url);
        } else if (Position) {
            var Lor = Position.Lor;
            var Path = Position.Path;
            url += "?Lor=" + encodeURIComponent(Lor) + "&Path=" + encodeURIComponent(Path);
            open(url);
        } else {
            var template = H5.Get("/" + corpId + "/NetDisk/设计器.lor/f/H5-设计器/index.html");
            var h5 = H5.Dialog({
                template: template,
                maximized: true,
                left: "calc(50% - 400px)",
                top: "calc(50% - 300px)",
                width: "800px",
                height: "600px",
                title: option.title || "编辑配置",
                args: {
                    Value: Value
                }
            });
            var dialog = h5.GetParam("dialog");
            h5.WaitEvent(dialog, "end", function (args) {
                func(args.Value)
            });
            return h5;
        }
    }

    H5.GetCtrlSource = function (vNode, name) {
        var h5 = H5.GetInstance(vNode && vNode.Tag);
        var R = null;
        if (h5) {
            var Ctrl;
            if (name == "Data") {
                Ctrl = H5.QueryCtrl(vNode);
                if (Ctrl && Ctrl[dySource_s]) {
                    name = Ctrl[dySource_s];
                }
            }
            _Scope(h5, vNode, function (scope) {
                R = scope.Sources && scope.Sources[name] || h5.Sources[name];
            });
            if (Ctrl && R.id && R.name) {
                return _Data(Ctrl[config_item], R, Ctrl);
            }
        }
        return R;
    }

    var Symbol_Loaded = Symbol("Loaded");

    H5.Import = function (scripts, funcEnd, ele) {
        var toload = [];
        var win = H5.Window(funcEnd) || H5.Window(ele) || window;
        funcEnd = typeof funcEnd == "function" ? funcEnd : null;
        var document = win.document;
        scripts = Array.isArray(scripts) ? scripts : [scripts];
        for (var i = 0; i < scripts.length ; i++) {
            var src = scripts[i];
            var _script = document.head.querySelector("[src^=" + JSON.stringify(src) + "]");
            _script = _script || document.getElementById(H5.Btoa(src.toLocaleLowerCase()));
            if (!_script) {
                _script = document.createElement("script");
                _script.setAttribute("src", src);
                _script.async = false;
                document.head.appendChild(_script);
                _script[Symbol_Loaded] = false;
                toload.push(_script);
                _script.addEventListener("load", function (e) {
                    this[Symbol_Loaded] = true;
                    toload.splice(toload.indexOf(this), 1);
                    if (toload.length == 0) {
                        funcEnd && funcEnd(scripts, true);
                    }
                });
            } else if (_script[Symbol_Loaded] == false) {
                toload.push(_script);
                _script.addEventListener("load", function (e) {
                    this[Symbol_Loaded] = true;
                    toload.splice(toload.indexOf(this), 1);
                    if (toload.length == 0) {
                        funcEnd && funcEnd(scripts, true);
                    }
                });
            }
        }
        if (toload.length == 0) {
            funcEnd && funcEnd(scripts, false);
        }
    }

    var g_Import = H5.Import;

    var Symbol_Text = Symbol("Symbol_Text");

    function AppendStyle(style, append) {
        style = style && H5.To_vNode(style.Tag) || H5.To_vNode(style);
        if (style) {
            style.Tag.innerHTML = append ? (style[Symbol_Text] || "") : "";
        }
    }

    var Symbol_Append = Symbol("Symbol_Append");

    H5.SetTopMost = function (node, topmost) {
        if (!node || !node.Tag) {
            return;
        }
        var doc = H5.Top().document;
        if (!topmost) {
            if (node.Tag[Symbol_Append]) {
                node.Tag[Symbol_Append]();
            }
        } else if (!node.Tag[Symbol_Append]) {
            var zoom = 1;
            var ele_ = node.Tag;
            do {
                if (H5.IsHTMLElement(ele_)) {
                    if (ele_.tagName != "HTML") {
                        zoom *= getComputedStyle(ele_).zoom;
                    }
                    ele_ = ele_.parentNode;
                } else if (H5.IsDocumentFrag(ele_)) {
                    ele_ = ele_.host;
                } else if (H5.IsDocument(ele_)) {
                    ele_ = ele_.defaultView.frameElement;
                } else {
                    break;
                }
            }
            while (true);
            var h5_o = H5.GetInstance(node);
            var style = h5_o.Root.firstChild;
            var div = doc.createElement("div");
            div.style.cssText = "position:fixed;z-index:" + H5.MaxZIndex();
            div.setAttribute("H5TopMost", "true");
            doc.TopMosts = doc.TopMosts || new Set();
            var pTag = node.parentNode.Tag;
            doc.TopMosts.add(pTag);
            doc.body.appendChild(div);
            var nodes = node.querySelectorAll("style");
            var parent = node.Tag.parentNode;
            var vNext = node.nextSibling;
            function Append() {
                var next = vNext && vNext.Tag;
                while (next && !parent.contains(next)) {
                    vNext = vNext.nextSibling;
                    next = vNext && vNext.Tag;
                }
                parent.insertBefore(node.Tag, next);
            }
            div.AppendTest = function (parent) {
                return parent.contains(node);
            }
            div.Append = function (parent, func) {
                var _parent = node.Tag.parentNode;
                var _next = node.Tag.nextSibling;
                Append()
                try {
                    func();
                } finally {
                    _parent.insertBefore(node.Tag, _next);
                }
            }
            node.Tag[Symbol_Append] = function () {
                h5.box.remove();
                Append();
                delete node.Tag[Symbol_Append];
                node[EndAutoClose] && node[EndAutoClose]();
                delete node[EndAutoClose];
                parent[Symbol_Append]();
            };
            var h5 = H5(div);
            h5.Root[EventCnt] = h5_o.Root[EventCnt]
            while (style && style.tagName == "STYLE" && !style.hasAttribute("_id")) {
                h5.Root.appendChild(style.cloneNode(true));
                style = style.nextSibling;
            }
            var style = document.createElement("style");
            var innerHTML = "[_id='" + node.getAttribute("_id") + "']{visibility:initial}";
            function func(dst, src) {
                dst.setAttribute("_id", src.getAttribute("_id"));
                var name = src.getAttribute("name");
                if (name) {
                    dst.setAttribute("name", name);
                }
                var class_ = src.getAttribute("class");
                if (class_) {
                    dst.setAttribute("class", class_);
                }
                innerHTML += "[_id='" + dst.getAttribute("_id") + "']{visibility:hidden!important}";
            }
            h5.Root.appendChild(style);
            var pbox = document.createElement("div");
            pbox.style.width = "0";
            pbox.style.height = "0";
            pbox.style.position = "fixed";
            {
                var Ctrl = H5.QueryCtrl(node.getAttribute("atom") != "Ctrl" ? node:node.parentNode);
                if (!Ctrl || Ctrl.getAttribute("_id") == node.parentNode.getAttribute("_id")) {
                    pbox.style.zoom = zoom;
                    h5.Root.appendChild(pbox);
                } else {
                    var rbox = document.createElement("div");
                    rbox.appendChild(pbox);
                    rbox.style.zoom = zoom;
                    rbox.style.width = "0";
                    rbox.style.height = "0";
                    rbox.style.position = "fixed";
                    h5.Root.appendChild(rbox);
                    func(rbox, Ctrl);
                }
            }
            func(pbox, node.parentNode);
            pbox.appendChild(node.Tag);
            style.innerHTML = innerHTML;
            parent[Symbol_Append] = H5.OnLost(parent, function () {
                H5.SetTopMost(node, false);
            });
        } else {
            var h5 = H5(node.Tag.getRootNode().host);
            var nodes = doc.body.childNodes;
            var find = false;
            nodes.forEach(function (ele) {
                if (h5.box != ele && ele.getAttribute && ele.style.zIndex == '2147483645') {
                    ele.style.zIndex = H5.MaxZIndex() - 1;
                    find = true;
                }
            });
            h5.box.style.zIndex = H5.MaxZIndex();
        }
    }

    H5.SetElementIndex = function (ele, index) {
        function func(ele, index) {
            var parent = ele.parentNode;
            var nodes = ele.parentNode.childNodes;
            index = Math.max(0, Math.min(index, nodes.length - 1));
            var _index = [].indexOf.call(nodes, ele);
            var after;
            if (_index < index) {
                after = nodes[index + 1];
            } else {
                after = nodes[index];
            }
            if (after != ele) {
                parent.insertBefore(ele, after);
            }
        }
        if (H5.IsHTMLElement(ele.Tag) && H5.To_vNode(ele.Tag)) {
            func(ele, index);
            func(ele.Tag, index);
        } else if (H5.IsHTMLElement(ele)) {
            func(ele, index);
        }
    }

    H5.ActiveElement = function () {
        var ele = document.activeElement;
        while (ele && H5.IsBox(ele)) {
            ele = ele.shadowRoot.activeElement || ele;
        }
        return ele;
    }

    var Symbol_Lost = Symbols.alwaysGet("Lost", Symbol("Lost"));

    function DocPath(node) {
        var doc = H5.Window(node).document;
        var list = [];
        var doc_ = node.getRootNode();
        while (doc_ && doc_ != doc) {
            list.push(doc_);
            doc_ = doc_.host && doc_.host.getRootNode();
        }
        list.push(doc);
    }

    H5.OnLost = function (node, func) {
        if ((!H5.IsHTMLElement(node) && !H5.IsDocument(node)&& !H5.IsDocumentFrag(node)) || !node.isConnected) {
            return;
        }
        var doc = node;
        if (H5.IsHTMLElement(node)) {
            var h5 = H5.GetInstance(node);
            doc = h5 && h5.Root || node.getRootNode();
        }
        function lost() {
            var win = H5.Window(node);
            if (!win || !node.isConnected) {
                try {
                    func();
                } finally {
                    doc_.removeEventListener("event_elemnet_lost", lost);
                }
            } else if (win.document != doc_) {
                doc_.removeEventListener("event_elemnet_lost", lost);
                end = H5.OnLost(node, func);
            }
        }
        var end = null;
        var doc_ = H5.Window(doc).document;
        doc_.addEventListener("event_elemnet_lost", lost);
        if (H5.IsDocumentFrag(node)) {
            end = H5.OnLost(doc.host, lost);
        } else {
            var win = H5.Window(node);
            if (win.frameElement) {
                end = win.parent.H5.OnLost(win.frameElement, lost);
            }
        }
        return function () {
            doc_.removeEventListener("event_elemnet_lost", lost);
            end && end();
        }
    }

    var IsEvent = Symbols.alwaysGet("IsEvent", Symbol("IsEvent"));

    Event.prototype[IsEvent] = true;

    Object.defineProperty(H5, "Event", {
        configurable: false,
        get: function () {
            var func = arguments.callee.caller;
            var _count = 0;
            while (func != null) {
                var arg = func.arguments[0];
                if (arg && arg[IsEvent]) {
                    return arg;
                }
                func = func.caller;
                _count++;
                if (_count > 1000) {
                    return null;
                }
            }
            return null;
        }
    });

    var Ctrls_Map = {};

    function CorpId() {
        var host = location.protocol + "//" + location.hostname + (!!location.port ? (":" + location.port) : "");
        var rawUrl = location.href.replace(host, "");
        var MayBeCorpId = rawUrl.substring(1, 6);
        if (!isNaN(MayBeCorpId * 1)) {
            return MayBeCorpId;
        }
        return H5.Cookie("CorpId");
    }
    //接口
    H5.LoadCtrls = function (IdList, Force) {
        var IDs = [];
        var Ctrls = {};
        if (Array.isArray(IdList)) {
            for (var i = 0; i < IdList.length ; i++) {
                var id = IdList[i];
                if (!Force && Ctrls_Map[id]) {
                    Ctrls[id] = Ctrls_Map[id];
                } else {
                    IDs.push(id);
                }
            }
            if (IDs.length) {
                var url = "/" + CorpId() + "/api/CLFlow.chx?Function=HttpQueryCtrls&Data=" + JSON.stringify({ ID: IDs });
                var text = H5.Get(url);
                try {
                    var json = JSON.parse(text);
                    if (json.code == 0) {
                        var data = json.data;
                        for (var i = 0; i < data.length; i++) {
                            var id = data[i].ID || data[i].name;
                            var config = data[i].config;
                            Ctrls_Map[id] = config;
                            Ctrls[id] = config;
                        }
                    }
                } catch (e) { }
            }
        } else {
            for (var key in IdList) {
                if (IdList[key]) {
                    Ctrls_Map[key] = IdList[key];
                }
            }
            Ctrls = IdList;
        }
        return Ctrls;
    }

    H5.CssBox = function (ele, clear) {
        return CLCssBox(ele, clear);
    }

    var EventCnt = Symbols.alwaysGet("EventCnt", Symbol("EventCnt"));

    H5.SetEvent = function (Tag, type, data, bubble, cancelable) {
        if ((H5.IsHTMLElement(Tag) || H5.IsDocument(Tag) || H5.IsDocumentFrag(Tag)) || H5.IsSVGElement(Tag)) {
            bubble = bubble === undefined ? true : !!bubble;
            var doc = Tag.getRootNode();
            var Cnt = bubble ? doc[EventCnt] : Tag[EventCnt];
            if (!Cnt || !Cnt[type]) {
                return;
            }
            var event = document.createEvent('Event');
            event.Tag = Tag;
            var vTag = H5.To_vNode(Tag);
            if (vTag) {
                event.vTag = vTag;
            }
            event.data = data;
            cancelable = cancelable === undefined ? true : !!cancelable;
            event.initEvent('h5event_' + type, bubble, cancelable);
            Tag.dispatchEvent(event);
            return event;
        }
    }

    H5.WaitEvent = function (Tag, type, func) {
        if (H5.IsHTMLElement(Tag) || H5.IsDocument(Tag) || H5.IsDocumentFrag(Tag) || H5.IsSVGElement(Tag)) {
            var doc = Tag.getRootNode();
            var Cnt = doc[EventCnt] = doc[EventCnt] || {};
            Cnt[type] = (Cnt[type] || 0) + 1;
            var tCnt = Tag[EventCnt] = Tag[EventCnt] || {};
            tCnt[type] = (tCnt[type] || 0) + 1;
            function end() {
                Cnt[type]--;
                tCnt[type]--;
                Tag.removeEventListener("h5event_" + type, event);
            }
            function event(e) {
                if (func(e.data) == 'end' || type == "load") {
                    end();
                }
            }
            Tag.addEventListener("h5event_" + type, event);
            return end;
        }
    }

    H5.ElementsFromPoint = function (X, Y) {
        var list = document.elementsFromPoint(X, Y);
        var R = [];
        var set = new Set();
        function each(ele, index, list) {
            if (set.has(ele)) {
                return;
            } else {
                set.add(ele);
            }
            if (H5.IsBox(ele)) {
                var list_ = ele.shadowRoot.elementsFromPoint(X, Y);
                set.add(ele);
                list_.some(function (ele_, index) {
                    if (ele_ == ele) {
                        return true;
                    }
                    if (!set.has(ele_)) {
                        each(ele_, index, list_);
                    }
                });
                var rect = ele.getBoundingClientRect();
                if (X >= rect.left && X <= rect.right && Y >= rect.top && Y <= rect.bottom) {
                    R.push(ele);
                }
            } else {
                R.push(ele);
            }
        }
        list.forEach(function (ele, index) {
            each(ele, index, list);
        });
        return R;
    }

    H5.Copy = function (data, msg) {
        return CLCopy(data, msg);
    }

    var vNode_S;

    H5.To_vNode = function (Tag) {
        return Tag && Tag[vNode_S];
    }

    H5.Test = function (html) {
        return /\<data[^\>]*>[0-9a-zA-Z\=\+\/]+\<\/data>|<script config[^\>]*>|<script css[^\>]*>/.test(html);
    }

    H5.Empty = function () {
        return "<script css></script><script config></script><Ctrls></Ctrls>";
    }

    H5.DefData = function (h5, Inputs) {
        var box = h5.box;
        var data = h5.dataConfig;
        Inputs = Inputs || {};
        var items = data.Root && data.Root.Ctrl && data.Root.Ctrl.items;
        if (items) {
            var row = {};
            row.ID = CLMakeId();
            for (var i = 0; i < items.length; i++) {
                var item = items[i];
                var type = item.type;
                var name = item.name;
                var value = Inputs[name] && Inputs[name].value;
                if (type == "自定义") {
                    row[name] = value;
                }
                else if (type != "函数") {
                    if (value && (value.type == "自定义" || value.type == null)) {
                        row[name] = value.value == null ? item.value : value.value;
                    } else {
                        row[name] = item.value;
                    }
                } else {
                    row[name] = null;
                }
            }
            Object.defineProperty(row, "$id", {
                enumerable: false,
                get: function () {
                    return "$id";
                }
            });
            return [row];
        } else {
            return [{}];
        }
    }

    /////////////接口//////////////

    function _Connect(vNode, Tag) {
        vNode.Tag = Tag;
        if (!Tag) {
            debugger
        }
        Tag[vNode_S] = vNode;
    }

    function Event_Lost(doc) {
        var doc_;
        if (H5.IsHTMLElement(doc)) {
            var win = H5.Window(doc);
            doc_ = win && win.document;
        } else if (H5.IsHTMLElement(doc.host)) {
            var win = H5.Window(doc.host);
            doc_ = win && win.document;
        } else {
            doc_ = doc;
        }
        if (!doc_) {
            return null;
        }
        if (doc[Symbol_Lost]) {
            return;
        }
        observer = doc[Symbol_Lost] = new MutationObserver(function (records) {
            records.forEach(function (record) {
                var removes = record.removedNodes;
                if (removes && removes.length > 0) {
                    var event = doc_.createEvent('Event');
                    event.removes = removes;
                    event.initEvent('event_elemnet_lost', false, false);
                    doc_.dispatchEvent(event);
                }
            });
        });
        observer.observe(doc, {
            childList: true,
            subtree: true,
        });
    }

    Event_Lost(document);

    fn = H5.prototype;

    fn.Root = Object.create(DocumentFragment.prototype);

    fn.vRoot = Object.create(VNode.prototype);

    function SetEvent(h5, name, value) {
        var Waits = h5._Waits_ || [];
        Waits = [].concat(Waits);
        h5._Waits_ = [];
        var len = Waits.length;
        for (var i = 0; i < len ; i++) {
            var data = Waits[i];
            if ((Array.isArray(data.name) && data.name.includes(name)) || (data.name == name)) {
                if (data.func(value) != "wait") {
                    Waits.splice(i, 1);
                    len--;
                    i--;
                }
            }
        }
        if (Waits.length) {
            h5._Waits_ = Waits.concat(h5._Waits_);
        }
    }

    fn.GetParam = function (name, def) {
        var self = this;
        var Vars = self._Vars_;
        var R = Vars && Vars[name];
        if (R == undefined && def != undefined) {
            Vars = self._Vars_ = self._Vars_ || {};
            Vars[name] = R = def;
        }
        return R;
    }

    fn.SetParam = function (name, value, event, strict) {
        var self = this;
        var Vars = self._Vars_;
        if (!Vars) {
            self._Vars_ = Vars = {};
        } else {
            if (H5.Equals(value, Vars[name], strict)) {
                return;
            }
        }
        self._Vars_[name] = value;
        if (event !== false) {
            SetEvent(self, name, value);
        }
    }

    fn.WaitParam = function (name, func) {
        var self = this;
        var Waits = self._Waits_;
        if (!Waits) {
            self._Waits_ = Waits = [];
        }
        var object = {
            name: name,
            func: func
        };
        Waits.push(object);
        return function () {
            var index = Waits.indexOf(object);
            if (index >= 0) {
                Waits.splice(index, 1);
            }
        }
    }

    var Symbol_Mark = Symbols.alwaysGet("Symbol_Mark", Symbol("Mark"));

    var Symbol_Mark_Out = Symbols.alwaysGet("Symbol_Mark_Out", Symbol("Mark_Out"));

    var Symbol_Mark_In = Symbols.alwaysGet("Symbol_Mark_In", Symbol("Mark_In"));

    function fRoot(self, _this, in_) {
        var root = H5.QueryCtrl(_this);
        if (root == _this && !in_) {
            root = H5.QueryCtrl(_this.parentNode);
        }
        root = root || self.vRoot;
        return root;
    }

    fn.Compile = function (code, args, title, info) {
        var self = this;
        var return_ = "";
        var sRun = (code || "").replace(/(\/\*[^(\*\/)]*\*\/)|(\/\/.*)/g, "");
        if (/^[\s]*\([\s\S]+\)[;]*[\s]*$/.test(sRun) || sRun.indexOf("\n") < 0) {
            return_ = "return";
        }
        code = code && code.replace(/__Row__/g, "$data");
        if (!args) {
            args = ["event"];
        }
        args.splice(0, 0, '_this');
        function ferr(err, _this) {
            err.message = "【" + title + "】" + (err.message || err.toString());
            err._this = _this;
            return err;
        }
        info = info || {};
        var def_ctrl_in = info.ctrl_in;
        function $R(_this, markId, name, ctrl_in) {
            if (ctrl_in == undefined) {
                ctrl_in = def_ctrl_in;
            }
            var id = _this && _this.getAttribute && _this.getAttribute("_id");
            if (markId && _this.getAttribute("mark_id") == markId && !ctrl_in) {
                return _this;
            }
            var eRoot = self.Template;
            var this_item = _this[config_item];
            var key_m = (ctrl_in) ? "fmarks_in" : "fmarks";
            var fmarks = this_item[key_m];
            if (!fmarks) {
                fmarks = this_item[key_m] = {};
            }
            var func = fmarks[markId];

            if (!func) {
                var selector = new Selector("[mark_id='" + markId + "']:not([atom='Ctrl'] [mark_id])");
                var root = fRoot(self, _this, ctrl_in);
                var root_item = root == self.vRoot ? eRoot : root[config_item];
                var mark_item = selector.Match(root_item, root_item);
                var m_id = mark_item.getAttribute("_id");
                var m_data = self.dataConfig[m_id];
                if (m_data && m_data.Global) {
                    func = fmarks[markId] = function () {
                        var item = Global.Template[m_data.Ctrl];
                        return item.vNode || (function () {
                            return item.vNode = Global.vRoot.querySelector("[_id='" + item.getAttribute("_id") + "']");
                        }());
                    }
                    return func(_this);
                }
                if (!mark_item) {
                    throw new Error("【" + name + "】找不到了");
                }
                if (this_item.contains(mark_item)) {
                    func = fmarks[markId] = function (_this) {
                        var marks = _this[Symbol_Mark_In] = _this[Symbol_Mark_In] || {};
                        if (!(marks[markId] && (!marks[markId].Tag || marks[markId].Tag.isConnected))) {
                            marks[markId] = selector.Match(_this, _this);
                        }
                        return marks[markId];
                    };
                } else if (mark_item.contains(this_item)) {
                    func = fmarks[markId] = function (_this) {
                        var marks = _this[Symbol_Mark_Out] = _this[Symbol_Mark_Out] || {};
                        if (!(marks[markId] && (!marks[markId].Tag || marks[markId].Tag.isConnected))) {
                            marks[markId] = _this.QueryParent("[mark_id='" + markId + "']");
                        }
                        return marks[markId];
                    };
                } else {
                    function fPath(ele, _root) {
                        var list = [];
                        if (_root == ele) {
                            return;
                        }
                        list.push(ele.getAttribute("_id"));
                        while (ele = ele.parentNode) {
                            if (_root == ele) {
                                break;
                            }
                            list.push(ele.getAttribute("_id"));
                        }
                        return list;
                    }
                    var path_mark = fPath(mark_item, root_item);
                    var path = fPath(_this, root);
                    var parentId = null;
                    for (var i = 0; ; i++) {
                        var e1 = path.at(-1 - i);
                        var e2 = path_mark.at(-1 - i);
                        if (e1 && e2 && e1 == e2) {
                            parentId = e1;
                        } else {
                            break;
                        }
                    }
                    var parent_s = Symbol("mark_" + markId);
                    func = fmarks[markId] = function (_this) {
                        var parent = _this[parent_s];
                        if (!parent) {
                            parent = _this.QueryParent("[_id='" + parentId + "']");
                            if (!parent) {
                                parent = fRoot(self, _this, ctrl_in);
                            }
                            _this[parent_s] = parent;
                        }
                        var marks = parent[Symbol_Mark_In] = parent[Symbol_Mark_In] || {};
                        if (!(marks[markId] && (!marks[markId].Tag || marks[markId].Tag.isConnected))) {
                            if (!parent.Tag || !parent.Tag.isConnected) {
                                if (!parent) {
                                    throw new Error("【" + name + "】出错了");
                                }
                            }
                            marks[markId] = selector.Match(parent, parent);
                        }
                        return marks[markId];
                    };
                }
            }
            return func(_this);
        }
        function $Ri(_this, markId, name) {
            return $R(_this, markId, name, true);
        }
        function $Ro(_this, markId, name) {
            var Ctrl = H5.QueryCtrl(_this.parentNode);
            if (markId == null) {
                return Ctrl;
            } else {
                return $R(Ctrl, markId, name, false);
            }
        }
        function $Ctrl(_this) {
            return H5.QueryCtrl(_this.parentNode);
        }
        var R = $R;
        try {
            return eval("(function anonymous(" + args + ") {\ntry{\n//" + title + "\n" + return_ + " " + code + "\n}catch(e){\n   throw ferr(e,_this)\n}\n})");
        } catch (e) {
            try {
                return eval("(function anonymous(" + args + ") {\ntry{\n//" + title + "\n" + " " + code + "\n}catch(e){\n   throw ferr(e,_this)\n}\n})");
            } catch (e) {
                e = ferr(e);
                console.error(e);
                H5.ShowMsg(ferr(e).message, false);
                return function () { };
            }
        }
    }

    function fName(node) {
        var title = node.getAttribute("name");
        title = title || ("_id=\"" + (node.getAttribute("_id") || "Root") + "\"");
        return title;
    }

    function Empty_Row(Root) {
        var R;
        if (!Root["_Empty_Row_"]) {
            var items = null;
            items = Root.Ctrl && Root.Ctrl.items || [];
            R = {};
            items.forEach(function (item) {
                if (item.value) {
                    R[item.name] = item.value;
                }
            });
            Root["_Empty_Row_"] = R;
        } else {
            R = Root["_Empty_Row_"];
        }
        return H5.Clone(R);
    }

    function Scoped(style, scope_) {
        var sheet = CreateSheet(style[Symbol_Text] || style.innerText);
        var rules = sheet.rules;
        var scoped = style.hasAttribute("scoped");
        if (!scoped && !scope_) {
            return sheet;
        } else {
            scoped = style.getAttribute("scoped");
            var scope;
            var pnode = style.parentNode;
            if (scoped != null) {
                if (pnode.getAttribute("atom") == "Ctrl") {
                    scope = "." + pnode.className.match(/Ctrl_[\S]+/)[0];
                } else {
                    scope = style.parentNode.getAttribute("_id");
                    if (!scope) {
                        return sheet;
                    }
                    scope = "[_id='" + scope + "']";
                }
            } else {
                scope = "";
                scoped = " ";
            }
            scope = (scope_ || "") + " " + scope;
            var cmd = Selector(scope).Cmd[0];
            cmd.push(scoped == ">" ? Selector(scoped).Cmd[0][0] : {
                cmd: "match_find",
                args: []
            });
            var key = "";
            var keys = [];
            var match = [];
            for (var i = 0; i < rules.length ; i++) {
                var rule = rules[i];
                if (rule.selectorText) {
                    var selector = Selector(rule.selectorText);
                    selector.Cmd.forEach(function (data) {
                        data.splice(0, 0, cmd[0], cmd[1]);
                    });
                    rule.selectorText = selector.toString();
                }
            }
            return sheet;
        }
    }

    var Stack = {};

    var Symbol_IdMap = Symbol("Symbol_IdMap");

    var class_object = {};

    var class_id = 0;

    var Global = null;

    function IsAlone(self, tag, config) {
        var _id = tag.getAttribute("_id");
        var _pid = tag.parentNode && tag.parentNode.getAttribute("_id");
        var pfilter = config[_pid] && config[_pid].filter;
        var filter = config[_id] && config[_id].filter;
        return typeof filter == "string" || typeof pfilter == "string";
    }

    fn.TranslateCtrl = function (node, css, config, alloc) {
        var self = this;
        var _id = node.getAttribute("_id");
        var _config_o = config[_id] || {};
        var ctrlId = _config_o.Ctrl;
        var html_ = config.Ctrls[ctrlId];
        if (!html_) {
            html_ = H5.LoadCtrls([ctrlId])[ctrlId];
        }
        if (_config_o.Global) {
            _config_o.filter = "false";
            if (!Global) {
                var tBox = document.createElement("div");
                document.head.appendChild(tBox);
                Global = new H5(tBox);
                Global.Render(H5.Empty(), {});
                Global.WaitAll = function () {
                    var Waits = template.Waits;
                    var text = [];
                    var O = {};
                    Waits.forEach(function (node) {
                        if (!node.vNode) {
                            var id=  node.getAttribute("_id")
                            text.push("[_id='" + id + "']");
                            O[id] = node;
                        }
                    });
                    if (!text.length) {
                        return;
                    }
                    text = text.join(",");
                    Global.Filter(text, true);
                }
            }
            var template = Global.Template;
            if (!template[ctrlId]) {
                var ele_ctrl = node.parentNode;
                while (ele_ctrl && ele_ctrl.getAttribute("atom") != "Ctrl") {
                    ele_ctrl = ele_ctrl.parentNode;
                }
                var after;
                if (ele_ctrl) {
                    after = template[config[ele_ctrl.getAttribute("_id")].Ctrl];
                }
                var gnode = template[ctrlId] = node.cloneNode();
                template.insertBefore(gnode, after);
                var _gid = (++Global.Alloc.value);
                gnode.setAttribute("_id", _gid);
                var dataConfig = Global.dataConfig;
                dataConfig.Ctrls = Object.create(config.Ctrls);
                dataConfig[_gid] = { Ctrl: ctrlId };
                template.Waits = template.Waits || [];
                template.Waits.push(gnode);
                Global.TranslateCtrl(gnode, Global.dataCss, Global.dataConfig, Global.Alloc);
            }
            return;
        }
        var Inner = _config_o.Inner || {};
        var css_data = [];
        var css_data_out = [];
        function map_css(css_data, mapId, mapId_) {
            var mapId2 = mapId_ || {};
            for (var i = 0; css_data && i < css_data.length; i++) {
                var rule = css_data[i];
                if (rule.id == "Root" && !mapId_) {
                    rule.id = _id + "";
                    rule.selector = rule.selector.replace(/\[_id=\"Root\"\]/g, '.Ctrl_' + class_);
                    css.push(rule);
                    continue;
                }
                if (/^[0-9]+$/.test(rule.id)) {
                    rule.selector = rule.selector.replace(/\[_id=\"[0-9]+\"\]/g, function (value) {
                        var id = value.match(/[0-9]+/);
                        id = id && id[0];
                        if (id) {
                            return '[_id="' + (mapId[id] || mapId2[id]) + '"]';
                        } else {
                            return value;
                        }
                    });
                    rule.selector = rule.selector.replace(/\[_id=\"Root\"\]/g, '.Ctrl_' + class_);
                    rule.id = mapId[rule.id] || mapId2[rule.id];
                    if (mapId_) {
                        //var pnode = node.querySelector("[_id='" + rule.id + "']");
                        //pnode = pnode && pnode.parentNode
                        rule.selector = '.Ctrl_' + class_ + "[_id='" + _id + "'] " + rule.selector;
                    }
                    css.push(rule);
                }
            }
        }
        function css_parse(node, mapId) {
            var css_script = css_selector.Match(node, node);
            if (css_script) {
                css_script.remove();
                if (!mapId) {
                    var html = css_script.innerHTML;
                    if (!/script/i.test(css_script.tagName)) {
                        html = H5.Atob(html);
                    }
                    return JSON.parse(html);
                }
            }
            return [];
        }
        css_data_out = css_parse(node);
        var inserts = node.querySelectorAll("insert");
        function fInsert(node) {
            var map_outer = {};
            function f_map(item) {
                var _id = item.getAttribute("_id");
                var Outer = Inner[_id] || {};
                var newId = ++alloc.value;
                item.setAttribute("_id", newId);
                config[newId] = Outer;
                map_outer[_id] = newId;
            }
            function each(insert) {
                var nodes = [];
                insert.childNodes.forEach(function (ele) {
                    nodes.push(ele);
                });
                nodes.forEach(function (ele) {
                    if (!ele.tagName) {
                        return;
                    }
                    each(ele);
                    var name = ele.tagName.toLowerCase().replace("insert:", "");
                    var n_ele = document.createElement(name);
                    var attributes = ele.attributes
                    for (var i = 0; i < attributes.length; i++) {
                        var item = attributes.item(i);
                        n_ele.setAttribute(item.name, item.value);
                    }
                    ele.remove();
                    insert.appendChild(n_ele);
                    while (ele.firstChild) {
                        n_ele.appendChild(ele.firstChild);
                    }
                });
            }
            inserts.forEach(function (ele) {
                each(ele);
                var item = ele.firstChild;
                var pid = ele.getAttribute("p");
                var index = ele.getAttribute("i") * 1;
                var parent = /[0-9]+/.test(pid) ? node.querySelector("[_id='" + mapId[pid] + "']") : node;
                if (parent) {
                    f_map(item);
                    var nodes = parent.childNodes;
                    parent.insertBefore(item, nodes[index]);
                }
                var items = item.querySelectorAll("[_id]");
                items.forEach(function (item) {
                    f_map(item);
                });
            });
            if (css_data_out.length) {
                map_css(css_data_out, map_outer, mapId);
            }
        }
        node.innerHTML = html_;
        config.MapCtrls = config.MapCtrls || {};
        var tpl_map = config.MapCtrls[ctrlId] = config.MapCtrls[ctrlId] || {};
        var class_ = class_object[ctrlId] = class_object[ctrlId] || (++class_id).toString().padStart(5, 0);
        node.classList.add("Ctrl_" + class_);
        var IsCtrls = node.lastChild.tagName == "CTRLS";
        var mapId = tpl_map.mapId;
        css_data = css_parse(node, mapId);
        var Ctrl;
        var _config = IsCtrls ? node.querySelector("script[config]") : node.lastChild;
        if (_config) {
            _config.remove();
            if (!mapId) {
                var html = _config.innerHTML;
                if (!/script/i.test(_config.tagName)) {
                    html = H5.Atob(html);
                }
                _config = JSON.parse(html) || {};
                var IdMap = _config[Symbol_IdMap] = {};
                Ctrl = _config.Root && _config.Root.Ctrl || {};
                var Sources = Ctrl.Sources && Ctrl.Sources || [];
                for (var i = 0; i < Sources.length ; i++) {
                    IdMap[Sources[i].name] = H5.AllocId();
                }
            } else {
                _config = tpl_map._config;
                node.Root = _config.Root;
            }
        } else {
            _config = {};
        }
        if (IsCtrls) {
            node.lastChild.childNodes.forEach(function (item) {
                if (/^T_[0-9]+$/.test(item.id) && item.innerHTML) {
                    config.TCtrls[item.id] = item.innerHTML;
                }
            });
            node.lastChild.remove();
        }
        Ctrl = _config.Root && _config.Root.Ctrl || {};
        function MapSource() {
            var IdMap = node.IdMap = _config[Symbol_IdMap];
            for (var key in _config) {
                if (/^[0-9]+$/.test(key) && mapId[key]) {
                    var _data = _config[key];
                    config[mapId[key]] = _data;
                    var sourceId = _data.Source && _data.Source.ID;
                    if (sourceId && IdMap[sourceId]) {
                        _data.Source.ID = IdMap[sourceId];
                    }
                }
            }
            var Keys = Ctrl.Source && Ctrl.Source.Keys
            if (Keys) {
                var Keys_ = {};
                for (var key in Keys) {
                    Keys_[IdMap[key]] = Keys[key];
                }
                Ctrl.Source.Keys = Keys_;
            }
        }
        var selector = new Selector("[_id]:not(insert [_id])");
        var nodes = selector.MatchAll(node, node); 
        if (mapId) {
            nodes.forEach(function (item) {
                var _id_t = item.getAttribute("_id");
                item.setAttribute("_id", mapId[_id_t] + "");
                var Outer = item.Outer = Inner[_id_t];
                var markId = Outer && Outer.markId;
                if (markId) {
                    item.setAttribute("mark_Id", markId);
                }
            });
            fInsert(node);
            node.IdMap = _config[Symbol_IdMap];
            var styles = node.querySelectorAll("style");
            for (var i = 0; i < styles.length; i++) {
                var style = styles[i];
                var _id_t = style.getAttribute("_id");
                if (IsAlone(self, style, config) || !mapId[_id_t]) {
                    continue;
                }
                style[Symbol_Text] = style.innerHTML;
                style.innerHTML = "";
            }
            Stack[ctrlId] = Stack[ctrlId] || 0;
            if (Stack[ctrlId] < 2) {
                try {
                    Stack[ctrlId]++;
                    var Ctrls = node.querySelectorAll("[atom='Ctrl']");
                    Ctrls.forEach(function (Ctrl) {
                        self.TranslateCtrl(Ctrl, css, config, alloc);
                    });
                } finally {
                    Stack[ctrlId]--;
                }
            } else {
                node.remove();
            }
            return;
        }
        var exports = Ctrl && Ctrl.exports || [];
        var title = fName(node);
        title += "->导出项->";
        exports.forEach(function (_export) {
            if (!_export.fvalue) {
                _export.fvalue = _export.value && self.Compile(_export.value, [], title + _export.name);
            }
        });
        mapId = {};
        nodes.forEach(function (item) {
            var _id_t = item.getAttribute("_id");
            mapId[_id_t] = ++alloc.value;
            item.setAttribute("_id", mapId[_id_t]);
            var Outer = item.Outer = Inner[_id_t];
            var markId = Outer && Outer.markId;
            if (markId) {
                item.setAttribute("mark_Id", markId);
            }
        });
        config.MapCtrls[ctrlId] = { mapId: mapId, _config: _config };
        MapSource();
        fInsert(node);
        var styles = node.querySelectorAll("style");
        for (var key in _config) {
            var _data = _config[key];
            if (_data && _data.Recursion && _data.Recursion.childBox) {
                _data.Recursion.childBox = mapId[_data.Recursion.childBox];
            }
        }
        for (var i = 0; i < styles.length; i++) {
            var style = styles[i];
            var _id_t = style.getAttribute("_id");
            if (IsAlone(self, style, config)) {
                continue;
            }
            if (style.parentNode.tagName == "INSERT") {
                continue;
            }
            style[Symbol_Text] = style.innerHTML;
            var sheet = Scoped(style);
            style.innerHTML = "";
            var rules = sheet.rules;
            if (!config[_id_t] || !config[_id_t].filter) {
                for (var j = 0; j < rules.length; j++) {
                    var selector = rules[j].selectorText;
                    if (selector) {
                        var cssText = rules[j].style.cssText;
                        cssText = cssText.replace(/;/g, ";\n");
                        css.push({
                            selector: selector,
                            cssText: cssText,
                            id: _id_t
                        });
                    } else {
                        css.push({
                            selector: "",
                            cssText: rules[j].cssText,
                            id: _id_t
                        });
                    }
                }
            }
        }
        if (!config[_id]) {
            config[_id] = {};
        }
        Stack[ctrlId] = Stack[ctrlId] || 0;
        if (Stack[ctrlId] < 2) {
            try {
                Stack[ctrlId]++;
                var Ctrls = node.querySelectorAll("[atom='Ctrl']");
                Ctrls.forEach(function (Ctrl) {
                    self.TranslateCtrl(Ctrl, css, config, alloc);
                });
            } finally {
                Stack[ctrlId]--;
            }
        } else {
            node.remove();
            return;
        }
        map_css(css_data, mapId);
        node.Root = _config.Root;
    }

    var Symbol_DataRow = Symbol("DataRow");

    function IsDataRow(ele) {
        return ele && ele[Symbol_DataRow];
    }

    function DefRow(items, Inputs, h5, this_, node) {
        function DataRow(row, _this) {
            if (row != undefined) {
                this.row = row;
            }
            this._this = _this;
            this[Symbol_DataRow] = true;
        }
        var fn = DataRow.prototype;
        Inputs = Inputs || {};
        var title = fName(node);
        title += "->配置项->";
        fn.fConfig = function (name) {
            return (Inputs[name] || {}).value;
        }
        items.forEach(function (item) {
            var _item = Inputs[item.name] || {};
            var type = item.type;
            var v_Cus = false;
            Object.defineProperty(fn, item.name, {
                enumerable: true,
                get: function () {
                    var data = this.row || {};
                    var _this = this._this || this_;
                    _this = H5.QueryCtrl(_this);
                    if (type == "字段") {
                        return data[_item.value || item.name];
                    } else if (type == "函数") {
                        if (_item.value) {
                            if (!_item.fvalue_) {
                                var args = item.args || [];
                                var _agrs = [];
                                args.forEach(function (arg) {
                                    _agrs.push(arg.name);
                                });
                                _item.fvalue_ = _item.value && h5.Compile(_item.value, _agrs, title + item.name);
                                _item.fvalue = function () {
                                    var func = _item.fvalue_;
                                    var args = [this];
                                    for (var i = 0; i < arguments.length ; i++) {
                                        args.push(arguments[i]);
                                    }
                                    return func.apply(h5, args);
                                }
                            }
                            return function () {
                                return _item.fvalue.apply(_this, arguments);
                            };
                        } else {
                            return null;
                        }
                    } else if (type == "自定义") {
                        return _item.value;
                    } else {
                        var _value = _item.value;
                        if (v_Cus) {
                            return _value;
                        } else if (!_value) {
                            return item.value;
                        } else {
                            if (_value.type == "自定义" || !_value.type) {
                                return _value.hasOwnProperty("value") ? _value.value : item.value;
                            } else if (_value.type == "公式编辑") {
                                if (!_value.fvalue) {
                                    _value.fvalue = _value.value && h5.Compile(_value.value, [], title + item.name);
                                }
                                return _value.fvalue.call(h5, _this);
                            }
                        }
                    }
                },
                set: function (value) {
                    var data = this.row || {};
                    var type = item.type;
                    v_Cus = true;
                    if (type == "字段") {
                        data[_item.value || item.name] = value;
                    } else if (type == "函数") {
                        _item.fvalue = value;
                    } else {
                        _item.value = value;
                    }
                }
            });
        });
        fn[H5Clone] = function () {
            return new DataRow(H5.Clone(this.row), this._this);
        }
        return DataRow;
    }

    var Sources_S = Symbol("Sources");

    var Symbol_Recursion = Symbol("Recursion");

    function fAttributes(node, config) {
        if (node.$attributes) {
            return;
        }
        var self = this;
        var props = node.$attributes = {};
        var selector = new Selector("[sourceId='Data']:not([atom='Ctrl'] [sourceId='Data'])");
        node.UseData = selector.Match(node) != null;
        var title;
        var attributes = node.attributes;
        function attr(item) {
            var name = item.name.toLocaleLowerCase();
            if (name != "sourceid" && name != "has_filter") {
                props[name] = function () {
                    return item.value;
                };
            }
        }
        for (var i = 0; i < attributes.length; i++) {
            attr(attributes.item(i));
        }
        function attr2(attr) {
            var name = attr.name.toLocaleLowerCase();
            if ((["innerhtml", "innertext"].includes(name)) && (node.childElementCount)) {
                return;
            }
            if (attr.type == 0) {
                props[name] = function () {
                    return attr.value || node.getAttribute(name);
                };
            }
            if (attr.type == 1) {
                //字段
                props[name] = function (node) {
                    var value = node.$data[attr.value];
                    if (value && name == "innertext") {
                        value = value.toString();
                        value = value.replace(/\uE000-\uF8FF]/g, function (value) {
                            return "&#x" + value.charCodeAt(0).toString(16) + ";";
                        });
                    }
                    return value;
                };
            } else if (attr.type == 2) {
                //参数
                props[name] = function (node) {
                    function loop(value) {
                        if (node.Tag && node.Tag.isConnected) {
                            return "end";
                        } else {
                            node.setAttribute(name, value);
                            return "continue";
                        }
                    }
                    self.WaitParam(name, loop);
                    var value = self.GetParam(attr.value);
                    if (value && name == "innertext") {
                        value = H5.HTMLEncode(value);
                    }
                    return value;
                };
            } else if (attr.type == 3) {
                //公式
                if (!attr.func && !!attr.value) {
                    title = title || fName(node) + "->属性->";
                    attr.func = self.Compile(attr.value, [], title + name);
                }
                if (attr.func) {
                    props[name] = function (node) {
                        var value = attr.func(node);
                        if (value && name == "innertext") {
                            value = H5.HTMLEncode(value);
                        }
                        return value;
                    }
                }
            }
        }
        var attributes = config.Attributes || [];
        for (var i = 0; i < attributes.length ; i++) {
            attr2(attributes[i]);
        }
        if (!props.innertext && !props.innerhtml && !node.childElementCount && node.innerText) {
            props.innertext = function () {
                return node.innerText;
            }
        }
    }

    var g_AllocId = 0;

    function _Data(item, rows, _this) {
        var R = {};
        var DataRow = item.fDataRow;
        Object.defineProperty(R, "length", {
            get: function () {
                return rows && rows.length;
            }
        });
        R.at = function (index) {
            return new DataRow(rows.at(index), _this);
        }
        R.forEach = function (func, this_) {
            rows.forEach(function (row, i) {
                func.call(this_ || window, new DataRow(row, _this), i);
            });
        }
        R.some = function (func, this_) {
            rows.some(function (row, i) {
                return func.call(this_ || window, new DataRow(row, _this), i);
            });
        }
        R.every = function (func, this_) {
            rows.every(function (row, i) {
                return func.call(this_ || window, new DataRow(row, _this), i);
            });
        }
        R.rows = rows;
        return R;
    }

    fn.Translate = function (node, config, Sources, dataRow, append) {
        var self = this;
        var R = [];
        var pvNode = node.parentNode.pvNode;
        var _vNode = new VNode(node.tagName);
        if (!node.getAttribute) {
            _vNode.$id = node.$id = node.$id || (++g_AllocId);
            if (node.nodeName == "#text") {
                var tag = node.parentNode;
                var _id = tag.getAttribute("_id");
                if (tag.tagName == "STYLE") {
                    var alone = IsAlone(self, tag, config);
                    if (tag.hasAttribute("scoped") || alone) {
                        var sheet;
                        var scope_;
                        if (alone) {
                            var _Ctrl = H5.QueryCtrl(pvNode);
                            if (_Ctrl) {
                                scope_ = _Ctrl.getAttribute("_id");
                                scope_ = "[_id='" + scope_ + "']";
                            }
                        }
                        var sheet = Scoped(tag, scope_);
                        var rules = sheet.rules;
                        var text = "";
                        for (var i = 0; i < rules.length ; i++) {
                            text += rules[i].cssText + "\n";
                        }
                        text = text.replace(/;/g, ";\n")
                        text = text.replace(/\{/g, "{\n");
                        pvNode.setAttribute("innertext", text);
                    } else {
                        _vNode.setAttribute("nodevalue", node.nodeValue, false);
                    }
                } else {
                    _vNode.setAttribute("nodevalue", node.nodeValue, false);
                }
            }
            if (append) {
                append(_vNode);
            } else if (pvNode) {
                pvNode.appendChild(_vNode);
            }
            R.push(_vNode);
            return R;
        }
        var id = node.getAttribute("_id");
        var _config = config[id] || {};
        var _first = _vNode.cloneNode();
        _first[config_item] = node;
        if (_config.markId) {
            node.setAttribute("mark_Id", _config.markId);
        }
        var sourceId = _config.Source && _config.Source.ID;
        if (append) {
            append(_first);
        } else if (pvNode) {
            pvNode.appendChild(_first);
        }
        if (sourceId == "$Loop") {
            node.setAttribute("Loop", "$Loop");
        } else if (sourceId) {
            node.setAttribute("sourceId", sourceId);
        }
        var vParent = _first.parentNode;
        var filter = _config.filter;
        if (filter != null && !node.filter) {
            if (typeof filter == "number") {
                node.filter = function (_first) {
                    return false;
                }
            } else if (typeof filter == "string") {
                var filter = self.Compile(filter, [], "条件渲染");
                node.setAttribute("has_filter", "true");
                node.filter = function (_first) {
                    var remove;
                    var row = _first.$data;
                    try {
                        if (!sourceId) {
                            var pvNode = _first.parentNode;
                            _first.$data = pvNode.$data;
                        }
                        remove = !filter.call(self, _first);
                    } catch (e) {
                        console.error(e);
                    } finally {
                        _first.$data = row;
                    }
                    if (remove) {
                        if (append) {
                            append(_first, false);
                        } else {
                            _first.remove();
                        }
                        return false;
                    } else {
                        return true;
                    }
                }
            } else if (typeof filter == "boolean") {
                node.filter = function () {
                    if (node.configuring == null) {
                        var selector = new Selector("[_id='" + id + "']:not([atom='Ctrl'] [_id='" + id + "'])");
                        node.configuring = selector.Match(self.Template) != null;
                        if (!filter) {
                            node.configuring = !node.configuring;
                        }
                    }
                    return node.configuring;
                }
            }
        }
        fAttributes.call(self, node, _config);
        if (node.filter && node.filter(_first) == false) {
            if (append) {
                append(_first, false);
            } else {
                _first.remove();
            }
            return;
        }
        var dataSource = null;
        var Root = node.Root;
        var exports;
        var DataRow;
        if (Root && Root.Ctrl) {
            var OSources = Sources;
            Sources = Object.create(Sources);
            _first[Sources_S] = Sources;
            var Inputs = _config.Inputs;
            items = Root.Ctrl.items || [];
            DataRow = DefRow(items, Inputs, self, _first, node);
            node.fDataRow = DataRow;
            var Ctrl = Root.Ctrl;
            exports = Ctrl && Ctrl.exports || [];
            if (sourceId) {
                var _dataSource = Sources[sourceId] || [{}];
                var _data;
                if (Root.Ctrl.asList) {
                    dataSource = [new DataRow()];
                    dataSource.list = function () {
                        return Sources.Data;
                    }
                    Object.defineProperty(Sources, "Data", {
                        enumerable: true,
                        get: function () {
                            var rows = OSources[sourceId] || [{}];
                            return _Data(node, rows, _first);
                        }
                    });
                } else {
                    dataSource = _dataSource;
                    Sources.Data = dataSource;
                }
            } else {
                dataSource = [new DataRow()];
                Sources.Data = dataSource;
            }
        } else if (sourceId == "$Loop") {
            var Loop = _config.Source;
            Loop = Loop && Loop.$Loop;
            var query = Loop && Loop.query;
            if (query) {
                node.$query = self.Compile(query, ["index"], fName(node) + "->循环");
                dataSource = {
                    forEach: function (func) {
                        var index = 0;
                        var row;
                        while (row = node.$query(_first, index)) {
                            func(row, index);
                            index++;
                        }
                        if (index == 0) {
                            if (append) {
                                append(_first, false);
                            } else {
                                _first.remove();
                            }
                        }
                    }
                };
            } else {
                dataSource = { length: 0 }
            }
        } else if (sourceId) {
            dataSource = Sources[sourceId] || [(sourceId == "Data" ? Empty_Row(config.Root || {}) : {})];
        } else {
            if (!dataRow) {
                if (config.Root && config.Root.Ctrl) {
                    dataRow = self.GetSource("$data");
                    dataRow = dataRow ? dataRow[0] : {};
                };
            }
            dataSource = [dataRow || {}];
        }

        if (node.tagName == "STYLE" || node.tagName == "SCRIPT") {
            dataSource = [dataSource[0]];
        }
        var _this;
        if (dataSource.length == 0) {
            if (append) {
                append(_first, false);
            } else {
                _first.remove();
            }
            return;
        }
        var CSources = Sources;
        dataSource.forEach(function (dataRow, index) {
            var vNode = index == 0 ? _first : _vNode.cloneNode(true);
            node.pvNode = vNode;
            vNode.$data = dataRow;
            if (exports) {
                node.exports = exports;
                vNode.exports = exports;
            }
            if (Root) {
                vNode.__Root__ = Root;
            }
            vNode.__Config__ = _config;
            vNode[config_item] = node;
            if (Root && Root.Ctrl) {
                node._this = vNode;
                vNode.__Ctrl__ = Root.Ctrl;
                if (Root.Ctrl.Sources && Root.Ctrl.Sources.length > 0) {
                    var IdMap = node.IdMap;
                    Sources = Object.create(CSources);
                    vNode[Sources_S] = Sources;
                    Root.Ctrl.Sources.forEach(function (source) {
                        source.fQuery = source.fQuery || self.Compile(source.query, ["name", "items"], fName(node) + "【数据源】->" + source.name);
                        var data = source.fQuery(vNode, source.name, source.items) || [];
                        data.items = source.items;
                        data.id = IdMap[source.name];
                        data.name = source.name;
                        data.vNode = vNode;
                        Sources[source.name] = data;
                        Sources[IdMap[source.name]] = data;
                        data.Load = function () {
                            return source.fQuery(vNode, source.items);
                        }
                    });
                }
            } else {
                node._this = node.parentNode && node.parentNode._this;
            }
            if (index) {
                if (append) {
                    append(vNode);
                } else if (pvNode) {
                    pvNode.appendChild(vNode);
                }
            }
            node.childNodes.forEach(function (child) {
                child.fDataRow = node.fDataRow;
                self.Translate(child, config, Sources, dataRow);
            });
            R.push(vNode);
        });
        var map_nodes = null;
        var recursion = _config.Recursion;
        if (recursion) {
            var _id = recursion.childBox;
            var _No = recursion.No;
            var _Parent = recursion.Parent;
            var _Index = recursion.Index;
            var _childIndex = -1;
            function fChildBox(vNode) {
                var nodes = (vNode && vNode.childNodes) || [];
                var R = null;
                if (_childIndex == -1) {
                    for (var i = 0; i < nodes.length ; i++) {
                        if (nodes[i].getAttribute("_id") == _id) {
                            R = nodes[i];
                            _childIndex = i;
                            break;
                        }
                    }
                } else {
                    R = nodes[_childIndex];
                }
                return R;
            }
            if (_id && fChildBox(R[0]) && _No && _Parent) {
                node.fRecursion = function (vNodes, deletes) {
                    map_nodes = node[Symbol_Recursion] = node[Symbol_Recursion] || {};
                    vNodes.forEach(function (vNode) {
                        var row = vNode.$data;
                        if (row[_No]) {
                            map_nodes[row[_No]] = vNode;
                        }
                    });
                    deletes && deletes.forEach(function (vNode) {
                        var row = vNode.$data;
                        delete map_nodes[row[_No]]
                    });
                    var childrens = [];
                    var _set = new Set();
                    var _nodes_ = vParent.childNodes;
                    for (var i = 0; i < _nodes_.length ; i++) {
                        var _node = _nodes_[i];
                        var _parent = _node.$data[_Parent];
                        if (_parent && map_nodes[_parent]) {
                            vNodes.push(_node);
                        }
                    }
                    for (var i = 0; i < vNodes.length ; i++) {
                        var _node = vNodes[i];
                        var _parent = _node.$data[_Parent];
                        if (_parent && map_nodes[_parent]) {
                            var pNode = map_nodes[_parent];
                            var children = fChildBox(pNode);
                            _node.parent = pNode;
                            children.appendChild(_node);
                            if (!_set.has(children)) {
                                _set.add(children);
                                childrens.push(children);
                            }
                            vNodes.splice(i, 1);
                            i--;
                        } else {
                            if (!_set.has(pvNode)) {
                                _set.add(pvNode);
                                childrens.push(pvNode);
                            }
                            _node.parent = null;
                            if (_node.parentNode != pvNode) {
                                pvNode.appendChild(_node);
                                pvNode.Tag.appendChild(_node.Tag);
                            }
                        }
                    }
                    if (_Index) {
                        for (var i = 0; i < childrens.length; i++) {
                            childrens[i].Sort(function (e1, e2) {
                                var row1 = e1.$data;
                                var row2 = e2.$data;
                                var v1 = row1[_Index];
                                var v2 = row2[_Index];
                                if (v1 == v2) {
                                    return 0;
                                } else if ((v1 == null && v2 != null) || v1 < v2) {
                                    return -1;
                                } else if ((v1 != null && v2 == null) || v1 > v2) {
                                    return 1;
                                }
                            });
                        }
                    }
                }
                node.fChildBox = fChildBox;
                node.fRecursion(R);
                vParent.getItemByNo = function (No) {
                    return map_nodes[No];
                }
                var removeAll = vParent.removeAll;
                vParent.removeAll = function (box) {
                    box = box || this;
                    if (box == this) {
                        for (var key in map_nodes) {
                            delete map_nodes[key];
                        }
                    } else {
                        var all = box.querySelectorAll("[_id='" + node.getAttribute("_id") + "']");
                        all.forEach(function (ele) {
                            delete map_nodes[ele.$data[_No]];
                        });
                    }
                    removeAll.call(box || this);
                }
            }
        }
        return R;
    }

    function fEachAll(node, each) {
        var self = this;
        var _config = node.__Config__;
        var attributes = _config && _config.Attributes || [];
        node.Level = node.parent ? node.parent.Level + 1 : 0;
        if (each) {
            each(node);
        }
        var nodes = node.childNodes;
        for (var i = 0; i < nodes.length ; i++) {
            var child = nodes[i];
            fEachAll.call(self, child, each);
        }
    }

    var Symbol_Event = Symbol("Event");

    var Symbol_Export = Symbol("Export");

    var css_selector;

    function _$Append(parent, func) {
        var body = H5.Top().document.body;
        var nodes = body.childNodes;
        var all = [];
        nodes.forEach(function (node) {
            if (node.hasAttribute && node.hasAttribute("h5topmost") && node.AppendTest(parent)) {
                all.push(node);
            }
        });
        function Append(index, func) {
            var node = all[index];
            if (index == all.length - 1) {
                node.Append(parent, func);
            } else {
                node.Append(parent, function () {
                    Append(index + 1, func);
                });
            }
        }
        if (all.length) {
            Append(0, func);
        } else {
            func();
        }
    }

    function fEvent(node) {
        var self = this;
        if (!node.Tag) {
            debugger
        }
        if (!node.Tag.isConnected) {
            return;
        }
        var _config = node.__Config__;
        var exports = node.exports || [];
        if (!node.Tag[Symbol_Export]) {
            node.Tag[Symbol_Export] = true;
            exports.forEach(function (_export) {
                if (node[_export.name] === undefined && _export.fvalue) {
                    var value = _export.fvalue(node);
                    if (value) {
                        if (value.constructor && value.constructor.name == "Object" && (typeof value.get == "function" || typeof value.set == "function")) {
                            Object.defineProperty(node, _export.name, value);
                        } else {
                            node[_export.name] = value;
                        }
                    }
                }
            });
        }
        var childNodes = [].concat(node.childNodes);
        for (var i = 0; i < childNodes.length; i++) {
            var _node = childNodes[i];
            if (_node.__Config__) {
                fEvent.call(self, _node);
            }
        }
        var __config = _config.Config;
        if (__config && Object.keys(__config).length > 0 && !(self.dataConfig.Root && self.dataConfig.Root.Ctrl)) {
            var atom = node.getAttribute("atom");
            if (atom == "ECharts") {
                var _Echarts = S_Echarts(node.Tag, __config);
                node.Tag.style.overflow = "hidden";
                var _Compile = _Echarts.Compile;
                node.eChart = _Echarts.eChart;
                _Echarts.Compile = function (code, args) {
                    args.push("self", "_this");
                    return _Compile.call(this, code, args);
                }
                _Echarts.Eval = function (func, line) {
                    var args = [];
                    for (var i = 1; i < arguments.length; i++) {
                        args.push(arguments[i]);
                    }
                    args.push(self, node);
                    return func.apply(_Echarts, args);
                }
                var data
                var option;
                try {
                    var Template = self.Template;
                    var item = Template.querySelector("[_id='" + node.getAttribute("_id") + "']");
                    if (item.fData) {
                        data = item.fData();
                        option = data && _Echarts.Translate({ Data: data });
                    } else {
                        option = _Echarts.Translate(self.Sources);
                    }
                } catch (e) {
                    console.log(e);
                }
                function draw(option) {
                    _Echarts.Render(option);
                    H5.CatchResize(node.Tag, function () {
                        _Echarts.eChart.resize();
                    });
                    var click = _config.onclick && _config.onclick.trim() || "";
                    if (!!click) {
                        click = "//【" + (node.getAttribute("name") || node.tagName) + "】(点击事件)\n" + click;
                        var myChart = _Echarts.eChart;
                        myChart.on("click", function (param) {
                            if (!!click) {
                                (function () {
                                    var dataLine = param.data && param.data["{data}"]();
                                    var dataObject = param.data;
                                    var dataSource = null;
                                    var dataList = null;
                                    _this = node;
                                    eval(click);
                                }).call(node);
                            }
                        });
                    }
                    var showBtn = _config.showBtn;
                    var _show = false;
                    if (showBtn) {
                        if (showBtn.type == "自定义") {
                            _show = showBtn.value;
                        } else {
                            _show = data && data[0] && data[0][showBtn.value]
                        }
                    }
                    if (_show) {
                        node.Tag.insertAdjacentHTML("beforeend", "<div style='color:#0db3a6;position:absolute;right:5px;top:5px;cursor:pointer'>查看</div>");
                        var btn = node.Tag.lastChild;
                        btn.onclick = function () {
                            var btn = this;
                            var rect = btn.getBoundingClientRectEx();
                            var X = rect.right + 20;
                            var Y = rect.top;
                            if (Y + 600 > CLTop.innerHeight) {
                                Y = CLTop.innerHeight - 600;
                            }
                            if (X + 300 > CLTop.innerWidth) {
                                X = CLTop.innerWidth - 300;
                            }
                            if (btn.dlg) {
                                btn.dlg.AnimationTo(X, Y);
                                return;
                            }
                            var dlg = H5.ShowObject(option, function (key) {
                                return !/^\{[\S]+\}$/.test(key);
                            }, function (value) {
                                try {
                                    draw(value);
                                } catch (e) {

                                }
                            });
                            btn.dlg = dlg;
                            dlg.AnimationTo(X, Y);
                            dlg.onclosed = function () {
                                delete btn.dlg;
                            }
                        }
                    }
                }
                draw(option);
            }
            if (atom === "H5Config") {
                var _h5 = H5(node.Tag);
                _h5.Render(__config, self.Sources);
                node.Tag.removeAttribute("empty");
            }
        }
        var title = fName(node);
        title += "->事件->";
        var end = false;
        var Handles = _config.Handles || [];
        var index_in = 0;
        if (node.getAttribute("atom") == "Ctrl") {
            var item = self.Template.querySelector("[_id='" + node.getAttribute("_id") + "']");
            if (item.Root) {
                var _Handles = item.Root.Handles ? [].concat(item.Root.Handles) : [];
                index_in = _Handles.length;
                _Handles = _Handles.concat(Handles || []);
                Handles = _Handles;
            }
        }
        var item = node[config_item];
        if (item.Outer && item.Outer.Handles) {
            Handles = Handles.concat(item.Outer.Handles);
        }
        if (Handles && Handles.length) {
            var loads = [];
            if (!node[Symbol_Event]) {
                node[Symbol_Event] = true;
                Handles.forEach(function (handle, index) {
                    if (!!handle.content) {
                        if (handle.type == 'load') {
                            loads.push(function () {
                                var _this = node;
                                if (!handle.func) {
                                    handle.func = self.Compile(handle.content, [], title + handle.name, { ctrl_in: index < index_in });
                                }
                                handle.func(node);
                            });
                        } else if (handle.type == "childnodeschange") {
                            var observer = new MutationObserver(function () {
                                if (!handle.func) {
                                    handle.func = self.Compile(handle.content, [], title + handle.name, { ctrl_in: index < index_in });
                                }
                                handle.func(node);
                            });
                            observer.observe(node.Tag, {
                                childList: true,
                                subtree: false,
                                attributes: false
                            });
                        } else {
                            node.Tag.addEventListener(handle.type, function (event) {
                                if (!handle.func) {
                                    handle.func = self.Compile(handle.content, ["event"], title + handle.name, { ctrl_in: index < index_in });
                                }
                                handle.func(node, event);
                                if (handle.type == "contextmenu") {
                                    event.preventDefault();
                                }
                            });
                        }
                    }
                });
                loads.forEach(function (func) {
                    func();
                });
            }
        }
        if (node.parentNode) {
            self.SetEvent(node, "load", null, false);
        }
    }

    function fInsert(item, vRoot, tags) {
        var _id = item.getAttribute("_id");
        var ch_nodes = vRoot.childNodes;
        var m_index = {};
        var pitem = item.parentNode;
        var pc_nodes = pitem.childNodes;
        pc_nodes.forEach(function (item, index) {
            var _id = item.$id || item.getAttribute("_id");
            if (!_id) {
                throw new Error("出错了");
            }
            m_index[_id] = index;
        });
        function find_prev(id, arr, offset, size) {
            while (true) {
                var index = offset + Math.floor(size / 2);
                var ele = arr[index];
                var _id = ele.$id || ele.getAttribute("_id");
                if (_id == id) {
                    var prev_ = ele.previousSibling;
                    if (!prev_) {
                        return null;
                    }
                    if (!prev_.tagName || prev_.getAttribute("_id") != id) {
                        return index - 1;
                    } else {
                        size = size - index;
                    }
                } else if (m_index[id] > m_index[_id]) {
                    offset = index + 1;
                    size = size - index - 1;
                } else {
                    throw new Error("出错了");
                }
                if (size <= 0) {
                    var ele = arr[index];
                    var _id = ele.$id || ele.getAttribute("_id");
                    if (_id == id) {
                        return null;
                    } else {
                        return index;
                    }
                }
            }
        }
        function find_next(id, arr, offset, size) {
            while (true) {
                var index = offset + Math.floor(size / 2);
                var ele = arr[index];
                var _id = ele.$id || ele.getAttribute("_id");
                if (_id == id) {
                    var next_ = ele.nextSibling;
                    if (!next_) {
                        return null;
                    }
                    if (!next_.tagName || next_.getAttribute("_id") != id) {
                        return index + 1;
                    } else {
                        size = Math.floor(size / 2);
                    }
                } else if (m_index[id] < m_index[_id]) {
                    size = Math.floor(size / 2);
                } else {
                    throw new Error("出错了");
                }
                if (size <= 0) {
                    var ele = arr[index];
                    var _id = ele.$id || ele.getAttribute("_id");
                    if (_id == id) {
                        return null;
                    } else {
                        return index;
                    }
                }
            }
        }
        function find(id, arr, offset, size) {
            offset = offset == null ? 0 : offset;
            size = size == null ? arr.length : size;
            var next = null;
            var prev = null;
            while (true) {
                var index = offset + Math.floor(size / 2);
                var ele = arr[index];
                if (!ele) {
                    return null;
                }
                var _id = ele.$id || ele.getAttribute("_id");
                if (_id == id) {
                    prev = prev == null ? 0 : prev;
                    prev = find_prev(id, arr, prev, index - prev);
                    next = next == null ? arr.length : next;
                    next = find_next(id, arr, index, next - index);
                    return {
                        prev: prev,
                        next: next,
                        find: true
                    }
                } else if (m_index[id] > m_index[_id]) {
                    prev = index;
                    offset = index + 1;
                    size = size - index - 1;
                } else {
                    next = index;
                    size = Math.floor(size / 2);
                }
                if (size <= 0) {
                    break;
                }
            }
            if (prev == null && next == null) {
                return null;
            } else if (prev != null) {
                next = next == null ? arr.length : next;
                var prev_ = arr[prev];
                var _id = prev_.$id || prev_.getAttribute("_id");
                var next_;
                while (true) {
                    next_ = find_next(_id, arr, prev, next - prev);
                    var ele = arr[next_];
                    if (!ele) {
                        return {
                            prev: prev,
                            next: null
                        }
                    }
                    _id = ele.$id || ele.getAttribute("_id");
                    if (m_index[id] < m_index[_id]) {
                        return {
                            prev: prev,
                            next: next_
                        }
                    } else {
                        prev = next_;
                    }
                }
            } else {
                var next_ = arr[next];
                var _id = next_.$id || next_.getAttribute("_id");
                var prev_;
                while (true) {
                    prev_ = find_prev(_id, arr, 0, next);
                    var ele = arr[next_];
                    if (!ele) {
                        return {
                            prev: null,
                            next: next
                        }
                    }
                    _id = ele.$id || ele.getAttribute("_id");
                    if (m_index[id] > m_index[_id]) {
                        return {
                            prev: prev,
                            next: next_
                        }
                    } else {
                        next = prev_;
                    }
                }
            }
        }
        var R_ = find(_id, ch_nodes);
        var pId = pitem.getAttribute("_id");
        var _pparent;
        if (pId == null) {
            _pparent = vRoot;
        } else {
            _pparent = vRoot.getAttribute("_id") == pId ? vRoot : vRoot.Query("_id", pId);
        }
        if (!_pparent) {
            return;
        }
        function R(vNode) {
            _pparent.insertBefore(vNode, R.After);
        }
        if (tags && R_ && R_.find) {
            R.Tags = R_ && ch_nodes.slice((R_.prev == null ? -1 : R_.prev) + 1, ((R_.next || ch_nodes.length))) || [];
        } else {
            R.Tags = [];
        }
        R.After = R_ && ch_nodes[R_.next] || null;
        return R;
    }

    function fSwap(dst, src, add, remove, update) {
        function _Swap(_Dst, _Src, _add) {
            if (_Dst.getAttribute("_id") != _Src.getAttribute("_id")) {
                _Dst.insertAdjacentElement("beforebegin", _Src);
                _add && _add(_Src);
            } else {
                _Dst.props = _Src.props;
                update(_Dst, _Src);
                if (_Dst.getAttribute("atom") == "Ctrl" && !_Dst[config_item].UseData) {
                    return;
                }
                var src_nodes = _Src.childNodes;
                var dst_nodes = _Dst.childNodes;
                var len = src_nodes.length;
                var len_ = len;
                var index = 0;
                for (var i = 0; i < len; i++) {
                    if (dst_nodes[index]) {
                        _Swap(dst_nodes[index], src_nodes[i], function (node) {
                            index++;
                            i--;
                            len--;
                            add(node);
                        });
                        index++;
                    } else {
                        var s_ele = src_nodes[i];
                        _Dst.appendChild(s_ele);
                        add(s_ele);
                        len--;
                        i--;
                    }
                }
                for (var i = dst_nodes.length - 1; i >= len_  ; i--) {
                    var node = dst_nodes[i];
                    node.remove();
                    i--;
                    remove(node);
                }
            }
        }
        _Swap(dst, src);
    }

    function fUpdate(item, dataConfig, Sources, vRoot, Swap_vNodes, queryAll) {
        var self = this;
        var _id = item.getAttribute("_id");
        var _pid = item.parentNode.getAttribute("_id");
        var p_vNodes;
        if (vRoot.getAttribute("_id") == _pid) {
            p_vNodes = [vRoot];
        } else {
            p_vNodes = queryAll(vRoot, _pid);
        }
        var win = H5.Window(self.box);
        var IsCtrl = item.Root != null;
        function each(parent) {
            var Insert = fInsert(item, parent, true);
            var Tags = Insert.Tags;
            item.parentNode.pvNode = parent;
            var new_nodes = [];
            var pRow = parent.$data || {};
            var _this = pRow._this;
            self.Translate(item, dataConfig, Sources, pRow, function (node, remove) {
                if (remove !== false) {
                    Insert(node);
                    new_nodes.push(node);
                } else {
                    node.remove();
                    new_nodes.splice(new_nodes.lastIndexOf(node), 1);
                }
            });
            pRow._this = _this;
            if (item.fRecursion) {
                item.fRecursion(new_nodes);
                for (var i = 0; i < new_nodes.length ; i++) {
                    var _node = new_nodes[i];
                    if (!_node.parentNode.Tag) {
                        new_nodes.splice(i, 1);
                        i--;
                    }
                }
            }
            var _html = "";
            var swapped = [];
            new_nodes.forEach(function (vNode, index) {
                fEachAll.call(self, vNode);
                var tag = Tags[index];
                if (tag) {
                    fSwap(tag, vNode, function (node) {
                        var after = node.nextSibling;
                        if (after) {
                            after.Tag.insertAdjacentHTML("beforebegin", node.outerHTML());
                        } else {
                            node.parentNode.Tag.insertAdjacentHTML("beforeend", node.outerHTML());
                        }
                    }, function (node) {
                        if (node.Tag) {
                            node.Tag.remove();
                        }
                    }, function (dst, src) {
                        if (IsDataRow(dst.$data)) {
                            dst.$data.row = src.$data.row;
                        } else {
                            dst.$data = src.$data;
                        }
                        swapped.push(src);
                    });
                } else {
                    _html += vNode.outerHTML();
                }
            });
            for (var i = new_nodes.length; i < Tags.length ; i++) {
                Tags[i].remove();
                Tags[i].Tag.remove();
            }
            if (!Insert.After) {
                var pTag = (parent.Tag == self.box ? self.Root : parent.Tag);
                var before = pTag.lastChild;
                if (!before) {
                    pTag.innerHTML = _html;
                } else {
                    before.insertAdjacentHTML("afterend", _html);
                }
            } else {
                var after = Insert.After;
                var pBox = after.parentNode.Tag;
                var Tag;
                var Cnt = 0;
                while (!(Tag = after.Tag)) {
                    after = after.nextSibling;
                    if (!after) {
                        Tag = pBox.lastChild;
                        break;
                    } else {
                        Cnt++;
                    }
                }
                while (Cnt) {
                    Tag = Tag.previousSibling;
                    Cnt--;
                }
                Tag.insertAdjacentHTML("beforebegin", _html);
            }
            swapped.forEach(function (ele) {
                ele.remove();
            });
            var selector = "[_id='" + _id + "'],[_id='" + _id + "'] [_id]";
            var elements = (parent.Tag == self.box ? self.Root : parent.Tag).querySelectorAll(selector);
            var list = parent.querySelectorAll(selector);
            var funcs = [];
            for (var i = 0; i < list.length ; i++) {
                var isNew = !list[i].Tag;
                if (isNew) {
                    _Connect(list[i], elements[i]);
                    if (elements[i].tagName == "SCRIPT") {
                        funcs.push({
                            func: self.Compile(elements[i].innerHTML, [], elements[i].getAttribute("name") || "sctipt(" + elements[i].getAttribute("_id") + ")"),
                            _this: list[i]
                        });
                    }
                    Swap_vNodes.push(list[i]);
                } else {
                    list[i].Commit(elements[i]);
                    self.SetEvent(list[i], "$data", list[i].$data, false);
                }
            }
            funcs.forEach(function (data) {
                data.func(data._this);
            });
        }
        p_vNodes.forEach(function (parent) {
            _$Append(parent, function () {
                each(parent);
            });
        });
    }

    function fQueryAll(vRoot, fEach) {
        var all_vNodes = new Map();
        function Calc(vNode, each) {
            var store;
            if (!all_vNodes.has(vNode)) {
                store = {};
                all_vNodes.set(vNode, store);
            } else {
                store = all_vNodes.get(vNode);
            }
            if (each) {
                each(vNode);
            }
            if (fEach) {
                fEach(vNode);
            }
            var nodes = vNode.childNodes;
            for (var i = 0; i < nodes.length ; i++) {
                Calc(nodes[i], function (node) {
                    var _id = node.getAttribute("_id");
                    var list = store[_id];
                    if (!list) {
                        store[_id] = list = [];
                    }
                    list.push(node);
                    if (each) {
                        each(node);
                    }
                    if (fEach) {
                        fEach(vNode);
                    }
                });
            }
        }
        Calc(vRoot);
        function QueryAll(vNode, _Id) {
            var store = all_vNodes.get(vNode);
            return store && store[_Id] || [];
        }
        return QueryAll;
    }

    var SheetId = Symbol();

    var h5_path = document.currentScript.src || "";

    h5_path = /\.js(?:\?v=[0-9]+)?$/.test(h5_path) ? h5_path.replace(/\/[^\/]+$/, "/H5.css") : "";

    function H5Style(self) {
        var win = H5.Window(self.box);
        if (win) {
            if (!win[SheetId]) {
                try {
                    win[SheetId] = H5.Get(h5_path || "/View/H5/H5.css");
                } catch (e) {
                    win[SheetId] = "\n";
                }
            }
            return win[SheetId];
        }
    }

    fn.Parent = function () {
        var self = this;
        return H5.GetInstance(self.box.parentNode);
    }

    var TCtrls_S = Symbol("TCtrls");

    var dySource_s = Symbol("sourceId");

    fn.SetChildTemplates = function (TCtrls) {
        var self = this;
        self[TCtrls_S] = TCtrls;
    }

    fn.Prepare = function (html) {
        var self = this;
        var IsCtrls = false;
        var parent = self.Parent();
        var TCtrls = self.dataConfig && self.dataConfig.TCtrls || self[TCtrls_S] || {};
        TCtrls = parent ? Object.assign(Object.create(parent.dataConfig.TCtrls || {}), TCtrls) : TCtrls;
        if (/^T_[0-9]+$/.test(html)) {
            html = TCtrls[html] || H5.LoadCtrls([html])[html];
        }
        var div = document.createElement("div");
        html = html || H5.Empty();
        div.innerHTML = html;
        div.html_s = html;
        var last = div.lastChild;
        if (last.tagName != "CTRLS" && (last.tagName != "script" || (!last.hasAttribute("css") && !last.hasAttribute("config")))) {
            if (/<\/html>[\s]*$/.test(html)) {
                html = "<iframe src='" + H5.CreateUrl(new Blob([html], { type: 'text/html' })) + "' style='width:100%;height:100%;border:none'></iframe>"
            }
            html = html + H5.Empty();
            div.innerHTML = html;
            div.html_s = html;
        }
        self.Template = div;
        if (div.lastChild.tagName == "CTRLS") {
            IsCtrls = true;
        }
        var _html = "";
        css_selector = css_selector || Selector("script[css]:not([atom='Ctrl'] script[css]");
        var css = IsCtrls ? css_selector.Match(div) : div.lastChild.previousSibling;
        if (css) {
            css.remove();
            var html = css.innerHTML;
            html = html[0] == "[" ? html : H5.Atob(html);
            css = JSON.parse(html) || [];
        } else {
            css = [];
        }
        var config = IsCtrls ? div.querySelector("script[config]") : div.lastChild;
        if (config) {
            config.remove();
            var html = config.innerHTML;
            html = html[0] == "{" ? html : H5.Atob(html);
            config = JSON.parse(html) || {};
        } else {
            config = {};
        }
        var Ctrls = config.Ctrls || {};
        Ctrls = parent ? Object.assign(Object.create(parent.dataConfig.Ctrls || {}), Ctrls) : Ctrls;
        if (IsCtrls) {
            div.lastChild.childNodes.forEach(function (item) {
                if (/^T_[0-9]+$/.test(item.id) && item.innerHTML) {
                    TCtrls[item.id] = item.innerHTML;
                } else if (item.innerHTML) {
                    Ctrls[item.id] = item.innerHTML;
                }
            });
            div.lastChild.remove();
        }
        var Root = config.Root || {};
        if (Root && Root.Ctrl) {
            var Source_ = Root.Ctrl.Source = Root.Ctrl.Source || {};
            var Keys = Source_.Keys = Source_.Keys || {};
            Keys["$data"] = "$id";
            for (var key in config) {
                var Source = config[key].Source;
                if (Source && Source.ID == "Data") {
                    Source.ID = "$data";
                }
            }
        }
        config.Ctrls = Ctrls;
        config.TCtrls = TCtrls;
        self.dataConfig = config;
        var all = div.querySelectorAll("[_id]");
        var alloc = 0;
        all.forEach(function (ele) {
            alloc = Math.max(ele.getAttribute("_id") * 1, alloc);
        });
        all = div.querySelectorAll("*:not([_id])");
        all.forEach(function (ele) {
            ele.setAttribute("_id", ++alloc);
        });
        var _css = [];
        var Ctrls = div.querySelectorAll("[atom='Ctrl']");
        alloc = { value: alloc };
        Ctrls.forEach(function (Ctrl) {
            self.TranslateCtrl(Ctrl, _css, config, alloc);
        });
        if (Global && Global != self) {
            Global.WaitAll();
        }
        var cssText = "";
        var root = ":host";
        _css.forEach(function (ele) {
            ele.selector = ele.selector.replace(/\[_id\=\"\Root"\]/g, root);
        });
        css.forEach(function (ele) {
            ele.selector = ele.selector.replace(/\[_id\=\"\Root"\]/g, root);
        });
        var dataCss = _css.concat(css);
        dataCss.toString = function () {
            var cssText = "";
            this.forEach(function (ele) {
                if (ele.selector) {
                    cssText += ele.selector + "{\n" + ele.cssText + "\n}\n";
                } else {
                    cssText += ele.cssText + "\n";
                }
            });
            return cssText;
        }
        self.dataCss = dataCss;
        self.Alloc = alloc;
    }

    fn.Render = function (arg1, arg2, func) {
        var self = this;
        arg1 = arg1 || "";
        if (typeof arg1 == "string") {
            self.Sources = arg2 || {};
            self.Prepare(arg1);
        } else {
            self.Sources = arg1 || {};
            func = arg2;
        }
        var Render = self.Render;
        self.Render = function () { }
        var _html = "";
        var list = [];
        var div = self.Template;
        var config = self.dataConfig;
        var nodes = div.childNodes;
        var data = self.Sources;
        var toloads = [];
        function fLoad() {
            var toload = [];
            toload.id = fLoad.Id = (fLoad.Id ? fLoad.Id + 1 : 1);
            toloads[toload.id] = toload;
            return toload;
        }
        var toload = fLoad();
        var scripts = div.querySelectorAll("script[src]");
        for (var i = 0; i < scripts.length ; i++) {
            var ele = scripts[i];
            if (ele.tagName == "SCRIPT") {
                var src = scripts[i].getAttribute("src");
                if (src) {
                    toload.push(src);
                }
            }
        }
        _load(toload);
        var funcEnd = function () {
            try {
                var all = self.Root.querySelectorAll("[_id]");
                var funcs = [];
                for (var i = 0; i < list.length ; i++) {
                    var ele = all[i];
                    _Connect(list[i], ele);
                    if (ele.tagName == "SCRIPT") {
                        var src = all[i].getAttribute("src");
                        if (!src) {
                            funcs.push({
                                func: self.Compile(all[i].innerHTML, [], all[i].getAttribute("name") || "sctipt(" + all[i].getAttribute("_id") + ")")
                              , _this: list[i]
                            });
                        }
                    }
                }
                funcEnd = function () {
                    fEvent.call(self, div.pvNode);
                    func && func();
                    self.SetEvent("load", null, false);
                }
                _Import(function () {
                    funcs.forEach(function (data) {
                        data.func(data._this);
                    }, true);
                }, function () {
                    fEvent.call(self, div.pvNode);
                    func && func();
                    self.SetEvent("load", null, false);
                });
            } catch (e) {
                if (e != Render) {
                    throw e;
                }
            } finally {
                self.Render = Render;
            }
        }
        function _load(toload, func) {
            g_Import(toload, function (toload, async_) {
                delete toloads[toload.id];
                if (func) {
                    func()
                } else if (async_ && Object.keys(toloads) == 0) {
                    funcEnd();
                }
            });
        }
        function _Import(func, func_) {
            var Import = H5.Import;
            try {
                toload = fLoad();
                H5.Import = function (list) {
                    list = Array.isArray(list) ? list : [list];
                    list.forEach(function (ele) {
                        toload.push(ele);
                    });
                }
                func();
                H5.Import = Import;
                _load(toload, func_);
            } finally {
                H5.Import = Import;
            }
        }
        div.pvNode = new VNode(self.box.tagName);
        var _config = div.pvNode.__Config__ = config["Root"] || {};
        div.pvNode[config_item] = div;
        if (_config.Ctrl) {
            var row = data["$data"] && data["$data"][0] || {};
            div.pvNode.$data = row;
        }
        if (!H5.To_vNode(self.box)) {
            _Connect(div.pvNode, self.box);
        } else {
            div.pvNode.Tag = self.box;
        }
        self.vRoot = div.pvNode;
        var inSources = _config.Sources || (_config.Ctrl && _config.Ctrl.Sources);
        if (inSources) {
            _Import(function () {
                inSources.forEach(function (source) {
                    var list = data[source.name] = self.Compile(source.query, ["name", "items"], "数据源->" + source.name)(div.pvNode, source.name, source.items) || [];
                    list.id = source.name;
                    list.items = source.items;
                    list.name = source.name;
                });
            });
        }
        var _html_ = "<style>" + H5Style(self);
        _html_ += "</style><style>";
        var _links_ = {};
        var links = div.querySelectorAll("link[href]");
        for (var i = 0; i < links.length ; i++) {
            var href = links[i].getAttribute("href");
            if (href && !links[href]) {
                _html_ += "@import '" + links[i].getAttribute("href") + "';";
            }
        }
        self.dataCss.Update = function () {
            style.innerHTML = self.dataCss;
        }
        _Import(function () {
            nodes.forEach(function (node) {
                var R = self.Translate(node, config, data);
                R && R.forEach(function (vNode) {
                    fEachAll.call(self, vNode, function (vNode) {
                        if (vNode.tagName == "LINK") {
                            var href = vNode.getAttribute("href");
                            if (href && !links[href]) {
                                _html_ += "@import '" + links[i].getAttribute("href") + "';";
                            }
                        }
                        if (vNode.tagName == "SCRIPT") {
                            var src = vNode.getAttribute("src");
                            if (src) {
                                H5.Import([src]);
                            }
                        }
                        if (vNode.getAttribute("_id")) {
                            list.push(vNode);
                        }
                    });
                    _html += vNode.outerHTML();
                });
            });
        });
        _html_ += self.dataCss;
        _html_ += "</style>";
        self.Root.innerHTML = _html_ + _html;
        self.Render = function (html, data) {
            Render.call(this, html, data);
            throw Render;
        };
        var win = H5.Window(self.box);
        if (Object.keys(toloads) == 0) {
            funcEnd();
        }
    }

    fn.SetSource = function (name, vNode) {
        var self = this;
        vNode = H5.QueryCtrl(vNode);
        if (vNode && vNode != self.vRoot) {
            _Scope(self, vNode, function (Scope) {
                var Sources = Scope.Sources;
                if (Sources) {
                    var data = Sources[name];
                    if (data.Load) {
                        var _data = data.Load();
                        _data.Load = data.Load;
                        var O = {};
                        O[name] = _data;
                        self.Reload(O);
                    }
                }
            });
        } else {
            var div = self.Template;
            var _config = div.pvNode.__Config__;
            var Sources = _config.Sources || (_config.Ctrl && _config.Ctrl.Sources);
            if (Sources) {
                name = Array.isArray(name) ? name : [name];
                var Data = {};
                Sources.forEach(function (source) {
                    if (name.includes(source.name)) {
                        var list = Data[source.name] = self.Compile(source.query, ["name", "items"])(div.pvNode, source.name, source.items) || [];
                        list.id = source.name
                        list.items = source.items;
                        list.name = source.name;
                    }
                });
                self.Reload(Data);
            }
        }
    }

    fn.GetSourceId = function (vNode) {
        var self = this;
        var _vNode = vNode;
        var dataConfig = self.dataConfig;
        do {
            if (!_vNode) {
                break;
            }
            if (_vNode[dySource_s]) {
                return _vNode[dySource_s];
            }
            var _id = _vNode.getAttribute("_id");
            var _config = dataConfig[_id];
            if (_config && _config.Source && _config.Source.ID && _config.Source.ID != "Data") {
                return _config.Source.ID;
            }
        }
        while (_vNode = _vNode.parentNode);
        return null;
    }

    fn.GetSource = function (sourceId) {
        var self = this;
        if (typeof sourceId != "string") {
            sourceId = self.GetSourceId(sourceId);
        }
        return self.Sources[sourceId];
    }

    fn.GetSourceKey = function (sourceId) {
        var dataConfig = self.dataConfig;
        var Keys = dataConfig.Root && dataConfig.Root.Source && dataConfig.Root.Source.Keys || {};
        return Keys[sourceId] || "ID";
    }

    fn.SetChanged = function (vNode) {
        if (vNode && H5.IsHTMLElement(vNode.Tag)) {
            var Tag = vNode.Tag;
            var event = document.createEvent('Event');
            event.initEvent('change', true, true);
            event.vTag = vNode;
            Tag && Tag.dispatchEvent(event);
        }
    }

    fn.WaitChanged = function (vNode, func) {
        if (vNode && H5.IsHTMLElement(vNode.Tag)) {
            function end() {
                vNode.Tag.removeEventListener("change", changed);
            }
            function changed(e) {
                if (func() == 'end' && vNode.Tag) {
                    end();
                }
            }
            vNode.Tag.addEventListener("change", changed);
            return end;
        }
    }

    fn.SetEvent = function (vNode, type, data, bubble, cancelable) {
        var self = this;
        if (typeof vNode == "string") {
            return H5.SetEvent(self.Root, vNode, type, data, bubble);
        } else if (vNode == self.vRoot) {
            return H5.SetEvent(self.Root, type, data, bubble, cancelable);
        } else {
            if (vNode && H5.IsHTMLElement(vNode.Tag)) {
                return H5.SetEvent(vNode.Tag, type, data, bubble, cancelable);
            }
        }
    }

    fn.WaitEvent = function (vNode, type, func) {
        var self = this;
        if (typeof vNode == "string") {
            return H5.WaitEvent(self.Root, vNode, type);
        } else if (vNode == self.vRoot) {
            return H5.WaitEvent(self.Root, type, func);
        } else {
            if (vNode && H5.IsHTMLElement(vNode.Tag)) {
                return H5.WaitEvent(vNode.Tag, type, func);
            }
        }
    }

    var g_scope_s = Symbols.alwaysGet("H5Scope", Symbol("H5Scope"));

    function _Scope(self, vNode, func) {
        var old = self[g_scope_s];
        var id = vNode.getAttribute("_id");
        var item = vNode[config_item];
        var dataConfig = self.dataConfig;
        var _config = dataConfig[id];
        var Ctrl = H5.QueryCtrl(vNode);
        var Root = Ctrl && Ctrl[config_item].Root;
        var scope = self[g_scope_s] = {};
        var Keys;
        if (Root && Root.Ctrl) {
            scope.Sources = Ctrl[Sources_S] || {};
            Keys = Root.Ctrl.Source && Root.Ctrl.Source.Keys || {};
        }
        scope.Template = item;
        scope.vRoot = vNode;
        scope.Keys = Keys;
        try {
            func(scope);
        } finally {
            self[g_scope_s] = old;
        }
    }

    var g_Sets = {};

    function SetSource(self, sourceId, func, operator) {
        if (sourceId) {
            g_Sets[sourceId] = (g_Sets[sourceId] || 0) + 1;
        }
        var scope = self[g_scope_s];
        try {
            var _queryAll;
            var _vNode_;
            var Template = scope && scope.Template || self.Template;
            var vRoot = scope && scope.vRoot || Template.pvNode;
            function queryAll(vNode, id) {
                _queryAll = _queryAll || fQueryAll(vRoot);
                return _queryAll(vNode, id);
            }
            func && func(queryAll);
        } finally {
            if (sourceId) {
                g_Sets[sourceId]--;
            }
        }
        if (sourceId && !g_Sets[sourceId] && operator) {
            delete g_Sets[sourceId];
            var event = document.createEvent('Event');
            event.vTag = scope && scope.vRoot || self.vRoot;
            event.operator = operator;
            var Sources = scope && scope.Sources || self.Sources;
            var data = event.data = Sources[sourceId];
            event.initEvent('source_' + sourceId, true, true);
            var Root = data && data.vNode && data.vNode.Tag || self.Root;
            if (Root.isConnected) {
                Root.dispatchEvent(event);
            }
        }

    }

    function WaitSource(Tag, sourceId, func) {
        function end() {
            Tag.removeEventListener("source_" + sourceId, event);
        }
        function event(e) {
            if (func(e.data, e) == 'end') {
                end();
            }
        }
        Tag.addEventListener("source_" + sourceId, event);
        return end;
    }

    fn.WaitSource = function (sourceId, func) {
        var self = this;
        return WaitSource(self.Root, sourceId, func);
    }

    fn.WaitSourceEx = function (sourceId, func) {
        var self = this;
        return WaitSource(self.Root, sourceId, function (data, event) {
            var operator = event.operator;
            var type = operator.type;
            if (type == "reload") {
                data = operator.data;
            } else {
                data = operator.data;
                if (data.length == 0) {
                    return;
                }
            }
            return func(type, data);
        });
    }

    fn.WaitCtrlSource = function (vNode, sourceId, func) {
        var self = this;
        vNode = H5.QueryCtrl(vNode);
        if (!vNode) {
            return self.WaitSourceEx(sourceId, func);
        } else {
            var source = H5.GetCtrlSource(vNode, sourceId);
            var tag = source && source.vNode && source.vNode.Tag;
            if (!source) {
                return;
            }
            return WaitSource(tag || self.Root, source.id, function (data, event) {
                var operator = event.operator;
                var type = operator.type;
                if (type == "reload") {
                    data = operator.data;
                } else {
                    data = operator.data;
                    if (data.length == 0) {
                        return;
                    }
                }
                return func(type, data);
            });
        }
    }

    function fImport(func, end) {
        var Import = H5.Import;
        var fSetEvent = null;
        var Cnt = 0;
        H5.Import = function (scripts, funcEnd) {
            Cnt += scripts.length;
            Import.call(H5, scripts, function () {
                Cnt -= scripts.length;
                try {
                    funcEnd && funcEnd();
                } finally {
                    if (!Cnt && fSetEvent) {
                        fSetEvent();
                        end && end();
                    }
                }
            });
        }
        try {
            fSetEvent = func(function () {
                return Cnt <= 0;
            });
        } finally {
            H5.Import = Import;
        }
    }

    function fastQuery(self, item) {
        var path = item.IdPath || [];
        if (!path) {
            path = [];
            while (item) {
                var _id = item.getAttribute("_id");
                path.push(_id);
            }
            item.IdPath = path;

        }
    }

    function _fParent(self, vNode) {
        var v_nodes = vNode.childNodes;
        var pvNode = vNode.parentNode;
        var pElement = pvNode.Tag;
        if (pvNode.getAttribute("_id") == "Root") {
            pElement = self.Root;
        }
        if (!H5.IsHTMLElement(vNode.Tag.parentNode)) {
            return;
        }
        var Temp = vNode;
        if (vNode.Tag.parentNode != pElement) {
            while (Temp = Temp.previousSibling) {
                if (Temp.Tag.parentNode == pElement) {
                    Temp.Tag.insertAdjacentElement("afterend", vNode.Tag);
                }
            }
        }
        if (vNode.Tag.parentNode != pElement) {
            while (Temp && (Temp = Temp.nextSibling)) {
                if (Temp.Tag.parentNode == pElement) {
                    Temp.Tag.insertAdjacentElement("beforebegin", vNode.Tag);
                }
            }
        }
        if (vNode.Tag.parentNode != pElement) {
            pElement.appendChild(vNode.Tag);
        }
    }

    function _$Add(self, Sources, item, _config, pvNode, dataRow, Insert, _vNodes) {
        var parent;
        parent = new VNode(item.tagName);
        Insert(parent);
        parent[config_item] = item;
        if (item.filter) {
            if (!item.filter(parent)) {
                return;
            }
        }
        _vNodes.push(parent);
        var pRow;
        if (item.fDataRow && item.getAttribute("sourceId") == "Data" && !IsDataRow(dataRow)) {
            pRow = parent.$data = new item.fDataRow(dataRow, parent);
        } else {
            pRow = parent.$data = dataRow;
        }
        parent.exports = item.exports;
        item._this = parent;
        parent.__Config__ = _config;
        item.pvNode = parent;
        item.childNodes.forEach(function (child) {
            self.Translate(child, self.dataConfig, Sources, pRow);
        });
    }

    function $AddCommit(self, _id, _vNodes, fend) {
        var skip = new Set();
        var GCnt = 0;
        function each(vNode) {
            if (skip.has(vNode)) {
                return skip.size == _vNodes.length;
            }
            var ch_nodes = vNode.parentNode.childNodes;
            var _list = [];
            var t_nodes = [];
            var html = "";
            var after;
            var box = vNode.parentNode.Tag;
            var t_node;
            box = box == self.box ? self.Root : box;
            for (var i = 0; i < ch_nodes.length ; i++) {
                if (ch_nodes[i].getAttribute("_id") == _id) {
                    if (ch_nodes[i].Tag) {
                        if (html) {
                            ch_nodes[i].Tag.insertAdjacentHTML("beforebegin", html);
                            t_node = ch_nodes[i].previousSibling;
                            var tag = ch_nodes[i].Tag.previousSibling;
                            while (t_node && !t_node.Tag) {
                                _Connect(t_node, tag);
                                t_node = t_node.previousSibling;
                                tag = tag.previousSibling;
                            }
                            html = "";
                        }
                    } else {
                        skip.add(ch_nodes[i]);
                        t_nodes.push(ch_nodes[i]);
                        fEachAll.call(self, ch_nodes[i], function (_vNode) {
                            if (_vNode != ch_nodes[i]) {
                                if (_vNode.getAttribute("_id")) {
                                    _list.push(_vNode);
                                }
                            }
                        });
                        html += ch_nodes[i].outerHTML();
                    }
                } else if (html) {
                    after = ch_nodes[i].Tag;
                    break;
                }
            }
            var index = -1;
            if (html) {
                var tag;
                if (after) {
                    after.insertAdjacentHTML("beforebegin", html);
                    tag = after.previousSibling;
                } else {
                    box.insertAdjacentHTML("beforeend", html);
                    tag = box.lastChild;
                }
                t_node = t_nodes.at(index);
                while (t_node && !t_node.Tag) {
                    _Connect(t_node, tag);
                    tag = tag.previousSibling;
                    t_node = t_node.previousSibling;
                }
            }
            var elements = [];
            index = 0;
            while (t_node = t_nodes.at(index)) {
                tag = t_node.Tag;
                var tags = tag.querySelectorAll("[_id");
                for (var i = 0; i < tags.length ; i++) {
                    elements.push(tags[i]);
                }
                tag = tag.previousSibling;
                index++;
            }
            var funcs = [];
            for (var i = 0; i < _list.length ; i++) {
                _Connect(_list[i], elements[i]);
                if (elements[i].tagName == "SCRIPT") {
                    funcs.push({
                        func: self.Compile(elements[i].innerHTML, [], elements[i].getAttribute("name") || "sctipt(" + elements[i].getAttribute("_id") + ")"),
                        _this: _list[i]
                    });
                }
            }
            GCnt++;
            fImport(function (fSync) {
                funcs.forEach(function (data) {
                    data.func(data._this);
                });
                fSetEvent = function (async) {
                    fSetEvent = null;
                    for (var i = 0; i < t_nodes.length ; i++) {
                        fEvent.call(self, t_nodes[i]);
                    }
                    GCnt--;
                    if (!GCnt && async !== false) {
                        fend && fend();
                    }
                }
                if (fSync()) {
                    fSetEvent(false);
                } else {
                    return fSetEvent;
                }
            });
        }
        if (_vNodes.length != 0) {
            _vNodes.some(function (vNode) {
                _$Append(vNode, function () {
                    each(vNode);
                });
            });
            if (!GCnt) {
                fend && fend();
                fend = null;
            }
        } else {
            fend && fend();
        }
    }

    function _fAdd(sourceId, dataRows, added, queryAll, fend) {
        var self = this;
        var scope = self[g_scope_s];
        var Template = scope && scope.Template || self.Template;
        var vRoot = scope && scope.vRoot || Template.pvNode;
        var items = Template.querySelectorAll("[sourceId='" + sourceId + "']:not([sourceId='Data'])");
        var Sources = scope && scope.Sources || self.Sources;
        var Source = Sources[sourceId];
        var dataConfig = self.dataConfig;
        var Keys = dataConfig.Root && dataConfig.Root.Source && dataConfig.Root.Source.Keys || {};
        var dataKey = (scope && scope.Keys || Keys)[sourceId];
        if (items.length == 0) {
            fend && fend();
            return;
        }
        if (!Source) {
            fend && fend();
            return;
        } else if (!added) {
            var mapRows = {};
            dataRows = Array.isArray(dataRows) ? dataRows : [dataRows];
            if (dataKey) {
                for (var i = 0; i < Source.length ; i++) {
                    mapRows[Source[i][dataKey]] = Source[i];
                }
            }
            for (var i = 0; i < dataRows.length; i++) {
                if (!dataKey) {
                    Source.push(dataRows[i]);
                    dataRows[i] = Source.at(-1);
                } else {
                    var data = mapRows[dataRows[i][dataKey]];
                    if (!data) {
                        Source.push(dataRows[i]);
                        dataRows[i] = Source.at(-1);
                    } else {
                        dataRows.splice(i, 1);
                        i--;
                    }
                }
            }
        } else {
            dataRows = Source;
        }
        var win = H5.Window(self.box);
        var GCnt = 0;
        var ffend = null;
        function uItem(item, gg_vNodes) {
            var _id = item.getAttribute("_id");
            var IsCtrl = item.getAttribute("atom") == 'Ctrl';
            var _config = dataConfig[_id] || {};
            var Root = item.Root;
            var asList = Root && Root.Ctrl && Root.Ctrl.asList;
            if (!asList) {
                var _pid = item.parentNode.getAttribute("_id");
                var p_vNodes = _pid == null || _pid == vRoot.getAttribute("_id") ? [vRoot] : queryAll(vRoot, _pid);
                p_vNodes.forEach(function (pvNode, index) {
                    var Insert = fInsert(item, pvNode);
                    var _vNodes = [];
                    dataRows.forEach(function (dataRow) {
                        _$Add(self, Sources, item, _config, pvNode, dataRow, Insert, _vNodes);
                    });
                    if (item.fRecursion) {
                        item.fRecursion([].concat(_vNodes));
                        for (var i = 0; i < _vNodes.length ; i++) {
                            var _node = _vNodes[i];
                            if (!_node.parentNode.Tag) {
                                _vNodes.splice(i, 1);
                                i--;
                            }
                        }
                    }
                    GCnt++;
                    $AddCommit(self, _id, _vNodes, function () {
                        GCnt--;
                        if (GCnt == 0) {
                            ffend && ffend();
                        }
                    });
                });
            } else {
                var _items = Selector("[sourceId='Data']:not([atom='Ctrl'] [sourceId='Data'])").MatchAll(item, item);
                if (_items.length) {
                    var dySource = self.Template.dySource || {};
                    var dyNode = dySource[sourceId];
                    var vNodes = dyNode ? [dyNode] : queryAll(vRoot, _id);
                    _items.forEach(function (_item) {
                        vNodes.forEach(function (vNode) {
                            var vRoot_ = vRoot;
                            vRoot = vNode;
                            var Sources_T = Sources;
                            try {
                                if (vRoot) {
                                    Sources = vNode[Sources_S] || Sources;
                                    uItem(_item);
                                }
                            } finally {
                                Sources = Sources_T;
                                vRoot = vRoot_;
                            }
                        });
                    });
                }
            }

        }
        var gg_vNodes = [];
        items.forEach(function (item) {
            uItem(item, gg_vNodes);
        });
        if (!GCnt) {
            fend && fend();
        } else {
            ffend = fend;
        }
    }

    function _fUpdate(sourceId, dataRows, updated, queryAll, fend) {
        var self = this;
        var scope = self[g_scope_s];
        var Template = scope && scope.Template || self.Template;
        var vRoot = scope && scope.vRoot || Template.pvNode;
        var items;
        if (sourceId == "$data") {
            var selector = Selector("*:not([sourceId='" + sourceId + "']):not([sourceId='" + sourceId + "'] *):not([atom='Ctrl'] *),[has_filter]:not([has_filter] [has_filter])");
            items = selector.MatchAll(Template);
        } else {
            items = Template.querySelectorAll("[sourceId='" + sourceId + "']:not([sourceId='Data'])");
        }
        var Sources = scope && scope.Sources || self.Sources;
        var Source = Sources[sourceId];
        var dataConfig = self.dataConfig;
        var Source_ = dataConfig.Root && dataConfig.Root.Source || (dataConfig.Root.Ctrl && dataConfig.Root.Ctrl.Source);
        var Keys = Source_ && Source_.Keys || {};
        var dataKey = (scope && scope.Keys || Keys)[sourceId] || "ID";
        if (items.length == 0) {
            fend && fend();
            return;
        }
        var mapRows = {};
        if (!Source) {
            fend && fend();
            return;
        } else {
            dataRows = Array.isArray(dataRows) ? dataRows : [dataRows];
            var find = false;
            for (var i = 0; i < dataRows.length ; i++) {
                mapRows[dataRows[i][dataKey]] = dataRows[i];
            }
            if (!updated) {
                var items_n = Source.items || [];
                var O = {};
                var keys = null;
                for (var i = 0; i < Source.length; i++) {
                    var _data = Source[i];
                    var _key = _data[dataKey];
                    var data = mapRows[_key];
                    if (data != null) {
                        var dst = IsDataRow(_data) ? _data.row : _data;
                        var src = IsDataRow(data) ? data.row : data;
                        if (IsBindObject(_data)) {
                            keys = Object.keys(_data.__proto__);
                        } else {
                            keys = Object.keys(dst);
                        }
                        for (var ki = 0; ki < keys.length ; ki++) {
                            var key = keys[ki];
                            if (src.hasOwnProperty(key) && src[key] !== undefined && src[key] != dst[key]) {
                                dst[key] = src[key];
                                find = true;
                            }
                        }
                        mapRows[_key] = _data;
                    }
                }
                if (!find) {
                    return;
                }
            } else {
                find = true;
            }
        }
        var Commit_vNodes = [];
        var Swap_vNodes = [];
        var Updateds = new Set();
        queryAll = queryAll || fQueryAll(vRoot);
        function uItem(item, stop) {
            var _id = item.getAttribute("_id");
            var IsCtrl = item.getAttribute("atom") == 'Ctrl';
            var _config = dataConfig[_id] || {};
            var Root = item.Root;
            var asList = Root && Root.Ctrl && Root.Ctrl.asList;
            if (Updateds.has(item)) {
                return;
            }
            Updateds.add(item);
            if (item.hasAttribute("has_filter")) {
                var vNodes = queryAll(vRoot, _id);
                fUpdate.call(self, item, dataConfig, Sources, vRoot, Swap_vNodes, queryAll);
            } else if (!stop) {
                if (!asList) {
                    var vNodes = queryAll(vRoot, _id);
                    var Sub = Selector("[has_filter]:not([has_filter] [has_filter])").MatchAll(item, item);
                    var _vNodes = [];
                    var IsData = item.getAttribute("sourceId") == "Data";
                    for (var i = 0; i < vNodes.length ; i++) {
                        var vNode = vNodes[i];
                        var row = vNode.$data;
                        if (!IsDataRow(row) || !IsData) {
                            if (!mapRows[row[dataKey]]) {
                                continue;
                            }
                            vNode.$data = mapRows[row[dataKey]];
                        } else {
                            if (!row.row || !mapRows[row.row[dataKey]]) {
                                continue;
                            }
                        }
                        Sub.forEach(function (item) {
                            var vRoot_ = vRoot;
                            vRoot = vNode;
                            if (item.hasAttribute("has_filter")) {
                                var nodes = queryAll(vRoot, item.getAttribute("_id"));
                                nodes.forEach(function (node) {
                                    if (node.parentNode && !item.filter(node)) {
                                        node.Tag.remove();
                                        node.remove();
                                    }
                                });
                            }
                            uItem(item, true);
                            item.querySelectorAll("*").forEach(function (item) {
                                Updateds.add(item);
                            });
                            vRoot = vRoot_;
                        });
                        Commit_vNodes.push(vNode);
                        _vNodes.push(vNode);
                    }
                    if (item.fRecursion) {
                        item.fRecursion(_vNodes);
                    } else {
                        var pp_vNodes = new Set();
                        for (var i = 0; i < vNodes.length ; i++) {
                            var p_vNode = vNodes[i];
                            if (pp_vNodes.has(p_vNode)) {
                                continue;
                            }
                        }

                    }
                } else {
                    var _items = Selector("[sourceId='Data']:not([atom='Ctrl'] [sourceId='Data'])").MatchAll(item, item);
                    if (_items.length) {
                        var dySource = self.Template.dySource || {};
                        var dyNode = dySource[sourceId];
                        var vNodes = dyNode ? [dyNode] : queryAll(vRoot, _id);
                        _items.forEach(function (_item) {
                            vNodes.forEach(function (vNode) {
                                var vRoot_ = vRoot;
                                vRoot = vNode;
                                var Sources_T = Sources;
                                try {
                                    if (vRoot) {
                                        Sources = vNode[Sources_S] || Sources;
                                        uItem(_item);
                                    }
                                } finally {
                                    Sources = Sources_T;
                                    vRoot = vRoot_;
                                }
                            });
                        });
                    }
                }
            }
        }
        fImport(function (fSync) {
            items.forEach(function (item) {
                uItem(item);
            });
            Commit_vNodes.forEach(function (vNode) {
                var list = [];
                _fParent(self, vNode);
                var item = Template.querySelector("[_id='" + vNode.getAttribute("_id") + "']");
                var sourceId = item.getAttribute("sourceId");
                fEachAll.call(self, vNode, function (_vNode) {
                    if (_vNode != vNode) {
                        var _config = _vNode.__Config__;
                        var pRow = _vNode.parentNode.$data;
                        var item_ = Template.querySelector("[_id='" + _vNode.getAttribute("_id") + "']");
                        if (_vNode.getAttribute("atom") == "Ctrl" && (!_config || !_config.Source || !_config.Source.ID)) {
                            if (!IsDataRow(pRow)) {
                                _vNode.$data = new item_.fDataRow(pRow, _vNode.parentNode);
                            } else if (item_.parentNode == item) {
                                _vNode.$data = pRow;
                            }
                        }
                        if (_vNode.getAttribute("_id")) {
                            list.push(_vNode);
                        }
                    } else {
                        list.push(_vNode);
                    }
                });
                for (var j = 0; j < list.length ; j++) {
                    var ele = list[j].Tag;
                    list[j].Commit(ele);
                    self.SetEvent(list[j], "$data", list[j].$data, false);
                }
            });
            fSetEvent = function () {
                fSetEvent = null;
                Swap_vNodes.forEach(function (vNode) {
                    fEvent.call(self, vNode);
                });
                fend && fend();
            }
            if (fSync()) {
                fSetEvent();
            } else {
                return fSetEvent;
            }
        });
    }

    function _fDelete(sourceId, dataRows, deleted, queryAll) {
        var self = this;
        var scope = self[g_scope_s];
        var Template = scope && scope.Template || self.Template;
        var vRoot = scope && scope.vRoot || Template.pvNode;
        var items = Template.querySelectorAll("[sourceId='" + sourceId + "']:not([sourceId='Data'])");
        var Sources = scope && scope.Sources || self.Sources;
        var Source = Sources[sourceId];
        var dataConfig = self.dataConfig;
        var Keys = dataConfig.Root && dataConfig.Root.Source && dataConfig.Root.Source.Keys || {};
        var dataKey = (scope && scope.Keys || Keys)[sourceId] || "ID";
        var mapRows;
        if (items.length == 0) {
            return;
        }
        if (!Source) {
            return;
        } else if (dataRows) {
            mapRows = {};
            dataRows = Array.isArray(dataRows) ? dataRows : [dataRows];
            var find = false;
            for (var i = 0; i < dataRows.length ; i++) {
                mapRows[dataRows[i]] = dataRows[i];
            }
            if (!deleted) {
                for (var i = 0; i < Source.length; i++) {
                    var data = mapRows[Source[i][dataKey]];
                    if (data != null) {
                        Source.splice(i, 1);
                        i--;
                        find = true;
                    }
                }
                if (!find) {
                    return;
                }
            } else {
                find = true;
            }
        } else {
            if (Source[Bind_Data_S]) {
                Source.splice(0, Source.length);
            } else {
                Source.length = 0;
            }
        }
        function uItem(item) {
            var _id = item.getAttribute("_id");
            var IsCtrl = item.getAttribute("atom") == 'Ctrl';
            var _config = dataConfig[_id] || {};
            var Root = item.Root;
            var asList = Root && Root.Ctrl && Root.Ctrl.asList;
            var vNodes;
            var sourceId_ = item.getAttribute("sourceId");
            if (!asList) {
                var updateds = [];
                var recursion;
                var _No;
                var _Parent;
                var fChildBox;
                if (item.fRecursion) {
                    recursion = _config.Recursion;
                    _No = recursion.No;
                    _Parent = recursion.Parent;
                    fChildBox = item.fChildBox;
                }
                var removes = [];
                vNodes = queryAll(vRoot, _id);
                for (var i = 0; i < vNodes.length ; i++) {
                    var _vNode = vNodes[i];
                    if (!_vNode.parentNode) {
                        continue;
                    }
                    var row = _vNode.$data;
                    var remove = false;
                    if (IsDataRow(row) && sourceId_ == "Data") {
                        row = row.row || {};
                    }
                    if (!mapRows || row[dataKey] == mapRows[row[dataKey]]) {
                        remove = true;
                    }
                    if (remove) {
                        if (item.fRecursion) {
                            var nodes = fChildBox(_vNode);
                            nodes.childNodes.forEach(function (node) {
                                var row = node.$data;
                                var remove = false;

                                if (IsDataRow(row) && sourceId_ == "Data") {
                                    row = row.row || {};
                                }
                                if (!mapRows || row[dataKey] == mapRows[row[dataKey]]) {
                                    remove = true;
                                }
                                if (!remove) {
                                    updateds.push(node);
                                }
                            });
                        }
                        vNodes[i].remove();
                        vNodes[i].Tag && vNodes[i].Tag.remove();
                        removes.push(vNodes[i]);
                    }
                }
                if (item.fRecursion) {
                    var list = [];
                    for (var i = 0; i < updateds.length ; i++) {
                        if (updateds[i].parentNode) {
                            list.push(updateds[i]);
                        }
                    }
                    item.fRecursion(list, removes);
                    list.forEach(function (vNode) {
                        _fParent(self, vNode);
                    });
                }
            } else {
                var _items = Selector("[sourceId='Data']:not([atom='Ctrl'] [sourceId='Data'])").MatchAll(item, item);
                if (_items.length) {
                    var dySource = self.Template.dySource || {};
                    var dyNode = dySource[sourceId];
                    vNodes = dyNode ? [dyNode] : queryAll(vRoot, _id);
                    _items.forEach(function (_item) {
                        vNodes.forEach(function (vNode) {
                            var vRoot_ = vRoot;
                            vRoot = vNode;
                            if (vRoot) {
                                uItem(_item);
                            }
                            vRoot = vRoot_;
                        });
                    });
                }
            }
        }
        items.forEach(function (item) {
            uItem(item);
        });
    }

    fn.addSheet = function (css) {
        var self = this;
        var win = H5.Window(self.box);
        var style = document.createElement("style");
        style.innerHTML = css;
        self.Root.insertBefore(style, self.Root.firstChild);
    }

    fn.Scope = function (vNode, func) {
        var self = this;
        _Scope(self, vNode, func);
    }

    function _fSource(self, sourceId, func) {
        var Template = self.Template;
        var dySource = Template.dySource || {};
        var vNode = dySource[sourceId];
        if (vNode) {
            var _id = vNode.getAttribute("_id");
            var item = vNode[config_item];
            var dataConfig = self.dataConfig;
            var _config = dataConfig[_id];
            var Source = _config.Source;
            var sourceId_ = item.getAttribute("sourceId");
            try {
                _config.Source = { ID: sourceId };
                item.setAttribute("sourceId", sourceId);
                func();
            } finally {
                _config.Source = Source;
                item.setAttribute("sourceId", sourceId_);
            }
        } else {
            func();
        }
    }

    fn.Add = function (sourceId, dataRows, added, fend) {
        var self = this;
        SetSource(self, sourceId, function (queryAll) {
            _fSource(self, sourceId, function () {
                _fAdd.call(self, sourceId, dataRows, added, queryAll, fend);
            });
        }, { type: "add", data: dataRows });
    }

    fn.Update = function (sourceId, dataRows, updated, fend) {
        var self = this;
        SetSource(self, sourceId, function (queryAll) {
            _fSource(self, sourceId, function () {
                _fUpdate.call(self, sourceId, dataRows, updated, queryAll, fend);
            });
        }, { type: "update", data: dataRows });
    }

    fn.Delete = function (sourceId, dataRows, deleted, fend) {
        var self = this;
        SetSource(self, sourceId, function (queryAll) {
            _fSource(self, sourceId, function () {
                _fDelete.call(self, sourceId, dataRows, deleted, queryAll);
            });
        }, { type: "delete", data: dataRows });
    }

    fn.Reload = function (data, fend) {
        var self = this;
        var sourceIds = [];
        var scope = self[g_scope_s];
        var Sources = scope && scope.Sources || self.Sources;
        var Template = scope && scope.Template || self.Template;
        var IdMap = Template == self.Template ? null : Template.IdMap;
        var keys = Object.keys(data);
        var dySource = self.Template.dySource = self.Template.dySource || {};
        function Swap(data, key, _sid) {
            var sources = Sources;
            while (!sources.hasOwnProperty(_sid)) {
                sources = Object.getPrototypeOf(sources);
                if (!sources) {
                    return;
                }
            }
            var dst = sources[_sid];
            if (dst[Bind_Data_S] != null && data[Bind_Data_S] == null) {
                dst.splice(0, dst.length);
            } else {
                dst.length = 0;
            }
            if (data[Bind_Data_S]) {
                sources[_sid] = data;
            } else {
                data.forEach(function (ele) {
                    dst.push(ele);
                });
            }
        }
        var GCnt = 0;
        var ffSetSource;
        (function () {
            var _data;
            var id_list = {};
            for (var key in data) {
                var src = data[key];
                if (!Array.isArray(src)) {
                    continue;
                }
                var _sid;
                if (IdMap && !dySource[key]) {
                    _sid = IdMap[key];
                } else {
                    _sid = key;
                }
                if (!_sid) {
                    continue;
                }
                sourceIds[_sid] = true;
                SetSource(self, _sid, function () {
                    self.Delete(_sid);
                }, null);
                Swap(src, key, _sid);
                if (dySource[key] && dySource[key].Tag.isConnected) {
                    id_list[key] = true;
                }
            }
            var items = Template.querySelectorAll("[sourceId]:not([sourceId='Data'])");
            items.forEach(function (item) {
                var sourceId = item.getAttribute("sourceId");
                if (sourceIds[sourceId]) {
                    id_list[sourceId] = true;
                }
            });
            for (var key in id_list) {
                SetSource(self, key, function () {
                    GCnt++;
                    self.Add(key, null, true, function () {
                        GCnt--;
                        ffSetSource && ffSetSource();
                    });
                }, null);
            }
        }());
        function fSetSource() {
            ffSetSource = null;
            for (var key in data) {
                var rows = data[key];
                key = IdMap && IdMap[key] || key;
                SetSource(self, key, null, { type: "reload", data: rows });
            }
            fend && fend();
        }
        if (!GCnt) {
            fSetSource();
        } else {
            ffSetSource = fSetSource;
        }
    }

    function MatchChild(item, selector, first) {
        var nodes = [];
        var oRoot = g_Root;
        try {
            selector = Selector(selector);
            g_Root = item;
            [].some.call(item.childNodes, function (ele) {
                if (selector.Test(ele)) {
                    nodes.push(ele);
                    if (first) {
                        return true;
                    }
                }
            });
        } finally {
            g_Root = oRoot;
        }
        return first ? nodes[0] : nodes;
    }

    fn.Filter = function (box, selector, show, fend) {
        var self = this;
        if (typeof box == "string") {
            show = selector;
            selector = box;
            box = self.vRoot;
        }
        var item = box[config_item];
        var nodes = MatchChild(item, selector);
        var queryAll = fQueryAll(box);
        function Filter(scope) {
            var Swap_vNodes = [];
            var dataConfig = self.dataConfig;
            var Sources = scope.Sources || self.Sources;
            fImport(function (fSync) {
                nodes.forEach(function (item) {
                    var _id = item.getAttribute("_id");
                    var vNodes = queryAll(box, _id);
                    vNodes.forEach(function (node) {
                        if (show == false) {
                            node.remove();
                            node.Tag.remove();
                        }
                    });
                    if (show) {
                        var filter = item.filter;
                        item.filter = function () {
                            return true;
                        }
                        try {
                            fUpdate.call(self, item, dataConfig, Sources, box, Swap_vNodes, queryAll);
                        } finally {
                            item.filter = filter;
                        }
                    }
                });
                fSetEvent = function () {
                    fSetEvent = null;
                    Swap_vNodes.forEach(function (vNode) {
                        fEvent.call(self, vNode);
                    });
                    fend && fend();
                }
                if (fSync()) {
                    fSetEvent();
                } else {
                    return fSetEvent;
                }
            });
        }
        if (box == self.vRoot) {
            Filter({});
        } else {
            _Scope(self, box, Filter);
        }
    }

    fn.Loop = function (box, selector, offset, rows, after) {
        var self = this;
        var item = box[config_item];
        var node = MatchChild(item, selector)[0];
        if (!node) {
            return;
        }
        var Insert = after ? (function (node) {
            after.parentNode.insertBefore(node, after);
        }) : fInsert(node, box, false);
        var _id = node.getAttribute("_id");
        var dataConfig = self.dataConfig;
        var _config = dataConfig[_id] || {};
        if (!node.$query) {
            if (node.getAttribute("Loop") == "$Loop") {
                var Loop = _config.Source;
                Loop = Loop && Loop.$Loop;
                var query = Loop && Loop.query;
                if (query) {
                    node.$query = self.Compile(query, ["index"], fName(node) + "->循环");
                } else {
                    return;
                }
            }
        }
        var continue_ = false;
        if (node && node.$query) {
            var index = offset;
            item.pvNode = box;
            _Scope(self, box, function (scope) {
                var Sources = scope.Sources || self.Sources;
                var _config = dataConfig[node.getAttribute("_id")] || {};
                var index = offset;
                var _vNodes = [];
                var _first = new VNode(node.tagName);
                _first[config_item] = node;
                Insert(_first);
                var row;
                while (row = node.$query(_first, index)) {
                    _$Add(self, Sources, node, _config, box, row, Insert, _vNodes);
                    index++;
                    rows--;
                    if (!rows) {
                        break;
                    }
                }
                _first.remove();
                if (_vNodes) {
                    $AddCommit(self, _id, _vNodes);
                }
                continue_ = row != null;
            });
        }
        return continue_;
    }

    fn.CreateSource = function (vNode) {
        var self = this;
        var Template = self.Template;
        var _id = vNode.getAttribute("_id");
        var item = Template.querySelector("[_id='" + _id + "']");
        var dataConfig = self.dataConfig;
        var _config = dataConfig[_id];
        if (_config.Source && _config.Source.IsCreated) {
            return _config.Source.ID;
        }
        var sourceId = self.GetSourceId(vNode);
        if (!sourceId) {
            return;
        }
        var dySource = Template.dySource = Template.dySource || {};
        if (vNode[dySource_s]) {
            return vNode[dySource_s];
        }
        var find = true;
        _Scope(self, vNode, function (scope) {
            var sources = scope.Sources || self.Sources;
            while (!sources.hasOwnProperty(sourceId)) {
                sources = Object.getPrototypeOf(sources);
                if (!sources) {
                    find = false;
                    return;
                }
            }
            var dataRows = sources[sourceId] || [];
            {
                var name = sources[sourceId].name;
                var items = sources[sourceId].items;
                sourceId = H5.AllocId();
                dySource[sourceId] = vNode;
                vNode[dySource_s] = sourceId;
                dataRows = H5.Clone(dataRows);
                dataRows.name = name;
                dataRows.items = items;
                dataRows.id = sourceId;
                dataRows.vNode = vNode;
                sources[sourceId] = dataRows;
                H5.OnLost(vNode.Tag, function () {
                    delete sources[sourceId];
                    delete dySource[sourceId];
                });
            }
        });
        if (find) {
            self.SetEvent(vNode, "sourceId", sourceId, false);
            return sourceId;
        } else {
            return null;
        }
    }

    fn.Ctrl_Type = function (vNode) {
        while (vNode && vNode.getAttribute("atom") != "Ctrl") {
            vNode = vNode.parentNode;
        }
        if (!vNode) {
            return;
        }
        var self_ = H5.GetInstance(vNode.Tag);
        var Template = self_.Template;
        var vRoot = Template.pvNode;
        var _id = vNode.getAttribute("_id");
        var item = Template.querySelector("[_id='" + _id + "']");
        return item.Root.nameAttr;
    }
    
    function is_Ctrl(self) {
        var Root = self.dataConfig.Root;
        if (Root.Ctrl) {
            return true;
        }
    }

    fn.CtrlAdd = function (vNode, sourceId, dataRows, fend) {
        var self = vNode == this.vRoot ? this : H5.GetInstance(vNode.Tag);
        if (!self) {
            return;
        } else if (self != this) {
            return self.CtrlAdd(vNode, sourceId, dataRows, fend);
        }
        vNode = H5.QueryCtrl(vNode);
        if (vNode) {
            _Scope(self, vNode, function (scope) {
                sourceId = scope.Template.IdMap[sourceId];
                self.Add(sourceId, dataRows, false, fend);
            });
        } else if (is_Ctrl(self)) {
            self.Add(sourceId, dataRows, false, fend);
        }
    }

    fn.CtrlUpdate = function (vNode, sourceId, dataRows, fend) {
        var self = vNode == this.vRoot ? this : H5.GetInstance(vNode.Tag);
        if (!self) {
            return;
        } else if (self != this) {
            return self.CtrlUpdate(vNode, sourceId, dataRows, fend);
        }
        vNode = H5.QueryCtrl(vNode);
        if (vNode) {
            _Scope(self, vNode, function (scope) {
                sourceId = scope.Template.IdMap[sourceId];
                self.Update(sourceId, dataRows, false, fend);
            });
        } else if (is_Ctrl(self)) {
            self.Update(sourceId, dataRows, false, fend);
        }
    }

    fn.CtrlDelete = function (vNode, sourceId, dataRows) {
        var self = vNode == this.vRoot ? this : H5.GetInstance(vNode.Tag);
        if (!self) {
            return;
        } else if (self != this) {
            return self.CtrlDelete(vNode, sourceId, dataRows);
        }
        vNode = H5.QueryCtrl(vNode);
        if (vNode) {
            _Scope(self, vNode, function (scope) {
                sourceId = scope.Template.IdMap[sourceId];
                self.Delete(sourceId, dataRows);
            });
        } else if (is_Ctrl(self)) {
            self.Delete(sourceId, dataRows);
        }
    }

    fn.CtrlReload = function (vNode, data, fend) {
        var self = vNode == this.vRoot ? this : H5.GetInstance(vNode.Tag);
        if (!self) {
            return;
        } else if (self != this) {
            return self.CtrlReload(vNode, data, fend);
        }
        vNode = H5.QueryCtrl(vNode);
        if (vNode) {
            _Scope(self, vNode, function () {
                self.Reload(data, fend);
            });
        } else if (is_Ctrl(self)) {
            self.Reload(data, fend);
        }
    }

    window.H5 = H5;

    H5.VNode = VNode;

    H5.Selector = Selector;

    Selector_S = Symbols.alwaysGet("Selector_S", Symbol("Selector_S"));

    Selector.prototype[Selector_S] = true;

    H5Symbol = Symbols.alwaysGet("H5", Symbol("H5"));

    vNode_S = Symbols.alwaysGet("vNode", Symbol("vNode"));

    Bind_Data_S = Symbols.alwaysGet("Bind_Data", Symbol("Bind_Data"));

}())
;//格式化时间
function H5UtilsDef() {
    if (H5UtilsDef.Use) {
        return;
    }
    H5UtilsDef.Use = true;

    Date.prototype.Format = function (formatStr) {
        var str = formatStr;
        var Week = ['日', '一', '二', '三', '四', '五', '六'];

        str = str.replace(/yyyy|YYYY/, this.getFullYear());
        str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));

        str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
        str = str.replace(/M/g, (this.getMonth() + 1));

        str = str.replace(/dddd|DDDD/g, "星期" + Week[this.getDay()]);
        str = str.replace(/ddd|DDD/g, "周" + Week[this.getDay()]);

        str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
        str = str.replace(/d|D/g, this.getDate());

        str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
        str = str.replace(/h|H/g, this.getHours());
        str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
        str = str.replace(/m/g, this.getMinutes());

        str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
        str = str.replace(/s|S/g, this.getSeconds());
        var milliseconds = '00' + this.getMilliseconds();
        str = str.replace(/fff/, milliseconds.substring(milliseconds.length - 3));

        return str;
    }

    Date.Parse = function (dateStr) {
        if (typeof dateStr == 'number') {
            return new Date(dateStr);
        }
        if (!dateStr) {
            return new Date();
        }
        if (typeof dateStr != 'string') {
            dateStr = dateStr.toString();
        }
        if (!dateStr.trim()) {
            return new Date();
        }
        var arr = dateStr.split(/[- : / 年 月 日 时 分 秒 .]/);
        arr.forEach(function (ele, i) {
            if (isNaN(ele * 1)) {
                arr[i] = null;
            } else {
                arr[i] = ele * 1;
            }
        });
        var dt = new Date(arr[0] == null ? 0 : arr[0], arr[1] == null ? 0 : arr[1] - 1, arr[2] == null ? 1 : arr[2], arr[3] == null ? 0 : arr[3], arr[4] == null ? 0 : arr[4], arr[5] == null ? 0 : arr[5], arr[6] == null ? 0 : arr[6]);
        return dt;
    }

    Date.prototype.toString = function (sFormat) {
        return this.Format(sFormat == null ? "yyyy-MM-dd HH:mm:ss.fff" : sFormat);
    }

    String.prototype.ToUtf8 = function () {
        if (window.TextEncoder) {
            var encoder = new TextEncoder();
            return encoder.encode(this);
        } else {
            var string = this.replace(/\r\n/g, "\n");
            var utf = [];
            for (var n = 0; n < string.length; n++) {
                var c = string.charCodeAt(n);
                if (c < 128) {
                    utf.push(c);
                } else if ((c > 127) && (c < 2048)) {
                    utf.push((c >> 6) | 192);
                    utf.push((c & 63) | 128);
                } else {
                    utf.push((c >> 12) | 224);
                    utf.push(((c >> 6) & 63) | 128);
                    utf.push((c & 63) | 128);
                }
            }
            return new Uint8Array(utf);
        }
    }

    String.FromUtf8 = function (buf) {
        return new Uint8Array(buf).toString();
    }

    String.FromUnicode = function (buf) {
        var string = "";
        var u16 = new Uint16Array(buf, buf.length / 2);
        for (var i = 0; i < u16.length; i++) {
            var char = u16[i];
            string += String.fromCharCode(char);
        }
        return string;
    }

    String.prototype.ToBinary = function () {
        var arr = [];
        for (var i = 0; i !== this.length; ++i) {
            var code = this.charCodeAt(i);
            if (code <= 0xff) {
                arr.push(code);
            } else {
                arr.push(code & 0xff);
                arr.push(code >>> 8);
            }
        }
        return new Uint8Array(arr);
    }

    Uint8Array.FromBase64 = function () {
        return new CLBase64().buffer(buffer);
    }

    Uint8Array.prototype.ToBase64 = function () {
        return new CLBase64().encodeb(this);
    }

    Uint8Array.prototype.ToString = function () {
        if (window.TextDecoder) {
            return new TextDecoder("utf-8").decode(this);
        } else {
            var string = "";
            var i = 0;
            var c = c1 = c2 = 0;
            var utf = this;
            while (i < utf.length) {
                c = utf[i];
                if (c < 128) {
                    string += String.fromCharCode(c);
                    i++;
                } else if ((c > 191) && (c < 224)) {
                    c2 = utf[i + 1];
                    string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                    i += 2;
                } else {
                    c2 = utf[i + 1];
                    c3 = utf[i + 2];
                    string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                    i += 3;
                }
            }
            return string;
        }
    }

    if (!"".padStart) {
        String.prototype.padStart = function (len, ch) {
            len -= this.length;
            var value = this;
            while (len > 0) {
                value = ch + value;
                len--;
            }
            return value;
        }

        String.prototype.padEnd = function (len, ch) {
            len -= this.length;
            var value = this;
            while (len > 0) {
                value += ch;
                len--;
            }
            return value;
        }
    }
};
H5UtilsDef();
//HTML编码
function CLHTMLEncode(html) {
    var code = {
        "<": "&lt;",
        ">": "&gt;",
        "&": "&amp;",
        "\"": "&quot;",
        "'": "&apos;",
        "©": "&copy;",
        "®": "&reg;",
        "™": "&trade;"
    };
    if (!html.replace) {
        html = html + "";
    }
    return html.replace(/[<>&"'©®™\uE000-\uF8FF]/g, function (value) {
        if (code[value]) {
            return code[value];
        } else {
            return "&#x" + value.charCodeAt(0).toString(16) + ";";
        }
    });
}
//HTML解码
function CLHTMLDecode(html) {
    var code = {
        "lt": "<",
        "gt": ">",
        "amp": "&",
        "quot": "\"",
        "apos": "'",
        "copy": "©",
        "reg": "®",
        "trade": "™"
    };
    if (!html.replace) {
        html = html + "";
    }
    return html.replace(/(?:&lt[;]?)|(?:&gt[;]?)|(?:&amp[;]?)|(?:&quot[;]?)|(?:&apos[;]?)|(?:&copy[;]?)|(?:&reg[;]?)|(?:&trade[;]?)|(?:&#x[a-zA-Z0-9]+[;]?)/g, function (value) {
        value = value.replace(";", "");
        value = value.substr(1);
        if (code[value]) {
            return code[value];
        } else {
            value = "0" + value.substr(1);
            value = parseInt(value);
            return String.fromCharCode(value);
        }
    });
}
//克隆对象
function CLClone(ele, deep, map) {
    map = map || new Map();
    if (ele == null) {
        return null;
    }
    if (H5.IsHTMLElement(ele)) {
        return ele;
    }
    if (Array.isArray(ele)) {
        var rVal = [];
        for (var i = 0; i < ele.length; i++) {
            if (ele[i] == null) {
                rVal[i] = null;
            } else if (typeof ele == "object") {
                rVal[i] = deep == false ? ele[i] : CLClone(ele[i], true, map);
            } else {
                rVal[i] = ele[i];
            }
        }
        return rVal;
    } else if (typeof ele == "object") {
        if (map.has(ele)) {
            return map.get(ele);
        }
        var r = {};
        map.set(ele, r);
        var keys = Object.keys(ele);
        if (keys.length == 0 && ele.constructor.name != "Object") {
            return ele;
        }
        for (var i = 0; i < keys.length ; i++) {
            var key = keys[i];
            try {
                r[key] = deep == false ? ele[key] : CLClone(ele[key], true, map);
            } catch (e) {
                r[key] = null;
            }
        }
        return r;
    } else {
        return ele;
    }
}
//CLBase64
function CLBase64() {
    // private property
    var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    //base64解码(字符串)
    this.encode = function (input) {
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;
        if (input == null) {
            return "";
        }
        input = input.ToUtf8();
        while (i < input.length) {
            chr1 = input[i++];
            chr2 = input[i++];
            chr3 = input[i++];
            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;
            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }
            output = output +
            _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
            _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
        }
        return output;
    }
    //base64解码
    this.decode = function (input) {
        var output = [];
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;
        if (input == null) {
            return "";
        }
        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
        while (i < input.length) {
            enc1 = _keyStr.indexOf(input.charAt(i++));
            enc2 = _keyStr.indexOf(input.charAt(i++));
            enc3 = _keyStr.indexOf(input.charAt(i++));
            enc4 = _keyStr.indexOf(input.charAt(i++));
            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;
            output.push(chr1);
            if (enc3 != 64) {
                output.push(chr2);
            }
            if (enc4 != 64) {
                output.push(chr3);
            }
        }
        output = new Uint8Array(output).ToString();
        return output;
    }
    //编码buffer
    this.encodeb = function (input) {
        var output = "";
        var input = new Uint8Array(input);
        var i = 0;
        while (i < input.length) {
            chr1 = input[i];
            i++;
            chr2 = input[i];
            i++;
            chr3 = input[i];
            i++;
            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;
            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }
            output = output +
            _keyStr.charAt(enc1) + _keyStr.charAt(enc2) +
            _keyStr.charAt(enc3) + _keyStr.charAt(enc4);
        }
        return output;
    }
    //base64转Blob
    this.blob = function (input, mine) {
        var buffer = this.buffer(input);
        var blob = new Blob([buffer], { type: mine == null ? "application/octet-stream" : mine });
        return blob;
    }
    //base64转buffer
    this.buffer = function (input) {
        var u8arr = [];
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;
        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
        while (i < input.length) {
            enc1 = _keyStr.indexOf(input.charAt(i++));
            enc2 = _keyStr.indexOf(input.charAt(i++));
            enc3 = _keyStr.indexOf(input.charAt(i++));
            enc4 = _keyStr.indexOf(input.charAt(i++));
            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;
            u8arr.push(chr1);
            if (enc3 != 64) {
                u8arr.push(chr2);
            }
            if (enc4 != 64) {
                u8arr.push(chr3);
            }
        }
        var buffer = new ArrayBuffer(u8arr.length);
        var byteArray = new Uint8Array(buffer);
        for (var i = 0; i < u8arr.length ; i++) {
            byteArray[i] = u8arr[i];
        }
        return buffer;
    }
    //base64转hexString
    this.hexString = function (input, space, lineChars) {
        var buffer = this.buffer(input);
        var byteArray = new Uint8Array(buffer);
        if (lineChars == null) {
            lineChars = 0x7fffffff;
        }
        var str = "";
        for (var i = 0; i < byteArray.byteLength; i++) {
            var tmp;
            var num = byteArray[i];
            if (num < 0) {
                tmp = (255 + num + 1).toString(16);
            } else {
                tmp = num.toString(16);
            }
            if (tmp.length == 1) {
                tmp = "0" + tmp;
            }
            str += tmp;
            if (space) {
                str += " ";
            }
            if ((i + 1) % lineChars == 0) {
                str += "\n";
            }
        }
        str = str.trim();
        return str.toLocaleUpperCase();
    }
    //base64url转Blob
    this.blobUrl = function (urlData) {
        var arr = urlData.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
        while (n--) {
            u8arr[n] = bstr.charCodeAt(n);
        }
        return new Blob([u8arr], { type: mime });
    }

}
//打开文件
//回调函数:参数1,图片文件数据;参数2,图片文件名称
function CLOpenFile(func, accept, mul) {
    var fDlg = document.createElement('input');
    fDlg.type = "file";
    fDlg.multiple = mul == true;
    fDlg.style.display = "none";
    if (accept == null) {
        fDlg.accept = "image/jpeg,image/png,image/gif,image/jpg,.svg"
    } else {
        if (!!accept) {
            fDlg.accept = accept;
        }
    }
    fDlg.onchange = function () {
        var files = fDlg.files;
        if (files.length == 0) {
            return;
        }
        if (func != null) {
            func(mul == true ? files : files[0], fDlg.value);
            fDlg.remove();
        }
    };
    document.body.appendChild(fDlg);

    var evObj = document.createEvent('MouseEvents');
    evObj.initMouseEvent('click', true, true);
    fDlg.dispatchEvent(evObj);
}
//建立一个可存取到该File的Url
function CLGetObjectURL(file) {
    var url = null;
    if (window.createObjectURL != undefined) { // basic
        url = window.createObjectURL(file);
    } else if (window.URL != undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file);
    } else if (window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file);
    }
    return url;
}
//删除本地Url
function CLDeleteObjectByUrl(url) {
    if (window.createObjectURL != undefined) { // basic
        window.revokeObjectURL(url);
    } else if (window.URL != undefined) { // mozilla(firefox)
        url = window.URL.revokeObjectURL(url);
    } else if (window.webkitURL != undefined) { // webkit or chrome
        url = window.webkitURL.revokeObjectURL(url);
    }
}
//分配唯一ID
function CLMakeId() {
    function GetRandomNum(Min, Max) {
        var Range = Max - Min;
        var Rand = Math.random();
        var s = "00000" + (Min + Math.round(Rand * Range));
        return s.substr(s.length - 6, 5);
    }
    return new Date().Format("yyMMddHHmmssfff") + GetRandomNum(10000, 99999);
}

function CLSaveAsLocal(name, data) {
    function fake_click(obj) {
        var evt = document.createEvent("MouseEvents");
        evt.initMouseEvent(
            "click", true, false, window, 0, 0, 0, 0, 0
            , false, false, false, false, 0, null
            );
        obj.dispatchEvent(evt);
    }
    function download(name, data) {
        var urlObject = window.URL || window.webkitURL || window;
        if (!(data instanceof Blob)) {
            data = new Blob([data]);
        }
        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
        save_link.href = CLGetObjectURL(data);
        save_link.download = name;
        fake_click(save_link);
        CLDeleteObjectByUrl(save_link.href);
    }
    download(name, data);
}

Object.Equals = function (o1, o2, strict) {
    if (o1 == null && o2 == null) {
        return true;
    }
    if (o1 == null && o2 != null) {
        return false;
    }
    if (o1 != null && o2 == null) {
        return false;
    }
    if (Array.isArray(o1) && !Array.isArray(o2)) {
        return false;
    }
    if (!Array.isArray(o1) && Array.isArray(o2)) {
        return false;
    }
    if (!Array.isArray(o1) && !Array.isArray(o2)) {
        if (!o1.constructor || o1.constructor.name != 'Object') {
            return o1 == o2;
        }
        if (typeof o1 == 'object' && typeof o2 == 'object') {
            if (Object.keys(o1).length != Object.keys(o2).length) {
                return false;
            }
            for (var key in o1) {
                if (!Object.Equals(o1[key], o2[key])) {
                    return false;
                }
            }
            return true;
        } else {
            return o1 == o2;
        }
    } else if ((o1 instanceof Array) && (o2 instanceof Array)) {
        var flag_0 = true;
        if (o1.length != o2.length) {
            return false;
        }
        if (!strict) {
            o1.some(function (e1) {
                var flag_1 = false;
                o2.some(function (e2) {
                    if (Object.Equals(e1, e2)) {
                        flag_1 = true;
                        return true;
                    }
                });
                if (!flag_1) {
                    flag_0 = false;
                    return true;
                }
            });
        } else {
            for (var i = 0; i < o1.length ; i++) {
                if (!Object.Equals(o1[i], o2[i])) {
                    return false;
                }
            }
            return true;
        }
        return flag_0;
    } else {
        return false;
    }
}

Object.IsEmpty = function (object) {
    return !(object && Object.keys(object).length > 0);
};

function CLMD5(md5str) {
    var createMD5String = function (string) {
        var x = Array()
        var k, AA, BB, CC, DD, a, b, c, d
        var S11 = 7,
            S12 = 12,
            S13 = 17,
            S14 = 22
        var S21 = 5,
            S22 = 9,
            S23 = 14,
            S24 = 20
        var S31 = 4,
            S32 = 11,
            S33 = 16,
            S34 = 23
        var S41 = 6,
            S42 = 10,
            S43 = 15,
            S44 = 21
        string = uTF8Encode(string)
        x = convertToWordArray(string)
        a = 0x67452301
        b = 0xEFCDAB89
        c = 0x98BADCFE
        d = 0x10325476
        for (k = 0; k < x.length; k += 16) {
            AA = a
            BB = b
            CC = c
            DD = d
            a = FF(a, b, c, d, x[k + 0], S11, 0xD76AA478)
            d = FF(d, a, b, c, x[k + 1], S12, 0xE8C7B756)
            c = FF(c, d, a, b, x[k + 2], S13, 0x242070DB)
            b = FF(b, c, d, a, x[k + 3], S14, 0xC1BDCEEE)
            a = FF(a, b, c, d, x[k + 4], S11, 0xF57C0FAF)
            d = FF(d, a, b, c, x[k + 5], S12, 0x4787C62A)
            c = FF(c, d, a, b, x[k + 6], S13, 0xA8304613)
            b = FF(b, c, d, a, x[k + 7], S14, 0xFD469501)
            a = FF(a, b, c, d, x[k + 8], S11, 0x698098D8)
            d = FF(d, a, b, c, x[k + 9], S12, 0x8B44F7AF)
            c = FF(c, d, a, b, x[k + 10], S13, 0xFFFF5BB1)
            b = FF(b, c, d, a, x[k + 11], S14, 0x895CD7BE)
            a = FF(a, b, c, d, x[k + 12], S11, 0x6B901122)
            d = FF(d, a, b, c, x[k + 13], S12, 0xFD987193)
            c = FF(c, d, a, b, x[k + 14], S13, 0xA679438E)
            b = FF(b, c, d, a, x[k + 15], S14, 0x49B40821)
            a = GG(a, b, c, d, x[k + 1], S21, 0xF61E2562)
            d = GG(d, a, b, c, x[k + 6], S22, 0xC040B340)
            c = GG(c, d, a, b, x[k + 11], S23, 0x265E5A51)
            b = GG(b, c, d, a, x[k + 0], S24, 0xE9B6C7AA)
            a = GG(a, b, c, d, x[k + 5], S21, 0xD62F105D)
            d = GG(d, a, b, c, x[k + 10], S22, 0x2441453)
            c = GG(c, d, a, b, x[k + 15], S23, 0xD8A1E681)
            b = GG(b, c, d, a, x[k + 4], S24, 0xE7D3FBC8)
            a = GG(a, b, c, d, x[k + 9], S21, 0x21E1CDE6)
            d = GG(d, a, b, c, x[k + 14], S22, 0xC33707D6)
            c = GG(c, d, a, b, x[k + 3], S23, 0xF4D50D87)
            b = GG(b, c, d, a, x[k + 8], S24, 0x455A14ED)
            a = GG(a, b, c, d, x[k + 13], S21, 0xA9E3E905)
            d = GG(d, a, b, c, x[k + 2], S22, 0xFCEFA3F8)
            c = GG(c, d, a, b, x[k + 7], S23, 0x676F02D9)
            b = GG(b, c, d, a, x[k + 12], S24, 0x8D2A4C8A)
            a = HH(a, b, c, d, x[k + 5], S31, 0xFFFA3942)
            d = HH(d, a, b, c, x[k + 8], S32, 0x8771F681)
            c = HH(c, d, a, b, x[k + 11], S33, 0x6D9D6122)
            b = HH(b, c, d, a, x[k + 14], S34, 0xFDE5380C)
            a = HH(a, b, c, d, x[k + 1], S31, 0xA4BEEA44)
            d = HH(d, a, b, c, x[k + 4], S32, 0x4BDECFA9)
            c = HH(c, d, a, b, x[k + 7], S33, 0xF6BB4B60)
            b = HH(b, c, d, a, x[k + 10], S34, 0xBEBFBC70)
            a = HH(a, b, c, d, x[k + 13], S31, 0x289B7EC6)
            d = HH(d, a, b, c, x[k + 0], S32, 0xEAA127FA)
            c = HH(c, d, a, b, x[k + 3], S33, 0xD4EF3085)
            b = HH(b, c, d, a, x[k + 6], S34, 0x4881D05)
            a = HH(a, b, c, d, x[k + 9], S31, 0xD9D4D039)
            d = HH(d, a, b, c, x[k + 12], S32, 0xE6DB99E5)
            c = HH(c, d, a, b, x[k + 15], S33, 0x1FA27CF8)
            b = HH(b, c, d, a, x[k + 2], S34, 0xC4AC5665)
            a = II(a, b, c, d, x[k + 0], S41, 0xF4292244)
            d = II(d, a, b, c, x[k + 7], S42, 0x432AFF97)
            c = II(c, d, a, b, x[k + 14], S43, 0xAB9423A7)
            b = II(b, c, d, a, x[k + 5], S44, 0xFC93A039)
            a = II(a, b, c, d, x[k + 12], S41, 0x655B59C3)
            d = II(d, a, b, c, x[k + 3], S42, 0x8F0CCC92)
            c = II(c, d, a, b, x[k + 10], S43, 0xFFEFF47D)
            b = II(b, c, d, a, x[k + 1], S44, 0x85845DD1)
            a = II(a, b, c, d, x[k + 8], S41, 0x6FA87E4F)
            d = II(d, a, b, c, x[k + 15], S42, 0xFE2CE6E0)
            c = II(c, d, a, b, x[k + 6], S43, 0xA3014314)
            b = II(b, c, d, a, x[k + 13], S44, 0x4E0811A1)
            a = II(a, b, c, d, x[k + 4], S41, 0xF7537E82)
            d = II(d, a, b, c, x[k + 11], S42, 0xBD3AF235)
            c = II(c, d, a, b, x[k + 2], S43, 0x2AD7D2BB)
            b = II(b, c, d, a, x[k + 9], S44, 0xEB86D391)
            a = addUnsigned(a, AA)
            b = addUnsigned(b, BB)
            c = addUnsigned(c, CC)
            d = addUnsigned(d, DD)
        }
        var tempValue = wordToHex(a) + wordToHex(b) + wordToHex(c) + wordToHex(d)
        return tempValue.toLowerCase()
    }
    var rotateLeft = function (lValue, iShiftBits) {
        return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits))
    }
    var addUnsigned = function (lX, lY) {
        var lX4, lY4, lX8, lY8, lResult
        lX8 = (lX & 0x80000000)
        lY8 = (lY & 0x80000000)
        lX4 = (lX & 0x40000000)
        lY4 = (lY & 0x40000000)
        lResult = (lX & 0x3FFFFFFF) + (lY & 0x3FFFFFFF)
        if (lX4 & lY4) return (lResult ^ 0x80000000 ^ lX8 ^ lY8)
        if (lX4 | lY4) {
            if (lResult & 0x40000000) return (lResult ^ 0xC0000000 ^ lX8 ^ lY8)
            else return (lResult ^ 0x40000000 ^ lX8 ^ lY8)
        } else {
            return (lResult ^ lX8 ^ lY8)
        }
    }
    var F = function (x, y, z) {
        return (x & y) | ((~x) & z)
    }
    var G = function (x, y, z) {
        return (x & z) | (y & (~z))
    }
    var H = function (x, y, z) {
        return (x ^ y ^ z)
    }
    var I = function (x, y, z) {
        return (y ^ (x | (~z)))
    }
    var FF = function (a, b, c, d, x, s, ac) {
        a = addUnsigned(a, addUnsigned(addUnsigned(F(b, c, d), x), ac))
        return addUnsigned(rotateLeft(a, s), b)
    }
    var GG = function (a, b, c, d, x, s, ac) {
        a = addUnsigned(a, addUnsigned(addUnsigned(G(b, c, d), x), ac))
        return addUnsigned(rotateLeft(a, s), b)
    }
    var HH = function (a, b, c, d, x, s, ac) {
        a = addUnsigned(a, addUnsigned(addUnsigned(H(b, c, d), x), ac))
        return addUnsigned(rotateLeft(a, s), b)
    }
    var II = function (a, b, c, d, x, s, ac) {
        a = addUnsigned(a, addUnsigned(addUnsigned(I(b, c, d), x), ac))
        return addUnsigned(rotateLeft(a, s), b)
    }
    var convertToWordArray = function (string) {
        var lWordCount
        var lMessageLength = string.length
        var lNumberOfWordsTempOne = lMessageLength + 8
        var lNumberOfWordsTempTwo = (lNumberOfWordsTempOne - (lNumberOfWordsTempOne % 64)) / 64
        var lNumberOfWords = (lNumberOfWordsTempTwo + 1) * 16
        var lWordArray = Array(lNumberOfWords - 1)
        var lBytePosition = 0
        var lByteCount = 0
        while (lByteCount < lMessageLength) {
            lWordCount = (lByteCount - (lByteCount % 4)) / 4
            lBytePosition = (lByteCount % 4) * 8
            lWordArray[lWordCount] = (lWordArray[lWordCount] | (string.charCodeAt(lByteCount) << lBytePosition))
            lByteCount++
        }
        lWordCount = (lByteCount - (lByteCount % 4)) / 4
        lBytePosition = (lByteCount % 4) * 8
        lWordArray[lWordCount] = lWordArray[lWordCount] | (0x80 << lBytePosition)
        lWordArray[lNumberOfWords - 2] = lMessageLength << 3
        lWordArray[lNumberOfWords - 1] = lMessageLength >>> 29
        return lWordArray
    }
    var wordToHex = function (lValue) {
        var WordToHexValue = '',
            WordToHexValueTemp = '',
            lByte, lCount
        for (lCount = 0; lCount <= 3; lCount++) {
            lByte = (lValue >>> (lCount * 8)) & 255
            WordToHexValueTemp = '0' + lByte.toString(16)
            WordToHexValue = WordToHexValue + WordToHexValueTemp.substr(WordToHexValueTemp.length - 2, 2)
        }
        return WordToHexValue
    }
    var uTF8Encode = function (string) {
        string = string.toString().replace(/\x0d\x0a/g, '\x0a')
        var output = ''
        for (var n = 0; n < string.length; n++) {
            var c = string.charCodeAt(n)
            if (c < 128) {
                output += String.fromCharCode(c)
            } else if ((c > 127) && (c < 2048)) {
                output += String.fromCharCode((c >> 6) | 192)
                output += String.fromCharCode((c & 63) | 128)
            } else {
                output += String.fromCharCode((c >> 12) | 224)
                output += String.fromCharCode(((c >> 6) & 63) | 128)
                output += String.fromCharCode((c & 63) | 128)
            }
        }
        return output
    }
    return createMD5String(md5str)
}

(function () {
    var a_timers = new Map();

    var d_timers = new Map();

    var t_timers = new Map();

    function CLAsync(func, arg, key) {
        var info = key ? a_timers.alwaysGet(key, {}) : {};
        if (info.t && !func) {
            clearTimeout(info.t);
        }
        if (func) {
            info.func = func;
            if (!info.t) {
                info.t = setTimeout(function () {
                    clearTimeout(info.t);
                    key && a_timers.delete(key);
                    info.func && info.func(info.arg);
                });
            }
        } else {
            a_timers.delete(key);
        }
    }

    function CLDelay(func, interval, arg, key) {
        var info = key ? d_timers.alwaysGet(key, {}) : {};
        if (info.t) {
            clearTimeout(info.t);
        }
        if (func) {
            info.t = setTimeout(function () {
                clearTimeout(info.t);
                key && d_timers.delete(key);
                func(arg);
            }, interval);
        } else {
            d_timers.delete(key);
        }
    }

    function CLTimer(func, interval, arg, key) {
        var info = key ? t_timers.alwaysGet(key, {}) : {};
        if (info.t) {
            clearTimeout(info.t);
        }
        if (func) {
            info.t = setInterval(function () {
                var r = true;
                try {
                    r = func(arg);
                } catch (e) {
                    r = "end";
                    console.error(e);
                }
                if (r === false || r == "end") {
                    clearTimeout(info.t);
                    if (key) {
                        t_timers.delete(key);
                    }
                }
            }, interval);
        } else {
            t_timers.delete(key);
        }
    }

    window.CLTimer = CLTimer;

    window.CLAsync = CLAsync;

    window.CLDelay = CLDelay;
}());

var Symbol_Value = Symbol("Symbol_Value");

function CLCheckInt(input, iMin, iMax) {
    var pos = input.selectionStart;
    if (input.outCheck) {
        input.removeEventListener("change", input.outCheck, true);
    }
    if (!/^[-]?[0-9]*$/.test(input.value)) {
        input.value = !!input[Symbol_Value] ? input[Symbol_Value] : "";
        if (pos != null) {
            input.selectionStart = pos - 1;
            input.selectionEnd = pos - 1;
        }
    } else {
        if (!!input.value) {
            if (pos != null) {
                input.selectionStart = pos;
                input.selectionEnd = pos;
            }
            input.outCheck = function (e) {
                input.removeEventListener("change", input.outCheck, true);
                delete input.outCheck;
                value = input.value;
                if (!!value) {
                    value *= 1;
                    var changed = false;
                    if (value < iMin) {
                        value = iMin + '';
                        changed = true;
                    }
                    if (value > iMax) {
                        value = iMax + '';
                        changed = true;
                    }
                    if (changed && e) {
                        e.stopImmediatePropagation();
                        input.value = value;
                        var event = document.createEvent('Event');
                        event.initEvent('change', true, true);
                        input.dispatchEvent(event);
                    }
                    input.value = value;
                }
            }
            if (event && event.type == "input") {
                input.addEventListener("change", input.outCheck, true);
            } else {
                input.outCheck();
            }
        }
    }
    input[Symbol_Value] = input.value;
}

function CLCheckFloat(input, iPoint, fMin, fMax) {
    var value = input.value;
    iPoint -= 0;
    if (input.outCheck) {
        input.removeEventListener("change", input.outCheck, true);
    }
    var pos = input.selectionStart;
    var Reg = new RegExp("^[-]?[0-9]*[.]?[0-9]*$");
    if (!Reg.test(value)) {
        input.value = !!input[Symbol_Value] ? input[Symbol_Value] : "";
        if (pos != null) {
            input.selectionStart = pos - 1;
            input.selectionEnd = pos - 1;
        }
    } else {
        if (!!value) {
            var index = value.indexOf('.') + 1;
            if (index > 0 && value.length - index > iPoint) {
                value = value.substring(0, index + iPoint);
            }
            input.value = value;
            if (pos != null) {
                input.selectionStart = pos;
                input.selectionEnd = pos;
            }
            input.outCheck = function (e) {
                input.removeEventListener("change", input.outCheck, true);
                delete input.outCheck;
                value = input.value;
                if (!!value) {
                    value *= 1;
                    var changed = false;
                    if (value < fMin) {
                        value = fMin + '';
                        changed = true;
                    }
                    if (value > fMax) {
                        value = fMax + '';
                        changed = true;
                    }
                    if (e && changed) {
                        e.stopImmediatePropagation();
                        input.value = value;
                        var event = document.createEvent('Event');
                        event.initEvent('change', true, true);
                        input.dispatchEvent(event);
                    }
                }
            }
            var ev = event || H5.Event;
            if (ev && ev.type == "input") {
                input.addEventListener("change", input.outCheck, true);
            } else {
                input.outCheck();
            }
        }
    }
    input[Symbol_Value] = input.value;
}

function CLCheckDateTime(input, Format) {
    if (!Format) {
        Format = "yyyy-MM-dd hh:mm:ss";
    }
    Format = Format.replaceAll("H", "h").replaceAll("D", "d").replaceAll("S", "s");
    var formats = "yyyy-MM-dd hh:mm:ss.fff yyyy/MM/dd hh:mm:ss.fff";
    if (formats.indexOf(Format) < 0) {
        Format = "yyyy-MM-dd hh:mm:ss";
    }
    if (input.outCheck) {
        input.removeEventListener("change", input.outCheck, true);
    }
    if (!input.value) {
        delete input.oVal;
        return;
    }
    var pos = input.selectionEnd;
    var sVal = input.value;
    var oVal = input.oVal;
    if (!oVal) {
        oVal = "";
    }
    var Added = "";
    var Removed = "";
    var oLeft = oVal.substr(0, oVal.length - (sVal.length - pos));
    var Left = sVal.substr(0, pos);
    var flag = false;
    for (var i = 0; i < Left.length; i++) {
        if (oLeft[i] != Left[i]) {
            flag = true;
        }
        if (!flag) {
            continue;
        }
        if (oLeft[i] != undefined) {
            Removed += oLeft[i];
        }
        Added += Left[i];
    }
    if (oLeft.length > Left.length) {
        Removed += oLeft.substr(Left.length);
    }
    function reset() {
        input.value = oVal;
        input.selectionStart = oLeft.length - Removed.length;
        input.selectionEnd = oLeft.length;
    }
    if (/[^(0-9 \- : \/)]/.test(Added)) {
        return reset();
    }
    var cur = oLeft.length - Removed.length;
    var Val = Left.substr(0, cur);
    flag = false;
    var tVal = oVal.substr(0, cur) + Format.substr(cur, Removed.length).replace(/[yMdhmsf]/g, "0") + oVal.substr(cur + Removed.length);
    for (var i = cur; i < Format.length; i++) {
        var fmt = Format[i];
        var V = Left[cur];
        if (V == undefined) {
            V = tVal[i];
            if (V == undefined) {
                break;
            }
            if (!flag) {
                flag = true;
                if (/[yMdhmsf]/.test(fmt) || oLeft.length > Left.length) {
                    pos = i;
                } else {
                    pos = i + 1;
                }
            }
        }
        if (/[yMdhmsf]/.test(fmt) && !/[0-9]/.test(V)) {
            return reset();
        }
        if (!/[yMdhmsf]/.test(fmt) && /[0-9]/.test(V)) {
            Val += fmt;
            Val += V;
            i++;
        } else if (!/[yMdhmsf]/.test(fmt) && !/[0-9]/.test(V)) {
            Val += fmt;
        } else {
            Val += V;
        }
        if (Val.length == Format.length) {
            break;
        }
        cur++;
    }
    if (!flag) {
        pos = Val.length;
    }
    cur = pos;
    if (cur < Format.length) {
        while (/[yMdhmsf]/.test(Format[cur]) && cur > 0) {
            cur--;
        }
        if (cur < pos) {
            input.outCheck = function (e) {
                input.removeEventListener("change", input.outCheck, true);
                delete input.outCheck;
                input.selectionEnd = input.selectionStart = input.value.length;
                var value = input.value;
                if (e) {
                    CLCheckDateTime(input, Format);
                }
                if (e && input.value != value) {
                    e.stopImmediatePropagation();
                    var event = document.createEvent('Event');
                    event.initEvent('change', true, true);
                    input.dispatchEvent(event);
                }
            }
            var ev = event || H5.Event;
            if (ev && ev.type == "input") {
                input.addEventListener("change", input.outCheck, true);
            } else {
                input.outCheck();
            }
        }
    }

    if (cur > 0) {
        var toCheck = Val.substr(0, cur);
        var fCheck = Format.substr(0, cur);
        var vList = toCheck.split(/[\-:\/ ]/);
        var fList = fCheck.split(/[\-:\/ ]/);
        var dt = new Date();
        dt.setDate(1);
        var day = 1;
        for (var i = 0; i < vList.length; i++) {
            var iV = vList[i] * 1;
            var fV = fList[i];
            if (fV == "yyyy") {
                if (iV < 1000) {
                    iV = 1000;
                }
                if (iV > 9999) {
                    iV = 9999;
                }
                dt.setFullYear(iV);
            }
            if (fV == "MM" || fV == "M") {
                if (iV < 1) {
                    iV = 1;
                }
                if (iV > 12) {
                    iV = 12;
                }
                dt.setMonth(iV - 1);
            }
            if (fV == "dd" || fV == "d") {
                if (iV < 1) {
                    iV = 1;
                }
                if (iV > 31) {
                    iV = 31;
                }
                day = iV;
            }
            if (fV == "hh") {
                if (iV < 0) {
                    iV = 0;
                }
                if (iV > 23) {
                    iV = 23;
                }
                dt.setHours(iV);
            }
            if (fV == "mm" || fV == "ss") {
                if (iV < 0) {
                    iV = 0;
                }
                if (iV > 59) {
                    iV = 59;
                }
                if (fV == "mm") {
                    dt.setMinutes(iV);
                } else {
                    dt.setSeconds(iV);
                }
            }
            if (fV == "fff") {
                if (iV < 0) {
                    iV = 0;
                }
                if (iV > 999) {
                    iV = 999;
                }
                dt.setMilliseconds(iV);
            }
        }
        var mon = dt.getMonth();
        dt.setDate(day);
        if (dt.getMonth() > mon) {
            dt.setDate(0);
        }
        Val = dt.Format(fCheck) + Val.substr(cur);
    }
    input.value = Val;
    input.oVal = input.value;
    input.selectionEnd = input.selectionStart = pos;
}

function CLScrollNumber(input, func) {
    var win = H5.Window(input);
    function fWheel(e) {
        if (win.H5.ActiveElement() != input) {
            return;
        }
        var end = input.selectionEnd;
        var value = (input.value && input.value.trim()) || "";
        if (end == 0 || !/[0-9]/.test(value[end - 1])) {
            if (!value) {
                input.value = 0;
            }
            return;
        }
        var vLen = value.length;
        var off = value.indexOf(".");
        var len = off < 0 ? 0 : value.length - off - 1;
        value = (value * Math.pow(10, len));
        var fSec = Math.pow(10, input.value.length - end - (end > off || off < 0 ? 0 : 1));
        if (e.detail) {
            if (e.detail > 0) {
                fSec *= -1;
            }
        } else {
            if (e.wheelDelta < 0) {
                fSec *= -1;
            }
        }
        var fVal = value;
        if (isNaN(fVal)) {
            fVal = 0;
        } else {
            fVal += fSec
        }
        fVal /= Math.pow(10, len);
        input.value = fVal;
        func(input);
        input.value = (input.value * 1).toFixed(len);
        end = input.selectionEnd = end + input.value.length - vLen;
        if (!/[0-9]/.test(input.value[end - 1])) {
            input.selectionEnd = end + 1;
        }
        e.stopPropagation();
        e.preventDefault();
    }
    input.addEventListener("mousewheel", fWheel);
    input.addEventListener("DOMMouseScroll", fWheel);
    return function () {
        input.removeEventListener("mousewheel", fWheel);
        input.removeEventListener("DOMMouseScroll", fWheel);
    }
}

function CLStartEdit(Div, Callback, Enter, iPoint, Value) {
    var Rect = Div.getBoundingClientRect();
    var style = getComputedStyle(Div);
    var doc = H5.Window(Div).document;
    var ele = doc.createElement(Enter === false || iPoint != null ? "input" : "textarea");
    ele.style.cssText = "position:fixed;left:" + Rect.left + "px;top:" + Rect.top + "px;background:#fff;padding:0 3px";
    ele.style.width = ele.style.minWidth = Rect.width + "px";
    ele.style.height = ele.style.minHeight = Rect.height + "px";
    ele.style.maxHeight = "100%";
    ele.style.resize = "none";
    ele.style.outline = "none";
    ele.style.padding = !!style.padding && style.padding != "0px" ? style.padding : "0 3px";
    ele.style.textAlign = style.textAlign;
    ele.style.border = "1px solid #0db3a6";
    ele.style.borderRadius = style.borderRadius;
    ele.style.fontSize = style.fontSize;
    ele.style.fontFamily = style.fontFamily;
    ele.style.lineHeight = style.lineHeight;
    ele.style.overflow = "auto";
    ele.style.wordBreak = "break-all";
    ele.value = Value == undefined ? Div.innerText : Value;
    ele[Symbol_Value] = Value;
    ele.className = "CLEditor";
    doc.body.appendChild(ele);
    ele.style.zIndex = H5.MaxZIndex();
    ele.From = Div;
    function End() {
        if (ele.parentNode == null) {
            return;
        }
        if (Div.innerText == ele.value && Value !== undefined) {
            ele.remove();
            sizer.remove();
            return;
        }
        if (Div.childElementCount == 0) {
            Div.innerText = ele.value;
        }
        ele.remove();
        sizer.remove();
        Callback(ele.value);
    }
    ele.close = function () {
        End();
    }
    ele.onblur = function () {
        ele.close();
    }
    CLAsync(function () {
        ele.focus();
        ele.select();
    });
    function KeyDown(e) {
        if (e.key == "Enter") {
            ele.blur();
            e.preventDefault();
        }
        e.stopPropagation();
    }
    if (ele.tagName == "INPUT") {
        ele.addEventListener("keydown", KeyDown);
    }

    if (iPoint > 0) {
        ele.oninput = function () {
            CLCheckFloat(this, iPoint);
        }
    } else if (iPoint == 0) {
        ele.oninput = function () {
            CLCheckInt(this);
        }
    }
    var sizer = doc.createElement("div");
    sizer.style.cssText = ele.style.cssText;
    sizer.style.maxWidth = innerWidth - Rect.left - 9 + "px";
    sizer.style.minHeight = "";
    sizer.style.opacity = "0";
    sizer.style.pointerEvents = "none";
    sizer.style.width = "initial";
    sizer.style.height = "initial";
    doc.body.appendChild(sizer);
    function calc() {
        sizer.innerHTML = "<span></span>";
        sizer.firstChild.innerText = ele.value;
        if (ele.value[ele.value.length - 1] == "\n") {
            sizer.firstChild.innerText += "a";
        }
        ele.style.overflow = "hidden";
        ele.style.minHeight = "";
        ele.style.width = sizer.offsetWidth + (Enter == false ? 0 : 1) + "px";
        if (ele.tagName != "INPUT") {
            ele.style.height = sizer.offsetHeight + "px";
        }
        var rect = ele.getBoundingClientRect();
        if (rect.bottom > innerHeight) {
            var top = rect.top - (rect.bottom - innerHeight);
            if (top < 0) {
                top = 0;
            }
            ele.style.top = top + "px";
        }
        ele.style.minHeight = parseInt(style.lineHeight) + 2 + "px";
        ele.style.overflow = "auto";
    }
    ele.addEventListener("input", calc);
    calc();
    function down(e) {
        var rect = ele.getBoundingClientRect();
        if (e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) {
            ele.blur();
            removeEventListener("mousedown", down, true);
        }
    }
    addEventListener("mousedown", down, true);
    return ele;
}

var Symbol_Sizer = Symbol("Symbol_Sizer");

function CLCatchResize(box, func) {
    //创建观察者
    var observer = new ResizeObserver(function (entries) {
        H5.Async(function () {
            try {
                entries.some(function (entry) {
                    if (entry.target == box) {
                        var R = func(box.offsetWidth, box.offsetHeight);
                        if (R == "end") {
                            observer.disconnect();
                        }
                        return true;
                    }
                });
            } catch (e) {
            }
        }, observer);
    });
    observer.observe(box);
    return function () {
        observer.disconnect();
    };
}

//使元素可拖动:position应为absolute或fixed;
function CLEnableMove(toDrag, onStart, onMove, onEnd, toMove) {
    toMove = toMove || toDrag;
    var Win;
    toDrag.addEventListener("mousedown", function (e) {
        if (e.button != 0) {
            return;
        }
        Win = H5.Window(toDrag) || window;
        //开始拖拽
        toMove.FromX = e.clientX;//+ toMove.parentNode.scrollLeft;
        toMove.FromY = e.clientY;// + toMove.parentNode.scrollTop;
        toMove.xLeft = toMove.offsetLeft;
        toMove.yTop = toMove.offsetTop;
        toMove.Pos = {
            X: toMove.xLeft,
            Y: toMove.yTop
        }
        var oldLeft = toMove.style.left;
        var oldTop = toMove.style.top;
        toMove.isDraging = false;

        function mouseup(e) {
            var isDraging = toMove.isDraging;
            toMove.isDraging = false;
            if ((toMove.FromX != e.clientX || e.clientY != toMove.FromY) && onEnd != null) {
                if (isDraging) {
                    var ret = onEnd(toMove, e);
                    if (ret == false) {
                        toMove.style.left = oldLeft;
                        toMove.style.top = oldTop;
                    }
                }
            }
            toMove.xLeft = toMove.offsetLeft;
            toMove.yTop = toMove.offsetTop;
            toMove.Pos = {
                X: toMove.xLeft,
                Y: toMove.yTop
            }
            Win.removeEventListener("mouseup", mouseup, true);
            Win.removeEventListener("mousemove", mousemove, true);
        }

        function mousemove(e) {
            var lx = toMove.FromX - e.clientX;
            var ly = toMove.FromY - e.clientY;
            lx *= lx;
            ly *= ly;
            if (Math.sqrt(lx + ly) < 2) {
                return;
            }
            if (toMove.isDraging == false) {
                if (onStart != null) {
                    if (onStart(toMove, e) === false) {
                        Win.removeEventListener("mouseup", mouseup, true);
                        Win.removeEventListener("mousemove", mousemove, true);
                        return;
                    }
                }
                toMove.isDraging = true;
            }
            var X = e.clientX - toMove.FromX;
            var Y = e.clientY - toMove.FromY;
            var Scale = toMove.parentNode && toMove.parentNode.Scale || 1;
            if (Scale == null) {
                Scale = 1;
            }
            X /= Scale;
            Y /= Scale;
            toMove.Pos = {
                X: toMove.xLeft + X,
                Y: toMove.yTop + Y
            }
            toMove.xMoved = X;
            toMove.yMoved = Y;
            toMove.style.left = toMove.Pos.X + "px";
            toMove.style.top = toMove.Pos.Y + "px";
            if (onMove != null) {
                var ret = onMove(toMove, e);
                if (ret == false) {
                    toMove.style.left = oldLeft;
                    toMove.style.top = oldTop;
                }
            }
        }
        Win.addEventListener("mouseup", mouseup, true);
        Win.addEventListener("mousemove", mousemove, true);
        e.stopPropagation();
        e.preventDefault();
    }, false);
}

//type:0,水平方向;1垂直方向,;2,水平与垂直;3,包含
function CLCalcPosDiv(divMoving, Items, type, viewbox) {
    var parent = divMoving.parentNode;
    var rect = divMoving.getBoundingClientRect();
    if (type == null) {
        type = rect.width <= parent.offsetWidth / 2 ? 0 : 1;
    }
    var Y = Math.floor(rect.top + rect.height / 2);
    var X = Math.floor(rect.left + rect.width / 2);
    if (type <= 2) {
        var path = H5.ElementsFromPoint(X, Y);
        var touch = null;
        path.some(function (ele) {
            if (viewbox == ele) {
                touch = ele;
                return true;
            }
            if (parent.contains(ele)) {
                while (ele && ele.parentNode != parent) {
                    ele = ele.parentNode;
                    if (!ele) {
                        return;
                    }
                }
                if (ele != divMoving) {
                    touch = ele;
                    return true;
                }
            }
        });
        if (viewbox == touch) {
            return viewbox.nextSibling;
        }
        function Calc() {
            var rect = viewbox.getBoundingClientRect();
            var Y_ = rect.top + rect.height / 2;
            var X_ = rect.left + rect.width / 2;
            return Math.pow((X_ - X), 2) + Math.pow((Y_ - Y), 2);
        }
        if (touch == viewbox) {
            return viewbox.nextSibling;
        }
        if (touch && [].includes.call(Items, touch)) {
            touch.insertAdjacentElement("beforebegin", viewbox);
            var len = Calc();
            touch.insertAdjacentElement("afterend", viewbox);
            var len2 = Calc();
            if (len2 > len) {
                touch.insertAdjacentElement("beforebegin", viewbox);
            }
            return viewbox.nextSibling;
        } else if (Items.length) {
            return viewbox.nextSibling;
        } else {
            return null;
        }
    } else {
        for (var i = Items.length - 1; i > -1; i--) {
            var rect = Items[i].getBoundingClientRect();
            if (Y < rect.top + rect.height && Y >= rect.top && X < rect.left + rect.width && X >= rect.left) {
                return Items[i];
            }
        }
    }
}

function CLCssBox(ele, clear) {
    var boxes = document.querySelectorAll("div[h5-cssbox]");
    if (boxes.length && clear != false) {
        boxes.forEach(function (box) {
            box.remove();
        });
    }
    if (!ele || !ele.isConnected) {
        return;
    }
    var doc = ele.getRootNode();
    if (!ele || !ele.isConnected || !doc.contains(ele)) {
        return;
    }
    if (ele.forEach) {
        return ele.forEach(function (ele) {
            CssBox(ele);
        });
    }
    function InlineAsBlock(ele) {
        var box = document.createElement(ele);
        box.style.cssText = "width:10px;height:10px;display:inline";
        document.body.appendChild(box);
        var w = box.offsetWidth;
        box.remove();
        return w > 0;
    }
    function GetRot(ele) {
        if (!H5.IsHTMLElement(ele)) {
            if (!ele) {
                return 0;
            } else if (ele.host) {
                return GetRot(ele.host);
            } else if (ele.defaultView) {
                return GetRot(ele.defaultView.frameElement);
            } else {
                return 0;
            }
        }
        var style = getComputedStyle(ele);
        var transform = style.transform;
        var rot = 0;
        if (transform != "none" && (style.display != "inline" || InlineAsBlock(ele.tagName))) {
            var mat = CLMatrix.Parse(transform);
            rot += mat.getRotate();
        }
        if (ele != doc && doc.contains(ele)) {
            rot += GetRot(ele.parentNode);
        }
        return rot;
    }
    var body = document.body;
    var style;
    var rect;
    var _rot;
    var width, height;
    var marginLeft = 0, marginTop = 0, marginRight = 0, marginBottom = 0;
    var paddingLeft = 0, paddingTop = 0, paddingRight = 0, paddingBottom = 0;
    var borderLeft = 0, borderTop = 0, borderRight = 0, borderBottom = 0;
    if (ele.tagName) {
        style = getComputedStyle(ele);
        if (style.display == "inline" && !InlineAsBlock(ele.tagName)) {
            var txt = ele.firstChild;
            if (!txt) {
                ele.insertAdjacentText("afterbegin", "\t");
                txt = ele.firstChild;
                txt._remove = txt.remove;
            }
            var range = document.createRange();
            range.selectNode(txt);
            rect = range.getBoundingClientRectEx();
            if (txt._remove) {
                txt._remove();
            }
        } else {
            rect = ele.getBoundingClientRectEx();
        }
        _rot = GetRot(ele);
        width = ele.offsetWidth;
        height = ele.offsetHeight;
        marginLeft = style.marginLeft;
        marginTop = style.marginTop;
        marginRight = style.marginRight;
        var p_node = ele.parentNode;
        var p_style = H5.IsHTMLElement(p_node) ? getComputedStyle(p_node) : {};
        var p_display = p_style.display || "";
        var p_width = p_node.offsetWidth || (p_node.host && p_node.host.offsetWidth) || (p_node.defaultView && p_node.defaultView.innerWidth) || 0;
        if (style.display == "block" && style.position == "static" && !p_display.includes("flex") && style.cssFloat != "left" && style.cssFloat != "right") {
            var pr = parseFloat(p_style.paddingRight || 0) + parseFloat(p_style.borderRightWidth || 0);
            var right = H5.IsHTMLElement(p_node) ? p_node.getBoundingClientRect().right : p_width;
            marginRight = Math.max(parseFloat(style.marginRight), right - ele.getBoundingClientRect().right - pr) + "px";
        }
        marginBottom = style.marginBottom;
        marginLeft = /^-/.test(marginLeft) ? 0 : marginLeft;
        marginTop = /^-/.test(marginTop) ? 0 : marginTop;
        marginRight = /^-/.test(marginRight) ? 0 : marginRight;
        marginBottom = /^-/.test(marginBottom) ? 0 : marginBottom;
        paddingLeft = style.paddingLeft;
        paddingTop = style.paddingTop;
        paddingRight = style.paddingRight;
        paddingBottom = style.paddingBottom;
        borderLeft = style.borderLeftWidth;
        borderTop = style.borderTopWidth;
        borderRight = style.borderRightWidth;
        borderBottom = style.borderBottomWidth;
    } else {
        style = getComputedStyle(ele.parentNode);
        var span = document.createElement("span");
        span.style.display = "inline-block";
        span.innerText = ele.data;
        _rot = GetRot(ele.parentNode);
        span.style.transform = "rotate(-" + _rot + "deg)";
        ele.parentNode.appendChild(span);
        rect = span.getBoundingClientRectEx();
        width = rect.width;
        height = rect.height;
        span.remove();
        var range = document.createRange();
        range.selectNode(ele);
        rect = range.getBoundingClientRectEx();
    }
    var zoom = style.zoom;
    width *= zoom;
    height *= zoom;
    var margin_box = document.createElement("div");
    margin_box.style.zIndex = H5.MaxZIndex();
    margin_box.setAttribute("h5-cssbox", "")
    margin_box.style.border = "rgba(241,133,25,0.4) solid";
    margin_box.style.pointerEvents = "none";
    margin_box.style.borderWidth = marginTop + " " + marginRight + " " + marginBottom + " " + marginLeft;
    margin_box.style.width = width + parseFloat(marginLeft) + parseFloat(marginRight) + "px";
    margin_box.style.height = height + parseFloat(marginTop) + parseFloat(marginBottom) + "px";
    rect = { left: rect.left * zoom, top: rect.top * zoom, right: rect.right * zoom, bottom: rect.bottom * zoom };
    var O = { X: (rect.left + rect.right) / 2, Y: (rect.top + rect.bottom) / 2 };
    O.X -= parseFloat(marginLeft) + width / 2;
    O.Y -= parseFloat(marginTop) + height / 2;
    margin_box.style.position = "fixed";
    margin_box.style.left = O.X + "px";
    margin_box.style.top = O.Y + "px";
    margin_box.style.transformOrigin = parseFloat(marginLeft) + width / 2 + "px " + parseFloat(margin_box.style.height) / 2 + "px ";
    margin_box.style.transform = "rotate(" + _rot + "deg)";
    body.appendChild(margin_box);
    var border_box = document.createElement("div");
    border_box.style.width = width + "px";
    border_box.style.height = height + "px";
    border_box.style.border = "solid";
    border_box.style.borderColor = "rgba(255,193,10,0.3)";
    border_box.style.borderWidth = borderTop + " " + borderRight + " " + borderBottom + " " + borderLeft;
    margin_box.appendChild(border_box);
    var padding_box = document.createElement("div");
    padding_box.style.width = width - parseFloat(borderLeft) - parseFloat(borderRight) + "px";
    padding_box.style.height = height - parseFloat(borderTop) - parseFloat(borderBottom) + "px";
    padding_box.style.border = "solid rgba(115,178,88,0.5)";
    padding_box.style.borderWidth = paddingTop + " " + paddingRight + " " + paddingBottom + " " + paddingLeft;
    border_box.appendChild(padding_box);
    var box = document.createElement("div");
    box.style.width = "100%";
    box.style.height = "100%";
    box.style.background = "rgba(58,137,207,0.5)";
    padding_box.appendChild(box);
    return margin_box;
}

Text.prototype.getBoundingClientRect = function () {
    var range = document.createRange();
    range.selectNode(this);
    return range.getBoundingClientRect();
}

Range.prototype.getBoundingClientRectEx = HTMLElement.prototype.getBoundingClientRectEx = function () {
    var _window = H5.IsHTMLElement(this) ? H5.Window(this) : H5.Window(this.startContainer);
    if (_window == H5.Top()) {
        return this.getBoundingClientRect();
    } else {
        var Rect = this.getBoundingClientRect();
        var tempRect = _window.frameElement.getBoundingClientRectEx();
        Rect = {
            x: Rect.x + tempRect.x,
            y: Rect.y + tempRect.y,
            left: Rect.left + tempRect.left,
            top: Rect.top + tempRect.top,
            right: Rect.right + tempRect.left,
            bottom: Rect.bottom + tempRect.top,
            width: Rect.width,
            height: Rect.height
        }
        return Rect;
    }
}

HTMLElement.prototype.insertAdjacentHTML = function (name, html) {
    var Cur = this.nextSibling;
    var pTag;
    if (name == "afterend") {
        Cur = this.nextSibling;
        pTag = this.parentNode;
    } else if (name == "beforebegin") {
        Cur = this;
        pTag = this.parentNode;
    } else if (name == "afterbegin") {
        Cur = this.firstChild;
        pTag = this;
    } else if (name == "beforeend") {
        Cur = null;
        pTag = this;
    }
    if (!H5.IsHTMLElement(pTag)) {
        var div = document.createElement("div");
        div.innerHTML = html;
        while (div.firstChild) {
            pTag.insertBefore(div.firstChild, Cur);
        }
    } else {
        Element.prototype.insertAdjacentHTML.call(this, name, html);
    }
}

Text.prototype.insertAdjacentHTML = function (name, html) {
    if (name == "beforebegin") {
        var next = this;
        var list = [];
        while (next && next.constructor.name == "Text") {
            list.push(next);
            next = this.nextSibling;
        }
        if (next) {
            next.insertAdjacentHTML(name, html);
            var parent = next.parentNode;
            list.forEach(function (ele) {
                parent.insertBefore(ele, next);
            });
        } else if (this.parentNode) {
            this.parentNode.insertAdjacentHTML("afterbegin", html);
        } else {
            throw new Error("参数错误");
        }
    } else if (name == "afterend") {
        var prev = this;
        var list = [];
        while (prev && prev.constructor.name == "Text") {
            list.push(prev);
            prev = this.previousSibling;
        }
        if (prev) {
            prev.insertAdjacentHTML(name, html);
            var parent = next.parentNode;
            var next = prev.nextSibling;
            list.forEach(function (ele) {
                parent.insertBefore(ele, next);
            });
        } else if (this.parentNode) {
            this.parentNode.insertAdjacentHTML("beforeend", html);
        } else {
            throw new Error("参数错误");
        }
    } else {
        throw new Error("参数错误");
    }
}

ShadowRoot.prototype.getRootNode = function () {
    return this.host.getRootNode();
}

String.prototype.contains = function (Val) {
    if (!Val) {
        return true;
    } else {
        return this.includes(Val);
    }
}

if (!Event.prototype.hasOwnProperty("path")) {
    Object.defineProperty(Event.prototype, "path", {
        get: function () {
            return this.composedPath();
        }
    });
}

if (!("at" in Array.prototype)) {
    Array.prototype.at = function (index) {
        index = index < 0 ? this.length + index : index;
        return this[index];
    }
}

if (!("includes" in Array.prototype)) {
    Array.prototype.includes = function (ele) {
        return this.indexOf(ele) >= 0;
    }
}

function CLEnableDragFiles(block, ondrop, ondrag, retry) {
    if (!block.isConnected) {
        if (!retry) {
            CLAsync(function () {
                CLEnableDragFiles(block, ondrop, ondrag, true);
            });
        }
        return;
    }
    function dragover(e) {
        e.preventDefault();
        var rect = block.getBoundingClientRect();
        if (e.clientX > rect.left && e.clientX < rect.right && e.clientY > rect.top && e.clientY < rect.bottom) {
            block.classList.add("H5DragHover");
        } else {
            block.classList.remove("H5DragHover");
        }
    }

    func = ondrag == null ? dragover : function (e) {
        e.preventDefault(); ondrag(e)
    };

    var window = H5.Window(block);

    window.addEventListener("dragenter", func, false);

    window.addEventListener("dragover", func, false);

    window.addEventListener("dragleave", func, false);

    window.addEventListener("drop", function (e) {
        if (func == dragover) {
            block.classList.remove("H5DragHover");
        } else {
            func(e);
        }
    }, false);

    block.addEventListener("drop", function (e) {
        e.preventDefault();
        block.classList.remove("H5DragHover");
        block.style.background = "";
        var ele = e.srcElement;
        ondrop(e);
    }, false);
}

function CLQueryDragFiles(dragEvent, Success) {
    function queryFiles(entry, end, arr) {
        var reader = entry.createReader();
        var iWait = 0;
        if (arr == null) {
            arr = [];
        }
        function read(fileEntry, fullPath, end) {
            fileEntry.file(function (file) {
                end({
                    path: fullPath,
                    file: file,
                });
            });
        }
        reader.readEntries(function (results) {
            if (results.length == 0) {
                end(arr);
            }
            for (var i = 0; i < results.length; i++) {
                if (results[i].isFile) {
                    iWait++;
                    read(results[i], results[i].fullPath, function (file) {
                        iWait--;
                        arr.push(file);
                        if (iWait == 0) {
                            end(arr);
                        }
                    });
                } else if (results[i].isDirectory) {
                    iWait++;
                    queryFiles(results[i], function () {
                        iWait--;
                        if (iWait == 0) {
                            end(arr);
                        }
                    }, arr);
                }
            }
        });
    }
    var df = dragEvent.dataTransfer;
    var files = []; // 存放拖拽的文件对象
    var iWait = 0;
    if (df.items !== undefined) {
        // Chrome有items属性，对Chrome的单独处理
        for (var i = 0; i < df.items.length; i++) {
            var item = df.items[i];
            // 用webkitGetAsEntry禁止上传目录
            var entry = item.webkitGetAsEntry();
            if (item.kind === "file") {
                if (entry.isFile) {
                    files.push({
                        path: entry.fullPath,
                        file: item.getAsFile()
                    });
                } else if (entry.isDirectory) {
                    iWait++
                    queryFiles(entry, function (files) {
                        iWait--;
                        if (iWait == 0) {
                            Success(files);
                        }
                    }, files);
                }
            }
        }
        if (Success && iWait == 0) {
            Success(files);
        }
    }
}

function CLEnableDragPosition(toMove, className, toDrag, end, moving) {
    var left;
    var top;
    var oldCss;
    var box;
    toDrag = toDrag || toMove;
    var PreLine;
    var Lines;
    var type = null;
    var area = {};
    CLEnableMove(toDrag,
        function (Item, event) {
            box = toMove.parentNode;
            Lines = [];
            oldCss = toMove.style.cssText;
            toMove.style.transition = "none";
            var Rect = toMove.getBoundingClientRect();
            PreLine = toMove.cloneNode();
            PreLine.className = "CLPreLine";
            PreLine.style.height = toMove.offsetHeight + "px";
            PreLine.style.width = toMove.offsetWidth + "px";
            toMove.style.height = toMove.offsetHeight + "px";
            toMove.style.width = toMove.offsetWidth + "px";
            toMove.style.position = "fixed";
            toMove.style.zIndex = 100;
            toMove.X = Rect.left;
            toMove.Y = Rect.top;
            toMove.style.left = left = toMove.X + "px";
            toMove.style.top = top = toMove.Y + "px";
            //计算摆放位置
            var Line = CLCalcPosDiv(toMove, Lines, type, PreLine);
            box.insertBefore(PreLine, Line);
            if (moving) {
                moving(toMove, PreLine, true);
            }
            box = toMove.parentNode;
            var childNodes = className ? box.querySelectorAll("." + className) : box.childNodes;
            for (var i = 0; i < childNodes.length; i++) {
                if (childNodes[i].classList.contains(className) || !className) {
                    Lines.push(childNodes[i])
                }
            }
            Lines.forEach(function (item) {
                var rect_ = item.getBoundingClientRect();
                area.left = area.left == null ? rect_.left : Math.min(rect_.left, area.left);
                area.right = area.right == null ? rect_.right : Math.max(rect_.right, area.right);
                area.top = area.top == null ? rect_.top : Math.min(rect_.top, area.top);
                area.bottom = area.bottom == null ? rect_.bottom : Math.max(rect_.bottom, area.bottom);
            });
            return;
        },
        function (Item, event) {
            //重新计算摆放位置
            if (PreLine == null) {
                return false;
            }
            var left_ = toMove.X + toDrag.Pos.X - toDrag.xLeft;
            var top_ = toMove.Y + toDrag.Pos.Y - toDrag.yTop;
            left_ = Math.max(left_, area.left);
            left_ = Math.min(left_, area.right - toMove.offsetWidth);
            top_ = Math.max(top_, area.top);
            top_ = Math.min(top_, area.bottom - toMove.offsetHeight);
            toMove.style.left = left_ + "px";
            toMove.style.top = top_ + "px";
            var Line = CLCalcPosDiv(toMove, Lines, type, PreLine);
            PreLine.parentNode.insertBefore(PreLine, Line);
            if (moving) {
                return moving(toMove, PreLine, false);
            }
            return false;
        },
        function (Item, event) {
            if (PreLine == null) {
                return false;
            }
            toMove.style.cssText = oldCss;
            PreLine.parentNode.insertBefore(toMove, PreLine);
            PreLine.remove();
            PreLine = null;
            if (end) {
                var nodes = toMove.parentNode.childNodes;
                end([].indexOf.call(nodes, toMove));
            }
            return false;
        });
}

function CLTableToTree(jTable, ParentID, Info) {
    Info = Info || {};
    Info.ID = Info.ID ? Info.ID : "ID";
    Info.Parent = Info.Parent ? Info.Parent : "ParentID";
    Info.Index = Info.Index ? Info.Index : "Index";
    Info.Child = Info.Child ? Info.Child : "SubNode";
    var Map_s = {};
    var Sub = {};
    var R = [];
    for (var i = 0; i < jTable.length; i++) {
        var dataId = jTable[i][Info.ID];
        Map_s[dataId] = jTable[i];
        var parentId = jTable[i][Info.Parent];
        if (!Sub[parentId]) {
            Sub[parentId] = [];
        }
        if (!Sub[dataId]) {
            Sub[dataId] = [];
        }
        jTable[i][Info.Child] = Sub[dataId];
        if (parentId == ParentID) {
            R.push(jTable[i]);
        } else {
            Sub[parentId].push(jTable[i]);
        }
    }
    if (ParentID == null) {
        for (var key in Sub) {
            if (!Map_s[key]) {
                Sub[key].forEach(function (ele) {
                    R.push(ele);
                });
            }
        }
    }
    function func_(e1, e2) {
        var v1 = e1[Info.Index];
        var v2 = e2[Info.Index];
        if (v1 == null && v2 == null) {
            return 0;
        }
        if (v1 == null && v2 != null) {
            return 1;
        } else if (v1 != null && v2 == null) {
            return -1;
        } else {
            return v1 > v2 ? 1 : -1;
        }
    }
    function Sort(data) {
        var SubData = data[Info.Child];
        if (SubData) {
            SubData.forEach(Sort);
            SubData.sort(func_);
        }
    }
    for (var i = 0; i < R.length; i++) {
        Sort(R[i]);
    }
    R.sort(func_);
    if (Info.Map) {
        Info[Info.Map] = Map_s;
    }
    return R;
}

function CLTreeToTable(jTree, list, key) {
    list = list ? list : [];
    list.push(jTree);
    if (jTree && jTree[key || "SubNode"]) {
        jTree[key || "SubNode"].forEach(function (ele) {
            CLTreeToTable(ele, list, key);
        });
    }
    return list;
}

function CLCopy(data, msg) {
    if (typeof data == "string") {
        return CLCopy([{ data: data, type: "text/plain" }], msg);
    }
    if (data == null) {
        return false;
    }
    if (!Array.isArray(data) && typeof data == "object") {
        data = [data];
    }
    var ele = H5.ActiveElement();
    var textArea = document.createElement("textarea");
    textArea.style.position = 'absolute';
    textArea.style.background = 'transparent';
    document.body.appendChild(textArea);
    textArea.select();
    textArea.oncopy = function (e) {
        var clipboardData = e.clipboardData || window.clipboardData;
        for (var i = 0; i < data.length; i++) {
            clipboardData.items.add(data[i].data, data[i].type);
        }
        ele.focus();
        return false;
    }
    try {
        var successful = document.execCommand('copy');
        document.body.removeChild(textArea);
        ele.focus();
        if (!successful) {
            H5.ShowMsg('复制失败...', false);
            return false;
        } else {
            if (msg !== false) {
                H5.ShowMsg('复制成功...');
            }
            return true;
        }
    } catch (err) {
        H5.ShowMsg('该浏览器不支持点击复制到剪贴板', false);
        return false;
    }
}

; (function () {
    function Query(name, value, push, location) {
        location = location ? location : window.location;
        if (value === undefined) {
            var query = location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var index = vars[i].indexOf("=");
                if (index > 0) {
                    var _name = vars[i].substr(0, index).trim();
                    if (_name == name) {
                        return decodeURIComponent(vars[i].substr(index + 1).trim());
                    }
                }
            }
            return null;
        } else {
            if (CLQueryString(name) == value) {
                return;
            }
            var search = location.search + "";
            var index = search.indexOf(name + "=");
            if (index >= 0) {
                var index2 = search.indexOf("&", index);
                if (index2 > 0) {
                    if (!!value) {
                        search = search.substr(0, index) + name + "=" + value + search.substr(index2);
                    } else {
                        search = search.substr(0, index - 1) + search.substr(index2);
                    }
                } else {
                    if (!!value) {
                        search = search.substr(0, index) + name + "=" + value;
                    } else {
                        search = search.substr(0, index - 1);
                    }
                }
                if (search[0] == "&") {
                    search = "?" + search.substr(1);
                }
                if (push !== false) {
                    if (search != location.search) {
                        history.pushState(null, '', location.pathname + search);
                    }
                } else {
                    history.replaceState(null, '', location.pathname + search);
                }
            } else if (!!value) {
                search = search + (!search ? "?" : "&") + name + "=" + value;
                if (push !== false) {
                    if (search != location.search) {
                        history.pushState(null, '', location.pathname + search);
                    }
                } else {
                    history.replaceState(null, '', location.pathname + search);
                }
            }
        }
    }

    window.CLQueryString = function (name, value, push) {
        return Query(name, value, push);
    }

    window.CLQueryStrings = function () {
        var arr = arguments;
        var push = arr[arr.length - arr.length % 2];
        var loc = {
            search: location.search,
            pathname: location.pathname
        };
        var fRep = history.replaceState;
        history.replaceState = function () {
            loc.search = arguments[2].substr(loc.pathname.length);
        }
        for (var i = 0; i < arr.length - 1; i += 2) {
            Query(arr[i], arr[i + 1], false, loc);
        }
        history.replaceState = fRep;
        if (push !== false) {
            if (loc.search != location.search) {
                history.pushState(null, '', loc.pathname + loc.search);
            }
        } else {
            history.replaceState(null, '', loc.pathname + loc.search);
        }
    }

    const pushState = history["pushState"];

    history.pushState = function () {
        const rv = pushState.apply(this, arguments);
        window.dispatchEvent(new Event("urlchange"));
        return rv;
    };

    window.addEventListener("popstate", function () {
        window.dispatchEvent(new Event("urlchange"));
    });
}());

function H5DefStruct(name) {
    var ctor = new Function("return function " + name + "(){}")();
    ctor.prototype = Object.create(null);
    return new ctor();
}

H5UtilsDef();

(function () {
    var parse = JSON.parse;
    JSON.parse = function (v) {
        if (typeof v == "string") {
            if (v.trim().length != 0) {
                var _fetch_ = fetch;
                var _open_ = XMLHttpRequest.prototype.open;
                var _send_ = XMLHttpRequest.prototype.send;
                XMLHttpRequest.prototype.open = XMLHttpRequest.prototype.send = fetch = function () { }
                try {
                    eval("v=" + v);
                } finally {
                    XMLHttpRequest.prototype.open = _open_;
                    XMLHttpRequest.prototype.send = _send_;
                    fetch = _fetch_;
                }
                return v;
            } else {
                return null;
            }
        } else {
            return v;
        }
    }

    function Loading(share) {
        var self = this;
        if (document.body == null) {
            return;
        }
        var stop = self.Stop;
        self.Stop = function () {
            if (stop) {
                stop.call(self);
                stop = null;
            }
        }
        var Box;
        Loading.Root = Loading.Root || document.body;
        self.Root = Loading.Root;
        share = share != false;
        if (share) {
            Loading.Root.childNodes.forEach(function (ele) {
                if (!Box && ele.classList && ele.classList.contains("LoadingBox") && ele.Share) {
                    Box = ele;
                }
            });
            if (Box && Box.parentNode == Loading.Root) {
                self.Box = Box;
                Box.useCount++;
                return;
            }
        }
        Box = document.createElement("div");
        Box.className = "LoadingBox";
        Box.style.zIndex = H5.MaxZIndex();
        Loading.Root.appendChild(Box);

        Box.style.display = "block";
        var load = document.createElement("div");
        load.className = "Loading";
        Box.appendChild(load);
        self.Box = Box;
        Box.onselectstart = function () {
            return false;
        }
        self.Box.Share = share
        self.Box.useCount = 1;
    }

    Loading.Root = null;

    Loading.Share = function () { }

    Loading.prototype.SetContainer = function (Container) {
        var self = this;
        var Box = self.Box;
        Box.style.position = "absolute";
        Box.firstChild.style.position = "absolute";
        Box.style.zIndex = H5.MaxZIndex();
        Container.appendChild(Box);
        Container.Loading = self;
    }

    Loading.prototype.Stop = function () {
        var self = this;
        var Box = self.Box;
        if (Box && Box.useCount) {
            Box.useCount--;
            if (Box.useCount != 0) {
                return;
            }
        }
        Box && Box.remove();
    }

    Loading.Pause = function (paused) {
        if (paused) {
            document.body.classList.add("LoadingPaused");
        } else {
            document.body.classList.remove("LoadingPaused");
        }
    }

    window.Loading = Loading;

}());

; (function () {
    var WebColors =
      (function () {
          return ({
              "aliceblue": "#f0f8ff",
              "antiquewhite": "#faebd7",
              "aqua": "#00ffff",
              "aquamarine": "#7fffd4",
              "azure": "#f0ffff",
              "beige": "#f5f5dc",
              "bisque": "#ffe4c4",
              "black": "#000000",
              "blanchedalmond": "#ffebcd",
              "blue": "#0000ff",
              "blueviolet": "#8a2be2",
              "brown": "#a52a2a",
              "burlywood": "#deb887",
              "cadetblue": "#5f9ea0",
              "chartreuse": "#7fff00",
              "chocolate": "#d2691e",
              "coral": "#ff7f50",
              "cornflowerblue": "#6495ed",
              "cornsilk": "#fff8dc",
              "crimson": "#dc143c",
              "cyan": "#00ffff",
              "darkblue": "#00008b",
              "darkcyan": "#008b8b",
              "darkgoldenrod": "#b8860b",
              "darkgray": "#a9a9a9",
              "darkgreen": "#006400",
              "darkkhaki": "#bdb76b",
              "darkmagenta": "#8b008b",
              "darkolivegreen": "#556b2f",
              "darkorange": "#ff8c00",
              "darkorchid": "#9932cc",
              "darkred": "#8b0000",
              "darksalmon": "#e9967a",
              "darkseagreen": "#8fbc8f",
              "darkslateblue": "#483d8b",
              "darkslategray": "#2f4f4f",
              "darkturquoise": "#00ced1",
              "darkviolet": "#9400d3",
              "deeppink": "#ff1493",
              "deepskyblue": "#00bfff",
              "dimgray": "#696969",
              "dodgerblue": "#1e90ff",
              "firebrick": "#b22222",
              "floralwhite": "#fffaf0",
              "forestgreen": "#228b22",
              "fuchsia": "#ff00ff",
              "gainsboro": "#dcdcdc",
              "ghostwhite": "#f8f8ff",
              "gold": "#ffd700",
              "goldenrod": "#daa520",
              "gray": "#808080",
              "green": "#008000",
              "greenyellow": "#adff2f",
              "honeydew": "#f0fff0",
              "hotpink": "#ff69b4",
              "indianred": "#cd5c5c",
              "indigo": "#4b0082",
              "ivory": "#fffff0",
              "khaki": "#f0e68c",
              "lavender": "#e6e6fa",
              "lavenderblush": "#fff0f5",
              "lawngreen": "#7cfc00",
              "lemonchiffon": "#fffacd",
              "lightblue": "#add8e6",
              "lightcoral": "#f08080",
              "lightcyan": "#e0ffff",
              "lightgoldenrodyellow": "#fafad2",
              "lightgray": "#d3d3d3",
              "lightgreen": "#90ee90",
              "lightpink": "#ffb6c1",
              "lightsalmon": "#ffa07a",
              "lightseagreen": "#20b2aa",
              "lightskyblue": "#87cefa",
              "lightslategray": "#778899",
              "lightsteelblue": "#b0c4de",
              "lightyellow": "#ffffe0",
              "lime": "#00ff00",
              "limegreen": "#32cd32",
              "linen": "#faf0e6",
              "magenta": "#ff00ff",
              "maroon": "#800000",
              "mediumaquamarine": "#66cdaa",
              "mediumblue": "#0000cd",
              "mediumorchid": "#ba55d3",
              "mediumpurple": "#9370db",
              "mediumseagreen": "#3cb371",
              "mediumslateblue": "#7b68ee",
              "mediumspringgreen": "#00fa9a",
              "mediumturquoise": "#48d1cc",
              "mediumvioletred": "#c71585",
              "midnightblue": "#191970",
              "mintcream": "#f5fffa",
              "mistyrose": "#ffe4e1",
              "moccasin": "#ffe4b5",
              "navajowhite": "#ffdead",
              "navy": "#000080",
              "oldlace": "#fdf5e6",
              "olive": "#808000",
              "olivedrab": "#6b8e23",
              "orange": "#ffa500",
              "orangered": "#ff4500",
              "orchid": "#da70d6",
              "palegoldenrod": "#eee8aa",
              "palegreen": "#98fb98",
              "paleturquoise": "#afeeee",
              "palevioletred": "#db7093",
              "papayawhip": "#ffefd5",
              "peachpuff": "#ffdab9",
              "peru": "#cd853f",
              "pink": "#ffc0cb",
              "plum": "#dda0dd",
              "powderblue": "#b0e0e6",
              "purple": "#800080",
              "red": "#ff0000",
              "rosybrown": "#bc8f8f",
              "royalblue": "#4169e1",
              "saddlebrown": "#8b4513",
              "salmon": "#fa8072",
              "sandybrown": "#f4a460",
              "seagreen": "#2e8b57",
              "seashell": "#fff5ee",
              "sienna": "#a0522d",
              "silver": "#c0c0c0",
              "skyblue": "#87ceeb",
              "slateblue": "#6a5acd",
              "slategray": "#708090",
              "snow": "#fffafa",
              "springgreen": "#00ff7f",
              "steelblue": "#4682b4",
              "tan": "#d2b48c",
              "teal": "#008080",
              "thistle": "#d8bfd8",
              "tomato": "#ff6347",
              "turquoise": "#40e0d0",
              "violet": "#ee82ee",
              "wheat": "#f5deb3",
              "white": "#ffffff",
              "whitesmoke": "#f5f5f5",
              "yellow": "#ffff00",
              "yellowgreen": "#9acd32"
          });
      }());

    function Rgba(R, G, B, A) {
        if (!(this instanceof Rgba)) {
            return new Rgba(R, G, B, A);
        }
        this.R = R || 0;
        this.G = G || 0;
        this.B = B || 0;
        this.A = A || 0;
    }

    var fn = Rgba.prototype;

    fn.toString = function () {
        var color = this;
        if (color.A == 1) {
            var value = "#" + color.R.toString(16).padStart(2, '0') + color.G.toString(16).padStart(2, '0') + color.B.toString(16).padStart(2, '0');
            return WebColors[value] || value;
        } else if (color.A == 0) {
            return "transparent";
        } else {
            return "#" + color.R.toString(16).padStart(2, '0')
                + color.G.toString(16).padStart(2, '0')
                + color.B.toString(16).padStart(2, '0')
                + (Math.floor(color.A * 255)).toString(16).padStart(2, '0');
        }
    }

    function Hsl(H, S, L) {
        if (!(this instanceof Hsl)) {
            return new Hsl(H, S, L);
        }
        this.H = H || 0;
        this.S = S || 0;
        this.L = L || 0;
    }

    function Gradient(config) {
        if (!(this instanceof Gradient)) {
            return new Gradient(config);
        }
        this.config = config;
    }

    var fn = Gradient.prototype;

    Object.defineProperty(fn, "type", {
        get: function () {
            return this.config.type;
        },
        set: function (value) {
            this.config.type = value;
        }
    });

    fn.toString = function (asValue) {
        var gradient = this.config;
        function func(colors) {
            var R = "";
            colors.forEach(function (color) {
                var value = color.color || color;
                var position = color.position;
                R += asValue ? H5Colors.toRgba(value).toString() : value;
                R += (position && (" " + position)) || "";
                R += ",";
            });
            return R.substr(0, R.length - 1);
        }
        var list = [];
        gradient.direction && list.push(gradient.direction);
        gradient.shape && list.push(gradient.shape);
        gradient.size && list.push(gradient.size);
        gradient.from && list.push("from", gradient.from);
        gradient.at && list.push("at", gradient.at);
        list.length > 0 && list.push(",");
        return gradient.type + "(" + list.join(" ").replace(/[\s]?,[\s]?/g, "") + (list.length == 0 ? "" : ",") + func(gradient.colors) + ")";
    }

    fn.Positions = function () {
        var R = [];
        var start = 0;
        var _color = null;
        var last = 0;
        var colors = H5.Clone(this.config.colors);
        colors.forEach(function (color, index) {
            var pos = null;
            if (!color.position) {
                if (index == 0) {
                    pos = "0%";
                } else if (index == colors.length - 1) {
                    pos = "100%";
                }
            } else {
                pos = color.position;
            }
            if (pos) {
                if (index - last > 1) {
                    var uu = (parseFloat(pos) - start) / (index - last);
                    var pp = uu;
                    for (var i = last + 1; i < index ; i++) {
                        R.push({
                            color: colors[i].color || colors[i],
                            position: start + pp + "%"
                        });
                        pp += uu;
                    }
                }
                R.push({
                    color: color.color,
                    position: pos
                });
                if (_color == null || H5Colors.toRgba(_color).toString() != H5Colors.toRgba(color.color).toString() || start < parseFloat(pos)) {
                    _color = color.color;
                    start = parseFloat(pos);
                }
                last = index;
            }
        });
        return R;
    }

    fn.SvgFormat = function (rotate) {
        rotate = rotate || 0;
        color = this.config;
        var directions = {
            "to left": 270 + rotate,
            "to top": 0 + rotate,
            "to right": 90 + rotate,
            "to bottom": 180 + rotate,
            "to left top": 315 + rotate,
            "to left bottom": 225 + rotate,
            "to right top": 45 + rotate,
            "to right bottom": 135 + rotate,
        };
        var colorStops = [];
        var colors = color.colors && this.Positions(color.colors);
        colors && colors.forEach(function (ele) {
            colorStops.push({
                color: ele.color,
                offset: parseFloat(ele.position) / 100
            });
        });
        if (/linear-gradient/i.test(color.type)) {
            var dir = color.direction;
            var deg = 0;
            if (directions[dir]) {
                deg = directions[dir];
            } else if (/[\-]?(?:[0-9]*\.)?[0-9]+(?:%|deg)/i.test(dir)) {
                deg = parseFloat(dir);
            }
            var Vec = new H5.Vec2(0, 1);
            var mat = new H5.Matrix();
            mat.rotate(deg);
            Vec = mat.multiplyVector2(Vec);
            var x1 = 0, y1 = 0, x2 = Vec.x, y2 = Vec.y;
            if (x2 < 0) {
                x1 -= x2;
                x2 = 0;
            }
            if (y2 < 0) {
                y1 -= y2;
                y2 = 0;
            }
            return ({
                type: 'linear',
                x: x1,
                y: y1,
                x2: x2,
                y2: y2,
                colorStops: colorStops
            });
        } else if (/radial-gradient/i.test(color.type)) {
            var at = color.at;
            at = at && at.trim().split(" ");
            if (at) {
                if (at[0] == "center") {
                    at[0] = 0.5;
                } else if (at[0] == "left") {
                    at[0] = 0;
                } else if (at[0] == "rigth") {
                    at[0] = 1;
                } else if (/%$/.test(at[0])) {
                    at[0] = parseFloat(at[0]) / 100;
                } else {
                    at[0] = 0.5;
                }
                if (at[1] == "center") {
                    at[1] = 0.5;
                } else if (at[1] == "top") {
                    at[1] = 0;
                } else if (at[1] == "bottom") {
                    at[1] = 1;
                } else if (/%$/.test(at[0])) {
                    at[1] = parseFloat(at[0]) / 100;
                } else {
                    at[1] = 0.5;
                }
            } else {
                at = [0.5, 0.5];
            }
            var size = color.size;
            if (/%/.test(size)) {
                size = size.match(/[0-9]+%/)[0];
                size = parseFloat(size) / 100;
            } else {
                size = 1;
            }
            return ({
                type: 'radial',
                x: at[0],
                y: at[1],
                r: size,
                colorStops: colorStops
            });
        } else {
            return null;
        }
    }

    function H5Colors() {

    }

    H5Colors.WebColors = WebColors;

    H5Colors.IsRgb = function (color) {
        var match = /(^rgb[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*\)$)|(^rgba[\s]*\([\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-9]{1,3}[\s]*,[\s]*[0-1]?.?[0-9]+[\s]*\)$)/i;
        return color instanceof Rgba || match.test(color) || color.toLowerCase && WebColors[color.toLowerCase()];
    }

    H5Colors.IsGradient = function (color) {
        return color instanceof Gradient || /^(repeating-)?(conic|linear|radial)-gradient[\s]*\([\(\)#a-zA-Z0-9%\.\-\s,]*[\s]*\)$/.test(color);
    }

    H5Colors.IsHex = function (color) {
        var match = /(^#[0-9a-f]{3,3}$)|(^#[0-9a-f]{6,6}$)|(^#[0-9a-f]{8,8}$)/i;
        return match.test(color + "");
    }

    H5Colors.IsColor = function (color) {
        if (typeof color == "string") {
            color = color.trim();
        }
        return H5Colors.IsRgb(color) || H5Colors.IsHex(color) || H5Colors.IsGradient(color);
    }

    H5Colors.toRgba = function (color) {
        if (color instanceof Rgba) {
            return color;
        }
        color = color || "";
        color = color.toString();
        color = color && color.trim();
        color = WebColors[color] || color;
        if (H5Colors.IsRgb(color)) {
            var rgba = color.substring(color.indexOf("(") + 1, color.indexOf(")"));
            rgba = rgba.split(",");
            var rgba = Rgba(parseInt(rgba[0]), parseInt(rgba[1]), parseInt(rgba[2]), rgba[3] ? parseFloat(rgba[3]) : 1);
            if (rgba.A > 1) {
                rgba.A = 1;
            }
            return rgba;
        } else if (H5Colors.IsHex(color)) {
            var a = 1;
            if (color.length == 4 || color.length == 5) {
                color = color[0] + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color[4] ? color[4] + color[4] : "ff");
            } else if (color.length == 7) {
                color += "ff";
            }
            a = parseInt("0x" + color.substr(7)) / 255;
            color = color.substr(0, 7);
            var Val = parseInt(color.replace("#", "0x"));
            return Rgba((Val & 0xff0000) >> 16, (Val & 0x00ff00) >> 8, (Val & 0x0000ff), a);
        } else {
            return Rgba();
        }
    }

    H5Colors.toGradient = function (color) {
        if (color instanceof Gradient) {
            return color;
        }
        color = color || "";
        color = color.toString();
        color = color && color.trim();
        if (!H5Colors.IsGradient(color)) {
            color = H5Colors.IsColor(color) ? color : "rgba(0,0,0,0)";
            return Gradient({
                type: "linear-gradient",
                direction: "to right",
                colors: [{ color: color }, { color: color }]
            });
        } else {
            var R = {};
            R.type = color.match(/^[^\(]*/)[0];
            var index = color.indexOf("(") + 1;
            var len = color.lastIndexOf(")") - index;
            var str = color.substr(index, len);
            var values = [];
            var dep = 0;
            var pos = 0;
            for (var i = 0; i < str.length ; i++) {
                if (str[i] == '(') {
                    dep++;
                }
                if (str[i] == ')') {
                    dep--;
                }
                if (str[i] == ',' && dep == 0) {
                    values.push(str.substr(pos, i - pos).trim());
                    pos = i + 1;
                }
            }
            if (pos < str.length) {
                values.push(str.substr(pos, str.length - pos).trim());
            }
            var colors = R.colors = [];
            values.forEach(function (value) {
                if (/linear-gradient/.test(R.type)) {
                    var dir = value.match(/(?:to(?:[\s]+(?:left|right|top|bottom)){1,2})|(?:(?:[\-]?(?:[0-9]*)?\.)?[0-9]+deg)/i);
                    if (dir) {
                        R.direction = dir[0];
                    }
                }
                if (/radial-gradient/.test(R.type)) {
                    var shape = value.match(/(?:circle|ellipse)?(?:(?:^|\s)+((?:closest-side|closest-corner|farthest-side|farthest-corner)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){0,2}/i);
                    shape = shape && shape[0];
                    if (shape) {
                        R.shape = shape.match(/circle|ellipse/i);
                        R.shape = R.shape ? R.shape[0] : "ellipse";
                        var size = shape.match(/(?:closest-side|closest-corner|farthest-side|farthest-corner)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%))/gi);
                        if (R.shape == "circle") {
                            size = size && [size[0]];
                        }
                        R.size = size && size.join(" ");
                    }
                    var at = value.match(/at(?:(?:^|\s)+((?:left|right|center|top|bottom)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){1,2}/i);
                    at = at && at[0];
                    if (at) {
                        R.at = at.replace(/^at[\s]*/gi, "");
                    }
                }
                if (/conic-gradient/.test(R.type)) {
                    var from = value.match(/from[\s]+[\-]?(?:[0-9]*\.)?[0-9]+deg/i);
                    from = from && from[0];
                    if (from) {
                        R.from = from.match(/[\-]?(?:[0-9]*\.)?[0-9]+deg/i)[0];
                    }
                    var at = value.match(/at(?:(?:^|\s)+((?:left|right|center|top|bottom)|(?:[\-]?(?:[0-9]*\.)?[0-9]+(?:px|%)))?){1,2}/i);
                    at = at && at[0];
                    if (at) {
                        R.at = at.replace(/^at[\s]*/gi, "");
                    }
                }
                var color_stop = value.match(/(?:(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})|[a-z]+)(?:[\s]+[\-]?(?:[0-9]*\.)?[0-9]+(?:%|px|deg)){0,2}/i);
                color_stop = color_stop && color_stop[0];
                if (color_stop) {
                    var color = color_stop.match(/(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})|[a-z]+/i);
                    color = color && color[0];
                    if (/(?:(?:rgba|rgb)[\s]?\([0-9,\s\.]+\))|(?:#[0-9a-z]{6,6})|(?:#[0-9a-z]{3,3})/i.test(WebColors[color] || color)) {
                        var stop = color_stop.match(/[\-]?(?:[0-9]*\.)?[0-9]+(?:%|deg)/gi);
                        if (stop) {
                            if (stop.length > 2) {
                                stop = [stop[0], stop[stop.length - 1]];
                            }
                            stop.forEach(function (ele) {
                                colors.push({
                                    color: color,
                                    position: /deg$/.test(ele) ? ((parseFloat) / 3.6 + "%") : ele
                                });
                            });
                        } else {
                            colors.push({
                                color: color
                            });
                        }
                    }
                }
            });
            return Gradient(R);
        }
    }

    H5Colors.RgbToHsl = function (r, g, b) {
        r /= 255, g /= 255, b /= 255;
        var max = Math.max(r, g, b), min = Math.min(r, g, b);
        var h, s, l = (max + min) / 2;

        if (max == min) {
            h = s = 0; // achromatic
        } else {
            var d = max - min;
            s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
            switch (max) {
                case r: h = (g - b) / d + (g < b ? 6 : 0); break;
                case g: h = (b - r) / d + 2; break;
                case b: h = (r - g) / d + 4; break;
            }
            h /= 6;
        }
        return Hsl(h, s, l);
    }

    H5Colors.HslToRgb = function (h, s, l) {
        var r, g, b;
        if (s == 0) {
            r = g = b = l; // achromatic
        } else {
            var hue2rgb = function hue2rgb(p, q, t) {
                if (t < 0) t += 1;
                if (t > 1) t -= 1;
                if (t < 1 / 6) return p + (q - p) * 6 * t;
                if (t < 1 / 2) return q;
                if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
                return p;
            }
            var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
            var p = 2 * l - q;
            r = hue2rgb(p, q, h + 1 / 3);
            g = hue2rgb(p, q, h);
            b = hue2rgb(p, q, h - 1 / 3);
        }
        return Rgba(Math.round(r * 255), Math.round(g * 255), Math.round(b * 255), 1);
    }

    H5Colors.ToDeg = function (text) {
        var O = {
            left: "270",
            top: "0",
            rigth: "90",
            bottom: "180",
            "left top": "315",
            "left bottom": "225",
            "right top": "45",
            "right bottom": "135"
        };
        return /^[0-9\.]+deg$/.test(text) ? parseFloat(text) : O[text];
    }

    H5Colors.ToPercentage = function (text) {
        var O = {
            left: "0",
            top: "0",
            rigth: "100",
            bottom: "100",
            center: "50"
        };
        return /^[0-9\.]+deg$/.test(text) ? parseFloat(text) : (O[text] || "50");
    }

    window.H5Colors = H5Colors;

    window.H5Gradient = Gradient;

}());
;(function () {

    function DefEcharts(self, dataConfig) {
        function CalcSource() {
            var list = [];
            function func(data) {
                var conf = data && data["{config}"];
                if (conf && conf.type == "source" && conf.value) {
                    if (!list[conf.value]) {
                        list[conf.value] = true;
                        list.push(conf.value);
                    }
                }
                if (data && typeof data == "object") {
                    for (var key in data) {
                        func(data[key]);
                    }
                }
            }
            func(dataConfig);
            return list;
        }

        var sourceIds = [];

        var onLoad;

        var mapList = new Map();

        var mapCalc = new Map();

        var mapCollect = new Map();

        function CreateEchartsColor(color) {

        }

        function Sum(line, field, store) {
            var data = mapCollect.alwaysGet(line, new Map());
            data = data.alwaysGet("Sum", {});
            if (data && data[field] != null) {
                return data[field];
            }
            store = store || mapList.get(line);
            var list = (store && store.list) || [];
            if (list) {
                var numner = 0;
                for (var i = 0; i < list.length; i++) {
                    var fv = +list[i][field];
                    fv = isNaN(fv) ? 0 : fv;
                    numner += fv;
                }
                return data[field] = numner;
            } else {
                return data[field] = (line && line[field]);
            }
        }

        function Average(line, field, store) {
            var data = mapCollect.alwaysGet(line, new Map());
            data = data.alwaysGet("Average", {});
            if (data && data[field] != null) {
                return data[field];
            }
            store = store || mapList.get(line);
            var list = (store && store.list) || [];
            if (list) {
                var numner = 0;
                for (var i = 0; i < list.length; i++) {
                    var fv = +list[i][field];
                    fv = isNaN(fv) ? 0 : fv;
                    numner += fv;
                }
                return data[field] = (numner / list.length || 1);
            } else {
                return data[field] = (line && line[field]);
            }
        }

        function Max(line, field, store) {
            var data = mapCollect.alwaysGet(line, new Map());
            data = data.alwaysGet("Max", {});
            if (data && data[field] != null) {
                return data[field];
            }
            store = store || mapList.get(line);
            var list = (store && store.list) || [];
            if (list) {
                var numner = -Number.MAX_VALUE;
                for (var i = 0; i < list.length; i++) {
                    var fv = +list[i][field];
                    fv = isNaN(fv) ? 0 : fv;
                    numner = Math.max(numner, fv)
                }
                return data[field] = numner;
            } else {
                return data[field] = (line && line[field]);
            }

        }

        function Min(line, field, store) {
            var data = mapCollect.alwaysGet(line, new Map());
            data = data.alwaysGet("Min", {});
            if (data && data[field] != null) {
                return data[field];
            }
            store = store || mapList.get(line);
            var list = (store && store.list) || [];
            if (list) {
                var numner = Number.MAX_VALUE;
                for (var i = 0; i < list.length; i++) {
                    var fv = +list[i][field];
                    fv = isNaN(fv) ? 0 : fv;
                    numner = Math.min(numner, fv)
                }
                return data[field] = numner;
            } else {
                return data[field] = (line && line[field]);
            }
        }

        function Count(line, field, store) {
            var data = mapCollect.alwaysGet(line, new Map());
            data = data.alwaysGet("Count", {});
            if (data && data[field] != null) {
                return data[field];
            }
            store = store || mapList.get(line);
            var list = (store && store.list) || [];
            if (list) {
                var numner = 0;
                for (var i = 0; i < list.length; i++) {
                    fv = list[i][field] == null ? 0 : 1;
                    numner += fv;
                }
                return data[field] = numner;
            } else {
                return data[field] = (line && line[field] != null ? 1 : 0);
            }
        }

        var dataList = null;

        var dataObject = null;

        var dataSource = null;

        var dataLevel = null;

        var __index__ = 0;

        function Index() {
            return __index__;
        }

        var Null = {};

        function fCollect(list, collects, Store) {
            var R = [];
            if (!Store) {
                Store = new Map();
                Store.list = list;
                list.line = H5.Clone(list[0]);
                mapList.set(list.line, Store);
            }
            function Group(line, field, store) {
                var value = line[field];
                value = value && value.oVal ? value.oVal : value;
                var list = store.alwaysGet(value == null ? Null : value, []);
                if (list.length == 0) {
                    list.line = H5.Clone(line);
                }
                list.push(line);
                var map = store.alwaysGet(list, new Map());
                map.list = list;
                list.store = map;
                map.parent = store;
                return map;
            }
            function _Sum(line, field, store) {
                var value = line[field];
                var list = store.list;
                if (list && list.line) {
                    if (list.length == 1) {
                        Object.defineProperty(list.line, field, {
                            get: function () {
                                delete list.line[field];
                                return list.line[field] = Sum(line, field, store);
                            },
                            configurable: true
                        });
                    }
                }
            }
            function _Average(line, field, store) {
                var value = line[field];
                var list = store.list;
                if (list && list.line) {
                    if (list.length == 1) {
                        Object.defineProperty(list.line, field, {
                            get: function () {
                                delete list.line[field];
                                return list.line[field] = Average(line, field, store);
                            },
                            configurable: true
                        });
                    }
                }
            }
            function _Max(line, field, store) {
                var value = line[field];
                var list = store.list;
                if (list && list.line) {
                    if (list.length == 1) {
                        Object.defineProperty(list.line, field, {
                            get: function () {
                                delete list.line[field];
                                return list.line[field] = Max(line, field, store);
                            },
                            configurable: true
                        });
                    }
                }
            }
            function _Min(line, field, store) {
                var value = line[field];
                var list = store.list;
                if (list && list.line) {
                    if (list.length == 1) {
                        Object.defineProperty(list.line, field, {
                            get: function () {
                                delete list.line[field];
                                return list.line[field] = Min(line, field, store);
                            },
                            configurable: true
                        });
                    }
                }
            }
            function _Count(line, field, store) {
                var value = line[field];
                var list = store.list;
                if (list && list.line) {
                    if (list.length == 1) {
                        Object.defineProperty(list.line, field, {
                            get: function () {
                                delete list.line[field];
                                return list.line[field] = Count(line, field, store);
                            },
                            configurable: true
                        });
                    }
                }
            }
            collects = [].concat(collects);
            collects.sort(function (e1, e2) {
                if (e1.collect == "Group" && e2.collect != "Group") {
                    return -1;
                } else if (e1.collect != "Group" && e2.collect == "Group") {
                    return 1;
                } else if (e1.collect != "Group" && e2.collect != "Group") {
                    if (e1.value > e1.value) {
                        return 1;
                    } else if (e1.value < e1.value) {
                        return -1;
                    } else {
                        return 0;
                    }
                } else {
                    return 0;
                }
            });
            if (collects.length > 0) {
                list.forEach(function (line) {
                    var store = Store;
                    collects.forEach(function (field) {
                        var collect = field.collect;
                        if (collect == "Group") {
                            store = Group(line, field.value, store);
                        } else {
                            if (store == Store) {
                                store = Group(line, "!", store);
                            }
                            if (collect == "Sum") {
                                _Sum(line, field.value, store);
                            } else if (collect == "Average") {
                                _Average(line, field.value, store);
                            } else if (collect == "Max") {
                                _Max(line, field.value, store);
                            } else if (collect == "Min") {
                                _Min(line, field.value, store);
                            } else if (collect == "Count") {
                                _Count(line, field.value, store);
                            }
                        }
                    });
                    line = store.list && store.list.line;
                    if (!mapList.has(line)) {
                        mapList.set(line, store);
                        R.push(line);
                    }
                });
                R.list = function (line) {
                    var store = mapList.get(line);
                    return (store && store.list) || [];
                }
                return R;
            } else {
                return list;
            }
        }

        function fFilter(line, filter) {
            if (!filter) {
                return true;
            }
            var type = filter.type;
            var funcs = {};
            (function () {
                funcs.或 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return Sub.some(function (ele) {
                            return !!ele;
                        });
                    } else {
                        return false;
                    }
                }
                funcs.且 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        return Sub.every(function (ele) {
                            return !!ele;
                        });
                    } else {
                        return false;
                    }
                }
                funcs.非 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        return !v1;
                    } else {
                        return false;
                    }
                }
                funcs.小于 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 < v2;
                    } else {
                        return false;
                    }
                }
                funcs.小于等于 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 <= v2;
                    } else {
                        return false;
                    }
                }
                funcs.等于 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 == v2;
                    } else {
                        return false;
                    }
                }
                funcs.大于等于 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 >= v2;
                    } else {
                        return false;
                    }
                }
                funcs.大于 = function (line, filter) {
                    var Sub = filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 > v2;
                    } else {
                        return false;
                    }
                }
                funcs.不等于 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        return v1 != v2;
                    } else {
                        return false;
                    }
                }
                funcs.匹配 = function (line, filter) {
                    var Sub = filter && filter.children;
                    if (Sub) {
                        var v1 = fFilter(line, Sub[0]);
                        var v2 = fFilter(line, Sub[1]);
                        if (v1 instanceof RegExp && typeof v2 == "string") {
                            return v1.test(v2);
                        } else if (v2 instanceof RegExp && typeof v1 == "string") {
                            return v2.test(v1);
                        } else {
                            return false;
                        }
                    } else {
                        return false;
                    }
                }
                funcs.字段 = function (line, filter) {
                    return filter != null && line[filter.value];
                }
                funcs.字符串 = function (line, filter) {
                    return filter != null && filter.value;
                }
                funcs.数字 = function (line, filter) {
                    return filter != null && filter.value;
                }
                funcs.布尔 = function (line, filter) {
                    return filter != null && filter.value;
                }
                funcs.公式 = function (line, filter) {
                    if (filter) {
                        if (!filter.fvalue && filter.value) {
                            filter.fvalue = self.Compile(filter.value, ["dataLine"]);
                        }
                        return self.Eval(filter.fvalue, line);
                    }
                }
                funcs.空 = function (line, filter) {
                    return null;
                }
                funcs.正则 = function (line, filter) {
                    return filter != null && new RegExp(filter.value);
                }
            }());
            return funcs[type](line, filter);
        }

        function fOrder(list, fields) {
            function Cmp(v1, v2) {
                if (v1 == null && v2 == null) {
                    return 0;
                } else if (v1 == null && v2 != null) {
                    return -1;
                } else if (v1 != null && v2 == null) {
                    return 1;
                } else {
                    if (typeof v1 == "string") {
                        if (v1 < v2) {
                            return -1;
                        } else if (v1 > v2) {
                            return 1;
                        } else {
                            return 0;
                        }
                    } else if (typeof v1 == "number") {
                        return v1 - v2;
                    } else {
                        return 0;
                    }
                }
            }
            list.sort(function (e1, e2) {
                for (var i = 0; i < fields.length ; i++) {
                    var name = fields[i].value;
                    var order = fields[i].order;
                    order = order && order.toLocaleLowerCase();
                    var v1 = e1[name];
                    var v2 = e2[name];
                    var r = 0;
                    if (order == "asc") {
                        r = Cmp(v1, v2);
                    } else if (order == "desc") {
                        r = Cmp(v2, v1);
                    }
                    if (r != 0) {
                        return r;
                    }
                }
            });
        }

        var arrayItemTypes = { 'dataZoom': true, 'visualMap': true, 'visualMap': true, 'graphic.elements': true, 'dataset.transform': true, 'series': true };

        var arrayTypes = {
            "legend.data": true, "xAxis.data": true, "yAxis.data": true, "radiusAxis.data": true
            , "angleAxis.data": true, "radar.indicator": true, "dataZoom": true, "visualMap": true,
            "geo.regions": true, "parallel.parallelAxisDefault.data": true, "parallelAxis.data": true,
            "singleAxis.data": true, "graphic.elements": true, "dataset.transform": true, "media": true
        }

        function IsArrayItem(path) {
            return arrayItemTypes[path];
        }

        function IsArray(path) {
            return arrayItemTypes[path] || arrayTypes[path] || /series\.[a-z]+\.data$/i.test(path);
        }

        function fCollectsAndOrders(object, path) {
            var fields = [];
            var o = {};
            function func(data, path) {
                if (data == null) {
                    return;
                }
                var cf = data["{config}"];
                if (cf && cf.type == "field" && cf.value) {
                    if (!o[cf.value]) {
                        fields.push(cf);
                    }
                }
                if (data && typeof data == "object") {
                    for (var key in data) {
                        if (key != "{config}") {
                            var sub = data[key];
                            if (sub && sub["{config}"] && sub["{config}"].type == "source") {
                                continue;
                            }
                            key = key.replace(/\$[0-9]+$/, "");
                            if (!IsArray(path + "." + key)) {
                                func(sub, path + "." + key);
                            }
                        }
                    }
                }
            }
            func(object, path);
            var order = fields.filter(function (field) {
                return field.order != null;
            });
            var collect = fields.filter(function (field) {
                return field.collect != null;
            });
            return {
                Collects: collect,
                Orders: order
            }
        }

        function fSource(object, config, path) {
            var filter = config.filter;
            var sourceId = config.value;
            var list = self.Sources[sourceId] || [];
            var data;
            if (filter) {
                list = list.filter(function (line) {
                    return fFilter(line, filter);
                });
            }
            var R = fCollectsAndOrders(object, path);
            var Orders = R.Orders;
            if (Orders && Orders.length) {
                list = [].concat(list);
                fOrder(list, Orders);
            }
            var Collects = R.Collects;
            if (Collects && Collects.length) {
                list = fCollect(list, Collects);
            }
            return list;
        }

        var mapInfo;

        function Translate(Sources) {
            self.Sources = Sources;
            var Config = H5.Clone(dataConfig);
            mapList.clear();
            mapCalc.clear();
            mapInfo = {};
            function fIndex(index, func) {
                var i = __index__;
                try {
                    __index__ = index;
                    func();
                } finally {
                    __index__ = i;
                }
            }
            function TranslateEach(config, line, path, parent, _key_) {
                var __self__;
                var oSource = dataSource;
                var __config__;
                var __no__;
                var __parent__;
                var __vIndex__;
                function createTree(array) {
                    var Sub = {};
                    var R = [];
                    var info = {};
                    for (var i = 0; i < array.length; i++) {
                        var line = array[i] = H5.Clone(array[i]);
                        info[line[__no__]] = true;
                    }
                    for (var i = 0; i < array.length; i++) {
                        var line = array[i];
                        var dataId = line[__no__];
                        var parentId = line[__parent__];
                        if (!Sub[parentId]) {
                            Sub[parentId] = [];
                        }
                        if (!Sub[dataId]) {
                            Sub[dataId] = [];
                        }
                        array[i].children = Sub[dataId];
                        if (!info[parentId]) {
                            R.push(array[i]);
                        } else {
                            Sub[parentId].push(array[i]);
                        }
                    }
                    function Sort(data) {
                        var SubData = data.children;
                        if (SubData) {
                            SubData.forEach(Sort);
                            SubData.sort(function (e1, e2) {
                                e1 = e1["{data}"]();
                                e2 = e2["{data}"]();
                                var v1 = e1[__vIndex__];
                                var v2 = e2[__vIndex__];
                                if (v1 == null && v2 == null) {
                                    return 0;
                                }
                                if (v1 == null && v2 != null) {
                                    return 1;
                                } else if (v1 != null && v2 == null) {
                                    return -1;
                                } else {
                                    return v1 > v2 ? 1 : -1;
                                }
                            });
                        }
                    }
                    if (__vIndex__) {
                        for (var i = 0; i < R.length; i++) {
                            Sort(R[i]);
                        }
                    }
                    return R;
                }
                if (Array.isArray(config)) {
                    var R = H5.Clone(config);
                    R.asArray = true;
                    return R;
                }
                try {
                    if (config && config["{config}"]) {
                        var child = config["{config}"];
                        if (child.type == "source") {
                            if (child.value) {
                                dataSource = fSource(config, child, path);
                                __self__ = true;
                            }
                            __no__ = child.no;
                            __parent__ = child.parent;
                            __vIndex__ = child.index;
                        } else {
                            if (child.type == "field") {
                                __config__ = line && line[child.value];
                                if (__config__ && __config__.oVal) {
                                    __config__ = __config__.toString();
                                }
                            } else if (child.type == "code") {
                                if (!child.fval && child.value) {
                                    child.fval = self.Compile(child.value, ["dataLine", "dataObject", "dataLevel"]);
                                }
                                __config__ = self.Eval(child.fval, line, dataObject, dataLevel);
                                if (Array.isArray(__config__)) {
                                    __config__.asArray = true;
                                }
                            } else {
                                __config__ = child;
                            }
                            if (!/<style_name>$/.test(path)) {
                                return __config__;
                            }
                        }
                    }
                    if (!config || typeof config != "object") {
                        return config;
                    }
                    var isArray = IsArray(path);
                    function TranslateLine(line, parent, _key_) {
                        var object = /\.markLine\.data$/.test(path) ? [] : {};
                        var od = dataObject;
                        dataObject = object;
                        try {
                            object["{data}"] = function () { return line; };
                            Object.defineProperty(object, "$data", {
                                get: function () {
                                    return line;
                                }
                            });
                            object["{parent}"] = function () { return parent; };
                            Object.defineProperty(object, "$parent", {
                                get: function () {
                                    return parent;
                                }
                            });
                            for (var key in config) {
                                var child = config[key];
                                var key_ = key;
                                key = key.replace(/\$[0-9]+$/, "");
                                key = /^[0-9]+$/.test(key) ? +key : key;
                                if (key == "{config}") {
                                    continue;
                                } else if (child != null && typeof child == "object") {
                                    var data = TranslateEach(child, line, (path && path + "." + key) || key, object, key_);
                                    if (key == "<style_name>") {
                                        key = data.config || key;
                                    }
                                    if (object[key] == null) {
                                        object[key] = data && (data.length == 1 && !IsArray(path && path + "." + key) && Array.isArray(data) && !data.asArray ? data[0] : data);
                                        if (data && data.asArray) {
                                            delete data.asArray;
                                        }
                                    } else {
                                        object[key] = (Array.isArray(object[key]) ? object[key] : [object[key]]).concat(data);
                                    }
                                } else {
                                    if (object[key] == null) {
                                        object[key] = child;
                                    } else {
                                        object[key] = (Array.isArray(object[key]) ? object[key] : [object[key]]).concat(child);
                                    }
                                }
                                if (path == "series.map" && key == "map" && !!object[key]) {
                                    mapInfo[object[key]] = true;
                                }
                            }
                        } finally {
                            dataObject = od;
                        }
                        return object;
                    }
                    function TranslateTree(dataTree, parent) {
                        var R = [];
                        var level = dataLevel;
                        try {
                            dataLevel = parent ? dataLevel : 0;
                            dataTree.forEach(function (ele) {
                                var object = TranslateLine(ele, parent);
                                R.push(object);
                                if (ele.children && ele.children.length) {
                                    dataLevel++;
                                    object.children = TranslateTree(ele.children, object);
                                    dataLevel--;
                                }
                            });
                        } finally {
                            dataLevel = level;
                        }
                        return R;
                    }
                    var data = dataSource || [{}];
                    var array = [];
                    if (isArray) {
                        var oo = dataSource;
                        if (!__self__) {
                            dataSource = dataSource && dataSource.list ? dataSource.list(line) : dataSource;
                        }
                        try {
                            if (!IsArrayItem(path)) {
                                if (!__self__) {
                                    var R = fCollectsAndOrders(config, path);
                                    var _data = mapCalc.alwaysGet(dataSource || Null, new Map());
                                    if (!_data || !_data.get(R.id)) {
                                        var Orders = R.Orders;
                                        if (Orders && Orders.length) {
                                            dataSource = [].concat(dataSource);
                                            fOrder(dataSource, Orders);
                                        }
                                        var Collects = R.Collects;
                                        if (Collects && Collects.length) {
                                            dataSource = fCollect(dataSource, Collects, dataSource.store);
                                        }
                                        _data.set(R.id, dataSource);
                                    } else {
                                        dataSource = _data.get(R.id);
                                    }
                                }
                                if (__no__ && __parent__) {
                                    var tree = createTree(dataSource || [{}]);
                                    array = TranslateTree(tree);
                                } else {
                                    (dataSource || [{}]).forEach(function (line, index) {
                                        fIndex(index, function () {
                                            var object = TranslateLine(line, parent, _key_);
                                            array.push(object);
                                        });
                                    });
                                }
                            } else {
                                for (var key in config) {
                                    var child = config[key];
                                    if (key == "{config}") {
                                        continue;
                                    } else {
                                        key = key.replace(/\$[0-9]+$/, "");
                                        var data = TranslateEach(child, line, (path && path + "." + key) || key, parent, _key_);
                                        if (Array.isArray(data)) {
                                            for (var i = 0; i < data.length ; i++) {
                                                data[i].type = key;
                                                array.push(data[i]);
                                            }
                                        } else {
                                            data.type = key;
                                            array.push(data);
                                        }
                                    }
                                }
                            }
                        } finally {
                            dataSource = oo;
                        }
                        return array;
                    } else {
                        if (__self__) {
                            if (__no__ && __parent__) {
                                var tree = createTree(data || [{}]);
                                array = TranslateTree(tree);
                            } else {
                                data.forEach(function (line, index) {
                                    fIndex(index, function () {
                                        var object = TranslateLine(line, parent, _key_);
                                        array.push(object);
                                    });
                                });
                            }
                        } else {
                            var object = TranslateLine(line, parent, _key_);
                            array.push(object);
                        }
                        if (__config__) {
                            array.config = __config__;
                        }
                        return array;
                    }
                } finally {
                    dataSource = oSource;
                }
            }
            return TranslateEach(Config)[0];
        }

        self.Compile = function (code, args) {
            var ret = "";
            var sRun = code.replace(/(\/\*[^(\*\/)]*\*\/)|(\/\/.*)/g, "");
            if (/\(function\(\)\{[\s\S]*\}\(\)\)/.test(sRun) || !/\n;/.test(sRun)) {
                ret = "return";
            }
            return eval("(function anonymous(" + args + ") {\n" + ret + " " + code + "\n})");
        }

        self.Translate = Translate;
        
        self.CalcSource = CalcSource;

        self.__MapInfo__ = mapInfo;
    }

    function S_Echarts(box, config) {
        var self = this;
        if (box.__S_Echarts__ && box.__S_Echarts__ instanceof S_Echarts) {
            return box.__S_Echarts__;
        }
        if (!(this instanceof S_Echarts)) {
            return new S_Echarts(box, config);
        }
        box.__S_Echarts__ = this;
        self.__box__ = box;
        self.Sources = {};
        DefEcharts(self, config, function (id) {
            return self.Sources[id];
        });
    }
        
    var fn = S_Echarts.prototype;

    fn.Translate = null;

    fn.Render = function (option) {
        var self = this;
        function draw(option) {
            var opts = {
                notMerge: true
            }
            myChart = self.eChart;
            var mapInfo = self.__MapInfo__;
            for (var key in mapInfo) {
                if (!echarts.getMap(key)) {
                    var data = H5.Get(key, null, false, true);
                    data = data || {};
                    echarts.registerMap(key, data);
                }
            }
            try {
                myChart.setOption(option, opts);
            } catch (e) {

            }
        }
        draw(option);
    }

    fn.Eval = function (func, line) {
        var self = this;
        var args = [];
        for (var i = 1; i < arguments.length; i++) {
            args.push(arguments[i]);
        }
        if (func) {
            return func.apply(self, args);
        }
    }

    Object.defineProperty(fn, "eChart", {
        configurable: true,
        get: function () {
            var self = this;
            var box = self.__box__;
            if (!box.eChart) {
                window.CLLoad && CLLoad("/CLUI/third-party/CLChart/dist/echarts.min.js", "1.0");
                box.innerHTML = "";
                var divChart = document.createElement("div");
                divChart.style.cssText = "left:0;top:0;bottom:0;right:0;position:absolute";
                box.appendChild(divChart);
                box.eChart = echarts.init(divChart, "macarons", {
                    renderer: "svg"
                });
            }
            return box.eChart;
        }
    });

    window.S_Echarts = S_Echarts;
}())
;/// <reference path="E:\VsPro\CLFlow\CLFlow\CLUI/CLUI.js" />

var LoginSuccessCallBack;

function Logined() {
    HttpPostData[0].Invoke();
}

function Login(Success, force) {
    CLApp.PageUnLock();
    if (window.navigator.userAgent.indexOf("DingTalk") >= 0 && window.navigator.userAgent.indexOf("Mobile") >= 0 && force != true) {
        DingLogin(Success);
        return;
    }
    if (window.navigator.userAgent.indexOf("wxwork") >= 0 && force != true) {
        WxWorkLogin(Success);
        return;
    }
    if (navigator.userAgent.indexOf("DingTalk") > 0 && force != true) {
        open(location.href);
    }
    if (CLTop.document.getElementById("Login") != null) {
        return;
    }
    var CorpId = CLCorpId();
    var url = "/View/Login/Login.html?v=" + g_FileUpdateInfo["/view/login/login.html"];
    var src = "/api/CLUI.chx?Function=HttpGetSrc&src=" + encodeURIComponent(url);
    HttpGet(src, function (html) {
        if (CLTop.document.getElementById("Login") != null) {
            return;
        }
        var div = CLTop.document.createElement("div");
        div.style.cssText = "background-color: rgba(0, 0, 0,0.3);top: 0;left: 0;width: 100%;height: 100%;position: fixed;";
        div.style.zIndex = CLTop.CLMaxZIndex();
        CLTop.document.body.appendChild(div);
        div.innerHTML = html;
        var scripts = div.getElementsByTagName("script");
        for (var i = 0; i < scripts.length; i++) {
            var script = CLTop.document.createElement("script");
            CLTop.document.head.appendChild(script);
            CLTop.Logined = Logined;
            script.className = "LoginScript";
            script.innerHTML = scripts[i].innerHTML;
            $(scripts[i]).remove();
            i--;
        }
        var Fun = (Success || LoginSuccessCallBack);
        CLTop.LoginSuccessCallBack = function () {
            if (Fun) {
                Fun();
            }
        };
    });
}

function LoginByUserCode(code, Success) {
    var url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpLoginByUserCode";
    HttpPost(url, function (Json) {
        if (Json.code == 0) {
            var Fun = (Success || LoginSuccessCallBack);
            if (Fun) {
                Fun();
            }
        } else {
            document.write("<center style='color:#c00'>" + Json.msg + "</center>");
        }
    }, {
        UserCode: code
    });
}

function DingLogin(Success) {
    dd.ready(function () {
        dd.runtime.permission.requestAuthCode({
            corpId: CLApp.GetCorpId(),
            onSuccess: function (result) {
                LoginByUserCode(result.code, Success);
            },
            onFail: (function (err) {
                CLConfirm(function () {
                    Login(null, true);
                }, '授权失败:' + JSON.stringify(err) + "");
            })
        });
    });
    dd.error(function (error) {
        CLShowMsg('配置失败:' + JSON.stringify(error));
    });
}

function WxWorkLogin(Success) {
    if (location.hash == "#WxLogin") {
        var code = CLQueryString("code");
        LoginByUserCode(code, function () {
            CLQueryString("code", "", false);
            CLQueryString("state", "", false);
            location.hash = "";
            (Success || LoginSuccessCallBack)();
        });
        return;
    }
    var rUrl = encodeURIComponent(location.href + "#WxLogin");
    var url = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + CLApp.GetCorpId() + "&redirect_uri=" + rUrl + "&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
    location.replace(url);
}

var WSLogining = false;

var WSLoginBack = [];

function WSLogin(msgId) {
    var back = function () {
        this.socket.Resend(this.msgId);
    }
    back.socket = __CurrentSocket__;
    back.msgId = msgId;
    WSLoginBack.push(back);
    if (WSLogining) {
        return;
    } else {
        WSLogining = true;
    }
    var socket = __CurrentSocket__;
    function func() {
        var url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpWSLogin";
        var load = HttpPost(url, function (json) {
            if (json.code == 0) {
                WSLogining = false;
                for (var i = 0; i < WSLoginBack.length ; i++) {
                    WSLoginBack[i].call(WSLoginBack[i]);
                }
                WSLoginBack = [];
            } else {
                Login(function () {
                    for (var i = 0; i < WSLoginBack.length ; i++) {
                        WSLoginBack[i].call(WSLoginBack[i]);
                    }
                    WSLogining = false;
                });
            }
        });
        if (load) {
            load.Stop();
        }
    }
    func();
}
;/// <reference path="../CLApp/CLApp.js" />
/// <reference path="F:\CLFlow\CLFlow\CLUI/CLUI.js" />
/// <reference path="F:\CLFlow\CLFlow\CLUI/CLDialog/CLDialog.js" />
/// <reference path="F:\CLFlow\CLFlow\CLUI/CLTree/CLTree.js" />
/// <reference path="F:\CLFlow\CLFlow\CLUI/CLCodeEditor/CLCodeEditor.js" />
/// <reference path="F:\CLFlow\CLFlow\js/Http.js" />
(function () {
    CLLoad("/View/Sys/V8Debugger.css");

    window.V8Debugger = function (debuggerId, debugUrl, Success) {
        var self = this;
        self.debuggerId = debuggerId;
        self.pageZIndex = CLMaxZIndex();
        self.StartGetMsg(function (data) {
            self.debuggerId = data.Msg;
            self.debugUrl = debugUrl;
            self.createDebugger();
            if (debugUrl != false) {
                self.createPage(debugUrl);
            }
            self.createDebugInfoView();
            self.resetRect = {
                Left: "15%",
                Top: "15%",
                Width: "70%",
                Height: "70%",
            }
            if (Success) {
                Success();
            }
        });
    }

    var fn = V8Debugger.prototype;

    fn.webPageFrame = null;

    fn.debugUrl = null;

    fn.debuggerId = null;

    fn.Ele = null;

    fn.SourceItems = null;

    fn.NavLeft = null;

    fn.NavRight = null;

    fn.IsMaximized = true;
    
    fn.IsMinimized = false;

    fn.resetRect = null;

    fn.V8Handle = null;

    fn.currentView = null;

    fn.debugInfoView = null;

    fn.stackView = null;

    fn.consoleView = null;

    fn.VariableView = null;

    fn.sourceViewHeight = null;

    fn.debugMsg = null;

    fn.IsPaused = false;

    fn.frameIndex = null

    fn.pauseScriptId = null;

    fn.dataTreeVariables = null;

    fn.consoleMsg = null;

    fn.HttpPost = function (Url, CallBack, jsData, IsAsync, Error, Exception, File, FileName, onProgress) {
        var self = this;
        jsData.debuggerId = self.debuggerId;
        Loading_.Use(function () {
            return HttpPost(Url, CallBack, jsData, IsAsync, Error, Exception, File, FileName, onProgress);
        });
    }

    fn.leftSelect = function (Item) {
        var self = this;
        var ItemSel = self.NavLeft.getElementsByClassName("ItemSel")[0];
        if (ItemSel != null) {
            ItemSel.classList.remove("ItemSel");
        }
        Item.classList.add("ItemSel");
        if (!!Item.sourceView && !Item.sourceView.IsVisiable()) {
            Item.sourceView.show();
        }
    }

    fn.getItemById = function (id) {
        var self = this;
        return self.SourceItems.getElementsByClassName("source_" + id)[0] || self.SourceItems.getElementsByClassName("sourceName_" + id)[0];
    }

    fn.Dialog = function (width, height, box) {
        width = width == null ? "246px" : width + "px";
        height = height == null ? "105px" : height + "px";
        var Menu = {
            "style": {
                "width": width,
                "height": height,
                "margin-left": "25px",
                "padding": "20px 20px 65px",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        var _CLMenu = new CLMenu(Menu, box);
        _CLMenu.Div.parentNode.parentNode.style.zIndex = CLDbgMaxZIndex();
        return _CLMenu;
    }

    fn.stringEditor = function (targer, Title, string, placeholder, End) {
        var self = this;
        var dlg = self.Dialog(440, 152, targer);
        var Div = dlg.Div;
        Div.innerHTML = "<h3>" + Title + "</h3>";
        var nameInput = document.createElement("input");
        nameInput.style.height = "30px";
        nameInput.style.width = "100%";
        nameInput.style.ma = "50px";
        nameInput.value = string;
        nameInput.setAttribute("placeholder", placeholder);
        Div.appendChild(nameInput);
        nameInput.focus();
        var Bottom = document.createElement("div");
        Bottom.style.textAlign = "right";
        Bottom.style.marginTop = "10px";
        Div.appendChild(Bottom);

        var Btn = document.createElement("div");
        Btn.className = "CLBtnCancel";
        Btn.innerHTML = "取消";
        Btn.onclick = function () {
            dlg.Close();
        }
        Btn.style.margin = "0 5px 0 0";
        Bottom.appendChild(Btn);

        Btn = document.createElement("div");
        Btn.className = "CLBtnGreen";
        Btn.style.margin = "0 0 0 5px";
        Btn.innerHTML = "确定";
        Btn.onclick = function () {
            var string = nameInput.value;
            if (string == null || string.length == 0) {
                CLShowMsg("请输入名称");
                return;
            }
            End(string);
            dlg.Close();
        }
        Bottom.appendChild(Btn);
        return dlg;
    }

    fn.createDebugger = function () {
        var self = this;
        var Ele = self.Ele = document.createElement("div");
        Ele.className = "V8Debugger V8DebuggerMaximized Vs";
        Ele.setAttribute("tabindex", 1);
        Ele.style.zIndex = CLDbgMaxZIndex();
        document.body.appendChild(Ele);
        self.EnableResize();
        self.EnableKeyBoard();
        var Caption = document.createElement("div");
        Caption.className = "Caption";
        Ele.appendChild(Caption);
        Caption.ondblclick = function () {
            self.MaximizeOrReset();
        }
        var Title = document.createElement("div");
        Title.className = "Title";
        Caption.appendChild(Title);
        CLEnableMove(Caption, function (Ele) {
            Caption.Window = top;
            Ele.style.margin = "0";
            Ele.style.transition = "all 0s";
            if (self.IsMaximized) {
                self.Reset();
                Ele.style.left = Ele.FromX - Ele.FromX * Ele.offsetWidth / document.body.offsetWidth + "px";
                Ele.xLeft = Ele.offsetLeft;
            }
        }, null, function () {
            if (Ele.offsetTop + 40 > document.body.offsetHeight) {
                Ele.style.top = document.body.offsetHeight - 40 + "px";
            }
            if (Ele.offsetTop < 0) {
                Ele.style.top = 0;
            }
            if (Ele.offsetLeft + 40 > document.body.offsetWidth) {
                Ele.style.left = document.body.offsetWidth - 40 + "px";
            }
            if (40 - Ele.offsetLeft > document.body.offsetWidth) {
                Ele.style.left = 40 - document.body.offsetWidth + "px";
            }
            self.onsizeChanged();
            Ele.style.transition = "";
        }, Ele);
        Title.innerHTML = "<img src='/img/Miao.png'>迷你调试器";

        var appendBtn = document.createElement("div");
        appendBtn.className = "Button";
        appendBtn.innerHTML = "附加";
        if (self.debugUrl !== false) {
            Caption.appendChild(appendBtn);
        }

        appendBtn.onclick = function () {
            var debugUrl = self.webPageFrame.contentWindow.location.href;
            if (debugUrl.indexOf("?debuggerId") > 0) {
                debugUrl = debugUrl.substr(0, debugUrl.indexOf("?"));
            }
            if (debugUrl.indexOf("&debuggerId") > 0) {
                debugUrl = debugUrl.substr(0, debugUrl.indexOf("&debuggerId"));
            }
            var dlg = self.stringEditor(appendBtn, "迷你调试器", debugUrl, "输入要调试的地址", function (debugUrl) {
                if (debugUrl == self.webPageFrame.contentWindow.location.href) {
                    return;
                }
                if (self.IsPaused) {
                    self.Continue(self.V8Handle);
                }
                self.clearItems();
                debugUrl = debugUrl.indexOf("?") > 0 ? debugUrl + "&debuggerId=" + self.debuggerId : debugUrl + "?debuggerId=" + self.debuggerId;
                self.debugUrl = debugUrl;
                self.webPageFrame.contentWindow.location.href = debugUrl;
            });
        }

        var runBtn = appendBtn.cloneNode();
        runBtn.className = "Button";
        runBtn.innerHTML = "运行(F8)";
        Caption.appendChild(runBtn);
        runBtn.onclick = function () {
            if (self.IsPaused) {
                self.Continue(self.V8Handle);
            } else{
                self.clearItems();
                if (self.debugUrl !== false) {
                    self.webPageFrame.contentWindow.location.href = self.webPageFrame.contentWindow.location.href;
                }
            }
        }
        runBtn.ondblclick = function (e) {
            e.stopPropagation();
        }
        var nextBtn = runBtn.cloneNode();
        nextBtn.innerHTML = "步过(F10)";
        Caption.appendChild(nextBtn);
        nextBtn.onclick = function () {
            self.StepOver(self.V8Handle);
        }
        nextBtn.ondblclick = function (e) {
            e.stopPropagation();
        }
        var intoBtn = runBtn.cloneNode();
        intoBtn.innerHTML = "步入(F11)";
        Caption.appendChild(intoBtn);
        intoBtn.onclick = function () {
            self.StepInto(self.V8Handle);
        }
        intoBtn.ondblclick = function (e) {
            e.stopPropagation();
        }
        var outBtn = runBtn.cloneNode();
        outBtn.innerHTML = "跳出(F9)";
        Caption.appendChild(outBtn);
        outBtn.onclick = function () {
            self.StepOut(self.V8Handle);
        }
        outBtn.ondblclick = function (e) {
            e.stopPropagation();
        }

        var Close = document.createElement("div");
        Close.className = "Close";
        Caption.appendChild(Close);
        Close.onclick = function () {
            self.Close();
        }
        Close.onmousedown = function (e) {
            e.stopPropagation();
        }

        var Reset = document.createElement("div");
        Reset.className = "Reset";
        Caption.appendChild(Reset);
        Reset.onclick = function () {
            self.MaximizeOrReset();
        }
        Reset.onmousedown = function (e) {
            e.stopPropagation();
        }
        var Minimize = document.createElement("div");
        Minimize.className = "Minimize";
        Caption.appendChild(Minimize);
        Minimize.onmousedown = function (e) {
            e.stopPropagation();
        }

        Minimize.onclick = function () {
            self.Minimize();
        }

        var NavLeft = self.NavLeft = document.createElement("div");
        NavLeft.className = "NavLeft";
        NavLeft.setAttribute("tabindex", 0);
        Ele.appendChild(NavLeft);

        var leftTop = document.createElement("div");
        leftTop.className = "Item Top";
        leftTop.innerHTML = "服务器脚本";
        NavLeft.appendChild(leftTop);
        leftTop.onclick = function () {
            self.leftSelect(this);
        }

        var SourceItems = self.SourceItems = document.createElement("div");
        SourceItems.className = "SourceItems";
        NavLeft.appendChild(SourceItems);

        var NavRight = self.NavRight = document.createElement("div");
        NavRight.className = "NavRight";
        Ele.appendChild(NavRight);
    }

    fn.getVisableView = function () {
        var self = this;
        var currentView = self.NavRight.getElementsByClassName("viewVisiable")[0];
        if (currentView != null) {
            return currentView.Object;
        }
    }

    fn.createDebugInfoView = function () {
        var self = this;
        var debugInfoView = self.debugInfoView = document.createElement("div");
        debugInfoView.className = "debugInfoView";
        self.NavRight.appendChild(debugInfoView);
        var borderTop = document.createElement("div");
        borderTop.className = "borderTop";
        debugInfoView.appendChild(borderTop);
        (function () {
            var FromY = 0;
            var oHeight = 0;
            var top = 0;
            CLEnableMove(borderTop, function (resizeDiv) {
                FromY = resizeDiv.Pos.Y;
                oHeight = debugInfoView.offsetHeight;
                top = debugInfoView.offsetTop;
            }, function (resizeDiv) {
                var Y = resizeDiv.Pos.Y - FromY;
                if (oHeight - Y < 80 && Y > 0) {
                    Y = oHeight - 80;
                }
                var dHeight = 100 * (oHeight - Y) / (self.NavRight.offsetHeight - 3);
                debugInfoView.style.height = "calc(" + dHeight + "% - 1px)";
                self.sourceViewHeight = "calc(" + (100 - dHeight) + "% - 2px)";
                var view = self.getVisableView();
                if (view) {
                    view.setHeight(self.sourceViewHeight);
                }
                return false;
            }, function (resizeDiv) {
                return false;
            });
        }());

        var leftView = document.createElement("div");
        leftView.className = "leftView";
        debugInfoView.appendChild(leftView);

        var VariableView = self.VariableView = document.createElement("div");
        VariableView.className = "VariableView";
        VariableView.setAttribute("tabindex", 0);
        leftView.appendChild(VariableView);

        VariableView.Clear = function () {
            VariableView.innerHTML = "";
            leftView.appendChild(borderRight);
        }
        var borderRight = document.createElement("div");
        borderRight.style.cssText = "position:absolute;height:100%;width:4px;right:0;cursor:e-resize;box-shadow: 0 0 20px 0 rgba(13,176,166,.3);z-index:100";
        leftView.appendChild(borderRight);

        var rightView = document.createElement("div");
        rightView.className = "rightView";
        debugInfoView.appendChild(rightView);

        var stackView = self.stackView = document.createElement("div");
        stackView.className = "stackView";
        stackView.setAttribute("tabindex", 0);
        rightView.appendChild(stackView);

        var consoleView = self.consoleView = document.createElement("div");
        consoleView.className = "consoleView";
        consoleView.style.display = "none";
        rightView.appendChild(consoleView);
        var Btns = [
            {
                Name: "调用堆栈",
                Width: "100px",
                IsSel: true
            },
            {
                Name: "输出",
                Width: "60px",
                IsSel: false
            }
        ];
        rightView.style.overflow = "hidden";
        var _CLBtnGroup = new CLBtnGroup(rightView, Btns);
        _CLBtnGroup.groupDiv.classList.add("CLTab");
        _CLBtnGroup.OnSelected = function (divBtn) {
            if (divBtn.Btn.Name == "调用堆栈") {
                stackView.style.display = "block";
                consoleView.style.display = "none";
            }
            if (divBtn.Btn.Name == "输出") {
                stackView.style.display = "none";
                consoleView.style.display = "block";
            }
        };
        (function () {
            var FromX = 0;
            var oWidth = 0;
            CLEnableMove(borderRight, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                oWidth = leftView.offsetWidth;
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                if (oWidth + X < 200 && X < 0) {
                    X = 200 - oWidth;
                }
                var vWidth = 100 * (oWidth + X) / debugInfoView.offsetWidth;
                if (vWidth < 20) {
                    vWidth = 20;
                }
                if (vWidth > 80) {
                    vWidth = 80;
                }
                leftView.style.width = vWidth + "%";
                rightView.style.width = 100 - vWidth + "%";
                return false;
            }, function (resizeDiv) {
                return false;
            });
        }());
    }

    fn.showStack = function (stackInfo, curIndex) {
        var self = this;
        var stackView = self.stackView;
        stackView.innerHTML = "";
        self.frameIndex = curIndex;
        var ItemSel = null;
        for (var i = 0; !!stackInfo && i < stackInfo.length; i++) {
            var Item = document.createElement("div");
            Item.className = "Item";
            stackView.appendChild(Item);
            var FName = document.createElement("div");
            FName.className = "FName";
            FName.innerHTML = stackInfo[i].functionName;
            Item.appendChild(FName);
            var sourceInfo = document.createElement("div");
            sourceInfo.className = "sourceInfo";
            sourceInfo.innerHTML = stackInfo[i].scriptName + ":" + (stackInfo[i].line + 1);
            Item.appendChild(sourceInfo);
            if (curIndex == i) {
                ItemSel = Item;
                self.pauseScriptId = stackInfo[curIndex].sourceId;
                ItemSel.classList.add("ItemSel");
            }
            Item.onclick = function () {
                ItemSel.classList.remove("ItemSel");
                ItemSel = this;
                ItemSel.classList.add("ItemSel");
            }
            Item.Frame = stackInfo[i];
            Item.ondblclick = function () {
                var Item = this;
                var scriptId = Item.Frame.sourceId;
                var sourceView = self.getSourceView(scriptId);
                if (sourceView == null) {
                    var script = self.GetScript(self.V8Handle, scriptId);
                    sourceView = self.createSourceView(script);
                }
                sourceView.show();
                sourceView.SetCurrentLine(Item.Frame.line);
                self.frameIndex = Item.Frame.Index;
                self.pauseScriptId = stackInfo[self.frameIndex].sourceId;
                self.showVariables(self.GetVariables(self.V8Handle, Item.Frame.Index));
            }
        }
        if (curIndex !== undefined && stackInfo.length > curIndex) {
            var scriptId = stackInfo[curIndex].sourceId;
            var sourceView = self.getSourceView(scriptId);
            self.showVariables(self.GetVariables(self.V8Handle, curIndex));
            sourceView.SetCurrentLine(stackInfo[curIndex].line);
        } else {
            self.showVariables();
            self.clearCurrentLine();
        }
    }

    fn.helpStyle = null;

    fn.showString = function (sName, sVal) {
        var self = this;
        var divDlg = document.createElement("div");
        divDlg.style.cssText = "width:390px;height:400px;";
        var dlg = new CLDialog(divDlg);
        dlg.CreateAll("文本可视化工具", function () {

        });
        dlg.EnableMove(dlg.Header);
        var Body = dlg.Body;
        divDlg.parentNode.style.zIndex = CLDbgMaxZIndex();
        var nameLine = document.createElement("div");
        nameLine.style.height = "30px";
        nameLine.style.lineHeight = "30px";
        Body.appendChild(nameLine);
        var Label = document.createElement("div");
        Label.innerHTML = "表达式(E):";
        Label.style.width = "120px";
        Label.style.cssFloat = "left";
        nameLine.appendChild(Label);
        var divName = document.createElement("div");
        divName.innerHTML = sName;
        divName.style.width = "calc(100% - 120px)";
        divName.style.cssFloat = "left";
        divName.style.paddingLeft = "5px";
        divName.style.border = "solid 1px #ccc";
        nameLine.appendChild(divName);
        var Label = document.createElement("div");
        Label.style.height = "30px";
        Label.style.lineHeight = "30px";
        Label.innerHTML = "值(V):";
        Body.appendChild(Label);
        var Value = document.createElement("textarea");
        Value.style.height = "calc(100% - 60px)";
        Value.style.width = "100%";
        Value.style.border = "solid 1px #ccc";
        Value.style.padding = "5px 7px";
        Value.style.lineHeight = "20px";
        Value.style.fontSize = "14px";
        Value.style.color = "#888";
        Value.style.cursor = "text";
        Value.style.overflow = "auto";
        Value.style.wordWrap = "break-word";
        Value.innerText = sVal;
        Body.appendChild(Value);

    }

    fn.showVariables = function (Variables) {
        var self = this;
        var dataTree = self.dataTreeVariables = {
            ID: "Top",
            Name: "Top",
            SubNode: []
        }
        var SubNode = dataTree.SubNode;
        self.VariableView.Clear();
        for (var i = 0; Variables != null && i < Variables.length ; i++) {
            SubNode.push({
                ID: Variables[i].Name,
                Name: Variables[i].Name,
                Value: Variables[i].Value,
                Type: Variables[i].Type,
                vIndex: Variables[i].vIndex,
                propertyNames: []
            });
        }
        var _CLTree = new CLTree(dataTree);
        _CLTree.Editable = false;
        _CLTree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.ID == "Top") {
                Item.Info.style.display = "none";
            } else {
                Item.Icon.style.display = "none";
                Item.Info.style.paddingLeft = parseInt(Item.Info.style.paddingLeft) - 10 + "px";
                ItemData.frameIndex = self.frameIndex;
                var Value = document.createElement("div");
                Value.style.cssText = "position:absolute;left:calc(100% + 1px);top:0;width:";
                Value.className = "Value";
                if (ItemData.Type == "string") {
                    Value.innerHTML = JSON.stringify(ItemData.Value);
                    Value.classList.add("sValue");
                    var Search = document.createElement("div");
                    Search.className = "Search";
                    Search.innerHTML = "&#xe7e0;";
                    Value.appendChild(Search);
                    var Info = {
                        frameIndex: self.frameIndex,
                        vIndex: ItemData.vIndex,
                        propertyNames: ItemData.propertyNames
                    };
                    ItemData.fullValue = function () {
                        var sVal;
                        if (ItemData._fullValue != null) {
                            sVal = ItemData._fullValue;
                        } else {
                            sVal = ItemData._fullValue = self.OpenVariable(self.V8Handle, Info);
                        }
                        return sVal;
                    }
                    Value.ondblclick = Search.onmousedown = function (e) {
                        e.stopPropagation();
                        var sVal = ItemData.fullValue();
                        var sName = SubNode[Info.vIndex].Name;
                        var propertyNames = Info.propertyNames;
                        for (var i = 0; i < propertyNames.length; i++) {
                            if (typeof propertyNames[i] == 'number') {
                                sName += "[" + propertyNames[i] + "]";
                            } else {
                                sName += "." + propertyNames[i];
                            }
                        }
                        self.showString(sName, sVal);
                    }

                } else {
                    Value.innerHTML = ItemData.Value;
                }
                if (ItemData.Type == "number") {
                    Value.classList.add("nValue");
                }
                Item.Info.appendChild(Value);

                var border = document.createElement("div");
                border.style.cssText = "position:absolute;right:-2px;top:0;bottom:0;width:4px;cursor:e-resize;";
                Item.Info.appendChild(border);
                (function () {
                    var FromX = 0;
                    var oWidth = 0;
                    CLEnableMove(border, function (resizeDiv) {
                        FromX = resizeDiv.Pos.X;
                        oWidth = Item.Info.offsetWidth;
                    }, function (resizeDiv) {
                        var X = resizeDiv.Pos.X - FromX;
                        if (oWidth + X < 200 && X < 0) {
                            X = 200 - oWidth;
                        }
                        var lWidth = 100 * (oWidth + X) / Item.offsetWidth;
                        if (lWidth < 20) {
                            lWidth = 20;
                        }
                        if (lWidth > 80) {
                            lWidth = 80;
                        }
                        var rWidth = 100 * (100 - lWidth) / lWidth;
                        var rPix = 4 * rWidth / (rWidth + lWidth);
                        self.helpStyle.innerHTML = ".V8Debugger .CLTree .Item .Info {width:" + lWidth + "%} .V8Debugger .CLTree .Item .Info>.Value{width:calc(" + rWidth + "% + " + rPix + "px)}";
                        return false;
                    }, function (resizeDiv) {

                        return false;
                    });
                }());
            }
            if (ItemData.Type == "object" || ItemData.Type == "array") {
                Item.classList.remove("NoChild");
            }

            var open = Item.Open;
            Item.Open = function () {
                if (ItemData.SubNode === undefined) {
                    var Info = {
                        frameIndex: self.frameIndex,
                        vIndex: ItemData.vIndex,
                        propertyNames: ItemData.propertyNames
                    };
                    var SubNode = self.OpenVariable(self.V8Handle, Info);
                    if (SubNode == null) {
                        ItemData.SubNode = null;
                    } else {
                        for (var i = 0; i < SubNode.length; i++) {
                            SubNode[i].vIndex = ItemData.vIndex;
                            SubNode[i].propertyNames = Info.propertyNames.concat(SubNode[i].Name);
                            Item.addChild(SubNode[i]);
                        }
                    }
                    if (Item.parentNode != null) {
                        open.call(Item);
                    }
                } else {
                    if (Item.parentNode != null) {
                        open.call(Item);
                    }
                }
            }
        }
        _CLTree.Render(self.VariableView);
        var v8 = _CLTree.getItemById("V8");
        if (v8) {
            v8.Open();
            v8.Close();
        }
        if (self.helpStyle == null) {
            self.helpStyle = document.createElement("style");
            document.head.appendChild(self.helpStyle);
            self.helpStyle.innerHTML = ".V8Debugger .CLTree .Item .Info {width:25%} .V8Debugger .CLTree .Item .Info>.Value{width:calc(300% + 3px)}";
        }
    }

    fn.EnableKeyBoard = function () {
        var self = this;
        var Ele = self.Ele;
        self.Ele.addEventListener("keydown", function (e) {
            if (e.key == "F8") {
                //运行
                self.Continue(self.V8Handle);
                e.preventDefault();
                e.stopPropagation();
            }
            if (e.key == "F9") {
                //跳出
                self.StepOut(self.V8Handle);
                e.preventDefault();
                e.stopPropagation();
            }
            if (e.key == "F10") {
                //步过
                self.StepOver(self.V8Handle);
                e.preventDefault();
                e.stopPropagation();
            }
            if (e.key == "F11") {
                //步入
                self.StepInto(self.V8Handle);
                e.preventDefault();
                e.stopPropagation();
            }
        });
    }

    fn.addsourceItem = function (id, Name) {
        var self = this;
        var item = document.createElement("div");
        item.className = "Item ellipsis Js source_" + id + " sourceName_" + Name;
        item.innerHTML = Name;
        self.SourceItems.appendChild(item);
        item.onclick = function () {
            self.leftSelect(this);
        }
        return item;
    }

    fn.clearItems = function () {
        var self = this;
        self.SourceItems.innerHTML = "";
    }

    fn.clearVariables = function () {
        var self = this;
        self.cacheVariables = {};
    }

    fn.onsizeChanged = function () {
        var self = this;
        if (!self.IsMaximized && !self.IsMinimized) {
            self.resetRect = {
                Left: self.Ele.offsetLeft + "px",
                Top: self.Ele.offsetTop + "px",
                Width: self.Ele.offsetWidth + "px",
                Height: self.Ele.offsetHeight + "px",
            }
        }
    }

    fn.MaximizeOrReset = function () {
        var self = this;
        if (self.IsMinimized && self.IsMaximized) {
            this.Maximize();
        } else if (self.IsMinimized && !self.IsMaximized) {
            this.Reset();
        } else if (!self.IsMaximized) {
            this.Maximize();
        } else {
            this.Reset();
        }
        self.IsMinimized = false;
    }

    fn.Reset = function () {
        var self = this;
        self.IsMaximized = false;
        self.Ele.style.left = self.resetRect.Left;
        self.Ele.style.top = self.resetRect.Top;
        self.Ele.style.width = self.resetRect.Width;
        self.Ele.style.height = self.resetRect.Height;
        self.Ele.classList.remove("V8DebuggerMinimized");
        self.Ele.classList.remove("V8DebuggerMaximized");
    }

    fn.Close = function () {
        var self = this;
        self.IsPaused = true;
        self.Continue(self.V8Handle);
        self.Sock.Close();
        self.Ele.remove();
        if (self.webPageFrame) {
            self.webPageFrame.remove();
        }
    }

    fn.Maximize = function () {
        var self = this;
        self.IsMaximized = true;
        self.Ele.classList.remove("V8DebuggerMinimized");
        self.Ele.classList.add("V8DebuggerMaximized");
        self.Ele.style.left = 0;
        self.Ele.style.top = 0;
        self.Ele.style.width = "100%";
        self.Ele.style.height = "100%";
    }

    fn.Minimize = function (anim) {
        var self = this;
        if (self.IsMinimized) {
            return;
        }
        anim = anim === undefined ? true : anim;
        var Ele = self.Ele;
        Ele.classList.remove("V8DebuggerMaximized");
        Ele.classList.add("V8DebuggerMinimized");
        if (!anim) {
            Ele.style.transition = "none";
        }
        Ele.style.left = document.body.offsetWidth - 84 + "px";
        Ele.style.top = document.body.offsetHeight - 42 + "px";
        Ele.style.width = "84px";
        Ele.style.height = "42px";
        self.IsMinimized = true;
        Ele.style.animation = "";
    }

    fn.EnableResize = function () {
        var self = this;
        var Ele = self.Ele;
        var lf = document.createElement("div");
        lf.className = "Border";
        lf.style.cssText = "position:absolute;left:0;top:7px;width:7px;bottom:7px;cursor:e-resize;z-index:999";
        Ele.appendChild(lf);
        (function () {
            var FromX = 0;
            var oWidth = 0;
            var left = 0;
            CLEnableMove(lf, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                oWidth = Ele.offsetWidth;
                left = Ele.offsetLeft;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                if (oWidth - X < 200 && X > 0) {
                    X = oWidth - 200;
                }
                Ele.style.width = oWidth - X + "px";
                Ele.style.left = left + X + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var lt = document.createElement("div");
        lt.className = "Border";
        lt.style.cssText = "position:absolute;left:0;top:0;width:7px;height:7px;cursor:se-resize;z-index:999";
        Ele.appendChild(lt);
        (function () {
            var FromX = 0;
            var FromY = 0;
            var oWidth = 0;
            var oHeight = 0;
            var left = 0;
            var top = 0;
            CLEnableMove(lt, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                FromY = resizeDiv.Pos.Y;
                oWidth = Ele.offsetWidth;
                oHeight = Ele.offsetHeight;
                left = Ele.offsetLeft;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                var Y = resizeDiv.Pos.Y - FromY;
                if (oWidth - X < 200 && X > 0) {
                    X = oWidth - 200;
                }
                if (oHeight - Y < 80 && Y > 0) {
                    Y = oHeight - 80;
                }
                Ele.style.left = left + X + "px";
                Ele.style.top = top + Y + "px";
                Ele.style.width = oWidth - X + "px";
                Ele.style.height = oHeight - Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var tp = document.createElement("div");
        tp.className = "Border";
        tp.style.cssText = "position:absolute;left:7px;top:0;height:7px;right:7px;cursor:n-resize;z-index:999";
        Ele.appendChild(tp);
        (function () {
            var FromY = 0;
            var oHeight = 0;
            var top = 0;
            CLEnableMove(tp, function (resizeDiv) {
                FromY = resizeDiv.Pos.Y;
                oHeight = Ele.offsetHeight;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var Y = resizeDiv.Pos.Y - FromY;
                if (oHeight - Y < 80 && Y > 0) {
                    Y = oHeight - 80;
                }
                Ele.style.height = oHeight - Y + "px";
                Ele.style.top = top + Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var rt = document.createElement("div");
        rt.className = "Border";
        rt.style.cssText = "position:absolute;top:0;width:7px;height:7px;right:0px;cursor:sw-resize;z-index:999";
        Ele.appendChild(rt);
        (function () {
            var FromX = 0;
            var FromY = 0;
            var oWidth = 0;
            var oHeight = 0;
            var left = 0;
            var top = 0;
            CLEnableMove(rt, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                FromY = resizeDiv.Pos.Y;
                oWidth = Ele.offsetWidth;
                oHeight = Ele.offsetHeight;
                left = Ele.offsetLeft;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                var Y = resizeDiv.Pos.Y - FromY;
                if (oWidth + X < 200 && X < 0) {
                    X = 200 - oWidth;
                }
                if (oHeight - Y < 80 && Y > 0) {
                    Y = oHeight - 80;
                }
                Ele.style.top = top + Y + "px";
                Ele.style.width = oWidth + X + "px";
                Ele.style.height = oHeight - Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var rg = document.createElement("div");
        rg.className = "Border";
        rg.style.cssText = "position:absolute;top:7px;width:7px;bottom:7px;right:0px;cursor:w-resize;z-index:999";
        Ele.appendChild(rg);
        (function () {
            var FromX = 0;
            var oWidth = 0;
            CLEnableMove(rg, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                oWidth = Ele.offsetWidth;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                if (oWidth + X < 200 && X < 0) {
                    X = 200 - oWidth;
                }
                Ele.style.width = oWidth + X + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var rb = document.createElement("div");
        rb.className = "Border";
        rb.style.cssText = "position:absolute;height:7px;width:7px;bottom:0px;right:0px;cursor:se-resize;z-index:999";
        Ele.appendChild(rb);
        (function () {
            var FromX = 0;
            var FromY = 0;
            var oWidth = 0;
            var oHeight = 0;
            var left = 0;
            var top = 0;
            CLEnableMove(rb, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                FromY = resizeDiv.Pos.Y;
                oWidth = Ele.offsetWidth;
                oHeight = Ele.offsetHeight;
                left = Ele.offsetLeft;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                var Y = resizeDiv.Pos.Y - FromY;
                if (oWidth + X < 200 && X < 0) {
                    X = 200 - oWidth;
                }
                if (oHeight + Y < 80 && Y < 0) {
                    Y = 80 - oHeight;
                }
                Ele.style.width = oWidth + X + "px";
                Ele.style.height = oHeight + Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var btm = document.createElement("div");
        btm.className = "Border";
        btm.style.cssText = "position:absolute;height:7px;bottom:0px;left:7px;right:7px;cursor:n-resize;z-index:999";
        Ele.appendChild(btm);
        (function () {
            var FromY = 0;
            var oHeight = 0;
            var top = 0;
            CLEnableMove(btm, function (resizeDiv) {
                FromY = resizeDiv.Pos.Y;
                oHeight = Ele.offsetHeight;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var Y = resizeDiv.Pos.Y - FromY;
                if (oHeight + Y < 80 && Y < 0) {
                    Y = 80 - oHeight;
                }
                Ele.style.height = oHeight + Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
        var lb = document.createElement("div");
        lb.className = "Border";
        lb.style.cssText = "position:absolute;height:7px;width:7px;bottom:0px;left:0;cursor:sw-resize;z-index:999";
        Ele.appendChild(lb);
        (function () {
            var FromX = 0;
            var FromY = 0;
            var oWidth = 0;
            var oHeight = 0;
            var left = 0;
            var top = 0;
            CLEnableMove(lb, function (resizeDiv) {
                FromX = resizeDiv.Pos.X;
                FromY = resizeDiv.Pos.Y;
                oWidth = Ele.offsetWidth;
                oHeight = Ele.offsetHeight;
                left = Ele.offsetLeft;
                top = Ele.offsetTop;
                Ele.style.transition = "all 0s";
            }, function (resizeDiv) {
                var X = resizeDiv.Pos.X - FromX;
                var Y = resizeDiv.Pos.Y - FromY;
                if (oWidth - X < 200 && X > 0) {
                    X = oWidth - 200;
                }
                if (oHeight + Y < 80 && Y < 0) {
                    Y = 80 - oHeight;
                }
                Ele.style.left = left + X + "px";
                Ele.style.width = oWidth - X + "px";
                Ele.style.height = oHeight + Y + "px";
                return false;
            }, function (resizeDiv) {
                self.onsizeChanged();
                Ele.style.transition = "";
                return false;
            });
        }());
    }

    fn.createPage = function (debugUrl) {
        var self = this;
        var webPageFrame = self.webPageFrame = document.createElement("iframe");
        webPageFrame.id = "WebPageFrame";
        webPageFrame.IsDebugging = true;
        webPageFrame.style.zIndex = self.pageZIndex;
        webPageFrame.debuggerId = self.debuggerId;
        document.body.appendChild(webPageFrame);

        webPageFrame.onload = function () {
            var t = setInterval(function () {
                if (webPageFrame.contentWindow == null) {
                    clearInterval(t);
                    return;
                }
                if (webPageFrame.contentWindow.document.title != null && webPageFrame.contentWindow.document.title.trim().length != 0) {
                    var title = webPageFrame.contentWindow.document.title;
                    title = title.indexOf("|") > 0 ? title.substring(0, title.indexOf("|")) : title;
                    document.title = title + " | 调试";
                }
                var open = webPageFrame.contentWindow.XMLHttpRequest.prototype.open;
                webPageFrame.contentWindow.XMLHttpRequest.prototype.open = function (method, url, async, username, password) {
                    if (url.indexOf("V8Debugger.chx") < 0) {
                        url = url + (url.indexOf("?") < 0 ? "?debuggerId=" : "&debuggerId=") + self.debuggerId;
                    }
                    return open.call(this, method, url, async, username, password);
                }
                clearInterval(t);
            }, 10);
        }
        window.addEventListener("beforeunload", function () {
            if (webPageFrame.contentWindow) {
                var debugUrl = webPageFrame.contentWindow.location.href;
                if (!!debugUrl && debugUrl != "about:blank") {
                    localStorage.setItem("debugUrl", debugUrl);
                } else {
                    localStorage.removeItem("debugUrl");
                }
            }
        });

        window.addEventListener("mousedown", function (e) {
            self.webPageFrame.style["pointer-events"] = "none";
        }, true);

        window.addEventListener("mouseup", function (e) {
            self.webPageFrame.style["pointer-events"] = "";
        }, true);

        window.open = function (url) {
            self.webPageFrame.setAttribute("src", url);
        }
        if (!!debugUrl) {
            self.Minimize(false);
            self.IsMaximized = false;
            if (debugUrl.indexOf("?debuggerId") > 0) {
                debugUrl = debugUrl.substr(0, debugUrl.indexOf("?"));
                debugUrl += "?debuggerId=" + self.debuggerId;
            } else if (debugUrl.indexOf("&debuggerId") > 0) {
                debugUrl = debugUrl.substr(0, debugUrl.indexOf("&debuggerId"));
                debugUrl += "&debuggerId=" + self.debuggerId;
            } else {
                debugUrl = debugUrl.indexOf("?") > 0 ? debugUrl + "&debuggerId=" + self.debuggerId : debugUrl + "?debuggerId=" + self.debuggerId;
            }
            self.debugUrl = debugUrl;
            webPageFrame.setAttribute("src", debugUrl);
        }
    }

    fn.Sock = null;

    fn.StartGetMsg = function (Success) {
        var self = this;
        if (self.Sock == null) {
            self.Sock = CLGetSocket();
            self.Sock.OnConnected = function () {
                this.Invoke("Pages::WSV8Debugger", "WSApend", [self.debuggerId], function (data) {
                    if (data.R) {
                        if (Success) {
                            Success(data);
                            Success = null;
                        }
                    } else {
                        CLShowMsg(data.Msg);
                    }
                });
            }
            self.Sock.OnMsg = function (msg) {
                self.RunDebugMsg(msg);
            }
        }
    }

    fn.StepInto = function (V8Handle) {
        var self = this;
        if (!self.IsPaused) {
            return;
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpDebugStepInto";
        self.HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                self.IsPaused = false;
                self.showStack();
            }
        }, { V8Handle: V8Handle });
    }

    fn.StepOver = function (V8Handle) {
        var self = this;
        if (!self.IsPaused) {
            return;
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpDebugStepOver";
        self.HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                self.IsPaused = false;
                self.showStack();
            }
        }, { V8Handle: V8Handle }, false);
    }

    fn.StepOut = function (V8Handle) {
        var self = this;
        if (!self.IsPaused) {
            return;
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpDebugStepOut";
        self.HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                self.IsPaused = false;
                self.showStack();
            }
        }, { V8Handle: V8Handle }, false);
    }

    fn.Continue = function (V8Handle) {
        var self = this;
        if (!self.IsPaused) {
            return;
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpDebugContinue";
        self.HttpPost(Url, function (Json) {
            if (Json.code == 0) {
                self.IsPaused = false;
                self.showStack();
            }
        }, { V8Handle: V8Handle }, false);
    }

    fn.clearCurrentLine = function () {
        var self = this;
        var cm_current_lines = self.NavRight.getElementsByClassName("cm_current_line");
        while (cm_current_lines.length != 0) {
            cm_current_lines[0].classList.remove("cm_current_line");
        }
    }

    fn.GetScript = function (V8Handle, scriptId, scriptName) {
        var self = this;
        var script = null;
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpDebugGetScript";
        self.HttpPost(Url, function (Json) {
            script = Json.data;
            if (!script) {
                return;
            }
            script.V8Handle = V8Handle;
            var list = script.source.match(/V8.getField\({[^}]*}\)/g);
            for (var i = 0; list != null && i < list.length; i++) {
                var str = list[i].substr(12, list[i].length - 13);
                var obj = JSON.parse(str);
                var re = new RegExp("V8.getField\\({[^,]+,\"ID\":\"" + obj.ID + "\"*[^}]*}\\)", "g");
                script.source = script.source.replace(re, obj.Name);
            }
        }, { V8Handle: V8Handle, scriptId: scriptId }, false);
        return script;
    }

    fn.GetCallStack = function (V8Handle, CallStack) {
        var self = this;
        var Stack = null;
        if (CallStack) {
            return CallStack;
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpGetCallStack";
        self.HttpPost(Url, function (Json) {
            Stack = Json.data;
        }, { V8Handle: V8Handle }, false);
        return Stack;
    }

    fn.cacheVariables = null;
    
    fn.GetVariables = function (V8Handle, Index) {
        var self = this;
        var Variables = null;
        if (self.cacheVariables == null) {
            self.cacheVariables = {};
        }
        if (self.cacheVariables[Index] != null) {
            return self.cacheVariables[Index];
        }
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpGetVariables";
        self.HttpPost(Url, function (Json) {
            self.cacheVariables[Index] = Variables = Json.data;
        }, { V8Handle: V8Handle, Index: Index }, false);
        return Variables;
    }

    fn.OpenVariable = function (V8Handle, Info) {
        var self = this;
        //var Info = {
        //    frameIndex: 0,
        //    vIndex: 0,
        //    propertyNames:[]
        //}
        var key = Info.frameIndex + "," + Info.vIndex;
        if (Info.propertyNames.length != 0) {
            key += "," + Info.propertyNames;
        }
        if (self.cacheVariables[key] != null) {
            return self.cacheVariables[key];
        }
        var Variables = null;
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpOpenVariable";
        self.HttpPost(Url, function (Json) {
            self.cacheVariables[key] = Variables = Json.data;
        }, { V8Handle: V8Handle, Info: Info }, false);
        return Variables;
    }

    fn.PreView = function (V8Handle, Info) {
        var self = this;
        if (Info.propertyNames == null) {
            return null;
        }
        var tempInfo = CLClone(Info);
        var key = tempInfo.propertyNames.pop();
        var Variables = self.OpenVariable(V8Handle, tempInfo);
        if (key.substr != null && Variables != null && Variables[0] != null && Variables[0].Name.substr == null) {
            return {
                Name: key,
                Value: Variables[key],
                Type: typeof Variables[key]
            };
            return Variables[key];
        }
        for (var i = 0; Variables != null && i < Variables.length; i++) {
            if (Variables[i].Name == key) {
                return Variables[i];
            }
        }
        return {
            Name: key,
            Value: "undefined",
            Type: "undefined"
        };
    }

    fn.GetVariableName = function (V8Handle, Index) {
        var self = this;
        var Variable = self.GetVariables(V8Handle, self.frameIndex)[Index];
        if (Variable == null) {
            return null;
        } else {
            return Variable.Name;
        }
    }

    fn.SetBreakPoint = function (V8Handle, Info) {
        //var Info = {
        //    interstatementLocation: false,
        //    sourceID: "",
        //    lineNumber: 0,
        //    columnNumber:0,
        //    condition:""
        //}
        var self = this;
        var breakInfo = null;
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpSetBreakPoint";
        self.HttpPost(Url, function (Json) {
            breakInfo = Json.data;
        }, { V8Handle: V8Handle, Info: Info }, false);
        return breakInfo;
    }

    fn.RemoveBreakPoint = function (V8Handle, breakPointId) {
        var self = this;
        var Url = "/" + CLCorpId() + "/api/V8Debugger.chx?Function=HttpRemoveBreakPoint";
        self.HttpPost(Url, function (Json) {
        }, { V8Handle: V8Handle, breakPointId: breakPointId }, false);
    }
    
    fn.RunDebugMsg = function (Msg) {
        var self = this;
        if (Msg.debugMsg.type == "msg") {
            self.Print(Msg.debugMsg.msg);
            return;
        }
        if (self.IsMinimized) {
            self.MaximizeOrReset();
        }
        self.cacheVariables = { 0: Msg.Variables };
        var Opened = Msg.Opened;
        if (Opened) {
            var Info = {
                frameIndex: 0,
                vIndex: Msg.Variables.length - 1,
                propertyNames: []
            };
            var key = Info.frameIndex + "," + Info.vIndex;
            if (Info.propertyNames.length != 0) {
                key += "," + Info.propertyNames;
            }
            self.cacheVariables[key] = Opened;
        }

        self.IsPaused = true;
        self.V8Handle = Msg.V8Handle;
        self.debugMsg = Msg.debugMsg;
        var scriptId = Msg.debugMsg.body.script.id;
        var scriptName = Msg.debugMsg.body.script.name;
        var sourceView = self.getSourceView(scriptName);
        if (sourceView == null) {
            var script = self.GetScript(Msg.V8Handle, scriptId, Msg.debugMsg.body.script.name);
            sourceView = self.createSourceView(script);
        } else {
            if (sourceView.script.id != scriptId) {
                sourceView.item.classList.remove("source_" + sourceView.script.id);
                sourceView.item.classList.add("source_" + scriptId);
                sourceView.script.id = scriptId;
            }
            sourceView.show();
        }
        self.Ele.focus();
        self.currentView = sourceView;
        self.leftSelect(self.getItemById(scriptId));
        if (Msg.debugMsg.event == "exception") {
            sourceView.Exception(Msg.debugMsg);
        } else {
            var stack = self.GetCallStack(Msg.V8Handle, Msg.CallStack);
            if (stack != null && stack.length != 0) {
                self.showStack(stack, 0);
            } else {
                sourceView.SetCurrentLine(Msg.debugMsg.body.sourceLine);
            }
        }
    }

    fn.getSourceView = function (id) {
        var self = this;
        var item = self.getItemById(id);
        if (item == null) {
            return null;
        }
        return item.sourceView;
    }

    fn.createSourceView = function (script) {
        var self = this;
        var item = self.addsourceItem(script.id, script.name);
        item.script = script;
        item.sourceView = new SourceView(self, item);
        item.sourceView.item = item;
        return item.sourceView;
    }

    fn.Print = function (Msg, Name, View) {
        var self = this;
        var View = View == null ? self.consoleView : View;
        if (!View) {
            return;
        }
        if (View.childNodes.length > 200) {
            View.childNodes[0].remove();
        }
        var line = document.createElement("div");
        line.className = "Line";
        var html = (Name == null ? "" : "<span style='color:rgb(136,19,145);cursor:default'>" + Name + "</span>: ");
        if (Msg === undefined) {
            html += "<span style='color:#666'>undefined</span>";
            line.innerHTML = html;
        } else if (line === null) {
            html += "<span style='color:rgb(86,156,214)'>null</span>";
            line.innerHTML = html;
        } else if (typeof Msg == "boolean") {
            html += "<span style='color:rgb(86,156,214)'>" + Msg + "</span>";
            line.innerHTML = html;
        } else if (typeof Msg == "number") {
            html += "<span style='color:rgb(189,97,197)'>" + Msg + "</span>";
            line.innerHTML = html;
        } else if (typeof Msg == "string") {
            html += "<span style='color:rgb(214,157,133);white-space: pre-line'>" + CLHTMLEncode(Msg) + "</span>";
            line.classList.add("LineOpen");
            line.innerHTML = html;
        } else if (typeof Msg == "object") {
            html = "<div>" + html + "<span class='Icon' >&#xe79c</span>";
            if (Array.isArray(Msg)) {
                html += "Array(" + Msg.length + ")";
            } else {
                html += "Object";
            }
            html += "</div>";
            line.data = Msg
            line.innerHTML = html;
            line.querySelector(".Icon").onclick = function () {
                if (line.classList.contains("LineOpen")) {
                    line.classList.remove("LineOpen");
                } else {
                    line.classList.add("LineOpen");
                    if (line.childNodes.length == 1) {
                        var child = document.createElement("div");
                        child.style.paddingLeft = "15px";
                        line.appendChild(child);
                        var data = line.data;
                        if (Array.isArray(data)) {
                            data.forEach(function (value, key) {
                                self.Print(value, key, child);
                            });
                        } else {
                            for (var key in data) {
                                self.Print(data[key], key, child);
                            }
                        }
                    }
                }
            }
        } else {
            html += Msg;
            line.innerHTML = html;
            line.classList.add("LineOpen");
        }
        View.appendChild(line);
        if (View == self.consoleView) {
            View.scrollTop = View.scrollHeight;
        }
    }

    function SourceView(v8Debugger, sourceItem) {
        var self = this;
        self.v8Debugger = v8Debugger;
        self.script = sourceItem.script;
        var Ele = self.Ele = document.createElement("div");
        Ele.className = "sourceView viewVisiable";
        v8Debugger.NavRight.appendChild(Ele);
        self.show();
        Ele.Object = this;
        self.CLCodeEditor = new CLCodeEditor(Ele, v8Debugger.sourceType && !self.script.javascript ? v8Debugger.sourceType : "javascript");
        self.CLCodeEditor.cusCopy = false;
        self.CLCodeEditor.readOnly = true;
        self.setSource(sourceItem.script.source);
        self.V8Handle = self.script.V8Handle;
        Ele.addEventListener("mousedown", function (e) {
            var numberEle = self.getLineNumberEle(e);
            if (numberEle != null) {
                self.SetBreak(numberEle);
            }
        });
        self.EnableVariableHover();
    }

    var fn = SourceView.prototype;

    fn.Ele = null;

    fn.V8Handle = null;

    fn.script = null;

    fn.CLCodeEditor = null;

    fn.v8Debugger = null;

    fn.IsVisiable = function () {
        var self = this;
        return self.Ele.classList.contains("viewVisiable");
    }

    fn.setHeight = function (height) {
        var self = this;
        self.Ele.style.height = height;
        if (self.CLCodeEditor != null) {
            self.CLCodeEditor.setSize('auto', '100%');
        }
    }

    fn.show = function () {
        var self = this;
        var currentView = self.v8Debugger.NavRight.getElementsByClassName("viewVisiable")[0];
        if (self.Ele == currentView) {
            return;
        }
        currentView.m_scrollTop = currentView.scrollTop;
        if (currentView != null) {
            currentView.classList.remove("viewVisiable");
        }
        self.Ele.classList.add("viewVisiable");
        self.setHeight(self.v8Debugger.sourceViewHeight);
        self.Ele.scrollTop = self.Ele.m_scrollTop;
    }

    fn.SetBreak = function (numberEle) {
        var self = this;
        if (numberEle.classList.contains("cm_break")) {
            numberEle.classList.remove("cm_break");
            self.v8Debugger.RemoveBreakPoint(self.V8Handle, numberEle.breakInfo.breakpointId);
        } else {
            var Info = {
                interstatementLocation: false,
                sourceID: self.script.id,
                sourceName: self.script.name,
                lineNumber: numberEle.innerHTML * 1 - 1,
                columnNumber: 0,
                condition: ""
            }
            var breakInfo = self.v8Debugger.SetBreakPoint(self.V8Handle, Info);
            if (!breakInfo) {
                return;
            }
            var Eles = self.Ele.getElementsByClassName("CodeMirror-linenumber");
            for (var i = 0; i < Eles.length; i++) {
                if (Eles[i].innerHTML * 1 == breakInfo.lineNumber + 1) {
                    numberEle = Eles[i];
                }
            }
            numberEle.breakInfo = breakInfo;
            numberEle.classList.add("cm_break");
        }
    }

    fn.getLine = function (lineIndex) {
        var self = this;
        var lineEle = null;
        var Eles = self.Ele.getElementsByClassName("CodeMirror-linenumber");
        for (var i = 0; i < Eles.length; i++) {
            if (Eles[i].innerHTML * 1 == lineIndex + 1) {
                lineEle = Eles[i].parentNode.parentNode.getElementsByClassName("CodeMirror-line")[0];
            }
        }
        return lineEle;
    }

    fn.SetCurrentLine = function (lineIndex) {
        var self = this;
        var currentLine = self.Ele.getElementsByClassName("cm_current_line")[0];
        if (currentLine != null) {
            currentLine.classList.remove("cm_current_line");
        }
        self.CLCodeEditor.setCursor(lineIndex, 0);
        var lineEle = self.getLine(lineIndex);
        if (lineEle != null) {
            lineEle.classList.add("cm_current_line");
            self.CLCodeEditor.setSize("100%", "auto");
            var bottom = lineEle.getBoundingClientRect().bottom - self.Ele.getBoundingClientRect().top;
            if (bottom > self.Ele.offsetHeight) {
                self.Ele.scrollTop = bottom - self.Ele.offsetHeight;
            }
        } else {
            var e = document.createEvent("MouseEvents");
            e.initEvent("click", true, true);
            self.Ele.dispatchEvent(e);
            var timeout = setTimeout(function () {
                clearTimeout(timeout);
                self.SetCurrentLine(lineIndex);
            }, 10);
        }
    }

    fn.getLineNumberEle = function (e) {
        var path = e.path;
        var Ele = e.srcElement;
        while (Ele != null && Ele.classList != null && !Ele.classList.contains("CodeMirror-linenumber")) {
            Ele = Ele.parentNode;
        }
        if (Ele != null && Ele.classList != null && Ele.classList.contains("CodeMirror-linenumber")) {
            return Ele;
        }
    }

    fn.setSource = function (source) {
        var self = this;
        var index = source.indexOf("V8.__SourceHelper__((({");
        while (index >= 0) {
            var Pos = source.indexOf("})))", index);
            if (Pos < 0) {
                break;
            }
            var temp = source.substr(index + 22, Pos - index - 21);
            source = source.substr(0, index) + JSON.parse(temp).Name + source.substr(Pos + 4);
            index = source.indexOf("V8.__SourceHelper__((({", index);
        }
        index = source.indexOf("V8.__Var__(((");
        while (index >= 0) {
            var Pos = source.indexOf(")))", index);
            if (Pos < 0) {
                break;
            }
            var temp = source.substr(index + 14, Pos - index - 15);
            source = source.substr(0, index) + temp + source.substr(Pos + 3);
            index = source.indexOf("V8.__Var__(((", index);
        }

        index = source.indexOf("V8.getField((({");
        while (index >= 0) {
            var Pos = source.indexOf("})))", index);
            if (Pos < 0) {
                break;
            }
            var temp = source.substr(index + 14, Pos - index - 13);
            source = source.substr(0, index) + JSON.parse(temp).Name + source.substr(Pos + 4);
            index = source.indexOf("V8.getField((({", index);
        }
        index = source.indexOf("V8.getTable((({");
        while (index >= 0) {
            var Pos = source.indexOf("})))", index);
            if (Pos < 0) {
                break;
            }
            var temp = source.substr(index + 14, Pos - index - 13);
            source = source.substr(0, index) + JSON.parse(temp).Name + source.substr(Pos + 4);
            index = source.indexOf("V8.getTable((({", index);
        }
        regex = /DataTable_[0-9]+/g;
        matches = source.match(regex);
        if (matches != null && matches.length > 0) {
            for (var i = 0; i < matches.length ; i++) {
                source = source.replaceAll(matches[i], CLApp.TableName(matches[i].substr(10)));
            }
        }
        self.CLCodeEditor.setValue(source);
    }

    fn.showVariables = function (Variables, Ele) {
        var self = this;
        var Menu = {
            "style": {
                "max-height":"300px"
            },
            "Items": []
        };
        var _CLMenu = new CLMenu(Menu, Ele);
        var Div = _CLMenu.Div;
        Div.classList.add("VariableView");
        var dataTree = {
            ID: "Top",
            Name: "Top",
            SubNode: []
        }
        var SubNode = dataTree.SubNode;
        for (var i = 0; i < Variables.length; i++) {
            SubNode.push({
                ID: Variables[i].Name,
                Name: Variables[i].Name,
                Value: Variables[i].Value,
                Type: Variables[i].Type,
                vIndex: Variables[i].vIndex,
                propertyNames: Variables[i].propertyNames
            });
        }
        var Reset = _CLMenu.Reset;
        var _CLTree = new CLTree(dataTree);
        _CLTree.Editable = false;
        _CLTree.Animation = false;
        _CLTree.OnItemCreated = function (Item, ItemData) {
            if (ItemData.ID == "Top") {
                Item.Info.style.display = "none";
            } else {
                Item.Icon.style.display = "none";
                Item.Info.style.paddingLeft = parseInt(Item.Info.style.paddingLeft) - 10 + "px";
                var Value = document.createElement("div");
                Value.style.cssText = "position:absolute;left:calc(100% + 1px);top:0;width:";
                Value.className = "Value";
                if (ItemData.Type == "string") {
                    Value.innerText = JSON.stringify(ItemData.Value);
                    Value.classList.add("sValue");
                    var Search = document.createElement("div");
                    Search.className = "Search";
                    Search.innerHTML = "&#xe7e0;";
                    Value.appendChild(Search);
                    var Info = {
                        frameIndex: ItemData.frameIndex,
                        vIndex: ItemData.vIndex,
                        propertyNames: ItemData.propertyNames
                    };
                    ItemData.fullValue = function () {
                        var sVal;
                        if (ItemData._fullValue != null) {
                            sVal = ItemData._fullValue;
                        } else {
                            sVal = ItemData._fullValue = self.v8Debugger.OpenVariable(self.V8Handle, Info);
                        }
                        return sVal;
                    }
                    Value.ondblclick = Search.onmousedown = function (e) {
                        e.stopPropagation();
                        var sVal = ItemData.fullValue();
                        var sName = self.v8Debugger.GetVariableName(self.V8Handle,Info.vIndex);
                        var propertyNames = Info.propertyNames;
                        for (var i = 0; i < propertyNames.length; i++) {
                            if (typeof propertyNames[i] == 'number') {
                                sName += "[" + propertyNames[i] + "]";
                            } else {
                                sName += "." + propertyNames[i];
                            }
                        }
                        self.v8Debugger.showString(sName, sVal);
                    }

                } else {
                    Value.innerHTML = ItemData.Value;
                }
                if (ItemData.Type == "number") {
                    Value.classList.add("nValue");
                }
                Item.Info.appendChild(Value);

                var border = document.createElement("div");
                border.style.cssText = "position:absolute;right:-2px;top:0;bottom:0;width:4px;cursor:e-resize;";
                Item.Info.appendChild(border);
                (function () {
                    var FromX = 0;
                    var oWidth = 0;
                    CLEnableMove(border, function (resizeDiv) {
                        FromX = resizeDiv.Pos.X;
                        oWidth = Item.Info.offsetWidth;
                    }, function (resizeDiv) {
                        var X = resizeDiv.Pos.X - FromX;
                        if (oWidth + X < 200 && X < 0) {
                            X = 200 - oWidth;
                        }
                        var lWidth = 100 * (oWidth + X) / Item.offsetWidth;
                        if (lWidth < 20) {
                            lWidth = 20;
                        }
                        if (lWidth > 80) {
                            lWidth = 80;
                        }
                        var rWidth = 100 * (100 - lWidth) / lWidth;
                        SourceView.helpStyle.innerHTML = ".CLMenuBox .VariableView .CLTree .Item .Info {width:" + lWidth + "%} .CLMenuBox .VariableView .CLTree .Item .Info>.Value{width:" + rWidth + "%}";
                        return false;
                    }, function (resizeDiv) {

                        return false;
                    });
                }());
            }
            if (ItemData.Type == "object" || ItemData.Type == "array") {
                Item.classList.remove("NoChild");
            }

            var open = Item.Open;
            var close = Item.Close;
            Item.Close = function () {
                close.call(Item);
                _CLMenu.Reset("20px");
            }
            Item.Open = function () {
                if (ItemData.SubNode === undefined) {
                    var Info = {
                        frameIndex: ItemData.frameIndex,
                        vIndex: ItemData.vIndex,
                        propertyNames: ItemData.propertyNames
                    };
                    var SubNode = self.v8Debugger.OpenVariable(self.V8Handle, Info);
                    if (SubNode == null) {
                        ItemData.SubNode = null;
                    } else {
                        for (var i = 0; i < SubNode.length; i++) {
                            SubNode[i].vIndex = ItemData.vIndex;
                            SubNode[i].propertyNames = Info.propertyNames.concat(SubNode[i].Name);
                            Item.addChild(SubNode[i]);
                        }
                    }
                    if (Item.parentNode != null) {
                        open.call(Item);
                    }
                } else {
                    if (Item.parentNode != null) {
                        open.call(Item);
                    }
                }
                _CLMenu.Reset();
            }
        }

        _CLTree.Render(Div);
        _CLMenu.Reset = function (height) {
            var top = _CLTree.Ele.firstChild.scrollTop;
            Div.style.height = height ? height : "initial";
            Div.style.width = "500px";
            Reset.apply(_CLMenu);
            _CLTree.Ele.firstChild.scrollTop = top;
            _CLMenu.Box.style.marginTop = "-7px";
            Div.parentNode.parentNode.style.zIndex = CLDbgMaxZIndex();
        }
        _CLMenu.Reset();
        if (SourceView.helpStyle == null) {
            SourceView.helpStyle = document.createElement("style");
            document.head.appendChild(SourceView.helpStyle);
            SourceView.helpStyle.innerHTML = ".CLMenuBox .VariableView .CLTree .Item .Info {width:25%} .CLMenuBox .VariableView .CLTree .Item .Info>.Value{width:300%}";
        }
        return _CLMenu;
    }

    fn.EnableVariableHover = function () {
        var self = this;
        var _ele_;
        function mouseover(ele) {
            if (self.v8Debugger.pauseScriptId != self.script.id) {
                return;
            }
            var Variables;
            if (ele.classList.contains("cm-def") || ele.classList.contains("cm-variable-2") || ele.classList.contains("cm-variable")) {
                var Name = ele.innerText;
                Variables = self.GetVariable(Name);
                if (Variables != null) {
                    Variables = [Variables];
                }
            } else if (ele.classList.contains("cm-property")) {
                var line = ele.parentNode.parentNode.parentNode.getElementsByClassName("CodeMirror-linenumber")[0].innerHTML * 1 - 1;
                var textEles = ele.parentNode.childNodes;
                var ch = 0;
                for (var i = 0; textEles[i] != ele; i++) {
                    if (textEles[i].nodeName == "#text") {
                        ch += textEles[i].data.length;
                    } else {
                        ch += textEles[i].innerText.length;
                    }
                }
                ch += ele.innerText.length;
                var Info = self.GetVariableInfo(line, ch);
                if (Info != null) {
                    Variables = self.v8Debugger.PreView(self.V8Handle, Info);
                    if (Variables != null) {
                        Variables.vIndex = Info.vIndex;
                        Variables.frameIndex = Info.frameIndex;
                        Variables.propertyNames = Info.propertyNames;
                        Variables = [Variables];
                    }
                }
            }
            if (Variables == null) {
                return;
            }
            if (_ele_ != ele) {
                _ele_ = ele;
                var menu = self.showVariables(Variables, ele);
                menu.onclosed = function () {
                    _ele_ = null;
                }
            }
        }
        var mousedown = false;
        window.addEventListener("mousedown", function () {
            mousedown = true;
        });
        window.addEventListener("mouseup", function () {
            mousedown = false;
        });
        self.Ele.addEventListener("mouseover", function (e) {
            if (!self.v8Debugger.IsPaused || mousedown) {
                return;
            }
            var X = e.clientX;
            var Y = e.clientY;
            CLDelay(function () {
                if (e.clientX == X && e.clientY == Y) {
                    mouseover(e.srcElement);
                }
            }, 300, null, mouseover);
        });
    }

    fn.GetVariable = function (Name) {
        var self = this;
        var Variables = self.v8Debugger.dataTreeVariables.SubNode;
        for (var i = 0; i < Variables.length; i++) {
            if (Variables[i].Name == Name) {
                return Variables[i];
            }
        }
        Variables = Variables[0].SubNode;
        for (var i = 0; Variables && i < Variables.length; i++) {
            if (Variables[i].Name == Name) {
                return Variables[i];
            }
        }
    }

    fn.GetVariableInfo = function (line, ch) {
        var self = this;
        var flag = 0;
        var Token = null;
        var Names = [];
        var rInfo = {
            //    frameIndex: 0,
            //    vIndex: 0,
            //    propertyNames: []
        };
        var cc = 0;
        while (true) {
            cc++;
            if (cc > 100) {
                return null;
            }
            Token = self.backwardToken(line, ch);
            if (Token == null) {
                return null;
            }
            if (Token.type == "variable") {
                var oVal = self.GetVariable(Token.string);
                if (oVal == null) {
                    return null;
                }
                rInfo.frameIndex = oVal.frameIndex;
                rInfo.vIndex = oVal.vIndex;
                rInfo.propertyNames = [Token.string].concat(Names);
                return rInfo;
            }
            if (Token.type == "variable-2") {
                if (flag == 0) {
                    var oVal = self.GetVariable(Token.string);
                    if (oVal == null) {
                        return null;
                    }
                    rInfo.frameIndex = oVal.frameIndex;
                    rInfo.vIndex = oVal.vIndex;
                    rInfo.propertyNames = Names;
                    return rInfo;
                }
                if (flag == 1) {
                    var oVal = self.GetVariable(Token.string);
                    if (oVal.Type == "number") {
                        Names = [oVal.Value].concat(Names);
                    } else if (oVal.Type == "string" && oVal.fullValue != null) {
                        Names = [oVal.fullValue()].concat(Names);
                    } else {
                        return null;
                    }
                }
            }
            if (Token.type == "property") {
                if (flag == 0) {
                    Names = [Token.string].concat(Names);
                }
                if (flag == 1) {
                    var Info = self.GetVariableInfo(line, ch);
                    var Val = self.v8Debugger.OpenVariable(self.V8Handle, Info);
                    if (Val.substring != null) {
                        [Val].concat(Names);
                    } else {
                        return null;
                    }
                }
            }
            if (Token.type == "string") {
                if (flag == 1) {
                    Names = [Token.string].concat(Names);
                } else {
                    return null;
                }
            }

            if (Token.type == "def" || Token.string == "()." || Token.string == ";" || Token.string == ",") {
                return null;
            } else if (Token.string == ".") {
                flag = 0;
            } else if (Token.string == "].") {
                flag = 1;
            }
            else if (Token.string == ").") {
                flag = 2;
            } else if (Token.string == "[" || Token.string == "(") {
                flag = 0;
            }
            line = Token.line;
            ch = Token.ch;
        }
    }

    fn.backwardToken = function (line, ch) {
        var self = this;
        return self.CLCodeEditor.backwardToken(line, ch);
    }

    fn.Exception = function (debugMsg) {
        var self = this;
        var column = debugMsg.body.sourceColumn;
        var line = debugMsg.body.sourceLine;
        var lineEle = self.getLine(line);
        if (lineEle == null) {
            var timeout = setTimeout(function () {
                clearTimeout(timeout);
                self.Exception(debugMsg);
            }, 10);
        } else {
            var presentation = lineEle.firstChild;
            var Nodes = presentation.childNodes;
            var index = 0;
            var exceptionEle = null;
            for (var i = 0; i < Nodes.length ; i++) {
                if (index == column) {
                    exceptionEle = Nodes[i];
                    break;
                }
                else {
                    if (Nodes[i].nodeName == "#text") {
                        index += Nodes[i].data.length;
                    } else {
                        index += Nodes[i].innerText.length;
                    }
                }
            }
            if (exceptionEle != null && exceptionEle.nodeName != "#text") {
                exceptionEle.classList.add("cm_exception");
                exceptionEle.setAttribute("exception", " " + debugMsg.body.exception.text + " ");
            }
        }
    }

}());
;(function () {

    window.Earcut = function(data, holeIndices, dim) {

        dim = dim || 2;

        var hasHoles = holeIndices && holeIndices.length,
            outerLen = hasHoles ? holeIndices[0] * dim : data.length,
            outerNode = linkedList(data, 0, outerLen, dim, true),
            triangles = [];

        if (!outerNode || outerNode.next === outerNode.prev) return triangles;

        var minX, minY, maxX, maxY, x, y, invSize;

        if (hasHoles) outerNode = eliminateHoles(data, holeIndices, outerNode, dim);

        // if the shape is not too simple, we'll use z-order curve hash later; calculate polygon bbox
        if (data.length > 80 * dim) {
            minX = maxX = data[0];
            minY = maxY = data[1];

            for (var i = dim; i < outerLen; i += dim) {
                x = data[i];
                y = data[i + 1];
                if (x < minX) minX = x;
                if (y < minY) minY = y;
                if (x > maxX) maxX = x;
                if (y > maxY) maxY = y;
            }

            // minX, minY and invSize are later used to transform coords into integers for z-order calculation
            invSize = Math.max(maxX - minX, maxY - minY);
            invSize = invSize !== 0 ? 1 / invSize : 0;
        }

        earcutLinked(outerNode, triangles, dim, minX, minY, invSize);

        return triangles;
    }

    var earcut = window.Earcut;

    // create a circular doubly linked list from polygon points in the specified winding order
    function linkedList(data, start, end, dim, clockwise) {
        var i, last;

        if (clockwise === (signedArea(data, start, end, dim) > 0)) {
            for (i = start; i < end; i += dim) last = insertNode(i, data[i], data[i + 1], last);
        } else {
            for (i = end - dim; i >= start; i -= dim) last = insertNode(i, data[i], data[i + 1], last);
        }

        if (last && equals(last, last.next)) {
            removeNode(last);
            last = last.next;
        }

        return last;
    }

    // eliminate colinear or duplicate points
    function filterPoints(start, end) {
        if (!start) return start;
        if (!end) end = start;

        var p = start,
            again;
        do {
            again = false;

            if (!p.steiner && (equals(p, p.next) || area(p.prev, p, p.next) === 0)) {
                removeNode(p);
                p = end = p.prev;
                if (p === p.next) break;
                again = true;

            } else {
                p = p.next;
            }
        } while (again || p !== end);

        return end;
    }

    // main ear slicing loop which triangulates a polygon (given as a linked list)
    function earcutLinked(ear, triangles, dim, minX, minY, invSize, pass) {
        if (!ear) return;

        // interlink polygon nodes in z-order
        if (!pass && invSize) indexCurve(ear, minX, minY, invSize);

        var stop = ear,
            prev, next;

        // iterate through ears, slicing them one by one
        while (ear.prev !== ear.next) {
            prev = ear.prev;
            next = ear.next;

            if (invSize ? isEarHashed(ear, minX, minY, invSize) : isEar(ear)) {
                // cut off the triangle
                triangles.push(prev.i / dim);
                triangles.push(ear.i / dim);
                triangles.push(next.i / dim);

                removeNode(ear);

                // skipping the next vertex leads to less sliver triangles
                ear = next.next;
                stop = next.next;

                continue;
            }

            ear = next;

            // if we looped through the whole remaining polygon and can't find any more ears
            if (ear === stop) {
                // try filtering points and slicing again
                if (!pass) {
                    earcutLinked(filterPoints(ear), triangles, dim, minX, minY, invSize, 1);

                    // if this didn't work, try curing all small self-intersections locally
                } else if (pass === 1) {
                    ear = cureLocalIntersections(filterPoints(ear), triangles, dim);
                    earcutLinked(ear, triangles, dim, minX, minY, invSize, 2);

                    // as a last resort, try splitting the remaining polygon into two
                } else if (pass === 2) {
                    splitEarcut(ear, triangles, dim, minX, minY, invSize);
                }

                break;
            }
        }
    }

    // check whether a polygon node forms a valid ear with adjacent nodes
    function isEar(ear) {
        var a = ear.prev,
            b = ear,
            c = ear.next;

        if (area(a, b, c) >= 0) return false; // reflex, can't be an ear

        // now make sure we don't have other points inside the potential ear
        var p = ear.next.next;

        while (p !== ear.prev) {
            if (pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
                area(p.prev, p, p.next) >= 0) return false;
            p = p.next;
        }

        return true;
    }

    function isEarHashed(ear, minX, minY, invSize) {
        var a = ear.prev,
            b = ear,
            c = ear.next;

        if (area(a, b, c) >= 0) return false; // reflex, can't be an ear

        // triangle bbox; min & max are calculated like this for speed
        var minTX = a.x < b.x ? (a.x < c.x ? a.x : c.x) : (b.x < c.x ? b.x : c.x),
            minTY = a.y < b.y ? (a.y < c.y ? a.y : c.y) : (b.y < c.y ? b.y : c.y),
            maxTX = a.x > b.x ? (a.x > c.x ? a.x : c.x) : (b.x > c.x ? b.x : c.x),
            maxTY = a.y > b.y ? (a.y > c.y ? a.y : c.y) : (b.y > c.y ? b.y : c.y);

        // z-order range for the current triangle bbox;
        var minZ = zOrder(minTX, minTY, minX, minY, invSize),
            maxZ = zOrder(maxTX, maxTY, minX, minY, invSize);

        var p = ear.prevZ,
            n = ear.nextZ;

        // look for points inside the triangle in both directions
        while (p && p.z >= minZ && n && n.z <= maxZ) {
            if (p !== ear.prev && p !== ear.next &&
                pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
                area(p.prev, p, p.next) >= 0) return false;
            p = p.prevZ;

            if (n !== ear.prev && n !== ear.next &&
                pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) &&
                area(n.prev, n, n.next) >= 0) return false;
            n = n.nextZ;
        }

        // look for remaining points in decreasing z-order
        while (p && p.z >= minZ) {
            if (p !== ear.prev && p !== ear.next &&
                pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, p.x, p.y) &&
                area(p.prev, p, p.next) >= 0) return false;
            p = p.prevZ;
        }

        // look for remaining points in increasing z-order
        while (n && n.z <= maxZ) {
            if (n !== ear.prev && n !== ear.next &&
                pointInTriangle(a.x, a.y, b.x, b.y, c.x, c.y, n.x, n.y) &&
                area(n.prev, n, n.next) >= 0) return false;
            n = n.nextZ;
        }

        return true;
    }

    // go through all polygon nodes and cure small local self-intersections
    function cureLocalIntersections(start, triangles, dim) {
        var p = start;
        do {
            var a = p.prev,
                b = p.next.next;

            if (!equals(a, b) && intersects(a, p, p.next, b) && locallyInside(a, b) && locallyInside(b, a)) {

                triangles.push(a.i / dim);
                triangles.push(p.i / dim);
                triangles.push(b.i / dim);

                // remove two nodes involved
                removeNode(p);
                removeNode(p.next);

                p = start = b;
            }
            p = p.next;
        } while (p !== start);

        return filterPoints(p);
    }

    // try splitting polygon into two and triangulate them independently
    function splitEarcut(start, triangles, dim, minX, minY, invSize) {
        // look for a valid diagonal that divides the polygon into two
        var a = start;
        do {
            var b = a.next.next;
            while (b !== a.prev) {
                if (a.i !== b.i && isValidDiagonal(a, b)) {
                    // split the polygon in two by the diagonal
                    var c = splitPolygon(a, b);

                    // filter colinear points around the cuts
                    a = filterPoints(a, a.next);
                    c = filterPoints(c, c.next);

                    // run earcut on each half
                    earcutLinked(a, triangles, dim, minX, minY, invSize);
                    earcutLinked(c, triangles, dim, minX, minY, invSize);
                    return;
                }
                b = b.next;
            }
            a = a.next;
        } while (a !== start);
    }

    // link every hole into the outer loop, producing a single-ring polygon without holes
    function eliminateHoles(data, holeIndices, outerNode, dim) {
        var queue = [],
            i, len, start, end, list;

        for (i = 0, len = holeIndices.length; i < len; i++) {
            start = holeIndices[i] * dim;
            end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
            list = linkedList(data, start, end, dim, false);
            if (list === list.next) list.steiner = true;
            queue.push(getLeftmost(list));
        }

        queue.sort(compareX);

        // process holes from left to right
        for (i = 0; i < queue.length; i++) {
            eliminateHole(queue[i], outerNode);
            outerNode = filterPoints(outerNode, outerNode.next);
        }

        return outerNode;
    }

    function compareX(a, b) {
        return a.x - b.x;
    }

    // find a bridge between vertices that connects hole with an outer ring and and link it
    function eliminateHole(hole, outerNode) {
        outerNode = findHoleBridge(hole, outerNode);
        if (outerNode) {
            var b = splitPolygon(outerNode, hole);

            // filter collinear points around the cuts
            filterPoints(outerNode, outerNode.next);
            filterPoints(b, b.next);
        }
    }

    // David Eberly's algorithm for finding a bridge between hole and outer polygon
    function findHoleBridge(hole, outerNode) {
        var p = outerNode,
            hx = hole.x,
            hy = hole.y,
            qx = -Infinity,
            m;

        // find a segment intersected by a ray from the hole's leftmost point to the left;
        // segment's endpoint with lesser x will be potential connection point
        do {
            if (hy <= p.y && hy >= p.next.y && p.next.y !== p.y) {
                var x = p.x + (hy - p.y) * (p.next.x - p.x) / (p.next.y - p.y);
                if (x <= hx && x > qx) {
                    qx = x;
                    if (x === hx) {
                        if (hy === p.y) return p;
                        if (hy === p.next.y) return p.next;
                    }
                    m = p.x < p.next.x ? p : p.next;
                }
            }
            p = p.next;
        } while (p !== outerNode);

        if (!m) return null;

        if (hx === qx) return m; // hole touches outer segment; pick leftmost endpoint

        // look for points inside the triangle of hole point, segment intersection and endpoint;
        // if there are no points found, we have a valid connection;
        // otherwise choose the point of the minimum angle with the ray as connection point

        var stop = m,
            mx = m.x,
            my = m.y,
            tanMin = Infinity,
            tan;

        p = m;

        do {
            if (hx >= p.x && p.x >= mx && hx !== p.x &&
                    pointInTriangle(hy < my ? hx : qx, hy, mx, my, hy < my ? qx : hx, hy, p.x, p.y)) {

                tan = Math.abs(hy - p.y) / (hx - p.x); // tangential

                if (locallyInside(p, hole) &&
                    (tan < tanMin || (tan === tanMin && (p.x > m.x || (p.x === m.x && sectorContainsSector(m, p)))))) {
                    m = p;
                    tanMin = tan;
                }
            }

            p = p.next;
        } while (p !== stop);

        return m;
    }

    // whether sector in vertex m contains sector in vertex p in the same coordinates
    function sectorContainsSector(m, p) {
        return area(m.prev, m, p.prev) < 0 && area(p.next, m, m.next) < 0;
    }

    // interlink polygon nodes in z-order
    function indexCurve(start, minX, minY, invSize) {
        var p = start;
        do {
            if (p.z === null) p.z = zOrder(p.x, p.y, minX, minY, invSize);
            p.prevZ = p.prev;
            p.nextZ = p.next;
            p = p.next;
        } while (p !== start);

        p.prevZ.nextZ = null;
        p.prevZ = null;

        sortLinked(p);
    }

    // Simon Tatham's linked list merge sort algorithm
    // http://www.chiark.greenend.org.uk/~sgtatham/algorithms/listsort.html
    function sortLinked(list) {
        var i, p, q, e, tail, numMerges, pSize, qSize,
            inSize = 1;

        do {
            p = list;
            list = null;
            tail = null;
            numMerges = 0;

            while (p) {
                numMerges++;
                q = p;
                pSize = 0;
                for (i = 0; i < inSize; i++) {
                    pSize++;
                    q = q.nextZ;
                    if (!q) break;
                }
                qSize = inSize;

                while (pSize > 0 || (qSize > 0 && q)) {

                    if (pSize !== 0 && (qSize === 0 || !q || p.z <= q.z)) {
                        e = p;
                        p = p.nextZ;
                        pSize--;
                    } else {
                        e = q;
                        q = q.nextZ;
                        qSize--;
                    }

                    if (tail) tail.nextZ = e;
                    else list = e;

                    e.prevZ = tail;
                    tail = e;
                }

                p = q;
            }

            tail.nextZ = null;
            inSize *= 2;

        } while (numMerges > 1);

        return list;
    }

    // z-order of a point given coords and inverse of the longer side of data bbox
    function zOrder(x, y, minX, minY, invSize) {
        // coords are transformed into non-negative 15-bit integer range
        x = 32767 * (x - minX) * invSize;
        y = 32767 * (y - minY) * invSize;

        x = (x | (x << 8)) & 0x00FF00FF;
        x = (x | (x << 4)) & 0x0F0F0F0F;
        x = (x | (x << 2)) & 0x33333333;
        x = (x | (x << 1)) & 0x55555555;

        y = (y | (y << 8)) & 0x00FF00FF;
        y = (y | (y << 4)) & 0x0F0F0F0F;
        y = (y | (y << 2)) & 0x33333333;
        y = (y | (y << 1)) & 0x55555555;

        return x | (y << 1);
    }

    // find the leftmost node of a polygon ring
    function getLeftmost(start) {
        var p = start,
            leftmost = start;
        do {
            if (p.x < leftmost.x || (p.x === leftmost.x && p.y < leftmost.y)) leftmost = p;
            p = p.next;
        } while (p !== start);

        return leftmost;
    }

    // check if a point lies within a convex triangle
    function pointInTriangle(ax, ay, bx, by, cx, cy, px, py) {
        return (cx - px) * (ay - py) - (ax - px) * (cy - py) >= 0 &&
               (ax - px) * (by - py) - (bx - px) * (ay - py) >= 0 &&
               (bx - px) * (cy - py) - (cx - px) * (by - py) >= 0;
    }

    // check if a diagonal between two polygon nodes is valid (lies in polygon interior)
    function isValidDiagonal(a, b) {
        return a.next.i !== b.i && a.prev.i !== b.i && !intersectsPolygon(a, b) && // dones't intersect other edges
               (locallyInside(a, b) && locallyInside(b, a) && middleInside(a, b) && // locally visible
                (area(a.prev, a, b.prev) || area(a, b.prev, b)) || // does not create opposite-facing sectors
                equals(a, b) && area(a.prev, a, a.next) > 0 && area(b.prev, b, b.next) > 0); // special zero-length case
    }

    // signed area of a triangle
    function area(p, q, r) {
        return (q.y - p.y) * (r.x - q.x) - (q.x - p.x) * (r.y - q.y);
    }

    // check if two points are equal
    function equals(p1, p2) {
        return p1.x === p2.x && p1.y === p2.y;
    }

    // check if two segments intersect
    function intersects(p1, q1, p2, q2) {
        var o1 = sign(area(p1, q1, p2));
        var o2 = sign(area(p1, q1, q2));
        var o3 = sign(area(p2, q2, p1));
        var o4 = sign(area(p2, q2, q1));

        if (o1 !== o2 && o3 !== o4) return true; // general case

        if (o1 === 0 && onSegment(p1, p2, q1)) return true; // p1, q1 and p2 are collinear and p2 lies on p1q1
        if (o2 === 0 && onSegment(p1, q2, q1)) return true; // p1, q1 and q2 are collinear and q2 lies on p1q1
        if (o3 === 0 && onSegment(p2, p1, q2)) return true; // p2, q2 and p1 are collinear and p1 lies on p2q2
        if (o4 === 0 && onSegment(p2, q1, q2)) return true; // p2, q2 and q1 are collinear and q1 lies on p2q2

        return false;
    }

    // for collinear points p, q, r, check if point q lies on segment pr
    function onSegment(p, q, r) {
        return q.x <= Math.max(p.x, r.x) && q.x >= Math.min(p.x, r.x) && q.y <= Math.max(p.y, r.y) && q.y >= Math.min(p.y, r.y);
    }

    function sign(num) {
        return num > 0 ? 1 : num < 0 ? -1 : 0;
    }

    // check if a polygon diagonal intersects any polygon segments
    function intersectsPolygon(a, b) {
        var p = a;
        do {
            if (p.i !== a.i && p.next.i !== a.i && p.i !== b.i && p.next.i !== b.i &&
                    intersects(p, p.next, a, b)) return true;
            p = p.next;
        } while (p !== a);

        return false;
    }

    // check if a polygon diagonal is locally inside the polygon
    function locallyInside(a, b) {
        return area(a.prev, a, a.next) < 0 ?
            area(a, b, a.next) >= 0 && area(a, a.prev, b) >= 0 :
            area(a, b, a.prev) < 0 || area(a, a.next, b) < 0;
    }

    // check if the middle point of a polygon diagonal is inside the polygon
    function middleInside(a, b) {
        var p = a,
            inside = false,
            px = (a.x + b.x) / 2,
            py = (a.y + b.y) / 2;
        do {
            if (((p.y > py) !== (p.next.y > py)) && p.next.y !== p.y &&
                    (px < (p.next.x - p.x) * (py - p.y) / (p.next.y - p.y) + p.x))
                inside = !inside;
            p = p.next;
        } while (p !== a);

        return inside;
    }

    // link two polygon vertices with a bridge; if the vertices belong to the same ring, it splits polygon into two;
    // if one belongs to the outer ring and another to a hole, it merges it into a single ring
    function splitPolygon(a, b) {
        var a2 = new Node(a.i, a.x, a.y),
            b2 = new Node(b.i, b.x, b.y),
            an = a.next,
            bp = b.prev;

        a.next = b;
        b.prev = a;

        a2.next = an;
        an.prev = a2;

        b2.next = a2;
        a2.prev = b2;

        bp.next = b2;
        b2.prev = bp;

        return b2;
    }

    // create a node and optionally link it with previous one (in a circular doubly linked list)
    function insertNode(i, x, y, last) {
        var p = new Node(i, x, y);

        if (!last) {
            p.prev = p;
            p.next = p;

        } else {
            p.next = last.next;
            p.prev = last;
            last.next.prev = p;
            last.next = p;
        }
        return p;
    }

    function removeNode(p) {
        p.next.prev = p.prev;
        p.prev.next = p.next;

        if (p.prevZ) p.prevZ.nextZ = p.nextZ;
        if (p.nextZ) p.nextZ.prevZ = p.prevZ;
    }

    function Node(i, x, y) {
        // vertex index in coordinates array
        this.i = i;

        // vertex coordinates
        this.x = x;
        this.y = y;

        // previous and next vertex nodes in a polygon ring
        this.prev = null;
        this.next = null;

        // z-order curve value
        this.z = null;

        // previous and next nodes in z-order
        this.prevZ = null;
        this.nextZ = null;

        // indicates whether this is a steiner point
        this.steiner = false;
    }

    // return a percentage difference between the polygon area and its triangulation area;
    // used to verify correctness of triangulation
    earcut.deviation = function (data, holeIndices, dim, triangles) {
        var hasHoles = holeIndices && holeIndices.length;
        var outerLen = hasHoles ? holeIndices[0] * dim : data.length;

        var polygonArea = Math.abs(signedArea(data, 0, outerLen, dim));
        if (hasHoles) {
            for (var i = 0, len = holeIndices.length; i < len; i++) {
                var start = holeIndices[i] * dim;
                var end = i < len - 1 ? holeIndices[i + 1] * dim : data.length;
                polygonArea -= Math.abs(signedArea(data, start, end, dim));
            }
        }

        var trianglesArea = 0;
        for (i = 0; i < triangles.length; i += 3) {
            var a = triangles[i] * dim;
            var b = triangles[i + 1] * dim;
            var c = triangles[i + 2] * dim;
            trianglesArea += Math.abs(
                (data[a] - data[c]) * (data[b + 1] - data[a + 1]) -
                (data[a] - data[b]) * (data[c + 1] - data[a + 1]));
        }

        return polygonArea === 0 && trianglesArea === 0 ? 0 :
            Math.abs((trianglesArea - polygonArea) / polygonArea);
    };

    function signedArea(data, start, end, dim) {
        var sum = 0;
        for (var i = start, j = end - dim; i < end; i += dim) {
            sum += (data[j] - data[i]) * (data[i + 1] + data[j + 1]);
            j = i;
        }
        return sum;
    }

    // turn a polygon in a multi-dimensional array form (e.g. as in GeoJSON) into a form Earcut accepts
    earcut.flatten = function (data) {
        var dim = data[0][0].length,
            result = { vertices: [], holes: [], dimensions: dim },
            holeIndex = 0;

        for (var i = 0; i < data.length; i++) {
            for (var j = 0; j < data[i].length; j++) {
                for (var d = 0; d < dim; d++) result.vertices.push(data[i][j][d]);
            }
            if (i > 0) {
                holeIndex += data[i - 1].length;
                result.holes.push(holeIndex);
            }
        }
        return result;
    };

}());
;/// <reference path="/CLUI/CLUI.js" />
/// <reference path="/CLUI/CLMatrix/CLMatrix.js" />
(function () {

    function indexAndF(index, farr) {
        var F;
        index *= 1;
        for (var n = 0; n < farr.length; n++) {
            if (index < farr[n].length / 3) {
                F = farr[n];
                break;
            } else {
                index -= farr[n].length / 3;
            }
        }
        return { index: index, F: F };
    }

    function crossRect(p1, p2, x, y, w, h) {
        var lh = p1.y - p2.y;
        var lw = p2.x - p1.x;
        var c = p1.x * p2.y - p2.x * p1.y;
        var rcx1 = x;
        var rcx2 = x + w - 1;
        var rcy1 = y;
        var rcy2 = y + h - 1;
        //利用叉乘判断
        if ((lh * rcx1 + lw * rcy1 + c >= 0 && lh * rcx2 + lw * rcy2 + c <= 0)
            || (lh * rcx1 + lw * rcy1 + c <= 0 && lh * rcx2 + lw * rcy2 + c >= 0)
            || (lh * rcx1 + lw * rcy2 + c >= 0 && lh * rcx2 + lw * rcy1 + c <= 0)
            || (lh * rcx1 + lw * rcy2 + c <= 0 && lh * rcx2 + lw * rcy1 + c >= 0)) {

            if (rcx1 > rcx2) {
                var temp = rcx1;
                rcx1 = rcx2;
                rcx2 = temp;
            }
            if (rcy1 < rcy2) {
                var temp1 = rcy1;
                rcy1 = rcy2;
                rcy2 = temp1;
            }
            if ((p1.x < rcx1 && p2.x < rcx1)
                || (p1.x > rcx2 && p2.x > rcx2)
                || (p1.y > rcy1 && p2.y > rcy1)
                || (p1.y < rcy2 && p2.y < rcy2)) {
                return false;
            }
            else {
                return true;
            }
        }
        else {
            return false;
        }
    }

    function createLabel(name, Body) {
        var label = document.createElement("div");
        label.innerHTML = name;
        label.Name = name;
        label.className = "Label";
        Body.appendChild(label);
        return label;
    }

    function createValue(Body, Tag) {
        var Value = document.createElement(!Tag ? "input" : Tag);
        Value.innerHTML = name;
        Value.className = "Value";
        Body.appendChild(Value);
        return Value;
    }

    function createMargin(Body) {
        var div = document.createElement("div");
        div.className = "Margin";
        Body.appendChild(div);
    }

    window.Web3dDesigner = function Web3dDesigner(Ele, Editable) {
        var self = this;
        self.Ele = Ele;
        self.Editable = Editable;
        Ele.className = "Web3dDesigner";
        var Canvas = self.Canvas = document.createElement("canvas");
        Canvas.setAttribute("width", Ele.offsetWidth);
        Canvas.setAttribute("height", Ele.offsetHeight);
        Canvas.oncontextmenu = function () {
            return false;
        }
        window.ondragstart = function () {
            return false;
        }
        Ele.appendChild(Canvas);
        Canvas.setAttribute("tabindex", 0);
        Canvas.focus();
        Canvas.style.outline = "none";
        self.W = Canvas.offsetWidth;
        self.H = Canvas.offsetHeight;
        var gl = self.WebGL = Canvas.getContext("experimental-webgl", { preserveDrawingBuffer: true });
        gl.enable(gl.DEPTH_TEST);
        gl.enable(gl.BLEND);
        gl.blendFunc(gl.SRC_ALPHA, gl.ONE_MINUS_SRC_ALPHA);
        gl.getExtension('OES_element_index_uint');
        gl.getExtension('OES_standard_derivatives');
        gl.getExtension('OES_texture_float');
        var data = self.LoadUrl("/" + CLCorpId() + "/api/Web3dDesigner.chx?Function=HttpGetVertAndFrag");
        data = JSON.parse(data);
        self.SetVertexAndFragmentShader(data.data.Vert, data.data.Frag);
        self.eyePosition = {
            x: 0,
            y: 0,
            z: 10
        };
        self.lookPosition = {
            x: 0,
            y: 0,
            z: 0
        };
        self.projectUp = {
            x: 0,
            y: 1,
            z: 0,
        }

        self.sceneRotate = {
            x: 15,
            y: 0,
            z: 0,
        };
        self.scenePosition = {
            x: 0,
            y: 0,
            z: 0,
        }
        self.sceneScale = 1.0;
        self.autoResize();
        window.addEventListener("keydown", function (e) {
            if (e.key == "F10") {
                e.stopPropagation();
            }
        }, true);
        window.addEventListener("mousewheel", function (e) {
            if (e.ctrlKey) {
                e.preventDefault();
            }
        });
        if (Editable) {
            self.ControlPanel();
            CLEnableDragFiles(self.Canvas, function (e) {
                CLQueryDragFiles(e, function (files) {
                    files.forEach(function (file) {
                        file = file.file;
                        var name = file.name;
                        if (/.obj$/.test(name)) {
                            var reader = new FileReader();
                            reader.onload = function () {
                                self.fromObjFile(reader.result);
                            }
                            reader.readAsText(file);
                        } else if (/.mesh.xml$/.test(name)) {
                            var reader = new FileReader();
                            reader.onload = function () {
                                self.fromMeshFile(reader.result);
                            }
                            reader.readAsText(file);
                        }
                    });
                });
            }, function (e) { });
            self.EnablePrint();
        }
        self.BackFrame = {};
    }

    var fn = Web3dDesigner.prototype;

    fn.Ele = null;

    fn.Editable = true;

    fn.Canvas = null;

    fn.WebGL = null;

    fn.Program = null;

    fn.showGrid = true;

    fn.showAxis = true;

    fn.gridBuffer = null;

    fn.axisBuffer = null;

    fn.eyePosition = null;

    fn.lookPosition = null;

    fn.projectUp = null;

    fn.Near = 1;

    fn.Far = 1000;//1000米

    fn.ViewAngle = 30;

    fn.sceneRotate = null;

    fn.sceneScale = null;

    fn.scenePosition = null;

    fn.proMatrix = null;

    fn.eyeMatrix = null;

    fn.sceneMatrix = null;

    fn.IsBusying = false;

    fn.dataScene = null;

    fn.SpaceIndexes = null;

    fn.BackFrame = null;

    fn.Current = null;//drawing:绘制(function);moving:移动(true);selection:选择(true);rotating:旋转(true)

    fn.Selection = null;//{(id):{Box:{},P:{},L[],F:[]}};

    fn.toDraw = null;

    fn.IdAlloc = 0;

    fn.Objects = null;

    fn.W = 0;

    fn.H = 0;

    fn.LastRenderTime = null;

    var canvas = null;

    fn.ctrl3d = null;

    var states = [];

    fn.selectType = 5;

    fn.PropDiv = null;

    fn.IndexBufer = null;

    fn.QueryFontFamily = function (Success) {
        var self = this;
        var url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpQueryFontFamily";
        var load = HttpPost(url, function (Json) {
            if (Json.code == 0) {
                Success(Json.data);
            } else {
                Success([]);
                CLShowMsg(Json.msg);
            }
        });
        if (load) {
            load.Stop();
        }
    }

    var NumberArray = function (data) {
        Array.apply(this);
        for (var i = 0; i < data.length; i++) {
            this.push(data[i]);
        }
    }

    NumberArray.prototype = Array.prototype;

    fn.UseArray = function (call) {
        if (Float32Array == Array) {
            call();
        } else {
            var oFloat32 = Float32Array;
            Float32Array = Array;
            try {
                call();
            } finally {
                Float32Array = oFloat32;
            }
        }
    }

    fn.pushState = function () {
        var self = this;
        states.push({
            Program: self.Program,
            showGrid: self.showGrid,
            showAxis: self.showAxis,
            eyePosition: self.eyePosition,
            lookPosition: self.lookPosition,
            projectUp: self.projectUp,
            Near: self.Near,
            Far: self.Far,
            ViewAngle: self.ViewAngle,
            sceneRotate: self.sceneRotate,
            sceneScale: self.sceneScale,
            scenePosition: self.scenePosition,
            proMatrix: self.proMatrix,
            eyeMatrix: self.eyeMatrix,
            sceneMatrix: self.sceneMatrix,
            dataScene: self.dataScene,
            SpaceIndexes: self.SpaceIndexes,
            BackFrame: self.BackFrame,
            Current: self.Current,
            Selection: self.Selection,
            toDraw: self.toDraw,
            Objects: self.Objects,
            IdAlloc: self.IdAlloc,
            W: self.W,
            H: self.H
        });
    }

    fn.popState = function () {
        var self = this;
        var state = states[states.length - 1];
        if (state)
        {
            states.pop();
            for (var key in state) {
                self[key] = state[key];
            }
        }
    }

    fn.to180 = function (a) {
        a %= 360;
        if (a >= 180) {
            a -= 360;
        }
        if (a < -180) {
            a += 360;
        }
        return a;
    }

    fn.AllocId = function () {
        var self = this;
        var Id = self.IdAlloc;
        self.IdAlloc++;
        return Id;
    }

    fn.BackId = function () {
        var self = this;
        self.IdAlloc--;
    }

    fn.InitAlloc = function () {
        var self = this;
        var Ds = self.dataScene;
        var keys;
        keys = Object.keys(self.Objects);
        if (keys.length > 0) {
            self.IdAlloc = keys[keys.length - 1] * 1;
        }
        keys = Object.keys(Ds.Models);
        if (keys.length > 0) {
            self.IdAlloc = keys[keys.length - 1] * 1;
        }
    }

    fn.AppId = function () {
        return null;
    }

    fn.selectImage = function (Success) { }

    //基本几何体
    fn.ControlPanel = function () {
        var self = this;
        var Ele = self.Ele;
        var Panel = document.createElement("div");
        Panel.className = "Panel";
        Ele.appendChild(Panel);
        Panel.onmouseup = function (e) {
            e.stopPropagation();
        }
        var def = document.createElement("div");
        def.className = "Btn Default";
        def.title = "选择";
        Panel.appendChild(def);
        def.onclick = function () {
            self.selectMunu(this);
        }
        var move = document.createElement("div");
        move.className = "Btn Take";
        move.title = "拾取";
        Panel.appendChild(move);
        move.onclick = function () {

        }
        var geometry3d = document.createElement("div");
        geometry3d.className = "Btn Geometry3D";
        geometry3d.title = "几何体";
        Panel.appendChild(geometry3d);
        geometry3d.onclick = function () {
            self.menu3d(this);
        }
        var geometry2d = document.createElement("div");
        geometry2d.className = "Btn Geometry2D";
        geometry2d.title = "轮廓线";
        Panel.appendChild(geometry2d);
        geometry2d.onclick = function () {
            self.menu2d(this);
        }

        var paint = document.createElement("div");
        paint.className = "Btn Paint";
        paint.title = "绘制";
        Panel.appendChild(paint);
        paint.onclick = function () {
            self.paint(this);
        }
        var chart = document.createElement("div");
        chart.className = "Btn Chart";
        chart.title = "立体图表";
        Panel.appendChild(chart);
        chart.onclick = function () {
            self.chart(this);
        }

        var particle = document.createElement("div");
        particle.className = "Btn Particle";
        particle.title = "粒子系统";
        Panel.appendChild(particle);
        particle.onclick = function () {
            self.partic(this);
        }

        var Fx = document.createElement("div");
        Fx.className = "Btn Cmd";
        Fx.title = "命令行";
        Panel.appendChild(Fx);
        Fx.onclick = function () {
            self.Cmd(this);
        }
    }
    //选择方式
    fn.selectMunu = function (btn) {
        var self = this;
        var Canvas = self.Canvas;
        var arr = [];
        var drawObject = Web3dDesigner.prototype.drawObject;
        var gl = self.WebGL;
        function Func(Type) {
            var keys = Object.keys(self.Selection);
            if (Type < 5 && keys.length != 1) {
                if (keys.length == 0) {
                    CLShowMsg("提示:请选择一个对象再进行操作", false);
                } else if (keys.length > 1) {
                    CLShowMsg("提示:同时只能编辑一个对象", false);
                }
                return;
            }
            var BtnSel = Box.querySelector(".BtnSel");
            if (BtnSel) {
                BtnSel.classList.remove("BtnSel");
            }
            Box.childNodes[Type].classList.add("BtnSel");
            if (Type == self.selectType) {
                return;
            }
            if (self.selectType < 5 && Type < 5) {
                var Id = keys[0];
                self.SelectionRelease();
                self.Selection[Id] = { Box: null };
            }
            self.selectType = Type;
            self.drawObject = Web3dDesigner.prototype.drawObject;
            self.RenderDelay();
        }
        (function () {
            arr.push({
                Name: "顶点",
                Func: Func
            });
            arr.push({
                Name: "边",
                Func: Func
            });
            arr.push({
                Name: "三角形",
                Func: Func
            });
            arr.push({
                Name: "多边形",
                Func: Func
            });
            arr.push({
                Name: "部件",
                Func: Func
            });

            arr.push({
                Name: "对象",
                Func: Func
            });
            arr.push({
                Name: "物体",
                Func: Func
            });
        }());
        var Box = self.baseMenu(btn, arr, false);
        Box.childNodes[self.selectType].classList.add("BtnSel");
        Canvas.style.cursor = null;
        var dt = null;
        Canvas.lastType = Canvas.lastType == null ? 5 : Canvas.lastType;
        function up(e) {
            if (e.button == 2) {
                if (dt == null) {
                    dt = new Date();
                } else {
                    var dt1 = new Date();
                    if (dt1 - dt < 500) {
                        var type = self.selectType;
                        if (Canvas.lastType == type) {
                            Canvas.lastType = 5;
                        }
                        Func(Canvas.lastType);
                        dt = null;
                        Canvas.lastType = type;
                    } else {
                        dt = dt1;
                    }
                }
            }
        }
        if (Canvas.SwitchFunc) {
            Canvas.removeEventListener("mouseup", Canvas.SwitchFunc);
        }
        Canvas.addEventListener("mouseup", up);
        Canvas.SwitchFunc = up;
        self.Current = null;
    }
    //几何体菜单
    fn.menu3d = function (btn) {
        var self = this;
        var arr = [];
        (function () {
            arr.push({
                Name: "长方体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "长方体");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate3D6(1, 1, 1, 1);
                                    Dm.type = 30001;
                                    Dm.Nc = 2;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: 0.01, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[1].x, ps[2].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            }
                            var O = { x: V[1].x / 2 + V[0].x / 2, y: V[2].y / 2 + V[1].y / 2, z: V[1].z / 2 + V[0].z / 2 };
                            var Lx = V[1].x - V[0].x;
                            var Ly = V[2].y - V[1].y;
                            var Lz = V[1].z - V[0].z;
                            if (Lx < 0) {
                                Lx *= -1;
                            }
                            if (Ly < 0) {
                                Ly *= -1;
                            }
                            if (Lz < 0) {
                                Lz *= -1;
                            }
                            Dm.X = [O.x, 0, Lx];
                            Dm.Y = [O.y, 0, Ly];
                            Dm.Z = [O.z, 0, Lz];
                            Dm.Prop = {
                                长: Lz,
                                宽: Lx,
                                高: Ly,
                                xSec: 1,
                                ySec: 1,
                                zSec: 1
                            };
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "圆锥体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 4 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "圆锥体");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: 0.01, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[1].x, ps[2].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            } else if (ps.length == 4) {
                                V[3] = self.findInScene(ps[1].x, ps[3].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            var r2 = r1;
                            var h = V[2].y - V[1].y;
                            if (V.length == 4) {
                                r2 -= V[2].y - V[3].y;
                                if (r2 < 0) {
                                    r2 = 0;
                                }
                            }
                            var py = h;
                            var rx = 0;
                            if (h < 0) {
                                h *= -1;
                                rx = 180;
                            }
                            Dm = self.Generate3DCone(r1, r2, h, 1, 72, 1, Dm);
                            Dm.Prop = {
                                r1: r1,//半径
                                r2: r2,//半径
                                h: h,//高
                                rSec: 1,//端面分段
                                lSec: 72,//圆周分段
                                hSec: 1,//高度分段
                            };
                            Dm.type = 30002;
                            Dm.X = [V[0].x, rx, 1];
                            Dm.Y = [py / 2, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "球体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                self.toDraw = null;
                                self.EndDraw(Dm, "球体");
                                V = [];
                                Dm = null;
                                return true;
                            }
                            if (ps.length >= 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate3DSphere(1, 0, 1, 1, 16, 1, 32);
                                    Dm.type = 30003;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r = Vec.length();
                            Dm.X = [V[0].x, 0, r];
                            Dm.Y = [0, 0, r];
                            Dm.Z = [V[0].z, 0, r];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                r: r,
                                d1: 0,
                                d2: 1,
                                rSec1: 1,
                                rSec2: 16,
                                rSec3: 1,
                                lSec: 32
                            };
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "几何球体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                self.toDraw = null;
                                var obj = self.EndDraw(Dm, "几何球体");
                                V = [];
                                Dm = null;
                                return true;
                            }
                            if (ps.length >= 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate3DGeoSphere(1, 4);
                                    Dm.type = 30004;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r = Vec.length();
                            Dm.X = [V[0].x, 0, r];
                            Dm.Y = [0, 0, r];
                            Dm.Z = [V[0].z, 0, r];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                r: r,
                                sec: 4,
                                base: 20,
                                whole: true
                            };
                            Dm.Sm = 2;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "圆柱体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "圆柱体");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: 0.01, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[1].x, ps[2].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            var h = V[2].y - V[1].y;
                            var rx = 0;
                            var py = h;
                            if (h < 0) {
                                h *= -1;
                                rx = 180;
                            }
                            Dm = self.Generate3DCone(r1, r1, h, 1, 72, 1, Dm);
                            Dm.Prop = {
                                r1: r1,//半径
                                r2: r1,//半径
                                h: h,//高
                                rSec: 1,//端面分段
                                lSec: 72,//圆周分段
                                hSec: 1,//高度分段
                            };
                            Dm.type = 30005;
                            Dm.X = [V[0].x, rx, 1];
                            Dm.Y = [py / 2, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "管状体",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 4 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "管状体");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: V[1].y, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            } else if (ps.length == 4) {
                                V[3] = self.findInScene(ps[2].x, ps[3].y, new CLVec3(0, 0, -1), { x: V[2].x, y: V[2].y, z: V[2].z });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            Vec = new CLVec3(V[2].x - V[0].x, V[2].y - V[0].y, V[2].z - V[0].z);
                            var r2 = Vec.length();
                            var h = 0;
                            if (V.length == 4) {
                                h = V[3].y - V[2].y;
                            }
                            var rx = 0;
                            if (h < 0) {
                                h *= -1;
                                rx = 180;
                            }
                            if (r2 == r1) {
                                r2 = r1 + 0.005 / self.sceneScale;
                            }
                            if (r2 < r1) {
                                var r = r2;
                                r2 = r1;
                                r1 = r;
                            }
                            Dm = self.Generate3DTube(r1, r2, h, 1, 1, 72, Dm);
                            Dm.Prop = {
                                r: r1,
                                R: r2,
                                h: h,
                                rSec: 1,
                                hSec: 1,
                                lSec: 72
                            };
                            Dm.type = 30006;
                            Dm.X = [V[0].x, rx, 1];
                            Dm.Y = [h / 2, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "圆环",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "圆环")
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: V[1].y, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            Vec = new CLVec3(V[2].x - V[0].x, V[2].y - V[0].y, V[2].z - V[0].z);
                            var r2 = Vec.length();
                            if (r2 == r1) {
                                r2 = r1 + 0.005 / self.sceneScale;
                            }
                            if (r2 < r1) {
                                var r = r2;
                                r2 = r1;
                                r1 = r;
                            }
                            Dm = self.Generate3DTorus(r2, (r2 - r1), 24, 12, 0, Dm);
                            Dm.Prop = {
                                R: r2,
                                r: (r2 - r1),
                                Sec: 24,
                                sec: 12,
                                smooth: 0
                            };
                            Dm.type = 30007;
                            Dm.X = [V[0].x, 0, 1];
                            Dm.Y = [(r2 - r1) / 2, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "四棱锥",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "四棱锥");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: 0.01, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[1].x, ps[2].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            }
                            var O = { x: V[1].x / 2 + V[0].x / 2, y: V[2].y / 2 + V[1].y / 2, z: V[1].z / 2 + V[0].z / 2 };
                            var Lx = V[1].x - V[0].x;
                            var Ly = V[2].y - V[1].y;
                            var Lz = V[1].z - V[0].z;
                            if (Lx < 0) {
                                Lx *= -1;
                            }
                            var xx = 0;
                            if (Ly < 0) {
                                Ly *= -1;
                                xx = 180;
                            }
                            if (Lz < 0) {
                                Lz *= -1;
                            }
                            Dm = self.Generate3DPyramid(Lx, Ly, Lz, 1, 1, 1, Dm);
                            Dm.Prop = {
                                w: Lx,
                                h: Ly,
                                z: Lz,
                                wSec: 1,
                                hSec: 1,
                                zSec: 1,
                            };
                            Dm.type = 30008;
                            Dm.X = [O.x, xx, 1];
                            Dm.Y = [Ly / 4, 0, 1];
                            Dm.Z = [O.z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "茶壶",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                self.toDraw = null;
                                self.EndDraw(Dm, "茶壶");
                                V = [];
                                Dm = null;
                                return true;
                            }
                            if (ps.length >= 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate3DTepot(1, 4);
                                    Dm.type = 30009;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r = Vec.length();
                            Dm.X = [V[0].x, 0, r];
                            Dm.Y = [0, 0, r]
                            Dm.Z = [V[0].z, 0, r];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                r: r,
                                Sec: 4,
                                main: true,
                                hand: true,
                                mouth: true,
                                top: true
                            };
                            self.RenderDelay();
                        }
                    }
                }
            });
            //arr.push({
            //    Name: "放样",
            //    Func: function () {
            //        self.Canvas.style.cursor = "crosshair";
            //        var V = [];
            //        var Dm = null;
            //        self.Current = {
            //            drawing: function (ps, type) {
            //                if (type > 0) {
            //                    if ((ps.length == 2 && V.length == 0) || ps.length == 2 || type == 2) {
            //                        self.toDraw = null;
            //                        V = [];
            //                        self.EndDraw(Dm, "矩形");
            //                        Dm = null;
            //                        return true;
            //                    } else {
            //                        return false;
            //                    }
            //                }
            //                if (V.length == 0) {
            //                    Dm = self.Generate2DN(4, 1);
            //                    Dm.F = [[0, 1, 2, 0, 2, 3]];
            //                    Dm.Sm = 2;
            //                    Dm.Co = [0, 1, 0, 0.1];
            //                    Dm.Bs = 1;
            //                    Dm.Prop = {
            //                        rOff: "",
            //                        smooth: 0
            //                    };
            //                    Dm.type = 30010;
            //                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
            //                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
            //                } else {
            //                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
            //                }
            //                var O = { x: V[1].x / 2 + V[0].x / 2, y: 0, z: V[1].z / 2 + V[0].z / 2 };
            //                var Lx = V[1].x - V[0].x;
            //                var Lz = V[1].z - V[0].z;
            //                Dm.X = [O.x, 0];
            //                Dm.Z = [O.z, 0];
            //                if (Lx < 0) {
            //                    Lx *= -1;
            //                }
            //                if (Lz < 0) {
            //                    Lz *= -1;
            //                }
            //                Dm.X = [O.x, 0, Lx];
            //                Dm.Z = [O.z, 0, Lz];
            //                self.toDraw = Dm;
            //                self.RenderDelay();
            //            }
            //        }
            //    }
            //});
        }());
        self.baseMenu(btn, arr);
    }

    fn.menu2d = function (btn) {
        var self = this;
        var arr = [];
        (function () {
            arr.push({
                Name: "三角形",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "三角形");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: V[1].y, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            Dm = self.Generate2D3Free(V[0], V[1], V[2], 1, Dm);
                            Dm.Prop = {
                                p1: V[0],
                                p2: V[1],
                                p3: V[2],
                                Sec: 1,
                            };
                            Dm.type = 20001;
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "矩形",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 2 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "矩形");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (V.length == 0) {
                                Dm = self.Generate2DN(4, 1);
                                Dm.type = 20002;
                                V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                            } else {
                                V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var O = { x: V[1].x / 2 + V[0].x / 2, y: 0, z: V[1].z / 2 + V[0].z / 2 };
                            var Lx = V[1].x - V[0].x;
                            var Lz = V[1].z - V[0].z;
                            Dm.X = [O.x, 0];
                            Dm.Z = [O.z, 0];
                            if (Lx < 0) {
                                Lx *= -1;
                            }
                            if (Lz < 0) {
                                Lz *= -1;
                            }
                            Dm.X = [O.x, 0, Lx];
                            Dm.Z = [O.z, 0, Lz];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                w: Lx,
                                l: Lz,
                                lSec: 1,
                                wSec: 1,
                                r: 0,
                                rSec: 6
                            };
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "圆",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                self.toDraw = null;
                                self.EndDraw(Dm, "圆");
                                V = [];
                                Dm = null;
                                return true;
                            }
                            if (ps.length >= 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate2DCircle(72);
                                    Dm.type = 20003;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r = Vec.length();
                            Dm.Scale = r;
                            Dm.X = [V[0].x, 0, r];
                            Dm.Z = [V[0].z, 0, r];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                R: r,
                                N: 72,
                                lSec: 1,
                                r: 0,
                                rSec: 6
                            };
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "椭圆",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 2 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "椭圆");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (V.length == 0) {
                                Dm = self.Generate2DCircle(72);
                                Dm.type = 20004;
                                V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                            } else {
                                V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var O = { x: V[1].x / 2 + V[0].x / 2, y: 0, z: V[1].z / 2 + V[0].z / 2 };
                            var Lx = V[1].x - V[0].x;
                            var Lz = V[1].z - V[0].z;
                            Dm.X = [O.x, 0];
                            Dm.Z = [O.z, 0];
                            if (Lx < 0) {
                                Lx *= -1;
                            }
                            if (Lz < 0) {
                                Lz *= -1;
                            }
                            Dm.X = [O.x, 0, Lx / 2];
                            Dm.Z = [O.z, 0, Lz / 2];
                            Dm.Prop = {
                                l: Lz,
                                w: Lx,
                                Sec: 72
                            };
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "弧",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 4 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "弧");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                                var mat = new CLMatrix4();
                                Vec.scale(0.3);
                                mat.rotate(179.999, 0, 1, 0);
                                Vec = mat.multiplyVector3(Vec);
                                Vec.add(V[1]);
                                V[2] = { x: Vec.x, y: Vec.y, z: Vec.z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            } else if (ps.length == 4) {
                                V[3] = self.findInScene(ps[3].x, ps[3].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var OR = self.CalcTriangleOutArc(V[0], V[1], V[2]);
                            Dm = self.EmptyModel(Dm);
                            Dm.Nc = 0;
                            Dm.Sm = 1;
                            Dm.Co = [1, 1, 1, 1];
                            self.drawArc(Dm, new CLVec3(), OR.R, OR.From, OR.To, 72);
                            Dm.Prop = {
                                R: OR.R,
                                From: OR.From,
                                To: OR.To,
                                Sec: 72
                            }
                            Dm.X[0] = OR.O.x;
                            Dm.Z[0] = OR.O.z;
                            Dm.type = 20005;
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "圆环",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 3 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "圆环");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: V[1].y, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            Vec = new CLVec3(V[2].x - V[0].x, V[2].y - V[0].y, V[2].z - V[0].z);
                            var r2 = Vec.length();
                            if (r2 < r1) {
                                var r = r2;
                                r2 = r1;
                                r1 = r;
                            }
                            Dm = self.Generate2DTorus(r2, r1, 72, Dm);
                            Dm.type = 20006;
                            Dm.X = [V[0].x, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                R: r2,
                                r: r1,
                                Sec: 72
                            };
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "星形",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 4 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "星形");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: V[1].y, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[2].x, ps[2].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            Vec = new CLVec3(V[2].x - V[0].x, V[2].y - V[0].y, V[2].z - V[0].z);
                            var r2 = Vec.length();
                            Dm = self.Generate2DStar(r1, r2, 6, 1, 0, 0, 6, 6, 0, Dm);
                            Dm.Prop = {
                                R: r1,
                                r: r2,
                                N: 6,
                                lSec: 1,
                                AR: 0,
                                Ar: 0,
                                ASec: 6,
                                aSec: 6,
                                aOff: 0
                            };
                            Dm.type = 20007;
                            Dm.X = [V[0].x, 0, 1];
                            Dm.Y = [V[0].y, 0, 1];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "文本",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 2 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    if (Dm) {
                                        var Lx = Dm.X[2];
                                        var Lz = Dm.Z[2];
                                        Dm.X[2] = 1;
                                        Dm.Z[2] = 1;
                                        var s = self.Select;
                                        self.Select = function () { }
                                        var obj = self.EndDraw(Dm, "文本");
                                        self.Select = s;
                                        obj.X[2] = Lx;
                                        obj.Z[2] = Lz;
                                        self.Select([obj.Id]);
                                        Dm = null;
                                    }
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    Dm = self.Generate2DText("宋体", 500, "文本", 1, 0, 1, 2, false, 0);
                                    Dm.type = 20008;
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                            }
                            var O = { x: V[1].x / 2 + V[0].x / 2, y: 0, z: V[1].z / 2 + V[0].z / 2 };
                            var Lx = V[1].x - V[0].x;
                            var Lz = V[1].z - V[0].z;
                            if (Lx < 0) {
                                Lx *= -1;
                            }
                            if (Lz < 0) {
                                Lz *= -1;
                            }
                            Dm.X = [O.x, 0, Lx];
                            Dm.Z = [O.z, 0, Lz];
                            Dm.Prop = {
                                Ff: "宋体",
                                Tt: "文本",
                                Fw: 500,
                                Sec: 2,
                                size: 1,
                                fd: 0,
                                lh: 1,
                                italic: false,
                                align: 0
                            };
                            self.toDraw = Dm;
                            self.RenderDelay();
                        }
                    }
                }
            });
            arr.push({
                Name: "螺旋线",
                Func: function () {
                    self.Canvas.style.cursor = "crosshair";
                    var V = [];
                    var Dm = null;
                    var color;
                    self.Current = {
                        drawing: function (ps, type) {
                            if (type > 0) {
                                if ((ps.length == 2 && V.length == 0) || ps.length == 4 || type == 2) {
                                    self.toDraw = null;
                                    V = [];
                                    self.EndDraw(Dm, "螺旋线");
                                    Dm = null;
                                    return true;
                                } else {
                                    return false;
                                }
                            }
                            if (ps.length == 2) {
                                if (V.length == 0) {
                                    V.push(self.findInScene(ps[0].x, ps[0].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                    V.push(self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 }));
                                } else {
                                    V[1] = self.findInScene(ps[1].x, ps[1].y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                }
                                V[2] = { x: V[1].x, y: 0.01, z: V[1].z };
                            } else if (ps.length == 3) {
                                V[2] = self.findInScene(ps[1].x, ps[2].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            } else if (ps.length == 4) {
                                V[3] = self.findInScene(ps[1].x, ps[3].y, new CLVec3(0, 0, -1), { x: V[1].x, y: V[1].y, z: V[1].z });
                            }
                            var Vec = new CLVec3(V[1].x - V[0].x, V[1].y - V[0].y, V[1].z - V[0].z);
                            var r1 = Vec.length();
                            var r2 = r1;
                            if (V.length == 4) {
                                r2 -= V[2].y - V[3].y;
                            }
                            var h = V[2].y - V[1].y;
                            var sy = 1;
                            if (h < 0) {
                                h = 0 - h;
                                sy = -1;
                            }
                            var l = h / 10;
                            Dm = self.Generate2DSpring(r1, r2, h, 5, 30, false, Dm);
                            Dm.type = 20009;
                            Dm.X = [V[0].x, 0, 1];
                            Dm.Y = [V[0].y, 0, sy];
                            Dm.Z = [V[0].z, 0, 1];
                            self.toDraw = Dm;
                            Dm.Prop = {
                                r1: r1,
                                r2: r2,
                                h: h,
                                hSec: 5,
                                rSec: 30,
                                back: false
                            }
                            self.RenderDelay();
                        }
                    }
                }
            });
        }());
        self.baseMenu(btn, arr);
    }

    fn.paint = function (btn) {
        var self = this;
        var arr = [];
        var pen = "url(/View/Web3D/Cursor/钢笔.png), default";
        function current(type) {
            var Ds = self.dataScene;
            var key = Object.keys(self.Selection);
            var mat;
            var Dm;
            var V;
            var L;
            var obj;
            if (key.length == 1) {
                obj = self.Objects[key];
                Dm = Ds.Models[obj.DmId];
                if (Dm.type == type && obj.parentId == null) {
                    V = Dm.V;
                    L = Dm.L;
                    mat = self.ObjectToSenceMat(obj);
                    mat.setInverseOf(mat);
                    self.ReleaseSelection(self.Selection[obj.Id]);
                    delete Dm.Bx;
                    delete obj.Bx;
                    delete self.Selection[obj.Id];
                } else {
                    Dm = null;
                }
            }
            var lineDm;
            var lineObj;
            if (!Dm) {
                Dm = self.createModel();
                Dm.type = type;
                Dm.Sm = 3;
                Dm.Nc = 0;
                Dm.Co = [1, 1, 1, 1];
                V = Dm.V;
                L = Dm.L;
                obj = self.createObject(Dm);
                self.addObject(obj);
                mat = new CLMatrix4();
                Dm.Sm = 0;
                var Ds = self.dataScene;
                if (!obj.lineId) {
                    lineDm = self.createModel();
                    lineDm.type = -1;
                    lineDm.Sm = 1;
                    lineDm.Nc = 0;
                    lineDm.Co = [1, 1, 1, 1];
                    lineObj = self.createObject(lineDm);
                    lineObj.type = -1;
                    self.addObject(lineObj, obj.Id);
                    obj.lineId = lineObj.Id;
                }
            } else {
                lineObj = self.Objects[obj.lineId];
                lineDm = Ds.Models[lineObj.DmId];
            }
            Dm.IsCv = true;
            return {
                obj: obj,
                Dm: Dm,
                V: V,
                L: L,
                mat: mat,
                lineObj: lineObj,
                lineDm: lineDm
            };
        }
        function int(P, pt) {
            var intP = new CLVec3(Math.round(P.x), Math.round(P.y), Math.round(P.z));
            var sP = self.Project(intP, self.sceneMatrix);
            sP.y = self.H - sP.y - 1;
            var Vec = new CLVec2(sP.x - pt.x, sP.y - pt.y);
            if (Vec.length() < 5) {
                P = intP;
            } else {
                if (Math.abs(P.x - Math.round(P.x)) < Math.abs(P.z - Math.round(P.z))) {
                    intP = new CLVec3(Math.round(P.x), P.y, P.z);
                } else {
                    intP = new CLVec3(P.x, P.y, Math.round(P.z));
                }
                sP = self.Project(intP, self.sceneMatrix);
                sP.y = self.H - sP.y - 1;
                Vec = new CLVec2(sP.x - pt.x, sP.y - pt.y);
                if (Vec.length() < 5) {
                    P = intP;
                }
            }
            return P;
        }
        function dir(P, P1, P2) {
            var Vec1 = new CLVec3(P2.x - P1.x, P2.y - P1.y, P2.z - P1.z);
            var Vec2 = new CLVec3(P.x - P1.x, P.y - P1.y, P.z - P1.z);
            var Vec3 = new CLVec3(P.x - P2.x, P.y - P2.y, P.z - P2.z);
            var a = self.CalcAngleCos(Vec1, Vec2) * Vec3.length() / Vec1.length();
            Vec2.set(Vec1);
            Vec2.scale(a);
            Vec1.add(Vec2);
            Vec1.add(P1);
            return Vec1;
        }
        (function () {
            arr.push({
                Name: "折线",
                Func: function () {
                    self.Canvas.style.cursor = pen;
                    var len = 0;
                    var cur = current(10001);
                    var obj = cur.obj, Dm = cur.Dm, V = cur.V, L = cur.L, mat = cur.mat, lineObj = cur.lineObj, lineDm = cur.lineDm;
                    obj.Name = "折线";
                    var prop = Dm.Prop;
                    if (!prop) {
                        prop = Dm.Prop = {
                            Sec: 1,
                            R: 0,
                            closed: false,
                            rSec: 6,
                            lSec: 1,
                        }
                    }
                    self.Current = {
                        drawing: function (ps, type, add) {
                            if (len < ps.length) {
                                if (V.length != 0 && len == 0) {
                                    len++;
                                }
                                for (var i = len; i < ps.length; i++) {
                                    var pt = ps[i];
                                    var P = self.findInScene(pt.x, pt.y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                    P = int(P, pt);
                                    P = mat.multiplyVector3(P);
                                    V.push(P.x, P.y, P.z);
                                    var n = V.length / 3;
                                    if (n > 1) {
                                        L.push(n - 2, n - 1);
                                    }
                                }
                                len = ps.length;
                            } else {
                                var pt = ps[ps.length - 1];
                                if (pt) {
                                    var P = self.findInScene(pt.x, pt.y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                    P = int(P, pt);
                                    P = mat.multiplyVector3(P);
                                    var Vi = V.length - 3;
                                    V[Vi] = P.x;
                                    V[Vi + 1] = P.y;
                                    V[Vi + 2] = P.z;
                                }
                            }
                            if (type == -1) {
                                V.splice(V.length - 6, 3);
                                L.splice(L.length - 2, 2);
                                len = ps.length;
                            }
                            self.GpuFree(Dm.GpuV);
                            delete Dm.GpuV;
                            self.GpuFree(Dm.GpuL);
                            delete Dm.GpuL;
                            if (type == 2) {
                                if (add) {
                                    V.pop();
                                    V.pop();
                                    V.pop();
                                    L.pop();
                                    L.pop();
                                }
                                if (V.length < 6) {
                                    self.removeObject([obj.Id]);
                                } else {
                                    self.Select([obj.Id]);
                                }
                            }
                            self.RenderDelay();
                            self.ToRadiusLine(Dm, prop.closed, lineDm, prop.lSec, prop.R, prop.rSec);
                            return type == 2;
                        }
                    }
                    self.Current.drawing.back = true;
                }
            });
            arr.push({
                Name: "点曲线",
                Func: function () {
                    self.Canvas.style.cursor = pen;
                    var len = 0;
                    var cur = current(10002);
                    cur.Name = "曲线";
                    var obj = cur.obj, Dm = cur.Dm, V = cur.V, L = cur.L, mat = cur.mat, lineObj = cur.lineObj, lineDm = cur.lineDm;
                    var prop = Dm.Prop;
                    if (!prop) {
                        prop = Dm.Prop = {
                            closed: false,
                            factor: 0.4,
                            Sec: 50
                        };
                    }
                    Dm.Sm = 0;
                    self.Current = {
                        drawing: function (ps, type, add, e) {
                            if (len < ps.length) {
                                if (V.length != 0 && len == 0) {
                                    len++;
                                }
                                for (var i = len; i < ps.length; i++) {
                                    var pt = ps[i];
                                    var P = self.findInScene(pt.x, pt.y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                    if (e.shiftKey) {
                                        P = mat.multiplyVector3(P);
                                        var vlen = V.length;
                                        if (vlen >= 6) {
                                            P = dir(P, new CLVec3(V[vlen - 6], V[vlen - 5], V[vlen - 4]), new CLVec3(V[vlen - 3], V[vlen - 2], V[vlen - 1]));
                                        }
                                    } else {
                                        P = int(P, pt);
                                        P = mat.multiplyVector3(P);
                                    }
                                    V.push(P.x, P.y, P.z);
                                    var n = V.length / 3;
                                    if (n > 1) {
                                        L.push(n - 2, n - 1);
                                    }
                                }
                                len = ps.length;
                            } else {
                                var pt = ps[ps.length - 1];
                                if (pt) {
                                    var P = self.findInScene(pt.x, pt.y, new CLVec3(0, 1, 0), { x: 0, y: 0, z: 0 });
                                    if (e.shiftKey) {
                                        P = mat.multiplyVector3(P);
                                        var vlen = V.length;
                                        if (vlen >= 9) {
                                            P = dir(P, new CLVec3(V[vlen - 9], V[vlen - 8], V[vlen - 7]), new CLVec3(V[vlen - 6], V[vlen - 5], V[vlen - 4]));
                                        }
                                    } else {
                                        P = int(P, pt);
                                        P = mat.multiplyVector3(P);
                                    }
                                    var Vi = V.length - 3;
                                    V[Vi] = P.x;
                                    V[Vi + 1] = P.y;
                                    V[Vi + 2] = P.z;
                                }
                            }
                            if (type == -1) {
                                V.splice(V.length - 6, 3);
                                len = ps.length;
                            }
                            if (type == 2) {
                                if (add) {
                                    V.pop();
                                    V.pop();
                                    V.pop();
                                }
                                if (V.length < 6) {
                                    self.removeObject([obj.Id]);
                                } else {
                                    self.Select([obj.Id]);
                                }
                                len = 0;
                            }
                            self.ToBezier3(Dm, prop.closed, lineDm, prop.factor, prop.Sec);
                            self.GpuFree(Dm.GpuV);
                            delete Dm.GpuV;
                            self.GpuFree(Dm.GpuL);
                            delete Dm.GpuL;
                            self.GpuFree(lineDm.GpuV);
                            delete lineDm.GpuV;
                            self.GpuFree(lineDm.GpuL);
                            delete lineDm.GpuL;
                            self.RenderDelay();
                            return type == 2;
                        }
                    }
                    self.Current.drawing.back = true;
                }
            });
        }());
        self.baseMenu(btn, arr);
    }

    fn.partic = function (btn) {
        var self = this;
        var arr = [];
        (function () {
            arr.push({
                Name: "雪花",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
            arr.push({
                Name: "落叶",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
            arr.push({
                Name: "火苗",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
        }());
        self.baseMenu(btn, arr);
    }

    fn.chart = function (btn) {
        var self = this;
        var arr = [];
        (function () {
            arr.push({
                Name: "柱状图",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
            arr.push({
                Name: "饼图",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
            arr.push({
                Name: "地图",
                Func: function () {
                    CLShowMsg("此功能正在努力开发中...", false);
                }
            });
        }());
        self.baseMenu(btn, arr);
    }

    fn.Cmd = function (btn) {
        var self = this;

    }

    fn.baseMenu = function (btn, arr, sel) {
        var self = this;
        sel = sel !== false;
        var menu = self.Dialog(170, (arr.length + arr.length % 2) * 35 / 2 + 16, btn);
        var Box = menu.Div;
        for (var i = 0; i < arr.length; i++) {
            var Btn = document.createElement("div");
            Btn.innerHTML = arr[i].Name;
            Btn.className = "Btn";
            Btn.Func = arr[i].Func;
            Btn.index = i;
            Btn.onclick = function () {
                if (sel) {
                    var BtnSel = Box.querySelector(".BtnSel");
                    if (BtnSel) {
                        BtnSel.classList.remove("BtnSel");
                    }
                    this.classList.add("BtnSel");
                }
                this.Func(this.index);
            }
            Box.appendChild(Btn);
        }
        return Box;
    }

    fn.fromObjFile = function (text) {
        var self = this;
        var lines = text.split("\n");
        var V = [];
        var F = [];
        var fVn = [];
        var fVt = [];
        var L = [];
        var oVn = [];
        var oVt = [];
        var Vn = [];
        var Vt = [];
        var mapF = {};
        var mapVn = {};
        var mapVt = {};
        var f, vn, vt;
        lines.forEach(function (line) {
            if (line[0] == '#') {
                return;
            }
            var tags = line.split(" ");
            var vv = [];
            for (var i = 0; i < tags.length ; i++) {
                if (tags[i].charCodeAt(0) > 32) {
                    vv.push(tags[i]);
                }
            }
            tags = vv;
            if (tags[0] == 'v') {
                V.push(tags[1] * 1, tags[2] * 1, tags[3] * 1);
            }
            if (tags[0] == 'vn') {
                oVn.push(tags[1] * 1, tags[2] * 1, tags[3] * 1);
            }
            if (tags[0] == 'vt') {
                oVt.push(tags[1] * 1, tags[2] * 1);
            }
            if (tags[0] == 's') {
                f = mapF[tags[1]];
                vn = mapVn[tags[1]];
                vt = mapVt[tags[1]];
                if (!f) {
                    f = [];
                    mapF[tags[1]] = f;
                    F.push(f);
                    vn = [];
                    mapVn[tags[1]] = vn;
                    fVn.push(vn);
                    vt = [];
                    mapVt[tags[1]] = vt;
                    fVt.push(vt);
                }
            }
            if (tags[0] == 'f') {
                var arr = [];
                for (var i = 1; i < tags.length ; i++) {
                    var o = tags[i].split('/');
                    var _v = o[0] - 1;
                    var _vt = o[1] - 1;
                    var _vn = o[2] - 1;
                    var ele = { v: _v };
                    if (o.length > 1 && _vt >= 0) {
                        ele.vt = _vt;
                    }
                    if (o.length > 2 && _vn >= 0) {
                        ele.vn = _vn;
                    }
                    arr.push(ele);
                }

                for (var i = 1; i < arr.length - 1; i++) {
                    f.push(arr[0].v, arr[i].v, arr[i + 1].v);
                    if (arr[0].vt != null) {
                        vt.push(arr[0].vt, arr[i].vt, arr[i + 1].vt);
                    }
                    if (arr[0].vn != null) {
                        vn.push(arr[0].vn, arr[i].vn, arr[i + 1].vn);
                    }
                }
                for (var i = 1; i < arr.length ; i++) {
                    L.push(arr[i - 1].v, arr[i].v);
                }
            }
        });
        var dm = self.createModel();
        dm.V = V;
        dm.F = F;
        dm.fVn = fVn;
        dm.fVt = fVt;
        dm.oVt = oVt;
        dm.oVn = oVn;
        dm.L = L;
        dm.Sm = 2;
        dm.Nc = 1;
        dm.X[0] = self.Random(-3, 3);
        dm.Z[0] = self.Random(-3, 3);
        if (dm.F.length > 0) {
            self.addObject(self.createObject(dm));
            self.Recenter(dm,false);
        }
        dm.Tm = 1;
        self.GenerateVVV(dm);
        self.RenderDelay();
    }

    fn.writeObjFile = function (Dm) {
        var self = this;
        var lines = "";
        var V = Dm.V;
        var oVn = Dm.oVn;
        var oVt = Dm.oVt;
        var F = Dm.F;
        var fVn = Dm.fVn;
        var fVt = Dm.fVt;
        for (var i = 0; i < V.length; i += 3) {
            lines += "v " + V[i] + " " + V[i + 1] + " " + V[i + 2] + "\n";
        }
        for (var i = 0; oVn && i < oVn.length; i += 3) {
            lines += "vn " + oVn[i] + " " + oVn[i + 1] + " " + oVn[i + 2] + "\n";
        }
        for (var i = 0; oVt && i < oVt.length; i += 2) {
            lines += "vt " + oVt[i] + " " + oVt[i + 1] + " 0\n";
        }
        lines += "g " + Dm.Id + "\n";
        var F = Dm.F;
        F.forEach(function (f, index) {
            var f_vn = fVn[index];
            var f_vt = fVt[index];
            lines += "s " + index;
            for (var i = 0; i < f.length ; i += 3) {
                if (!f_vt && !f_vn) {
                    lines += "f " + (f[i] + 1) + " " + (f[i + 1] + 1) + " " + (f[i + 2] + 1) + "\n";
                } else if (!f_vt && f_vn) {
                    lines += "f " + (f[i] + 1) + "//" + (f_vn[i] + 1) + " " + (f[i + 1] + 1) + "//" + (f_vn[i + 1] + 1) + " " + (f[i + 2] + 1) + "//" + (f_vn[i + 2] + 1) + "\n";
                } else if (f_vt && !f_vn) {
                    lines += "f " + (f[i] + 1) + "/" + (f_vt[i] + 1) + " " + (f[i + 1] + 1) + "/" + (f_vt[i + 1] + 1) + " " + (f[i + 2] + 1) + "/" + (f_vt[i + 2] + 1) + "\n";
                } else {
                    lines += "f " + (f[i] + 1) + "/" + (f_vt[i] + 1) + "/" + (f_vn[i] + 1) + " " + (f[i + 1] + 1) + "/"
                        + (f_vt[i + 1] + 1) + "/" + (f_vn[i + 1] + 1) + " " + (f[i + 2] + 1) + "/" + (f_vt[i + 2] + 1) + "/" + (f_vt[i + 2] + 1) + "\n";
                }
            }
        });
        CLSaveAsLocal(Dm.Id + ".obj", lines);
    }

    fn.fromMeshFile = function (xml) {
        var self = this;
        var parser = new DOMParser();
        var xmlDoc = parser.parseFromString(xml, "text/xml");
        var submeshes = xmlDoc.firstChild.querySelector("submeshes");
        var meshs = submeshes.querySelectorAll("submesh");
        var Dm = self.createModel();
        var Obj = self.createObject(Dm);
        self.addObject(Obj);
        meshs.forEach(function (mesh) {
            var faces = mesh.getElementsByTagName("face");
            var F = [[]];
            var L = [];
            var fVn = F;
            var fVt = F;
            var V = [];
            var oVn = [];
            var oVt = [];
            var f = F[0];
            var mapL = {};
            for (var j = 0; j < faces.length ; j++) {
                var face = faces[j];
                var v1 = face.getAttribute("v1") - 0;
                var v2 = face.getAttribute("v2") - 0;
                var v3 = face.getAttribute("v3") - 0;
                f.push(v1, v2, v3);
                var id = Math.min(v1, v2) + "," + Math.max(v1, v2);
                if (!mapL[id]) {
                    L.push(v1, v2);
                    mapL[id] = true;
                }
                id = Math.min(v2, v3) + "," + Math.max(v2, v3);
                if (!mapL[id]) {
                    L.push(v2, v3);
                    mapL[id] = true;
                }
                id = Math.min(v3, v1) + "," + Math.max(v3, v1);
                if (!mapL[id]) {
                    L.push(v3, v1);
                    mapL[id] = true;
                }
            }
            var geometry = mesh.querySelector("geometry");
            geometry.childNodes.forEach(function (vbuf) {
                vbuf.childNodes.forEach(function (vertex) {
                    vertex.childNodes.forEach(function (ele) {
                        if (ele.tagName == "position" || ele.tagName == "normal") {
                            var x = ele.getAttribute("x") - 0;
                            var y = ele.getAttribute("y") - 0;
                            var z = ele.getAttribute("z") - 0;
                            if (ele.tagName == "position") {
                                V.push(x, y, z);
                            } else {
                                oVn.push(x, y, z);
                            }
                        } else if (ele.tagName == "texcoord") {
                            var u = ele.getAttribute("u") - 0;
                            var v = ele.getAttribute("v") - 0;
                            oVt.push(u, v);
                        }
                    });
                });
            });
            var Dm = self.createModel();
            Dm.F = F;
            Dm.fVn = fVn;
            Dm.fVt = fVt;
            Dm.oVn = oVn;
            Dm.oVt = oVt;
            Dm.V = V;
            Dm.L = L;
            Dm.Tm = 1;
            Dm.Sm = 2;
            Dm.Nc = 1;
            Dm.X[2] = 0.01;
            Dm.Y[2] = 0.01;
            Dm.Z[2] = 0.01;
            self.Transform(Dm);
            self.GenerateVVV(Dm);
            var obj = self.createObject(Dm);
            self.addObject(obj, Obj.Id);
        });
        self.RenderDelay();
    }

    fn.EndDraw = function (Dm, Name) {
        var self = this;
        if (!Dm) {
            return;
        }
        self.SwitchTo(Dm);
        self.addModel(Dm);
        var obj = self.createObject(Dm);
        self.addObject(obj);
        obj.Name = Name;
        self.Select([obj.Id]);
        return obj;
    }

    //弹出框
    fn.Dialog = function (width, height, btn)    {
        var self = this;
        var menu = CLApp.CreateMenu(width, height, btn);
        menu.Div.style.background = "rgba(26,26,26,1)";
        var box = menu.Div.parentNode;
        box.classList.add("Web3dMenu");
        box.style.left = "40px";
        box.style.top = btn.getBoundingClientRect().top + "px";
        box.style.transform = "";
        if (box.getBoundingClientRect().bottom > innerHeight) {
            box.style.top = innerHeight - box.offsetHeight + "px";
        }
        menu.addFilter(self.Canvas);
        return menu;
    }

    fn.drawImage = function (img, w, h) {
        var self = this;
        if (canvas == null) {
            canvas = document.createElement('canvas');
        }
        if (canvas.w != w) {
            var aw = document.createAttribute("width");
            aw.nodeValue = w;
            canvas.setAttributeNode(aw);
            canvas.w = w;
        }
        if (canvas.h != h) {
            var ah = document.createAttribute("height");
            ah.nodeValue = h;
            canvas.setAttributeNode(ah);
            canvas.h = h;
        }
        var ctx = canvas.getContext('2d');
        ctx.drawImage(img, 0, 0);
        return ctx;
    }

    fn.GetBackFrame = function (name) {
        var self = this;
        if (!name) {
            name = "P";
        }
        var cf = self.BackFrame[name];
        var w = self.W;
        var h = self.H;
        if (cf == null || cf.w != w || cf.h != h) {
            if (cf) {
                self.ReleaseFrameObject(cf)
            }
            cf = self.BackFrame[name] = self.CreateFrameObject(w, h);
            cf.w = w;
            cf.h = h;
        }
        return cf;
    }

    fn.Random = function (min, max) {
        var Range = max - min;
        var Rand = Math.random();
        return (min + Math.round(Rand * Range)).toFixed(0) * 1;
    }

    fn.Color = function (int, A) {
        var self = this;
        return [(int & 0x000000ff) / 255, ((int & 0x0000ff00) >> 8) / 255, ((int & 0x00ff0000) >> 16) / 255, A ? (int >>> 24) / 255 : 1.0];
    }

    fn.addModel = function (Dm) {
        var self = this;
        var Ds = self.dataScene;
        if (!Ds.Models[Dm.Id]) {
            Ds.Models[Dm.Id] = Dm;
            Dm.Use = 0;
        }
    }

    fn.removeModel = function (Dm) {
        var self = this;
        var Ds = self.dataScene;
        self.ModelRelease(Dm);
        delete Ds.Models[Dm.Id];
    }

    fn.createObject = function (Dm) {
        var self = this;
        var Ds = self.dataScene;
        if (!Ds.Models[Dm.Id]) {
            Ds.Models[Dm.Id] = Dm;
            Dm.Use = 0;
        }
        return { Id: self.AllocId(), DmId: Dm.Id, X: Dm.X, Y: Dm.Y, Z: Dm.Z};
    }

    fn.addObject = function (obj, parentId) {
        var self = this;
        var Ds = self.dataScene;
        var Dm = Ds.Models[obj.DmId];
        var parent;
        if (obj.parentId === undefined) {
            if (!Dm.Use) {
                Dm.Use = 1;
            } else {
                Dm.Use++;
            }
        } else {
            parent = self.Objects[obj.parentId];
            if (parent) {
                parent = parent.Sub;
                parent.splice(parent.indexOf(obj), 1);
            }
        }
        if (parentId === undefined) {
            parent = Ds.Objects;
            obj.parentId = null;
        } else {
            parent = self.Objects[parentId];
            if (!parent) {
                obj.parentId = null;
                parent = Ds.Objects;
            } else {
                if (parent.Sub) {
                    parent = parent.Sub;
                } else {
                    parent.Sub = parent = [];
                }
                obj.parentId = parentId;
            }
        }
        parent.push(obj);
        self.Objects[obj.Id] = obj;
        return obj;
    }

    fn.removeObject = function (Ids) {
        var self = this;
        var Ds = self.dataScene;
        var obj, parent;
        function clear(obj) {
            delete obj.parentId;
            delete self.Objects[Ids[i]];
            var Dm = Ds.Models[obj.DmId];
            if (Dm && Dm.Use) {
                Dm.Use--;
            }
            if (!Dm.Use) {
                self.removeModel(Dm);
            }
        }
        for (var i = 0; i < Ids.length; i++) {
            obj = self.Objects[Ids[i]];
            var flag = false;
            if (!obj || obj.parentId === undefined) {
                continue;
            }
            if (obj.Sub) {
                self.removeObject(obj.Sub);
            }
            if (obj.parentId === null) {
                parent = Ds.Objects;
            } else {
                parent = self.Objects[obj.parentId];
                if (!parent) {
                    clear(obj);
                    continue;
                } else {
                    if (Ds.Models[parent.DmId].V.length == 0) {
                        flag = true;
                    }
                    parent = parent.Sub;
                }
            }
            var index = parent.indexOf(obj);
            if (index < 0) {
                clear(obj);
                continue;
            } else {
                parent.splice(index, 1);
                if (flag && parent.length == 0) {
                    self.removeObject([obj.parentId]);
                }
                clear(obj);
            }
        }
    }

    fn.enumObjects = function (func) {
        var self = this;
        var Ds = self.dataScene;
        function Enum(objs) {
            if (!objs) {
                return true;
            }
            objs.every(function (ele) {
                if (!func(ele)) {
                    return false;
                }
                if (!Enum(ele.Sub)) {
                    return false;
                }
                return true;
            });
            return true;
        }
        Enum(Ds.Objects);
    }

    fn.Delete = function (map) {
        var self = this;
        var Ds = self.dataScene;
        var keys = Object.keys(map);
        if (keys.length == 1) {
            var Info = map[keys[0]];
            if (Info === true) {
                self.removeObject([keys[0]]);
            } else {
                var obj = self.Objects[keys[0]];
                var Dm = Ds.Models[obj.DmId];
                if (Info.P) {
                    self.DeletePoints(Dm, Info.P);
                }
                if (Info.L) {
                    self.DeleteLines(Dm, Info.L);
                }
                if (Info.F) {
                    self.DeleteFaces(Dm, Info.F);
                }
            }
        } else {
            var remove = [];
            for (var key in map) {
                if (map[key] === true) {
                    remove.push(key);
                }
            }
            self.removeObject(remove);
        }
        self.RenderDelay(1);
    }
    //type 0:上;1:下;2;前;3:后;4:左;5:右
    fn.ViewAt = function (type) {
        var self = this;
        var sPos = self.scenePosition;
        var sRot = self.sceneRotate;
        sRot.x = self.to180(sRot.x);
        sRot.y = self.to180(sRot.y);
        sRot.z = self.to180(sRot.z);
        var end;
        var arr = [
            function () {
                end = { x: 90, y: 0, z: 0 };
                return { x: self.to180(90 - sRot.x) / 10, y: -sRot.y / 10, z: -sRot.z / 10 };
            },
            function () {
                end = { x: 270, y: 0, z: 0 };
                return { x: self.to180(270 - sRot.x) / 10, y: -sRot.y / 10, z: -sRot.z / 10 }
            },
            function () {
                end = { x: 0, y: 0, z: 0 };
                return { x: -sRot.x / 10, y: -sRot.y / 10, z: -sRot.z / 10 };
            },
            function () {
                end = { x: 0, y: 180, z: 0 };
                return { x: -sRot.x / 10, y: self.to180(180 - sRot.y) / 10, z: -sRot.z / 10 };
            },
            function () {
                end = { x: 0, y: 90, z: 0 };
                return { x: -sRot.x / 10, y: self.to180(90 - sRot.y) / 10, z: -sRot.z / 10 };
            },
            function () {
                end = { x: 0, y: 270, z: 0 };
                return { x: -sRot.x / 10, y: self.to180(270 - sRot.y) / 10, z: -sRot.z / 10 };
            }
        ];
        var ele = arr[type];
        var xyz = ele();
        var oXyz = new CLVec3(sRot.x, sRot.y, sRot.z);
        var oPos = new CLVec3(sPos.x, sPos.y, sPos.z);
        var index = 1;
        self.IsBusying = true;
        var t = setInterval(function () {
            sRot.x = oXyz.x;
            sRot.y = oXyz.y;
            sRot.z = oXyz.z;
            sPos.x = oPos.x;
            sPos.y = oPos.y;
            sPos.z = oPos.z;
            self.RotateScene("X", xyz.x * index);
            var mat = new CLMatrix4();
            mat.setTranslate(sPos.x, sPos.y, sPos.z);
            mat.rotateXYZ(sRot.x, sRot.y, sRot.z);
            mat.scale(self.sceneScale, self.sceneScale, self.sceneScale);
            mat.sceneMatrix = mat;
            self.RotateScene("Y", xyz.y * index);
            index++;
            if (index == 11) {
                self.IsBusying = false;
                clearInterval(t);
            }
            self.RenderDelay();
        }, 20);
    }

    fn.clickCtrl3d = function (x, y) {
        var self = this;
        var sPos = self.scenePosition;
        var sRot = self.sceneRotate;
        function func(call) {
            var ctrl3d = self.ctrl3d;
            self.pushState();
            self.proMatrix = ctrl3d.proMatrix;
            self.eyeMatrix = ctrl3d.eyeMatrix;
            self.sceneMatrix = ctrl3d.Matrix;
            self.eyePosition = ctrl3d.eyePosition;
            self.W = 120;
            self.H = 120;
            try {
                call();
            } catch (e) { }
            self.popState();
        }
        var flag;
        func(function () {
            var Bx = { minX: -0.5, minY: -0.5, minZ: -0.5, maxX: 0.5, maxY: 0.5, maxZ: 0.5 };
            var P = self.FindAtBox(x, y, Bx, new CLMatrix4());
            var end;
            if (P) {
                self.ViewAt(P.index);
                flag = true;
            }
        });
        return flag;
    }

    fn.createCtrl3d = function () {
        var self = this;
        var dm = self.ctrl3d = self.Generate3D6(1, 1, 1, 1);
        dm.Nc = 2;
        dm.Co = [206 / 255, 228 / 255, 175 / 255, 1];
        dm.Img = "/View/Web3D/Lib/Img/ctrl3d.png";
        dm.Tm = 2;
        self.Canvas.addEventListener("mousedown", function (e) {
            if (e.button == 0) {
                if (self.IsBusying) {
                    e.stopImmediatePropagation();
                    return;
                }
                var x = e.offsetX;
                var y = e.offsetY;
                if (x > self.W - 120 && y < 120) {
                    if (self.clickCtrl3d(x + 120 - self.W, y)) {
                        e.stopImmediatePropagation();
                    }
                }
            }
        });
    }

    fn.Load = function (scene) {
        var self = this;
        if (scene == null) {
            scene = {
                LightDir: [0.5, 1, 1],
                LightColor: [0.6, 0.6, 0.6],
                AmbientColor: [0.5, 0.5, 0.5],
                Models: {},
                Objects: []
            };
            self.Objects = {};
        } else {
            if (scene.sRot) {
                self.sceneRotate = scene.sRot;
            }
            if (scene.sPos) {
                self.scenePosition = scene.sPos;
            }
            if (scene.sSca) {
                self.sceneScale = scene.sSca;
            }
        }
        self.Selection = {};
        self.dataScene = scene;
        var obj = self.Objects = {};
        self.enumObjects(function (o) {
            obj[o.Id] = o;
            return true;
        });
        self.InitAlloc();
        var models = scene.Models;
        for (var key in models) {
            var dm = models[key];
            if (dm.fVn) {
                self.GenerateVVV(dm);
            }
        }
        self.createCtrl3d();
        self.Render();
        if (!self.__firstLoad__) {
            self.__firstLoad__ = true;
            self.EnableSave();
            self.EnableDragResize();
            self.EnableMoveObject();
            self.EnableRotateObject();
            self.EnableSelect();
            self.EnableDrawing();
            self.EnableRotateScene();
            self.EnableMenu();
            self.EnableScaleScene();
            self.EnableMoveScene();
            self.EnableSwitchAxisAndGrid();
            self.EnableResetScene();
            self.EnablePrint();
            self.EnableDelete();
        } else {
            self.Render();
        }
    }
    //为模型生成空间索引
    fn.GenerateSpaceIndexes = function (Objects) {
        var self = this;
        if (self.SpaceIndexes == null) {
            self.SpaceIndexes = {};
        }
        var Si = self.SpaceIndexes;
        for (var i = 0; i < Objects.length; i++) {
            var md = Objects[i];
            var x = md.X[0],
                y = md.Y[0],
                z = md.Z[0];
            x = parseInt(x /= 100);
            y = parseInt(y /= 100);
            z = parseInt(z /= 100);
            var id = x + ',' + y + ',' + z;
            if (Si[id] == null) {
                Si[id] = [];
            }
            Si[id].push(Objects[i]);
        }
    }

    fn.LoadUrl = function (url) {
        return HttpGet(url, null, false);
    }

    fn.SetVertexAndFragmentShader = function (VertexCode, FragmentCode) {
        var self = this;
        var gl = self.WebGL;
        //创建顶点着色器对象
        var vShader = gl.createShader(gl.VERTEX_SHADER);
        //创建片元着色器对象
        var fShader = gl.createShader(gl.FRAGMENT_SHADER);
        //引入顶点、片元着色器源代码
        gl.shaderSource(vShader, VertexCode);
        gl.shaderSource(fShader, FragmentCode);
        //编译顶点、片元着色器
        gl.compileShader(vShader);
        gl.compileShader(fShader);
        //创建程序对象program
        var program = gl.createProgram();
        //附着顶点着色器和片元着色器到program
        gl.attachShader(program, vShader);
        gl.attachShader(program, fShader);
        //链接program
        gl.linkProgram(program);
        //使用program
        gl.useProgram(program);
        if (self.Program) {
            DeleteProgram(self.Program);
            self.Program = null;
        }
        program.VertexShader = vShader;
        program.FragmentShader = fShader;
        var a_Position = gl.getAttribLocation(program, 'a_Position');
        Object.defineProperty(program, "a_Position", {
            set: function (buffer) {
                if (gl.LastBufferBind != buffer) {
                    gl.LastBufferBind = buffer;
                    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
                }
                gl.vertexAttribPointer(a_Position, 3, gl.FLOAT, false, 0, 0);
            }
        });
        gl.enableVertexAttribArray(a_Position);
        var a_Normal = gl.getAttribLocation(program, 'a_Normal');
        var Ne = false;
        Object.defineProperty(program, "a_Normal", {
            set: function (buffer) {
                if (a_Normal > -1) {
                    if (!buffer) {
                        if (Ne) {
                            Ne = false;
                            gl.disableVertexAttribArray(a_Normal);
                        }
                    } else {
                        if (!Ne) {
                            Ne = true;
                            gl.enableVertexAttribArray(a_Normal);
                        }
                        if (gl.LastBufferBind != buffer) {
                            gl.LastBufferBind = buffer;
                            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
                        }
                        gl.vertexAttribPointer(a_Normal, 3, gl.FLOAT, false, 0, 0);
                    }
                }
            }
        });
        var a_TextureCoord = gl.getAttribLocation(program, 'a_TextureCoord');
        var Te = false;
        Object.defineProperty(program, "a_TextureCoord", {
            set: function (buffer) {
                if (a_TextureCoord > -1) {
                    if (!buffer) {
                        if (Te) {
                            Te = false;
                            gl.disableVertexAttribArray(a_TextureCoord);
                        }
                    } else {
                        if (!Te) {
                            Te = true;
                            gl.enableVertexAttribArray(a_TextureCoord);
                        }
                        if (gl.LastBufferBind != buffer) {
                            gl.LastBufferBind = buffer;
                            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
                        }
                        gl.vertexAttribPointer(a_TextureCoord, 2, gl.FLOAT, false, 0, 0);
                    }
                }
            }
        });

        function createIndex(Count) {
            if (self.IndexBufer && Count < self.IndexBufer.Count) {
                return self.IndexBufer;
            }
            var arr = [];
            for (var i = 0; i < Count ; i++) {
                arr.push(i & 0x000000ff, (i & 0x0000ff00) >> 8, (i & 0x00ff0000) >> 16, (i & 0x00ff0000) >> 24);
            }
            gl.deleteBuffer(self.IndexBufer);
            self.IndexBufer = self.GpuAlloc(arr);
            return self.IndexBufer;
        }
        var a_Index = gl.getAttribLocation(program, 'a_Index');
        var Ie = false;
        Object.defineProperty(program, "a_Index", {
            set: function (buffer) {
                if (typeof buffer == "number") {
                    buffer = self.IndexBufer = createIndex(buffer);
                }
                if (a_Index > -1) {
                    if (!buffer) {
                        if (Ie) {
                            Ie = false;
                            gl.disableVertexAttribArray(a_Index);
                        }
                    } else {
                        if (!Ie) {
                            Ie = true;
                            gl.enableVertexAttribArray(a_Index);
                        }
                        if (gl.LastBufferBind != buffer) {
                            gl.LastBufferBind = buffer;
                            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
                        }
                        gl.vertexAttribPointer(a_Index, 4, gl.FLOAT, false, 0, 0);
                    }
                }
            }
        });

        var u_PointSize = gl.getUniformLocation(program, 'u_PointSize');
        Object.defineProperty(program, "u_PointSize", {
            set: function (v) {
                gl.uniform1f(u_PointSize, v);
            }
        });
        program.u_PointSize = 5.0;
        var u_FrontFacing = gl.getUniformLocation(program, 'u_FrontFacing');
        Object.defineProperty(program, "u_FrontFacing", {
            set: function (v) {
                gl.uniform1i(u_FrontFacing, v);
            }
        });
        program.u_FrontFacing = 1;
        var u_Color = gl.getUniformLocation(program, 'u_Color');
        Object.defineProperty(program, "u_Color", {
            set: function (color) {
                if (Array.isArray(color)) {
                    gl.uniform4fv(u_Color, color);
                } else {
                    gl.uniform4fv(u_Color, [color.r, color.g, color.b, color.a]);
                }
            }
        });
        var u_RenderMatrix = gl.getUniformLocation(program, 'u_RenderMatrix');
        Object.defineProperty(program, "u_RenderMatrix", {
            set: function (v) {
                gl.uniformMatrix4fv(u_RenderMatrix, false, v.buffer);
            }
        });
        var u_ModelMatrix = gl.getUniformLocation(program, 'u_ModelMatrix');
        Object.defineProperty(program, "u_ModelMatrix", {
            set: function (v) {
                gl.uniformMatrix4fv(u_ModelMatrix, false, v.buffer);
            }
        });

        var u_NormalMatrix = gl.getUniformLocation(program, 'u_NormalMatrix');
        Object.defineProperty(program, "u_NormalMatrix", {
            set: function (v) {
                gl.uniformMatrix4fv(u_NormalMatrix, false, v.buffer);
            }
        });
        program.u_NormalMatrix = new CLMatrix4();
        var u_Sampler = gl.getUniformLocation(program, 'u_Sampler');
        Object.defineProperty(program, "u_Sampler", {
            set: function (v) {
                gl.uniform1i(u_Sampler, v);
            }
        });
        program.u_Sampler = 0;
        var u_SamplerBox = gl.getUniformLocation(program, 'u_SamplerBox');
        Object.defineProperty(program, "u_SamplerBox", {
            set: function (v) {
                gl.uniform1i(u_SamplerBox, v);
            }
        });
        program.u_SamplerBox = 1;
        var u_TextureMode = gl.getUniformLocation(program, 'u_TextureMode');
        Object.defineProperty(program, "u_TextureMode", {
            set: function (v) {
                gl.uniform1f(u_TextureMode, v);
            }
        });
        var u_EyePosition = gl.getUniformLocation(program, 'u_EyePosition');
        Object.defineProperty(program, "u_EyePosition", {
            set: function (eye) {
                gl.uniform4fv(u_EyePosition, [eye.x, eye.y, eye.z, 1.0]);
            }
        });

        var u_Diffusefactor = gl.getUniformLocation(program, 'u_Diffusefactor');
        Object.defineProperty(program, "u_Diffusefactor", {
            set: function (v) {
                gl.uniform1f(u_Diffusefactor, v);
            }
        });
        var u_Smoothfactor = gl.getUniformLocation(program, 'u_Smoothfactor');
        Object.defineProperty(program, "u_Smoothfactor", {
            set: function (v) {
                gl.uniform1f(u_Smoothfactor, v);
            }
        });;
        program.u_Smoothfactor = 100;
        var u_NormalCreator = gl.getUniformLocation(program, 'u_NormalCreator');
        Object.defineProperty(program, "u_NormalCreator", {
            set: function (v) {
                gl.uniform1f(u_NormalCreator, v);
            }
        });
        var u_LightDir = gl.getUniformLocation(program, 'u_LightDir');
        Object.defineProperty(program, "u_LightDir", {
            set: function (dir) {
                if (Array.isArray(dir)) {
                    gl.uniform3fv(u_LightDir, dir);
                } else {
                    gl.uniform3fv(u_LightDir, [dir.x, dir.y, dir.z]);
                }
            }
        });
        var u_LightColor = gl.getUniformLocation(program, 'u_LightColor');
        Object.defineProperty(program, "u_LightColor", {
            set: function (color) {
                if (Array.isArray(color)) {
                    gl.uniform3fv(u_LightColor, color);
                } else {
                    gl.uniform3fv(u_LightColor, [color.r, color.g, color.b]);
                }
            }
        });
        var u_AmbientColor = gl.getUniformLocation(program, 'u_AmbientColor');
        Object.defineProperty(program, "u_AmbientColor", {
            set: function (color) {
                if (Array.isArray(color)) {
                    gl.uniform3fv(u_AmbientColor, color);
                } else {
                    gl.uniform3fv(u_AmbientColor, [color.r, color.g, color.b]);
                }
            }
        });
        self.Program = program;
        //返回程序program对象
        return program;
    }

    fn.Resize = function (width, height) {
        var self = this;
        if (self.Resize.t != null) {
            clearTimeout(self.Resize.t);
        }
        self.Resize.t = setTimeout(function () {
            clearTimeout(self.Resize.t);
            self.Resize.t = null;
            var Canvas = self.Canvas;
            if (!Canvas.isConnected) {
                return;
            }
            var Ele = self.Ele;
            if (width == null) {
                width = Ele.offsetWidth;
            }
            if (height == null) {
                height = Ele.offsetHeight;
            }
            self.W = width;
            self.H = height;
            Canvas.setAttribute("width", width);
            Canvas.setAttribute("height", height);
            self.WebGL.viewport(0, 0, width, height);
            self.ReleaseFrameObject(self.MemoryFrame);
            self.Render();
        });
    }
    //尺寸改变事件
    fn.autoResize = function () {
        var self = this;
        var width = self.Ele.clientWidth;
        if (self.sizeTimer) {
            clearInterval(self.sizeTimer);
        }
        self.sizeTimer = setInterval(function () {
            if (!self.Canvas.isConnected) {
                clearInterval(self.sizeTimer);
            }
            if (width != self.Ele.clientWidth) {
                width = self.Ele.clientWidth;
                self.Resize();
            }
        }, 50);
    }

    fn.SetNearAndFar = function (near, far) {
        var self = this;
        self.Near = near;
        self.Far = far;
    }

    fn.SetViewAngle = function (angle) {
        var self = this;
        self.ViewAngle = angle;
    }

    fn.RenderDelay = function (update, fo) {
        var self = this;
        update = update !== false;
        if (update) {
            self.LastRenderTime = new Date();
        }
        if (self.renderTimer != null) {
            return;
        }
        self.renderTimer = setTimeout(function () {
            clearTimeout(self.renderTimer);
            self.renderTimer = null;
            self.Render(fo);
        });
    }

    fn.LoadTexture2D = function (Dm, Success) {
        var self = this;
        if (Dm.__TextureLoading__) {
            return;
        }
        Dm.__TextureLoading__ = true;
        var gl = self.WebGL;
        var texture = gl.createTexture();
        var img = new Image();
        img.onload = function () {
            delete Dm.__TextureLoading__;
            Dm.Texture = texture;
            //gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);//对纹理图像进行y轴反转
            gl.activeTexture(gl.TEXTURE0);
            gl.bindTexture(gl.TEXTURE_2D, texture);
            var w = img.naturalWidth;
            var h = img.naturalHeight;
            var w2 = 1;
            var h2 = 1;
            while (w2 * 2 <= w) {
                w2 = w2 * 2;
            }
            while (h2 * 2 <= h) {
                h2 = h2 * 2;
            }
            w = w2;
            h = h2;
            var ctx = self.drawImage(img, w, h);
            data = ctx.getImageData(0, 0, w, h);
            gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
            //放大处理
            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
            //缩小处理
            gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
            gl.generateMipmap(gl.TEXTURE_2D);
            Success(Dm);
        }
        img.onerror = function () {
            Success(Dm);
        }
        img.src = Dm.Img;
    }

    fn.LoadTexture3D = function (Dm, Success) {
        var self = this;
        if (Dm.__TextureLoading__) {
            return;
        }
        Dm.__TextureLoading__ = true;
        var gl = self.WebGL;
        var texture = gl.createTexture();
        var img = new Image();
        img.onload = function () {
            delete Dm.__TextureLoading__;
            Dm.Texture = texture;
            //TEXTURE0
            var w = img.naturalWidth;
            var h = img.naturalHeight;
            var w2 = 1;
            var h2 = 1;
            while (w2 * 2 <= w / 6) {
                w2 = w2 * 2;
            }
            while (h2 * 2 <= h) {
                h2 = h2 * 2;
            }
            w = w2;
            h = h2;
            if (h > w) {
                h = w;
            }
            if (w > h) {
                w = h;
            }
            gl.activeTexture(gl.TEXTURE1);
            gl.bindTexture(gl.TEXTURE_CUBE_MAP, texture);
            var data;
            var ctx = self.drawImage(img, w * 6, h);
            //w /= 6;
            data = ctx.getImageData(0, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_Y, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);

            data = ctx.getImageData(w, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_NEGATIVE_Y, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);

            data = ctx.getImageData(2 * w, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_NEGATIVE_X, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);

            data = ctx.getImageData(3 * w, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_Z, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);

            data = ctx.getImageData(4 * w, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_POSITIVE_X, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);

            data = ctx.getImageData(5 * w, 0, w, h);
            gl.texImage2D(gl.TEXTURE_CUBE_MAP_NEGATIVE_Z, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, data);
            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
            //放大处理
            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
            //缩小处理
            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
            gl.generateMipmap(gl.TEXTURE_CUBE_MAP);
            Success(Dm);
        }
        img.onerror = function () {
            Success(Dm);
        }
        img.src = Dm.Img;
    }

    fn.RenderPrepaer = function (fo, render) {
        var self = this;
        var gl = self.WebGL;
        var Ds = self.dataScene;
        var program = self.Program;
        var mat4 = new CLMatrix4();
        var sRot = self.sceneRotate;
        var sPos = self.scenePosition;
        var sSca = self.sceneScale;
        var eye = self.eyePosition;
        var look = self.lookPosition;
        var up = self.projectUp;
        var baseRender;
        var baseRotate;
        (function () {
            self.BindFrameObject(fo);
            gl.clearColor(0.0, 0.0, 0.0, 0.0);
            gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
            mat4.setPerspective(self.ViewAngle, self.W / self.H, self.Near, self.Far);
            self.proMatrix = new CLMatrix4(mat4);
            mat4.setLookAt(eye.x, eye.y, eye.z, look.x, look.y, look.z, up.x, up.y, up.z);
            self.eyeMatrix = new CLMatrix4(mat4);
            mat4.setTranslate(sPos.x, sPos.y, sPos.z);
            mat4.rotateXYZ(sRot.x, sRot.y, sRot.z);
            mat4.scale(sSca, sSca, sSca);
            self.sceneMatrix = new CLMatrix4(mat4);
            gl.disable(gl.CULL_FACE);
            mat4.setIdentity();
            mat4.rotateXYZ(sRot.x, sRot.y, sRot.z);
            baseRotate = mat4;

            baseRender = new CLMatrix4(self.proMatrix);
            baseRender.multiply(self.eyeMatrix);
            baseRender.multiply(self.sceneMatrix);
        }());
        var program = self.Program;

        var mat = new CLMatrix4(self.proMatrix);
        mat.multiply(self.eyeMatrix);
        mat.translate(0, 0, -0.01);
        mat.multiply(self.sceneMatrix);

        program.u_RenderMatrix = mat;
        program.u_NormalMatrix = baseRotate;
        program.u_ModelMatrix = self.sceneMatrix;
        program.u_NormalCreator = 0;
        program.u_Diffusefactor = 0.9;
        program.u_EyePosition = eye;
        program.u_LightDir = Ds.LightDir;
        program.u_LightColor = Ds.LightColor;
        program.u_AmbientColor = Ds.AmbientColor;
        program.u_TextureMode = 0;
        //显示坐标
        if (self.showAxis) {
            self.RenderAxis();
        }
        //显示网格
        if (self.showGrid) {
            self.RenderGrid();
        }
        program.u_RenderMatrix = baseRender;
        render(baseRender, self.sceneMatrix, baseRotate);
    }

    var g_Store = [];

    fn.Render = function (fo) {
        var self = this;
        self.RenderPrepaer(fo, function (baseRender, baseWorld, baseRotate) {
            var Ds = self.dataScene;
            var Objs = Ds.Objects;
            g_Store = [];
            for (var i = 0; i < Objs.length ; i++) {
                self.drawObject(Objs[i], baseRender, baseWorld, fo);
            }
            if (self.toDraw) {
                self.drawModel(self.toDraw, baseRender, baseWorld, fo);
            }
            var gl = self.WebGL;
            var ctrl3d = self.ctrl3d;
            if (ctrl3d && !fo) {
                baseRender.setIdentity();
                ctrl3d.eyePosition = { x: 0, y: 1, z: 7 };
                ctrl3d.Matrix = baseRotate;
                var proMatrix = ctrl3d.proMatrix = new CLMatrix4();
                proMatrix.perspective(30, 1, self.Near, self.Far);
                var eyeMatrix = ctrl3d.eyeMatrix = new CLMatrix4();
                eyeMatrix.lookAt(0, 1, 7, 0, 0, 0, 0, 1, 0);
                baseRender.multiply(proMatrix);
                baseRender.multiply(eyeMatrix);
                baseRender.multiply(baseRotate);
                baseWorld = baseRotate;
                gl.viewport(self.W - 120, self.H - 120, 120, 120);
                gl.disable(gl.DEPTH_TEST);
                self.drawModel(ctrl3d, baseRender, baseWorld, fo);
                gl.enable(gl.DEPTH_TEST);
                gl.viewport(0, 0, self.W, self.H);
            }
            gl.depthMask(false);
            for (var i = 0; i < g_Store.length; i++) {
                g_Store.Id = i;
                self.drawModel(g_Store[i].Dm, null, null, fo);
            }
            gl.depthMask(true);
        });
    }

    function indxBuf(gl, idxs, length) {
        var arr;
        if (length < 256) {
            arr = new Uint8Array(idxs);
            arr.LenType = gl.UNSIGNED_BYTE;
        } else if (length < 65536) {
            arr = new Uint16Array(idxs);
            arr.LenType = gl.UNSIGNED_SHORT;
        } else {
            arr = new Uint32Array(idxs);
            arr.LenType = gl.UNSIGNED_INT;
        }
        return arr;
    }

    fn.drawObject = function (obj, baseRender, baseWorld, fo) {
        var self = this;
        var gl = self.WebGL;
        var Ds = self.dataScene;
        var Dm = Ds.Models[obj.DmId];
        Dm.X = obj.X;
        Dm.Y = obj.Y;
        Dm.Z = obj.Z;
        Dm.Co = obj.Co ? obj.Co : Dm.Co;
        Dm.Sh = obj.Sh !== undefined ? obj.Sh : Dm.Sh;
        var len = Dm.V.length / 3;
        var slct = self.Selection[obj.Id];
        var mat;
        var program = self.Program;
        if (slct) {
            gl.enable(gl.POLYGON_OFFSET_FILL);
            gl.polygonOffset(self.selectType == 0 ? 10 : 1, 1);
            if (Dm.Sm == 3 && self.selectType == 0) {
                Dm.Sm = 1;
                mat = self.drawModel(Dm, baseRender, baseWorld, fo);
                Dm.Sm = 3;
            } else if (Dm.Sm == 3 && self.selectType == 1) {
                Dm.Sm = 0;
                mat = self.drawModel(Dm, baseRender, baseWorld, fo);
                Dm.Sm = 3;
            } else if ((Dm.Sm == 0 && self.selectType == 0) || (Dm.Sm == 1 && self.selectType == 1)) {
                var Sh = Dm.Sh;
                Dm.Sh = false;
                mat = self.drawModel(Dm, baseRender, baseWorld, fo);
                program.a_Position = Dm.GpuV;
                Dm.Sh = Sh;
                program.u_RenderMatrix = mat.Rd;
                program.u_ModelMatrix = mat.Wl;
                program.u_NormalMatrix = mat.Nm;
            } else {
                mat = self.drawModel(Dm, baseRender, baseWorld, fo);
            }
            gl.disable(gl.POLYGON_OFFSET_FILL);
        } else {
            mat = self.drawModel(Dm, baseRender, baseWorld, fo);
        }
        function drawslct(mode, idxs) {
            if (idxs == null || idxs.length == 0) {
                return;
            }
            if (!idxs.GpuBuf) {
                idxs.GpuBuf = gl.createBuffer();
                gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, idxs.GpuBuf);
                var data = indxBuf(gl, idxs, len);
                idxs.GpuBuf.LenType = data.LenType;
                gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, data, gl.STATIC_DRAW);
            } else {
                gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, idxs.GpuBuf);
            }
            gl.drawElements(mode, idxs.length, idxs.GpuBuf.LenType, 0);
        }
        function Box() {
            var i = 0;
            var dm = self.createModel(false);
            var Bx;
            if (self.selectType == 5) {
                Bx = Dm.Bx;
            } else {
                self.ObjBox3D(obj);
                Bx = obj.Bx;
            }
            if (Bx == null) {
                self.ObjBox3D(obj);
                Bx = Dm.Bx;
            }
            var minX = Bx.minX, maxX = Bx.maxX, minY = Bx.minY, maxY = Bx.maxY, minZ = Bx.minZ, maxZ = Bx.maxZ;
            var lx = (maxX - minX) / 4;
            var ly = (maxY - minY) / 4;
            var lz = (maxZ - minZ) / 4;
            minX -= lx / 10;
            maxX += lx / 10;
            minY -= ly / 10;
            maxY += ly / 10;
            minZ -= lz / 10;
            maxZ += lz / 10;
            var nV = [
                 minX, maxY, minZ, minX + lx, maxY, minZ, minX, maxY - ly, minZ, minX, maxY, minZ + lz,
                 minX, maxY, maxZ, minX + lx, maxY, maxZ, minX, maxY - ly, maxZ, minX, maxY, maxZ - lz,
                 maxX, maxY, maxZ, maxX - lx, maxY, maxZ, maxX, maxY - ly, maxZ, maxX, maxY, maxZ - lz,
                 maxX, maxY, minZ, maxX - lx, maxY, minZ, maxX, maxY - ly, minZ, maxX, maxY, minZ + lz,
                 minX, minY, minZ, minX + lx, minY, minZ, minX, minY + ly, minZ, minX, minY, minZ + lz,
                 minX, minY, maxZ, minX + lx, minY, maxZ, minX, minY + ly, maxZ, minX, minY, maxZ - lz,
                 maxX, minY, maxZ, maxX - lx, minY, maxZ, maxX, minY + ly, maxZ, maxX, minY, maxZ - lz,
                 maxX, minY, minZ, maxX - lx, minY, minZ, maxX, minY + ly, minZ, maxX, minY, minZ + lz
            ];
            var nL = [
                0, 1, 0, 2, 0, 3,
                4, 5, 4, 6, 4, 7,
                8, 9, 8, 10, 8, 11,
                12, 13, 12, 14, 12, 15,
                16, 17, 16, 18, 16, 19,
                20, 21, 20, 22, 20, 23,
                24, 25, 24, 26, 24, 27,
                28, 29, 28, 30, 28, 31,
            ];
            dm.L = nL;
            dm.V = nV;
            dm.Nc = 0;
            dm.Sm = 1;
            dm.Co = [1, 1, 1, 1];
            dm.X = obj.X;
            dm.Y = obj.Y;
            dm.Z = obj.Z;
            dm.Scale = obj.Scale;
            return dm;
        }
        if (slct) {
            if (self.selectType < 5) {
                if (self.selectType == 0) {
                    program.u_NormalCreator = 0;
                    if (slct.U) {
                        program.u_Color = [1, 0, 0, 1];
                        drawslct(gl.POINTS, slct.P);
                        program.u_Color = [1, 1, 1, 1];
                        drawslct(gl.POINTS, slct.U);
                    } else {
                        program.u_Color = [1, 1, 1, 1];
                        gl.drawArrays(gl.POINTS, 0, len);
                    }
                } else if (self.selectType < 5) {
                    if (self.selectType > 1) {
                        if (self.selectType < 4 && Dm.type > 30000) {
                            var Sm = Dm.Sm;
                            var Co = Dm.Co;
                            Dm.Sm = 1;
                            Dm.Co = [1, 1, 1, 1];
                            self.drawModel(Dm, baseRender, baseWorld, fo);
                            Dm.Sm = Sm;
                            Dm.Co = Co;
                        }
                        if (slct.F) {
                            program.u_Color = [1, 0, 0, 0.5];
                            drawslct(gl.TRIANGLES, slct.F);
                        }
                    } else {
                        if (!Dm.IsCv) {
                            if (slct.U) {
                                program.u_NormalCreator = 0;
                                program.u_Color = [1, 0, 0, 1];
                                drawslct(gl.LINES, slct.L);
                                program.u_Color = [1, 1, 1, 1];
                                drawslct(gl.LINES, slct.U);
                            } else {
                                var Sm = Dm.Sm;
                                var Co = Dm.Co;
                                Dm.Sm = 1;
                                Dm.Co = [1, 1, 1, 1];
                                self.drawModel(Dm, baseRender, baseWorld, fo);
                                Dm.Sm = Sm;
                                Dm.Co = Co;
                            }
                        }
                    }
                }
            }
            if (self.selectType >= 5) {
                var name = "Box" + self.selectType;
                if (self.selectType == 6) {
                    self.ModelRelease(slct[name]);
                    delete slct[name];
                }
                if (!slct[name]) {
                    slct[name] = Box();
                } else {
                    slct[name].X = obj.X;
                    slct[name].Y = obj.Y;
                    slct[name].Z = obj.Z;
                }
                self.drawModel(slct[name], baseRender, baseWorld, fo);
            }
        }
        if (mat) {
            var Sub = obj.Sub;
            if (Sub && Sub.length > 0) {
                for (var i = 0; i < Sub.length; i++) {
                    self.drawObject(Sub[i], mat.Rd, mat.Wl, mat.Rt);
                }
            }
        }
    }

    fn.drawModel = function (Dm, baseRender, baseWorld, fo) {
        var self = this;
        var gl = self.WebGL;
        var Sh = Dm.Sh;
        if (Dm.Img && !Dm.Texture && Sh) {
            if (Dm.Tm == 1) {
                if (Dm.Vt) {
                    self.LoadTexture2D(Dm, function () {
                        self.RenderDelay(false, fo);
                    });
                    return;
                }
            } else if (Dm.Tm == 2) {
                self.LoadTexture3D(Dm, function () {
                    self.RenderDelay(false, fo);
                });
                return;
            }
        }

        var program = self.Program;
        var mat;
        var thisRender;
        var thisWorld;
        var thisNormal;
        var Id = g_Store.Id;
        if (Id == null) {
            mat = new CLMatrix4(baseRender);
            mat.translate(Dm.X[0], Dm.Y[0], Dm.Z[0]);
            mat.rotateXYZ(Dm.X[1], Dm.Y[1], Dm.Z[1]);
            mat.scale(Dm.X[2], Dm.Y[2], Dm.Z[2]);
            thisRender = new CLMatrix4(mat);

            mat = new CLMatrix4(baseWorld);
            mat.rotateXYZ(Dm.X[1], Dm.Y[1], Dm.Z[1]);
            mat.scale(Dm.X[2], Dm.Y[2], Dm.Z[2]);
            if (Dm.X[2] == 0 || Dm.Y[2] == 0 || Dm.Z[2] == 0) {
                mat.adjoint();
            } else {
                mat.invert();
            }
            mat.transpose();
            thisNormal = new CLMatrix4(mat);

            mat.set(baseWorld);
            mat.translate(Dm.X[0], Dm.Y[0], Dm.Z[0]);
            mat.rotateXYZ(Dm.X[1], Dm.Y[1], Dm.Z[1]);
            mat.scale(Dm.X[2], Dm.Y[2], Dm.Z[2]);
            thisWorld = mat;
        } else {
            var ele = g_Store[Id];
            thisRender = ele.Rd;
            thisWorld = ele.Wl;
            thisNormal = ele.Nm;
            Dm.Co = ele.Co;
        }

        if (!Sh || Dm.V.length == 0) {
            return { Rd: thisRender, Wl: thisWorld, Nm: thisNormal }
        }

        function set() {
            program.u_RenderMatrix = thisRender;
            program.u_ModelMatrix = thisWorld;
            program.u_NormalMatrix = thisNormal;
        }

        if (Dm.Co[3] > 0 && Dm.Co[3] < 1 && Id == null) {
            g_Store.push({
                Dm: Dm,
                Co: [Dm.Co[0], Dm.Co[1], Dm.Co[2], Dm.Co[3]],
                Rd: thisRender,
                Wl: thisWorld,
                Nm: thisNormal
            });
            if (self.Editable) {
                set();
            }
            return;
        }
        set();
        program.u_Smoothfactor = Dm.Sf;
        var mode = Dm.Sm;
        mode = mode === undefined ? 0 : mode;
        var Type;
        var Bytes;
        var V = Dm.V;

        //法线
        if (!Dm.GpuVn && Dm.Nc == 1) {
            if (!Dm.Vn) {
                self.GenerateVn(Dm);
            }
            Dm.GpuVn = self.GpuAlloc(Dm.Vn);
        }
        program.a_Normal = Dm.GpuVn;
        if (!Dm.GpuVt && (Dm.Tm == 1)) {
            Dm.GpuVt = self.GpuAlloc(Dm.Vt);
        }
        program.a_TextureCoord = Dm.GpuVt;
        if (Dm.Tm == 1) {
            gl.activeTexture(gl.TEXTURE0);
            gl.bindTexture(gl.TEXTURE_2D, Dm.Texture);
        }
        if (Dm.Tm == 2) {
            gl.activeTexture(gl.TEXTURE1);
            gl.bindTexture(gl.TEXTURE_CUBE_MAP, Dm.Texture);
        }
        var idxs;
        function indexAlloc(mode) {
            var name;
            var len = Dm.Ve ? (Dm.Ve.length + Dm.V.length) / 3 : Dm.V.length / 3;
            if (mode == 1 || mode == 3) {
                name = "GpuL";
                idxs = Dm.L;
                Type = gl.LINES;
            }
            if (mode == 2) {
                name = "GpuF";
                if (Dm.F.length == 1) {
                    idxs = Dm.F[0];
                } else {
                    idxs = [];
                    var Fr = Dm.Fr || Dm.F;
                    for (var i = 0; i < Fr.length; i++) {
                        idxs = idxs.concat(Fr[i]);
                    }
                }
                Type = gl.TRIANGLES;
            }
            if (!!name) {
                if (!Dm[name]) {
                    Dm[name] = gl.createBuffer();
                    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, Dm[name]);
                    idxs = indxBuf(gl, idxs, len);
                    Dm[name].LenType = idxs.LenType;
                    gl.bufferData(gl.ELEMENT_ARRAY_BUFFER, idxs, gl.STATIC_DRAW);
                } else {
                    gl.bindBuffer(gl.ELEMENT_ARRAY_BUFFER, Dm[name]);
                }
                return Dm[name].LenType;
            }
        }
        //绑定顶点索引
        var LenType = indexAlloc(mode);
        //顶点
        if (!Dm.GpuV) {
            Dm.GpuV = self.GpuAlloc(Dm.Ve ? Dm.V.concat(Dm.Ve) : Dm.V);
        }
        program.a_Position = Dm.GpuV;
        //绘制
        function draw() {
            program.u_Color = Dm.Co;
            program.u_Diffusefactor = Dm.Df;
            if (Dm.Texture == null) {
                program.u_TextureMode = Dm.Tm == 1 || Dm.Tm == 2 ? 0 : Dm.Tm;
            } else {
                program.u_TextureMode = Dm.Tm;
            }
            if (mode == 0 || mode == 3) {
                gl.drawArrays(gl.POINTS, 0, V.length / 3);
            }
            if (mode > 0) {
                gl.drawElements(Type, idxs.length, LenType, 0);
            }
        }

        if (mode == 2) {
            program.u_NormalCreator = Dm.Nc;
            if (Dm.Nc != 1 && Dm.Bs == 1) {
                gl.disable(gl.CULL_FACE);
                draw();
            } else {
                gl.enable(gl.CULL_FACE);
                if (Dm.Bs > 0) {
                    program.u_FrontFacing = 0;
                    gl.cullFace(gl.FRONT);
                    draw();
                }
                if (Dm.Bs < 2) {
                    program.u_FrontFacing = 1;
                    gl.cullFace(gl.BACK);
                    draw();
                }
            }
        } else {
            program.u_NormalCreator = 0;
            draw();
        }
        return { Rd: thisRender, Wl: thisWorld }
    }

    fn.RenderGrid = function () {
        var self = this;
        var gl = self.WebGL;
        var size = self.sceneRotate.x == 90 ? 150 : 50;
        if (self.gridBuffer == null || self.gridBuffer.size != size) {
            var lines = [];
            var unit = 1;
            var a = size / 2;
            for (var x = 0; x < size + 1; x++) {
                lines.push(
                    -unit * a, 0, x * unit - unit * a,
                     unit * a, 0, x * unit - unit * a,
                     x * unit - unit * a, 0, -unit * a,
                     x * unit - unit * a, 0, unit * a
                    );
            }
            self.GpuFree(self.gridBuffer);
            self.gridBuffer = self.GpuAlloc(lines);
            self.gridBuffer.pointCount = lines.length / 3;
            self.gridBuffer.size = size;
        }
        var program = self.Program;
        program.u_Color = [1, 1, 1, 0.3];
        program.a_Position = self.gridBuffer;
        program.a_Normal = null;
        program.a_TextureCoord = null;
        gl.drawArrays(gl.LINES, 0, self.gridBuffer.pointCount);
    }

    fn.RenderAxis = function () {
        var self = this;
        var gl = self.WebGL;
        var size = 1.5;
        var a = 0.02;
        if (self.axisBuffer == null) {
            var lines = [
                -size, 0, 0, size, 0, 0,//X轴
                0, size, 0, 0, -size, 0, //Y轴
                0, 0, -size, 0, 0, size,  //Z轴
                size - a * 2, 0, a, size - a * 2, 0, -a, size, 0, 0,//X箭头
                -a, size - a * 2, 0, a, size - a * 2, 0, 0, size, 0,//Y箭头
                a, 0, size - a * 2, -a, 0, size - a * 2, 0, 0, size//Z箭头
            ];
            self.axisBuffer = self.GpuAlloc(lines);
        }
        var program = self.Program;
        program.a_Normal = null;
        program.a_TextureCoord = null;
        program.a_Position = self.axisBuffer;
        program.u_Color = [1, 0.0, 0.0, 1];
        gl.drawArrays(gl.LINES, 0, 2);
        gl.drawArrays(gl.TRIANGLES, 6, 3);
        program.u_Color = [0.0, 1, 0.0, 1];
        gl.drawArrays(gl.LINES, 2, 2);
        gl.drawArrays(gl.TRIANGLES, 9, 3);
        program.u_Color = [0.0, 0.0, 1, 1];
        gl.drawArrays(gl.LINES, 4, 2);
        gl.drawArrays(gl.TRIANGLES, 12, 3);

    }

    fn.Prop = function (force) {
        var self = this;
        if (!self.Editable) {
            return;
        }
        var PropDiv = self.PropDiv;
        var keys = Object.keys(self.Selection);
        if (keys.length != 1) {
            if (self.PropDiv) {
                self.PropDiv.remove();
            }
            if (PropDiv) {
                delete PropDiv.Id;
            }
            return;
        }
        if (PropDiv && PropDiv.Id == keys[0] && !force) {
            return;
        }
        if (!PropDiv) {
            self.PropDiv = PropDiv = document.createElement("div");
            PropDiv.className = "Prop";
        }
        PropDiv.Id = keys[0];
        self.Ele.appendChild(PropDiv);
        self.ObjectProp(self.Objects[keys[0]]);
    }

    fn.OpenInfo = null;

    var fonts;

    fn.ObjectProp = function (obj) {
        var self = this;
        if (self.OpenInfo == null) {
            self.OpenInfo = {};
        }
        var Ds = self.dataScene;
        var Dm = Ds.Models[obj.DmId];
        function showOrhide(span) {
            var block = span.block;
            if (block.offsetHeight != 0) {
                span.innerHTML = "&#xe767";
                block.style.display = "none";
            } else {
                span.innerHTML = "&#xe768";
                block.style.display = "inline-block";
            }
        }
        function fspan(lb) {
            var div = fblock();
            div.style.zoom = 0.8;
            var span = document.createElement("span");
            span.innerHTML = "&#xe768";
            span.style.cssText = "display:inline-block;float:right;font-size:10px;cursor:pointer;font-weight:100;font-family:CLFont";
            span.block = div;
            span.onclick = function () {
                var span = this;
                var name = span.parentNode.Name;
                self.OpenInfo[name] = !self.OpenInfo[name];
                showOrhide(span);
            }
            lb.appendChild(span);
            return span;
        }
        function fblock() {
            var Val = createValue(PropDiv, "div");
            Val.style.border = "none";
            Val.style.paddingLeft = "20px";
            Val.style.height = "initial";
            Val.style.margin = "5px 0";
            return Val;
        }
        var PropDiv = self.PropDiv;
        PropDiv.innerHTML = "";
        var lb = createLabel("名称", PropDiv);
        var ctrl = fspan(lb);
        var input = createValue(PropDiv);
        input.value = obj.Name;
        input.onchange = function () {
            obj.Name = input.value;
        }
        ctrl.block.appendChild(input);
        createMargin(PropDiv);
        if (!self.OpenInfo["名称"]) {
            showOrhide(ctrl);
        }

        function loading(call) {
            call();
        }

        function func(div, name, index) {
            var Val = fblock();
            div.appendChild(Val);
            var text = document.createTextNode(name + ":");
            Val.appendChild(text);
            var Iv = createValue(PropDiv);
            Iv.style.width = "140px";
            Iv.style.marginLeft = "15px";
            Iv.style.height = "20px";
            Iv.style.lineHeight = "18px";
            Val.appendChild(Iv);
            Iv.oninput = function () {
                CLCheckFloat(Iv, 3);
            }
            Iv.onchange = function () {
                obj[name][index] = !!Iv.value ? Iv.value - 0 : 0;
                self.RenderDelay();
            }
            Iv.value = obj[name][index].toFixed(3);
            CLCheckFloat(Iv, 3);
        }

        (function (平移) {
            lb = createLabel("平移", PropDiv);
            span = fspan(lb);
            var tranb = span.block;
            tranb.style.paddingLeft = "";
            func(tranb, "X", 0);
            func(tranb, "Y", 0);
            func(tranb, "Z", 0);
            createMargin(PropDiv);
            if (!self.OpenInfo["平移"]) {
                showOrhide(span);
            }
        }());
        
        (function (旋转) {
            lb = createLabel("旋转", PropDiv);
            var ctrl = fspan(lb);
            var rranb = ctrl.block;
            rranb.style.paddingLeft = "";
            func(rranb, "X", 1);
            func(rranb, "Y", 1);
            func(rranb, "Z", 1);
            if (!self.OpenInfo["旋转"]) {
                showOrhide(ctrl);
            }
        }());

        (function (缩放) {
            lb = createLabel("缩放", PropDiv);
            var ctrl = fspan(lb);
            var rranb = ctrl.block;
            rranb.style.paddingLeft = "";
            func(rranb, "X", 2);
            func(rranb, "Y", 2);
            func(rranb, "Z", 2);
            if (!self.OpenInfo["缩放"]) {
                showOrhide(ctrl);
            }
        }());

        (function (渲染) {
            lb = createLabel("渲染", PropDiv);
            var ctrl = fspan(lb);
            var rblcok = ctrl.block;
            var Val = func3(rblcok, "边缘");
            var ccbox = new CLCheckBox("平滑", Val);
            Val.lastChild.style.display = "inline-block";
            ccbox.onchanged = function () {
                if (ccbox.checked) {
                    Dm.Nc = 1;
                } else {
                    Dm.Nc = 2;
                }
                self.RenderDelay(false);
            }
            ccbox.checked = Dm.Nc == 1;
            Val = func3(rblcok, "颜色");
            var clr = document.createElement("div");
            clr.style.cssText = "width:50px;height:18px;display:inline-block;vertical-align:top;margin-top:3px";
            clr.style.background = "rgb(" + (Dm.Co[0] * 255) + "," + (Dm.Co[1] * 255) + "," + (Dm.Co[2] * 255) + ")";
            Val.appendChild(clr);
            clr.onclick = function () {
                var menu = self.Dialog(305, 285, this);
                menu.Div.style.padding = "0";
                function func(e) {
                    menu.Close();
                    self.Canvas.removeEventListener("mouseup", func, true);
                    e.stopPropagation();
                }
                self.Canvas.addEventListener("mouseup", func, true);
                menu.Reset(null, null, 0.8);
                var _color = new CLColors(this.style.background, menu.Div);
                _color.Pointer.style.borderRightColor = "#eee";
                _color.onchange = function (color) {
                    var rgb = CLColors.toRgba(color);
                    clr.style.background = color;
                    Dm.Co[0] = rgb.R / 255;
                    Dm.Co[1] = rgb.G / 255;
                    Dm.Co[2] = rgb.B / 255;
                    self.RenderDelay(false);
                }
            };

            Val = func3(rblcok, "透明度");

            var Iv = createValue(Val);
            Iv.style.width = "60px";
            Iv.style.height = "20px";
            Iv.style.lineHeight = "18px";
            Iv.value = Dm.Co[3];
            CLCheckFloat(Iv, 2, 0, 1);
            Iv.oninput = function () {
                CLCheckFloat(this, 2, 0, 1);
                Dm.Co[3] = this.value - 0;
                self.RenderDelay(false);
            };

            (function () {
                if (Dm.type == 0 || Dm.type > 30000) {
                    var Val = func3(rblcok, "模式");
                    var list = new CLList([{ ID: "0", Name: "顶点" }, { ID: "1", Name: "轮廓" }, { ID: "2", Name: "表面" }, { ID: "3", Name: "点线" }], Val, false, function (Item, ItemData) {
                        Item.style.display = "inline-block";
                        Item.style.width = "initial";
                        Item.style.padding = "0 10px 0 0";
                    });
                    list.canLost = false;
                    list.Select(Dm.Sm);
                    list.OnSelected = function (ItemData) {
                        Dm.Sm = ItemData.ID - 0;
                        self.RenderDelay();
                    }
                    var style = Val.lastChild.style;
                    style.display = "inline-block";
                    style.paddingTop = "2px";
                    style.verticalAlign = "top";
                    style.width = "130px";
                    style.float = "initial";
                    var Val = func3(rblcok, "散射强度");
                    Iv = Iv.cloneNode();
                    Iv.value = Dm.Df;
                    CLCheckFloat(Iv, 2, 0, 1);
                    Val.appendChild(Iv);
                    Iv.oninput = function () {
                        CLCheckFloat(this, 2, 0, 1);
                        Dm.Df = this.value - 0;
                        self.RenderDelay(false);
                    }

                    var Val = func3(rblcok, "光滑度");
                    Iv = Iv.cloneNode();
                    Val.appendChild(Iv);
                    Iv.value = Dm.Sf;
                    CLCheckInt(Iv, 0, 10000);
                    Iv.oninput = function () {
                        CLCheckInt(this, 0, 10000);
                        Dm.Sf = this.value - 0;
                        self.RenderDelay(false);
                    }

                    var Val = func3(rblcok, "剔除");
                    list = new CLList([{ ID: "0", Name: "正面" }, { ID: "1", Name: "背面" }], Val, false, function (Item, ItemData) {
                        Item.style.display = "inline-block";
                        Item.style.width = "initial";
                        Item.style.padding = "0 10px 0 0";
                    });
                    var style = Val.lastChild.style;
                    style.display = "inline-block";
                    style.paddingTop = "2px";
                    style.verticalAlign = "top";
                    style.width = "130px";
                    style.float = "initial";
                    if (Dm.Bs == 0) {
                        list.Select(1);
                    } else if (Dm.Bs == 2) {
                        list.Select(0);
                    }
                    list.OnLostSelected = list.OnSelected = function (ItemData) {
                        var ID = this.getSelIds()[0];
                        if (ID == null) {
                            Dm.Bs = 1;
                        } else if (ID == 1) {
                            Dm.Bs = 0;
                        } else if (ID == 0) {
                            Dm.Bs = 2;
                        }
                        self.RenderDelay();
                    }
                }
            }());

            Val = func3(rblcok, "纹理");
            var btn = document.createElement("div");
            btn.innerHTML = "选择";
            btn.className = "Btn";
            Val.appendChild(btn);
            btn.onclick = function () {
                self.selectImage(function (url) {
                    Dm.Tm = 1;
                    Dm.Img = url.substr(CLHost.length);
                    if (Dm.Texture) {
                        var gl = self.WebGL;
                        gl.deleteTexture(Dm.Texture);
                        delete Dm.Texture;
                    }
                    self.RenderDelay(false)
                });
            }
            if (!self.OpenInfo["渲染"]) {
                showOrhide(ctrl);
            }
        }());

        function func2(div, name, showName, check, call) {
            var Val = fblock();
            div.appendChild(Val);
            var span = document.createElement("span");
            span.innerHTML = showName + "：";
            span.style.display = "inline-block";
            span.style.width = "85px";
            span.style.textAlign = "right";
            Val.appendChild(span);
            var Iv = createValue(PropDiv);
            Iv.style.width = "calc(100% - 108px)";
            Iv.style.marginLeft = "15px";
            Iv.style.height = "20px";
            Iv.style.lineHeight = "18px";
            Iv.value = Dm.Prop[name] - 0;
            check(Iv);
            Iv.oninput = function () {
                check(Iv);
            }
            Val.appendChild(Iv);
            Iv.onchange = function () {
                Dm.Prop[name] = Iv.value - 0;
                call();
            }
        }

        function func3(block, name, type) {
            var Val = fblock();
            block.appendChild(Val);
            var lb = document.createElement("div");
            lb.innerHTML = name + "：";
            Val.appendChild(lb);
            var style = lb.style;
            style.display = "inline-block";
            style.verticalAlign = "top";
            style.textAlign = "right";
            if (type == 1) {
                style.width = "85px";
            } else {
                lb.style.marginRight = "15px";
            }
            return Val;
        }

        var fmap = {
            f10001: function (block) {
                block.style.padding = "";
                var prop = Dm.Prop;
                function update() {
                    loading(function () {
                        var lineObj = self.Objects[obj.lineId];
                        var lineDm = Ds.Models[lineObj.DmId];
                        self.ToRadiusLine(Dm, prop.closed, lineDm, prop.lSec, prop.R, prop.rSec);
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.ModelRelease(lineDm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "圆角半径", function (Iv) {
                    CLCheckFloat(Iv, 3, 0);
                }, update);
                func2(block, "lSec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "rSec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "状态", 1);
                var box = new CLCheckBox("闭合", Val);
                box.checked = prop.closed;
                var style = Val.lastChild.style;
                style.display = "inline-block";
                style.marginLeft = "15px";
                box.onchanged = function () {
                    prop.closed = box.checked;
                    update();
                }
            },
            f10002: function (block) {
                block.style.padding = "";
                var prop = Dm.Prop;
                function update() {
                    loading(function () {
                        var lineObj = self.Objects[obj.lineId];
                        var lineDm = Ds.Models[lineObj.DmId];
                        self.ToBezier3(Dm, prop.closed, lineDm, prop.factor, prop.Sec);
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.ModelRelease(lineDm);
                        self.RenderDelay();
                    });
                }
                func2(block, "factor", "曲率因子", function (Iv) {
                    CLCheckFloat(Iv, 3, 0, 1);
                }, update);
                func2(block, "Sec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "状态", 1);
                var box = new CLCheckBox("闭合", Val);
                box.checked = prop.closed;
                var style = Val.lastChild.style;
                style.display = "inline-block";
                style.marginLeft = "15px";
                box.onchanged = function () {
                    prop.closed = box.checked;
                    update();
                }
            },
            f20001: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2D3Free(prop.p1, prop.p2, prop.p3, prop.Sec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "Sec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
            },
            f20002: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2DRect(prop.l, prop.w, prop.lSec, prop.wSec, prop.r, prop.rSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "l", "长度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "w", "宽度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "lSec", "长度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "wSec", "宽度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "r", "角半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "rSec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
            },
            f20003: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var angle = (prop.N - 2) * 180 / prop.N / 2;
                        var len = 2 * Math.cos(angle * Math.PI / 180) * prop.R;
                        var dm = self.Generate2DN(prop.N, len, prop.lSec, prop.r, prop.rSec)
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "N", "边数", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
                func2(block, "lSec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
                func2(block, "r", "角半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "rSec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
            },
            f20004: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2DCircle(prop.Sec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.X[2] = prop.w / 2;
                        Dm.Z[2] = prop.l / 2;
                        self.SwitchTo(Dm);
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "l", "长度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "w", "宽度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Sec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
            },
            f20005: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.createModel(false);
                        self.drawArc(dm, new CLVec3(), prop.R, prop.From, prop.To, prop.Sec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "From", "从", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "To", "到", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Sec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
            },
            f20006: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2DTorus(prop.R, prop.r, prop.Sec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径(外)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "r", "半径(内)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Sec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
            },
            f20007: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2DStar(prop.R, prop.r, prop.N, prop.lSec, prop.AR, prop.Ar, prop.ASec, prop.aSec, prop.aOff)
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径(外)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "r", "半径(内)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "N", "凹凸数", function (Iv) {
                    CLCheckInt(Iv, 3, 200);
                }, update);
                func2(block, "lSec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 200);
                }, update);
                func2(block, "AR", "角半径(外)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Ar", "角半径(内)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "ASec", "插值(外)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "aSec", "插值(内)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "aOff", "扭曲", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
            },
            f20008: function (block) {
                block.style.padding = "";
                var prop = Dm.Prop;
                function update() {
                    loading(function () {
                        var dm = self.Generate2DText(prop.Ff, prop.Fw, prop.Tt, prop.size, prop.fd, prop.lh, prop.Sec, prop.italic, prop.align);
                        if (dm.V.length == 0) {
                            prop.Ff = Ff;
                            fontor.SetValue(Ff);
                            return;
                        } else {
                            Ff = prop.Ff;
                        }
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                var Val = func3(block, "字体", 1);
                var fontor = new CLSelect(Val);
                fontor.zoom = 0.64;
                fontor.EnableClear(true);
                fontor.EnableSearch(true);
                Val.firstChild.style.display = "inline-block";
                var Ff = prop.Ff;
                fontor.getItems = function (Success) {
                    if (fonts) {
                        Success(fonts);
                    } else {
                        self.QueryFontFamily(function (data) {
                            fonts = data;
                            Success(fonts);
                        });
                    }
                }
                fontor.OnMenuCreated = function () {
                    var ResetMenu = fontor.ResetMenu;
                    fontor.ResetMenu = function () {
                        ResetMenu(0.64);
                        var divMenu = document.body.querySelectorAll(".CLSelectMenu");
                        divMenu = divMenu[divMenu.length - 1];
                        divMenu.style.width = "205px";
                        var sel = divMenu.querySelector('.ItemSel');
                        if (sel) {
                            sel.scrollIntoView(true);
                        }
                    }
                    fontor.ResetMenu(0.64);
                }
                fontor.SetValue(prop.Ff);
                fontor.onchanged = function () {
                    prop.Ff = fontor.GetValue();
                    if (prop.Ff != Ff) {
                        update();
                    }
                }
                Val = fblock();
                block.appendChild(Val);
                var btn = document.createElement("div");
                btn.style["background-position"] = "16.66% 50%";
                Val.appendChild(btn);
                if (prop.italic) {
                    btn.className = "fontBtn fontSel";
                } else {
                    btn.className = "fontBtn";
                }
                btn.onclick = function () {
                    prop.italic = !prop.italic;
                    if (prop.italic) {
                        this.classList.add("fontSel");
                    } else {
                        this.classList.remove("fontSel");
                    }
                    update();
                }
                btn = btn.cloneNode();
                btn.style["background-position"] = "58.31% 0";
                Val.appendChild(btn);
                btn.onclick = function () {
                    if (prop.Fw != 900) {
                        prop.Fw = 900;
                        this.classList.add("fontSel");
                    } else {
                        prop.Fw = 100;
                        this.classList.remove("fontSel");
                    }
                    update();
                }
                if (prop.Fw == 900) {
                    btn.className = "fontBtn fontSel";
                } else {
                    btn.className = "fontBtn";
                }
                var Btns = [];
                btn = btn.cloneNode();
                Btns.push(btn);
                btn.style["background-position"] = "83.3% 0";
                Val.appendChild(btn);
                btn = btn.cloneNode();
                Btns.push(btn);
                btn.style["background-position"] = "66.64% 0";
                Val.appendChild(btn);
                btn = btn.cloneNode();
                Btns.push(btn);
                btn.style["background-position"] = "74.97% 0";
                Val.appendChild(btn);
                btn = btn.cloneNode();
                Btns.push(btn);
                btn.style["background-position"] = "83.3% 100%";
                Val.appendChild(btn);
                Btns.forEach(function (ele, index) {
                    if (index == prop.align) {
                        ele.className = "fontBtn fontSel";
                    } else {
                        ele.className = "fontBtn";
                    }
                    ele.onclick = function () {
                        if (Btns[prop.align]) {
                            Btns[prop.align].classList.remove("fontSel");
                        }
                        ele.classList.add("fontSel");
                        prop.align = index;
                        update();
                    }
                });
                func2(block, "size", "大小", function (Iv) {
                    CLCheckFloat(Iv, 2);
                }, update);
                func2(block, "fd", "间距", function (Iv) {
                    CLCheckFloat(Iv, 2);
                }, update);
                func2(block, "lh", "行高", function (Iv) {
                    CLCheckFloat(Iv, 2);
                }, update);
                func2(block, "Sec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "文本");
                var ta = document.createElement("textarea");
                ta.style.margin = "10px 0 0 35px";
                ta.style.background = "rgba(0,0,0,0)";
                ta.style.color = "#ccc";
                ta.style.width = "200px";
                ta.className = "Value";
                ta.style.height = "150px";
                ta.value = prop.Tt;
                ta.onchange = function () {
                    prop.Tt = ta.value;
                    update();
                }
                Val.appendChild(ta);
            },
            f20009: function (block) {
                block.style.padding = "";
                var prop = Dm.Prop;
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate2DSpring(prop.r1, prop.r2, prop.h, prop.hSec, prop.rSec, prop.back);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "r1", "半径(1)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "r2", "半径(2)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "h", "高度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "hSec", "圈数", function (Iv) {
                    CLCheckFloat(Iv, 3, 0, 100);
                }, update);
                func2(block, "rSec", "插值", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "方向", 1);
                var list = new CLList([{ ID: "0", Name: "顺时针" }, { ID: "1", Name: "逆时针" }], Val, false, function (Item, ItemData) {
                    var style = Item.style;
                    style.display = "inline-block";
                    style.width = "initial";
                    style.padding = "0 10px 0 0";
                });
                list.canLost = false;
                var style = Val.lastChild.style;
                style.float = "";
                style.paddingLeft = "30px";
                if (prop.back) {
                    list.Select("0");
                } else {
                    list.Select("1");
                }
                list.OnSelected = function () {
                    prop.back = list.getSelIds()[0] == 0;
                    update();
                }
            },
            f30001: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3D6(1, prop.xSec, prop.ySec, prop.zSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        Dm.X[2] = prop.宽;
                        Dm.Y[2] = prop.高;
                        Dm.Z[2] = prop.长;
                        self.SwitchTo(Dm);
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.RenderDelay();
                    });
                }
                func2(block, "长", "长", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "宽", "宽", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "高", "高", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "zSec", "长度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "xSec", "宽度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "ySec", "高度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                return block;
            },
            f30002: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DCone(prop.r1, prop.r2, prop.h, prop.rSec, prop.lSec, prop.hSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                if (Dm.type == 30005) {
                    func2(block, "r1", "半径", function (Iv) {
                        CLCheckFloat(Iv, 3);
                    }, function () {
                        var prop = Dm.Prop;
                        prop.r2 = prop.r1;
                        update();
                    });
                } else {
                    func2(block, "r1", "半径(1)", function (Iv) {
                        CLCheckFloat(Iv, 3);
                    }, update);
                    func2(block, "r2", "半径(2)", function (Iv) {
                        CLCheckFloat(Iv, 3);
                    }, update);
                }

                func2(block, "h", "高度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "hSec", "高度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "rSec", "端面分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "lSec", "边数", function (Iv) {
                    CLCheckInt(Iv, 4, 100);
                }, update);
                return block;
            },
            f30003: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DSphere(prop.r, prop.d1, prop.d2, prop.rSec1, prop.rSec2, prop.rSec3, prop.lSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "r", "半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "d1", "半球开始", function (Iv) {
                    CLCheckFloat(Iv, 3, 0, 1);
                }, update);
                func2(block, "d2", "半球结束", function (Iv) {
                    CLCheckFloat(Iv, 3, 0, 1);
                }, update);
                func2(block, "rSec1", "分段(1)", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "rSec2", "分段(2)", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "rSec3", "分段(3)", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "lSec", "边数", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
            },
            f30004: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DGeoSphere(prop.r, prop.sec, prop.base, prop.whole);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "r", "半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "sec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "基类型");
                var list = new CLList([{ ID: "4", Name: "正四面体" }, { ID: "8", Name: "正八面体" }, { ID: "20", Name: "正二十面体" }], Val, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "initial";
                    Item.style.padding = "0 10px 0 0";
                });
                list.canLost = false;
                Val.lastChild.style.float = "";
                Val.lastChild.style.paddingLeft = "30px";
                list.Select(Dm.Prop.base);
                list.OnSelected = function () {
                    Dm.Prop.base = list.getSelIds()[0];
                    update();
                }
                Val = func3(block, "半球");
                Val.firstChild.style.display = "inline-block";
                var box = new CLCheckBox("启用", Val);
                var style = Val.lastChild.style;
                style.display = "inline-block";
                style.marginLeft = "15px";
                box.checked = !Dm.Prop.whole;
                box.onchanged = function () {
                    Dm.Prop.whole = !box.checked;
                    update();
                }
            },
            f30006: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DTube(prop.r, prop.R, prop.h, prop.rSec, prop.hSec, prop.lSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径(1)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "r", "半径(2)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "h", "高度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "hSec", "高度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "rSec", "端面分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "lSec", "边数", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
            },
            f30007: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DTorus(prop.R, prop.r, prop.Sec, prop.sec, prop.smooth);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "R", "半径(1)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "r", "半径(2)", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Sec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "sec", "边数", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                var Val = func3(block, "光滑组");
                var list = new CLList([{ ID: "0", Name: "全部" }, { ID: "1", Name: "侧面" }, { ID: "2", Name: "分段" }], Val, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "initial";
                    Item.style.padding = "0 10px 0 0";
                });
                list.canLost = false;
                Val.lastChild.style.float = "";
                Val.lastChild.style.paddingLeft = "30px";
                list.Select(Dm.Prop.smooth);
                list.OnSelected = function () {
                    Dm.Prop.smooth = list.getSelIds()[0] - 0;
                    update();
                }
            },
            f30008: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DPyramid(prop.w, prop.h, prop.z, prop.wSec, prop.hSec, prop.zSec);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "w", "宽度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "h", "高度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "z", "深度", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "wSec", "宽度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "hSec", "高度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
                func2(block, "zSec", "深度分段", function (Iv) {
                    CLCheckInt(Iv, 1, 100);
                }, update);
            },
            f30009: function (block) {
                block.style.padding = "";
                function update() {
                    loading(function () {
                        var prop = Dm.Prop;
                        var dm = self.Generate3DTepot(prop.r, prop.Sec, prop.main, prop.hand, prop.mouth, prop.top);
                        self.BackId(0);
                        Dm.V = dm.V;
                        Dm.L = dm.L;
                        Dm.F = dm.F;
                        self.SelectionRelease();
                        self.Selection[obj.Id] = {};
                        self.ModelRelease(Dm);
                        self.RenderDelay();
                    });
                }
                func2(block, "r", "半径", function (Iv) {
                    CLCheckFloat(Iv, 3);
                }, update);
                func2(block, "Sec", "分段", function (Iv) {
                    CLCheckInt(Iv, 1, 30);
                }, update);
                var Val = func3(block, "茶壶部件");
                var list = new CLList([{ ID: "main", Name: "壶体" }, { ID: "hand", Name: "壶把" }, { ID: "mouth", Name: "壶嘴" }, { ID: "top", Name: "壶盖" }], Val, true, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "initial";
                    Item.style.padding = "0 10px 0 0";
                });
                list.canLost = false;
                Val.lastChild.style.float = "";
                Val.lastChild.style.paddingLeft = "30px";
                var arr = [];
                var prop = Dm.Prop;
                if (prop.main) {
                    arr.push("main");
                }
                if (prop.hand) {
                    arr.push("hand");
                }
                if (prop.mouth) {
                    arr.push("mouth");
                }
                if (prop.top) {
                    arr.push("top");
                }
                list.Selects(arr);
                function updateProp() {
                    prop.main = false;
                    prop.hand = false;
                    prop.mouth = false;
                    prop.top = false;
                    var ids = list.getSelIds();
                    for (var i = 0; i < ids.length; i++) {
                        prop[ids[i]] = true;
                    }
                }
                list.OnLostSelected = list.OnSelected = function () {
                    updateProp();
                    update();
                }
            },
            f30010: function (block) {
                block.style.padding = "";
                function update() { }
                var Val = func3(block, "路径");
                var style = Val.firstChild.style;
                style.width = "85px";
                style.margin = "0";
                var btn = document.createElement("div");
                btn.innerHTML = "获取";
                btn.className = "Btn";
                Val.appendChild(btn);
                function find(end) {
                    self.Canvas.style.cursor = "pointer";
                    self.Current = {
                        PropFind: {
                            DmId: Dm.Id
                        }
                    }
                    function up(e) {
                        if (e.button == 2) {
                            self.Canvas.style.cursor = "";
                            end();
                            window.removeEventListener("mouseup", up, true);
                        } else if (e.button == 0) {

                        }
                    }
                    window.addEventListener("mouseup", up, true);
                }
                btn.onclick = function () {
                    var btn = this;
                    find(function (DmId) {
                        btn.classList.remove("BtnSel");
                    });
                    btn.classList.add("BtnSel");
                }
                Val = Val.cloneNode(true);
                Val.firstChild.innerHTML = "形状：";
                btn = Val.lastChild;
                btn.innerHTML = "获取";
                block.appendChild(Val);
                Val = Val.cloneNode(true);
                Val.firstChild.innerHTML = "扭曲：";
                btn = Val.lastChild;
                btn.innerHTML = "设置";
                block.appendChild(Val);
                Val = Val.cloneNode(true);
                Val.firstChild.innerHTML = "缩放：";
                btn = Val.lastChild;
                btn.innerHTML = "设置";
                block.appendChild(Val);
                var Val = func3(block, "光滑组");
                var list = new CLList([{ ID: "0", Name: "全部" }, { ID: "1", Name: "侧面" }, { ID: "2", Name: "分段" }], Val, false, function (Item, ItemData) {
                    Item.style.display = "inline-block";
                    Item.style.width = "initial";
                    Item.style.padding = "0 10px 0 0";
                });
                list.canLost = false;
                Val.lastChild.style.float = "";
                Val.lastChild.style.paddingLeft = "30px";
                list.Select(Dm.Prop.smooth);
                list.OnSelected = function () {
                    Dm.Prop.smooth = list.getSelIds()[0] - 0;
                    update();
                }
            }

        };
        fmap.f30005 = fmap.f30002;
        var f = fmap["f" + Dm.type];
        if (f) {
            lb = createLabel("参数", PropDiv);
            var ctrl = fspan(lb);
            f(ctrl.block);
            if (self.OpenInfo["参数"] === false) {
                showOrhide(ctrl);
            }
        }
    }

    fn.ShowMenu = function (x, y) {
        var self = this;
        if (self.Current) {
            return false;
        }
        var IDs = self.FindObject(x > 1 ? x - 1 : x, y > 1 ? y - 1 : y, x > 1 ? 3 : 2, y > 1 ? 3 : 2, false);
        if (!IDs || IDs.length == 0) {
            return false;
        }
        var obj;
        if (self.selectType < 5) {
            return false;
        }
        var keys = Object.keys(self.Selection);
        var dataMenu = {
            "style": {
                "width": "100",
                "overflow": "hidden",
            },
            "Items": [
            ]
        }
        function Clone(obj) {
            var ret = CLClone(obj);
            ret.Id = self.AllocId();
            self.Objects[ret.Id] = ret;
            if (ret.Sub) {
                ret.Sub.forEach(function (o, index) {
                    o.parentId = ret.Id;
                    ret.Sub[index] = Clone(o);
                });
            }
            return ret;
        }
        var Ds = self.dataScene;
        var Objects = self.Objects;
        function Enum(call) {
            for (var i = 0; i < keys.length; i++) {
                var obj = Objects[keys[i]];
                var Dm = Ds.Models[obj.DmId];
                call(obj, Dm);
            }
        }
        function EnumAll(call) {
            for (var key in Objects) {
                var obj = Objects[key];
                var Dm = Ds.Models[obj.DmId];
                call(obj, Dm);
            }
        }
        var Items = dataMenu.Items;
        Items.push({
            Text: "转换为自由网格",
            Enable: keys.length != 0,
            CallBack: function (e) {
                Enum(function (obj, Dm) {
                    if (Dm.type > 30000) {
                        Dm.type = 0;
                        delete Dm.Prop;
                    }
                });
                if (keys.length == 1) {
                    self.Prop(true);
                }
                menu.Close();
            }
        });
        Items.push({
            Text: "冻结对象",
            Enable: keys.length != 0,
            CallBack: function (e) {
                Enum(function (obj, Dm) {
                    obj.ep = false;
                });
                self.SelectionRelease();
                self.Selection = {};
                self.RenderDelay();
                menu.Close();
            }
        });
        Items.push({
            Text: "全部解冻",
            Enable: true,
            CallBack: function (e) {
                EnumAll(function (obj, Dm) {
                    delete obj.ep;
                });
                menu.Close();
            }
        });
        Items.push({
            Text: "克隆对象",
            Enable: keys.length == 1,
            CallBack: function (e) {
                var obj = Objects[keys[0]];
                console.log(obj);
                obj = Clone(obj);
                console.log(obj);
                delete obj.parentId;
                self.addObject(obj, obj.parentId);
                self.SelectionRelease();
                self.Selection = {};
                self.Select(obj.Id);
                self.RenderDelay();
                menu.Close();
            }
        });
        Items.push({
            Text: "导出对象",
            Enable: keys.length == 1,
            CallBack: function (e) {
                var obj = Objects[keys[0]];
                var Dm = Ds.Models[obj.DmId];
                self.writeObjFile(Dm);
                menu.Close();
            }
        });
        Items.push({
            Text: "隐藏对象",
            Enable: keys.length != 0,
            CallBack: function (e) {
                Enum(function (obj, Dm) {
                    obj.Sh = false;
                });
                self.SelectionRelease();
                self.Selection = {};
                self.RenderDelay();
                menu.Close();
            }
        });
        Items.push({
            Text: "显示隐藏对象",
            Enable: true,
            CallBack: function (e) {
                EnumAll(function (obj,Dm) {
                    obj.Sh = true;
                });
                self.RenderDelay();
                menu.Close();
            }
        });
        var menu = new CLMenu(dataMenu);
        menu.Reset({ clientX: x, clientY: y });
        return true;
    }

    fn.MapLF = function (farr) {
        var self = this;
        var L_F = {};
        var L_F = {};
        var index = 0;
        farr.forEach(function (F) {
            for (var i = 0; i < F.length ; i += 3) {
                var pi1 = F[i];
                var pi2 = F[i + 1];
                var pi3 = F[i + 2];
                for (var j = 0; j < 3 ; j++) {
                    var pi1 = F[i + j];
                    var pi2 = F[i + (j + 1) % 3];
                    var id = pi1 < pi2 ? pi1 + "," + pi2 : pi2 + "," + pi1;
                    var ele = L_F[id];
                    if (ele) {
                        ele.push(index);
                    } else {
                        L_F[id] = [index];
                    }
                }
                index++;
            }
        });
        return L_F;
    }

    fn.Select = function (IDs, Clear) {
        var self = this;
        if (self.selectType >= 5) {
            if (Clear !== false) {
                self.SelectionRelease();
                self.Selection = {};
            }
            for (var i = 0; IDs && i < IDs.length; i++) {
                self.Selection[IDs[i]] = { M: null };
            }
        }
        self.Prop();
        self.RenderDelay(false);
    }

    fn.ReadBackBuffer = function (x, y) {
        var self = this;
        var fo = self.GetBackFrame("P");
        if (fo.LastRenderTime > self.LastRenderTime) {
            return {
                fo: fo,
                pixel: self.ReadPixels(fo, x, self.H - 1 - y)
            }
        }
        var gl = self.WebGL;
        var Ds = self.dataScene;
        var program = self.Program;
        var Selection = self.Selection;
        self.Selection = {};
        var Ac = Ds.AmbientColor;
        var Lc = Ds.LightColor;
        Ds.AmbientColor = [0, 0, 0];
        Ds.LightColor = [1, 1, 1];
        var iColor = 1;
        var showAxis = self.showAxis;
        var showGrid = self.showGrid;
        self.showAxis = false;
        self.showGrid = false;
        var drawObject = self.drawObject;
        var fn = Web3dDesigner.prototype;
        var colors = [];
        fo.mapObject = {};
        fo.find = function (color) {
            var Id = fo.mapObject[color];
            if (!Id) {
                if (color >= colors[0] && color <= colors[1]) {
                    Id = fo.mapObject[colors[0] - 1];
                }
            }
            return Id;
        }
        fo.findPoints = function (x, y, w, h) {
            var Id = fo.mapObject[colors[0] - 1];
            if (!Id) {
                return null;
            } else {
                if (colors.length < 2) {
                    return null;
                } else {
                    y = self.H - (y + h);
                    var data = self.ReadPixels(fo, 0, 0, self.W, self.H);
                    var points = {};
                    var id = null;
                    for (var i = 0; i < h; i++) {
                        for (var j = 0; j < w; j++) {
                            var iSrc = (i + y) * fo.w + (x + j);
                            var iDst = i * w + j;
                            if (!data[iSrc]) {
                                continue;
                            }
                            var color = data[iSrc];
                            if (color < colors[0] || color > colors[1]) {
                                if (color == colors[0] - 1) {
                                    id = Id;
                                }
                                continue;
                            } else {
                                points[color - colors[0]] = true;
                            }
                        }
                    }
                    return id === null && Object.keys(points).length == 0 ? null : { Id: Id, points: points };
                }
            }
        }
        var colorAlloc = 0x00000001;
        function func(call, Dm, inCo, inSm, inTm) {
            var Tm = Dm.Tm;
            var Co = Dm.Co;
            var Nc = Dm.Nc;
            var Sm = Dm.Sm;
            var Df = Dm.Df;
            Dm.Tm = inTm;
            Dm.Co = inCo;
            Dm.Nc = 0;
            Dm.Sm = inSm;
            Dm.Df = 1;
            try {
                call();
            } catch (e) {
                console.log(e);
            }
            Dm.Tm = Tm;
            Dm.Co = Co;
            Dm.Nc = Nc;
            Dm.Sm = Sm;
            Dm.Df = Df;
        }
        self.drawObject = function (obj) {
            var drawPoint = self.selectType < 5 && Selection[obj.Id] ? true : false;
            var Dm = Ds.Models[obj.DmId];
            var args = arguments;
            var color = colorAlloc;
            var Sub = obj.Sub;
            obj.Sub = [];
            if (Dm.Sm == 2) {
                func(function () {
                    if (drawPoint) {
                        gl.enable(gl.POLYGON_OFFSET_FILL);
                        gl.polygonOffset(10, 1);
                    }
                    fn.drawObject.apply(self, args);
                    if (drawPoint) {
                        gl.disable(gl.POLYGON_OFFSET_FILL);
                    }
                }, Dm, self.Color(color, true), 2, 0);
            } else {
                if (!drawPoint) {
                    func(function () {
                        fn.drawObject.apply(self, args);
                    }, Dm, self.Color(color, true), Dm.Sm, 0);
                }
            }
            fo.mapObject[color] = obj.Id;
            colorAlloc++;
            if (drawPoint) {
                color = colorAlloc;
                var count = Dm.V.length / 3;
                colors = [color, color + count - 1];
                program.a_Index = count;
                func(function () {
                    fn.drawObject.apply(self, args);
                }, Dm, self.Color(color, true), 0, 3);
                program.a_Index = null;
                colorAlloc += count;
            }
            obj.Sub = Sub;
            var Sh = Dm.Sh;
            Dm.Sh = false;
            fn.drawObject.apply(self, args);
            Dm.Sh = Sh;
        }
        gl.disable(gl.BLEND);
        self.Render(fo);
        gl.enable(gl.BLEND);
        self.drawObject = drawObject;
        self.showAxis = showAxis;
        self.showGrid = showGrid;
        Ds.AmbientColor = Ac;
        Ds.LightColor = Lc;
        self.Selection = Selection;
        fo.LastRenderTime = new Date();
        self.updateBack = false;
        var pixel = self.ReadPixels(fo, x, self.H - 1 - y);
        return {
            fo: fo,
            pixel: pixel
        }
    }

    fn.FindIn = function (RectOrLine, Type, objId) {
        var self = this;
        var x, y, w, h;
        var line;
        var Rect = RectOrLine.Rect;
        if (Rect) {
            x = Rect.x;
            y = Rect.y;
            w = Rect.w;
            h = Rect.h;
        } else {
            line = RectOrLine.Line;
        }

        function get(fo) {
            var data = self.ReadPixels(fo, 0, 0, self.W, self.H);
            var out = {};
            if (line) {
                for (var i = 0; i < line.length; i++) {
                    if (Type == 1) {
                        var find = false;
                        for (var a = -1; a < 2 ; a++) {
                            for (var b = -1; b < 2 ; b++) {
                                var yy = (fo.h - line[i].y - 1);
                                yy += a;
                                if (yy >= fo.h) {
                                    yy = fo.h - 1;
                                }
                                if (yy < 0) {
                                    yy = 0;
                                }
                                var xx = line[i].x;
                                xx += b;
                                if (xx >= fo.w) {
                                    xx = fo.w - 1;
                                }
                                if (xx < 0) {
                                    xx = 0;
                                }
                                var iSrc = yy * fo.w + xx;
                                var co = data[iSrc];
                                if (!co || co == 0xffffffff) {
                                    continue;
                                }
                                out[co - 1] = true;
                                find = true;
                                break;
                            }
                            if (find) {
                                break;
                            }
                        }
                    } else {
                        var yy = (fo.h - line[i].y - 1);
                        var iSrc = yy * fo.w + line[i].x;
                        var co = data[iSrc];
                        if (!co || co == 0xffffffff) {
                            continue;
                        }
                        out[co - 1] = true;
                    }
                }
            } else {
                y = self.H - (y + h);
                for (var i = 0; i < h; i++) {
                    for (var j = 0; j < w; j++) {
                        var iSrc = (i + y) * fo.w + (x + j);
                        var co = data[iSrc];
                        if (!co || co == 0xffffffff) {
                            continue;
                        }
                        out[co - 1] = true;
                    }
                }
            }
            return out;
        }

        var list = ["P", "L", "T"];
        var fo = self.GetBackFrame(list[Type]);
        var obj = self.Objects[objId ? objId : Object.keys(self.Selection)[0]];
        if (fo.LastRenderTime > self.LastRenderTime && fo.objI == obj.Id) {
            return get(fo);
        }
        fo.objId = obj.Id;
        var FIn = [];
        var Ds = self.dataScene;
        var Dm = Ds.Models[obj.DmId];
        var oV = Dm.V;
        var a_Position = [];
        var a_Index = [];
        var color = 1;
        if (Type == 1) {
            var L = Dm.L;
            for (var i = 0; i < L.length ; i++) {
                var pi = L[i];
                var vi = pi * 3;
                a_Position.push(oV[vi], oV[vi + 1], oV[vi + 2]);
                a_Index.push(color & 0x000000ff, (color & 0x0000ff00) >> 8, (color & 0x00ff0000) >> 16, (color & 0x00ff0000) >> 24);
                if (i % 2 == 1) {
                    color++;
                }
            }
        }else if (Type == 2) {
            Dm.F.forEach(function (F) {
                for (var i = 0; i < F.length ; i++) {
                    var pi = F[i];
                    var vi = pi * 3;
                    a_Position.push(oV[vi], oV[vi + 1], oV[vi + 2]);
                    a_Index.push(color & 0x000000ff, (color & 0x0000ff00) >> 8, (color & 0x00ff0000) >> 16, (color & 0x00ff0000) >> 24);
                    if (i % 3 == 2) {
                        color++;
                    }
                }
            });
        }
        a_Index = self.GpuAlloc(a_Index);
        var len = a_Position.length / 3;
        a_Position = self.GpuAlloc(a_Position);
        var gl = self.WebGL;
        var program = self.Program;
        self.pushState();
        self.showAxis = false;
        self.showGrid = false;
        var Ac = Ds.AmbientColor;
        var Lc = Ds.LightColor;
        Ds.AmbientColor = [0, 0, 0];
        Ds.LightColor = [1, 1, 1];
        try {
            var mat = self.ObjectToSenceMat(obj);
            self.RenderPrepaer(fo, function (baseRender, baseWorld, baseRotate) {
                gl.disable(gl.BLEND);
                gl.enable(gl.CULL_FACE);
                var selection = self.Selection;
                self.Selection = {};
                if (Type == 1) {
                    var Nc = Dm.Nc;
                    var Co = Dm.Co;
                    var Sm = Dm.Sm;
                    var Tm = Dm.Tm;
                    Dm.Nc = 0;
                    Dm.Co = [0, 0, 0, 0];
                    Dm.Sm = 2;
                    Dm.Tm = 0;
                    gl.enable(gl.POLYGON_OFFSET_FILL);
                    gl.polygonOffset(10, 1);
                    self.drawObject(obj, baseRender, baseWorld);
                    gl.disable(gl.POLYGON_OFFSET_FILL);
                    Dm.Nc = Nc;
                    Dm.Co = Co;
                    Dm.Sm = Sm;
                    Dm.Tm = Tm;
                }
                self.Selection = selection;
                baseRender.multiply(mat);
                program.u_RenderMatrix = baseRender;
                program.u_NormalCreator = 0;
                program.u_TextureMode = 3;
                program.a_Normal = null;
                program.a_TextureCoord = null;
                program.a_Index = a_Index;
                program.a_Position = a_Position;
                program.u_Color = [0, 0, 0, 0];
                if (Type == 2) {
                    if (Dm.Bs == 1) {
                        gl.disable(gl.CULL_FACE);
                        gl.drawArrays(gl.TRIANGLES, 0, len);
                    } else {
                        if (Dm.Bs > 0) {
                            program.u_FrontFacing = 0;
                            gl.drawArrays(gl.TRIANGLES, 0, len);
                        }
                        if (Dm.Bs < 2) {
                            program.u_FrontFacing = 1;
                            gl.cullFace(gl.BACK);
                            gl.drawArrays(gl.TRIANGLES, 0, len);
                        }
                    }
                } else {
                    gl.drawArrays(gl.LINES, 0, len);
                }
                gl.enable(gl.BLEND);
                program.a_Index = null;
                fo.LastRenderTime = new Date();
            });
            fo.LastRenderTime = new Date();
        } catch (e) { }
        var out = get(fo);
        self.GpuFree(a_Index);
        self.GpuFree(a_Position);
        Ds.AmbientColor = Ac;
        Ds.LightColor = Lc;
        self.popState();
        return out;
    }

    fn.FindTrianglesIn = function (RectOrLine) {
        var self = this;
        return self.FindIn(RectOrLine, 2);
    }

    fn.FindLinesIn = function (RectOrLine) {
        var self = this;
        return self.FindIn(RectOrLine, 1);
    }

    fn.FindObject = function (x, y, w, h, top) {
        var self = this;
        if (w === undefined) {
            w = 1;
        }
        if (h === undefined) {
            h = 1;
        }
        function toTop(Id) {
            var obj = self.Objects[Id];
            if (!obj) {
                return null;
            }
            if (obj.parentId == null) {
                return Id;
            } else {
                return toTop(obj.parentId);
            }
        }
        var Info = self.ReadBackBuffer(x, y);
        var fo = Info.fo;
        var objects = self.Objects;
        var pixel = self.ReadPixels(fo, 0, 0, self.W, self.H);
        var IDs = [];
        var map = {};
        y = self.H - (y + h);
        for (var i = 0; i < h; i++) {
            for (var j = 0; j < w; j++) {
                var iSrc = (i + y) * fo.w + (x + j);
                var co = pixel[iSrc];
                var id = Info.fo.find(co);
                var obj;
                if (id) {
                    if (top) {
                        id = toTop(id);
                        obj = objects[id];
                    } else {
                        obj = objects[id];
                        if (obj.type < 0) {
                            do {
                                obj = objects[obj.parentId];
                            } while (obj.parentId != null && obj.type < 0);
                            id = obj.Id;
                        }
                    }
                }
                if (id && !map[id] && obj.ep !== false) {
                    map[id] = true;
                    IDs.push(id);
                }
            }
        }
        return IDs;
    }

    fn.ObjectToSenceMat = function (obj) {
        var self = this;
        var Ds = self.dataScene;
        var objs = self.Objects;
        var mat = new CLMatrix4();
        mat.translate(obj.X[0], obj.Y[0], obj.Z[0]);
        mat.rotateXYZ(obj.X[1], obj.Y[1], obj.Z[1]);
        mat.scale(obj.X[2], obj.Y[2], obj.Z[2]);
        while (obj.parentId !== null) {
            obj = objs[obj.parentId];
            var pmt = new CLMatrix4();
            pmt.translate(obj.X[0], obj.Y[0], obj.Z[0]);
            pmt.rotateXYZ(obj.X[1], obj.Y[1], obj.Z[1]);
            pmt.scale(obj.X[2], obj.Y[2], obj.Z[2]);
            pmt.multiply(mat);
            mat = pmt;
        }
        return mat;
    }

    fn.ObjectToSenceRot = function (obj) {
        var self = this;
        var Ds = self.dataScene;
        var objs = self.Objects;
        var mat = new CLMatrix4();
        mat.rotateXYZ(obj.X[1], obj.Y[1], obj.Z[1]);
        while (obj.parentId !== null) {
            obj = objs[obj.parentId];
            var pmt = new CLMatrix4();
            pmt.rotateXYZ(obj.X[1], obj.Y[1], obj.Z[1]);
            pmt.multiply(mat);
            mat = pmt;
        }
        return mat;
    }

    fn.FindAtBox = function (x, y, Bx, mat, obj) {
        var self = this;
        var minX = Bx.minX, minY = Bx.minY, minZ = Bx.minZ, maxX = Bx.maxX, maxY = Bx.maxY, maxZ = Bx.maxZ;
        var arr = [{
            //上
            Nv: new CLVec3(0, 1, 0),
            Ap: new CLVec3(minX, maxY, minZ),
            In: function (P) {
                if (obj && (obj.X[2] == 0 || obj.Z[2] == 0)) {
                    return false;
                } else {
                    return P.x >= minX && P.x <= maxX && P.z >= minZ && P.z <= maxZ;
                }
            }
        }, {
            //下
            Nv: new CLVec3(0, -1, 0),
            Ap: new CLVec3(minX, minY, minZ),
            In: function (P) {
                if (obj && (obj.X[2] == 0 || obj.Z[2] == 0)) {
                    return false;
                } else {
                    return P.x >= minX && P.x <= maxX && P.z >= minZ && P.z <= maxZ;
                }
            }
        }, {
            //前
            Nv: new CLVec3(0, 0, 1),
            Ap: new CLVec3(minX, minY, maxZ),
            In: function (P) {
                if (obj && (obj.X[2] == 0 || obj.Y[2] == 0)) {
                    return false;
                } else {
                    return P.x >= minX && P.x <= maxX && P.y >= minY && P.y <= maxY;
                }
            }
        }, {
            //后
            Nv: new CLVec3(0, 0, -1),
            Ap: new CLVec3(minX, minY, minZ),
            In: function (P) {
                if (obj && (obj.X[2] == 0 || obj.Y[2] == 0)) {
                    return false;
                } else {
                    return P.x >= minX && P.x <= maxX && P.y >= minY && P.y <= maxY;
                }
            }
        }, {
            //左
            Nv: new CLVec3(-1, 0, 0),
            Ap: new CLVec3(minX, minY, minZ),
            In: function (P) {
                if (obj && (obj.Y[2] == 0 || obj.Z[2] == 0)) {
                    return false;
                } else {
                    return P.z >= minZ && P.z <= maxZ && P.y >= minY && P.y <= maxY;
                }
            }
        }, {
            //右
            Nv: new CLVec3(1, 0, 0),
            Ap: new CLVec3(maxX, minY, minZ),
            In: function (P) {
                if (obj && (obj.Y[2] == 0 || obj.Z[2] == 0)) {
                    return false;
                } else {
                    return P.z >= minZ && P.z <= maxZ && P.y >= minY && P.y <= maxY;
                }
            }
        }
        ];
        var ePos = self.eyePosition;
        var eMat = new CLMatrix4(self.sceneMatrix);
        if (mat) {
            eMat.multiply(mat);
        }
        eMat.setInverseOf(eMat);
        ePos = eMat.multiplyVector3(new CLVec3(ePos.x, ePos.y, ePos.z));
        var out;
        var P, Nv, Ap;
        var len = Math.pow(2, 64);
        for (var i = 0; i < arr.length; i++) {
            P = self.findInWithMat(x, y, arr[i].Nv, arr[i].Ap, mat);
            if (P && arr[i].In(P)) {
                var Vec = new CLVec3(P.x - ePos.x, P.y - ePos.y, P.z - ePos.z);
                if (len > Vec.length()) {
                    len = Vec.length();
                    out = P;
                    out.Nv = arr[i].Nv;
                    out.index = i;
                }
            }
        }
        return out;
    }

    fn.FindCoordinate = function (x, y, top) {
        var self = this;
        var dt = new Date();
        var Id = self.FindObject(x, y, 1, 1, top)[0];
        var Ds = self.dataScene;
        var obj = self.Objects[Id];
        if (obj == null) {
            return { id: null, x: 0, y: 0, z: 0 };
        } else {
            var Bx = obj.Bx;
            if (!Bx) {
                self.ObjBox3D(obj);
                Bx = obj.Bx;
            }
            var mat = self.ObjectToSenceMat(obj);
            out = self.FindAtBox(x, y, Bx, mat, obj);
        }
        if (out == null) {
            return { id: null, x: 0, y: 0, z: 0 };
        } else {
            out = mat.multiplyVector3(new CLVec3(out.x, out.y, out.z));
            return { id: Id, x: out.x, y: out.y, z: out.z };
        }
    }

    fn.RotateScene = function (XOrY, angle) {
        var self = this;
        var sPos = self.scenePosition;
        var sRot = self.sceneRotate;
        var center = self.findLookSceneAt();
        center.fixed(7);
        function rotate() {
            var Vec = new CLVec3(sPos.x - center.x, sPos.y - center.y, sPos.z - center.z);
            var mat4 = new CLMatrix4();
            if (XOrY == 'Y') {
                mat4.rotateXYZ(sRot.x, sRot.y, sRot.z);
            }
            var normVec = mat4.multiplyVector3(XOrY == 'X' ? new CLVec3(1, 0, 0) : new CLVec3(0, 1, 0));
            mat4.setRotate(angle, normVec.x, normVec.y, normVec.z);
            Vec = mat4.multiplyVector3(Vec);
            Vec.fixed(7);
            sPos.x = Vec.x + center.x;
            sPos.y = Vec.y + center.y;
            sPos.z = Vec.z + center.z;
        }
        rotate();
        if (XOrY == "X") {
            sRot.x += angle;
        } else {
            sRot.y += angle;
        }
    }

    fn.EnableRotateScene = function () {
        var self = this;
        var right = false;
        var done = false;
        var x, y;
        self.Canvas.addEventListener("mousedown", function (e) {
            if (self.IsBusying) {
                return;
            }
            if (e.button == 2) {
                self.IsBusying = true;
                right = true;
                x = e.clientX;
                y = e.clientY;
            } else {
                done = false;
            }
        });
        window.addEventListener("mouseup", function (e) {
            if (e.button == 2) {
                right = false;
                self.IsBusying = false;
                if (done) {
                    e.stopPropagation();
                }
                done = false;
            }
        }, true);
        window.addEventListener("mousemove", function (e) {
            if (right) {
                self.UseArray(function () {
                    var Lx = e.clientX - x;
                    var Ly = e.clientY - y;
                    if (Lx * Lx + Ly * Ly < 9 && !done) {
                        return;
                    }
                    done = true;
                    var A = 3;
                    if (Lx * Lx > Ly * Ly) {
                        var angle = self.lookAngle();
                        if ((angle < 0 && Lx > 0) || (angle >= 0 && Lx < 0)) {
                            A *= -1;
                        }
                        self.RotateScene("Y", A);
                    } else {
                        self.RotateScene("X", Ly < 0 ? -3 : 3);
                    }
                    x = e.clientX;
                    y = e.clientY;
                });
                self.RenderDelay();
            }
        }, true);
        self.Canvas.addEventListener("keydown", function (e) {
            var A = 1;
            var angle = self.lookAngle();
            if (e.code == "KeyA") {
                if (angle > 0) {
                    A *= -1;
                }
                self.RotateScene("Y", A);
            } else if (e.code == "KeyD") {
                if ((angle < 0)) {
                    A *= -1;
                }
                self.RotateScene("Y", A);
            } else if (e.code == "KeyW") {
                self.RotateScene("X", -A);
            } else if (e.code == "KeyS") {
                self.RotateScene("X", A);
            } else {
                return;
            }
            self.RenderDelay();
        });
    }

    fn.EnableScaleScene = function () {
        var self = this;
        function func(e) {
            if (self.IsBusying) {
                return;
            }
            self.IsBusying = true;
            var lookCross = self.findLookSceneAt();
            var sPos = self.scenePosition;
            var Vec = new CLVec3(sPos.x - lookCross.x, sPos.y - lookCross.y, sPos.z - lookCross.z);
            if (e.detail) {
                if (e.detail < 0) {
                    self.sceneScale *= 1.2;
                    Vec.scale(1.2);
                } else {
                    self.sceneScale /= 1.2;
                    Vec.scale(1 / 1.2);
                }
            } else {
                if (e.wheelDelta > 0) {
                    self.sceneScale *= 1.2;
                    Vec.scale(1.2);
                } else {
                    self.sceneScale /= 1.2;
                    Vec.scale(1 / 1.2);
                }
            }
            sPos.x = Vec.x + lookCross.x;
            sPos.y = Vec.y + lookCross.y;
            sPos.z = Vec.z + lookCross.z;

            self.RenderDelay();
            self.IsBusying = false;
        }
        self.Canvas.addEventListener("mousewheel", func);
        self.Canvas.addEventListener("DOMMouseScroll", func);
    }

    fn.EnableMoveScene = function () {
        var self = this;
        var left = false;
        var oPoint3;
        var moved = false;
        var x = 0;
        var y = 0;
        var done = false;
        self.Canvas.addEventListener("mousedown", function (e) {
            if (self.IsBusying) {
                return;
            }
            if (!!self.Current) {
                return;
            }
            if (e.button == 0) {
                moved = false;
                self.IsBusying = true;
                done = true;
                left = true;
                x = e.clientX;
                y = e.clientY;
                oPoint3 = self.findSceneAt(e.clientX, e.clientY);
                if (oPoint3 == null) {
                    self.IsBusying = false;
                    left = false;
                }
            } else {
                done = false;
            }
        });

        window.addEventListener("mouseup", function (e) {
            if (e.button == 0) {
                if (left && done) {
                    left = false;
                    self.IsBusying = false;
                    if (moved) {
                        e.stopPropagation();
                    }
                    done = false;
                }
            }
        }, true);

        window.addEventListener("mousemove", function (e) {
            var Vec2 = new CLVec2(e.clientX - x, e.clientY - y);
            if (left && Vec2.length() > 2) {
                moved = true;
                var sPos = self.scenePosition;
                var curPoint3 = self.findSceneAt(e.clientX, e.clientY);
                var Vec = new CLVec3(curPoint3.x - oPoint3.x, curPoint3.y - oPoint3.y, curPoint3.z - oPoint3.z);
                sPos.x += Vec.x;
                sPos.y += Vec.y;
                sPos.z += Vec.z;
                oPoint3 = curPoint3;
                self.RenderDelay();
                e.stopPropagation();
            }
        }, true);
    }

    fn.EnableSwitchAxisAndGrid = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (!e.altKey && !e.shiftKey && !e.ctrlKey) {
                if (e.code == "KeyG") {
                    self.showGrid = !self.showGrid;
                } else if (e.code == "KeyO") {
                    self.showAxis = !self.showAxis;
                }
                self.RenderDelay();
            }
        });
    }

    fn.EnableResetScene = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (!e.altKey && !e.shiftKey && !e.ctrlKey) {
                if (e.code == "Escape") {
                    self.scenePosition = { x: 0, y: 0, z: 0 };
                    self.RenderDelay();
                }
            }
        });
    }

    fn.SelectAt = function (x, y) {
        var self = this;

    }

    fn.EnableSelect = function () {
        var self = this;
        var ox = 0;
        var oy = 0;
        var div = document.createElement("div");
        div.style.position = "absolute";
        div.style.border = "dashed 1px #0f0";
        div.style.width = "0px";
        div.style.height = "0px";
        var line;
        var ele = false;
        window.addEventListener("mousedown", function (e) {
            ele = e.srcElement;
        }, true);

        self.Canvas.addEventListener("mousedown", function (e) {
            if (e.button == 0) {
                if (self.Current) {
                    return;
                }
                line = null;
                if (self.selectType < 5) {
                    if (e.shiftKey) {
                        line = [{ x: e.offsetX, y: e.offsetY }];
                    } else {
                        document.body.appendChild(div);
                        div.style.left = e.clientX + "px";
                        div.style.top = e.clientY + "px";
                        div.style.width = "0px";
                        div.style.height = "0px";
                        ox = e.clientX;
                        oy = e.clientY;
                    }
                    e.stopImmediatePropagation();
                }
            }
        });

        self.Canvas.addEventListener("mouseup", function (e) {
            if (e.button == 0) {
                if (self.Current) {
                    return;
                }
                if (self.selectType >= 5 && ele == self.Canvas) {
                    if (!e.ctrlKey) {
                        self.SelectionRelease();
                        self.Selection = {};
                    }
                    var Ids = self.FindObject(e.offsetX, e.offsetY, 1, 1, self.selectType == 6);
                    if (Ids.length > 0) {
                        self.Selection[Ids[0]] = { Box: null };
                        self.RenderDelay(null, false);
                        e.stopImmediatePropagation();
                    } else {
                        var Ids = self.FindObject(e.offsetX - 3, e.offsetY - 3, 7, 7, self.selectType == 6);
                        var Ds = self.dataScene;
                        for (var i = 0; i < Ids.length; i++) {
                            var obj = self.Objects[Ids[i]];
                            var Dm = Ds.Models[obj.DmId];
                            if (Dm.Sm != 2) {
                                self.Selection[Ids[i]] = { Box: null };
                                e.stopImmediatePropagation();
                                break;
                            }
                        }
                        self.RenderDelay(null, false);
                    }
                    self.Prop();
                }
            }
        });
        
        function UseFOut(out, clear) {
            var Ds = self.dataScene;
            var obj = self.Objects[Object.keys(self.Selection)[0]];
            var Dm = Ds.Models[obj.DmId];
            var keys = Object.keys(out);
            var OF = self.Selection[obj.Id].OF;
            self.SelectionRelease();
            self.Selection = {};
            if (OF && !clear) {
                for (var i = 0; i < keys.length; i++) {
                    OF[keys[i]] = true;
                }
            } else {
                OF = out;
            }
            keys = Object.keys(OF);
            var fout = [];
            var IF;
            for (var i = 0; i < keys.length ; i++) {
                var ti = keys[i];
                IF = indexAndF(ti, Dm.F);
                var fi = IF.index * 3;
                var F = IF.F;
                if (!F || fi > F.length - 3) {
                    continue;
                }
                fout.push(F[fi], F[fi + 1], F[fi + 2]);
            }
            self.Selection[obj.Id] = { F: fout, OF: OF };
        }

        function select_1(RectOrLine, clear) {
            var Ds = self.dataScene;
            var obj = self.Objects[Object.keys(self.Selection)[0]];
            var Dm = Ds.Models[obj.DmId];
            var L = Dm.L;
            var out = self.FindLinesIn(RectOrLine);
            var keys = Object.keys(out);
            var OL = self.Selection[obj.Id].OL;
            self.SelectionRelease();
            self.Selection = {};
            if (OL && !clear) {
                for (var i = 0; i < keys.length; i++) {
                    OL[keys[i]] = true;
                }
            } else {
                OL = out;
            }
            var lout = [];
            var U = [];
            for (var i = 0; i < L.length ; i += 2) {
                if (OL[i / 2]) {
                    lout.push(L[i], L[i + 1]);
                } else {
                    U.push(L[i], L[i + 1]);
                }
            }
            self.Selection[obj.Id] = { L: lout, U: U, OL: OL };
        }

        function select_2(RectOrLine, clear) {
            var out = self.FindTrianglesIn(RectOrLine);
            UseFOut(out, clear);
        }

        function select_3(RectOrLine, clear) {
            var Ds = self.dataScene;
            var out = self.FindTrianglesIn(RectOrLine);
            var obj = self.Objects[Object.keys(self.Selection)[0]];
            var Dm = Ds.Models[obj.DmId];
            var L_F;
            var mapL = {};
            L_F = self.MapLF(Dm.F);
            (function () {
                var L = Dm.L;
                for (var i = 0; i < L.length; i += 2) {
                    var pi1 = L[i];
                    var pi2 = L[i + 1];
                    var id = pi1 < pi2 ? pi1 + "," + pi2 : pi2 + "," + pi1;
                    mapL[id] = true;
                }
            }());
            var IF;
            var out2;
            var keys = Object.keys(out);
            do{
                out2 = {};
                for (var i = 0; i < keys.length ; i++) {
                    var ti = keys[i];
                    IF = indexAndF(ti, Dm.F);
                    var fi = IF.index * 3;
                    var F = IF.F;
                    if (!F || fi > F.length - 3) {
                        continue;
                    }
                    for (var j = 0; j < 3 ; j++) {
                        var pi1 = F[fi + j];
                        var pi2 = F[fi + (j + 1) % 3];
                        var id = pi1 < pi2 ? pi1 + "," + pi2 : pi2 + "," + pi1;
                        if (mapL[id]) {
                            continue;
                        } else {
                            var arr = L_F[id];
                            if (arr.length < 2) {
                                continue;
                            }
                            var i1 = arr[0];
                            var i2 = arr[1];
                            if (out[i1] && out[i2]) {
                                continue;
                            } else {
                                if (!out[i1]) {
                                    out2[i1] = true;
                                } else if (!out[i2]) {
                                    out2[i2] = true;
                                }
                            }
                        }
                    }
                }
                keys = Object.keys(out2);
                for (var i = 0; i < keys.length; i++) {
                    out[keys[i]] = true;
                }
                if (keys.length == 0) {
                    break;
                }
            } while (true);
            UseFOut(out,clear);
        }

        function select_4(RectOrLine, clear) {
            var Ds = self.dataScene;
            var out = self.FindTrianglesIn(RectOrLine);
            var obj = self.Objects[Object.keys(self.Selection)[0]];
            var Dm = Ds.Models[obj.DmId];
            var L_F = self.MapLF(Dm.F);
            var keys = Object.keys(out);
            do{
                out2 = {};
                for (var i = 0; i < keys.length; i++) {
                    var ti = keys[i];
                    IF = indexAndF(ti, Dm.F);
                    var fi = IF.index * 3;
                    var F = IF.F;
                    if (!F || fi > F.length - 3) {
                        continue;
                    }
                    for (var j = 0; j < 3 ; j++) {
                        var pi1 = F[fi + j];
                        var pi2 = F[fi + (j + 1) % 3];
                        var id = pi1 < pi2 ? pi1 + "," + pi2 : pi2 + "," + pi1;
                        var arr = L_F[id];
                        if (arr.length < 2) {
                            continue;
                        }
                        var i1 = arr[0];
                        var i2 = arr[1];
                        if (out[i1] && out[i2]) {
                            continue;
                        } else {
                            if (!out[i1]) {
                                out2[i1] = true;
                            } else if (!out[i2]) {
                                out2[i2] = true;
                            }
                        }

                    }
                }
                keys = Object.keys(out2);
                for (var i = 0; i < keys.length; i++) {
                    out[keys[i]] = true;
                }
                if (keys.length == 0) {
                    break;
                }
            } while (true);
            UseFOut(out, clear);
        }

        window.addEventListener("mouseup", function (e) {
            if (e.button == 0) {
                if (div.parentNode) {
                    var Ds = self.dataScene;
                    var fo = self.ReadBackBuffer(0, 0).fo;
                    var Canvas = self.Canvas;
                    var rect = Canvas.getBoundingClientRect();
                    var x = div.offsetLeft - rect.left;
                    var y = div.offsetTop - rect.top;
                    var w = div.offsetWidth;
                    var h = div.offsetHeight;
                    if (self.selectType == 0) {
                        var data = fo.findPoints(x, y, w, h);
                        if (data == null) {
                            data = { Id: Object.keys(self.Selection)[0], points: {} };
                        }
                        var Op = self.Selection[data.Id].Op;
                        self.SelectionRelease();
                        self.Selection = {};
                        var keys = Object.keys(data.points);
                        if (Op && e.ctrlKey) {
                            for (var i = 0; i < keys.length; i++) {
                                Op[keys[i]] = true;
                            }
                        } else {
                            Op = data.points;
                        }
                        var U = [];
                        var obj = self.Objects[data.Id];
                        var Dm = Ds.Models[obj.DmId];
                        var len = Dm.V.length / 3;
                        for (var i = 0; i < len; i++) {
                            if (!Op[i]) {
                                U.push(i);
                            }
                        }
                        self.Selection[data.Id] = { P: Object.keys(Op), Op: Op, U: U };
                    }
                    if (self.selectType == 1) {
                        select_1({ Rect: { x: x, y: y, w: w, h: h } }, !e.ctrlKey);
                    }
                    if (self.selectType == 2) {
                        select_2({ Rect: { x: x, y: y, w: w, h: h } }, !e.ctrlKey);
                    }
                    if (self.selectType == 3) {
                        select_3({ Rect: { x: x, y: y, w: w, h: h } }, !e.ctrlKey);
                    }
                    if (self.selectType == 4) {
                        select_4({ Rect: { x: x, y: y, w: w, h: h } }, !e.ctrlKey);
                    }
                    self.RenderDelay(false);
                    div.remove();
                    e.stopImmediatePropagation();
                } else if (line) {
                    if (self.selectType == 1) {
                        select_1({ Line: line }, false);
                    }
                    if (self.selectType == 2) {
                        select_2({ Line: line }, false);
                    }
                    if (self.selectType == 3) {
                        select_3({ Line: line }, false);
                    }
                    if (self.selectType == 4) {
                        select_4({ Line: line }, false);
                    }
                    self.RenderDelay(false);
                    self.showLine(line, false);
                    line = null;
                }
            }
        }, true);

        window.addEventListener("mousemove", function (e) {
            if (div.parentNode) {
                var w = e.clientX - ox;
                var h = e.clientY - oy;
                if (w < 0) {
                    div.style.left = e.clientX + "px";
                    div.style.width = -w + "px";
                } else {
                    div.style.width = w + "px";
                }
                if (h < 0) {
                    div.style.top = e.clientY + "px";
                    div.style.height = -h + "px";
                } else {
                    div.style.height = h + "px";
                }
                e.stopImmediatePropagation();
            } else if (line) {
                var rect = self.Canvas.getBoundingClientRect();
                var pt = { x: e.clientX - rect.left, y: e.clientY - rect.top };
                var p0 = line[line.length - 1];
                var lx = pt.x - p0.x;
                var ly = pt.y - p0.y;
                var ky = ly / lx;
                var kx = lx / ly;
                var ux = lx < 0 ? -1 : 1;
                var uy = ly < 0 ? -1 : 1;
                if (lx != 0 || ly != 0) {
                    if (lx == 0) {
                        for (var y = p0.y + uy; ; y += uy) {
                            line.push({ x: p0.x, y: y });
                            if (y == pt.y) {
                                break;
                            }
                        }
                    } else if (ly == 0) {
                        for (var x = p0.x + ux; ; x += ux) {
                            line.push({ x: x, y: p0.y });
                            if (x == pt.x) {
                                break;
                            }
                        }
                    } else {
                        if (lx * lx > ly * ly) {
                            for (var x = p0.x + ux; ; x += ux) {
                                line.push({ x: x, y: Math.round(p0.y + ky * (x - p0.x)) });
                                if (x == pt.x) {
                                    break;
                                }
                            }
                        } else {
                            for (var y = p0.y + uy; ; y += uy) {
                                line.push({ x: Math.round(p0.x + kx * (y - p0.y)), y: y });
                                if (y == pt.y) {
                                    break;
                                }
                            }
                        }
                    }
                }
                self.showLine(line, true);
            }
        }, true);

        self.Canvas.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyA") {
                if (self.selectType == 5) {
                    var keys = Object.keys(self.Objects);
                    for (var i = 0; i < keys.length; i++) {
                        var id = keys[i];
                        if (!self.Selection[id]) {
                            self.Selection[id] = {};
                        }
                    }
                    self.RenderDelay(false);
                    e.stopImmediatePropagation();
                }
                if (self.selectType == 6) {
                    var Ds = self.dataScene;
                    var objects = Ds.Objects;
                    for (var i = 0; i < objects.length; i++) {
                        var id = objects[i].Id;
                        if (!self.Selection[id]) {
                            self.Selection[id] = {};
                        }
                    }
                    self.RenderDelay(false);
                    e.stopImmediatePropagation();
                }
                e.preventDefault();
            }
        });
    }

    fn.getScene = function () {
        var self = this;
        function Clone(obj) {
            if (Array.isArray(obj)) {
                return obj;
            } else {
                return CLClone(obj);
            }
        }
        var Ds = Clone(self.dataScene);
        var Models = Ds.Models
        for (var key in Models) {
            var Dm = Models[key];
            if (Dm) {
                self.ModelRelease(Dm, false);
            }
        }
        var Objects = self.Objects;
        for (var key in Objects) {
            var obj = Objects[key];
            delete obj.Bx;
        }
        Ds.sRot = self.sceneRotate;
        Ds.sPos = self.scenePosition;
        Ds.sSca = self.sceneScale;
        return Ds;
    }

    fn.EnableSave = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyS") {
                self.Save();
                e.preventDefault();
                e.stopImmediatePropagation();
            }
        });
    }

    fn.Save = function () {

    }

    fn.showLine = function (line, show) {
        var self = this;
        if (!show) {
            if (line.Canvas) {
                line.Canvas.remove();
            }
            line.Canvas = null;
        } else {
            var Canvas = line.Canvas;
            if (!Canvas) {
                Canvas = line.Canvas = document.createElement("canvas");
                Canvas.style.cssText = "width:" + self.W + "px;height:" + self.H + "px;position:absolute;left:0;top:0;z-index:" + CLMaxZIndex();
            }
            var ctx = Canvas.getContext('2d');
            if (!Canvas.parentNode) {
                document.body.appendChild(Canvas);
                Canvas.width = self.W;
                Canvas.height = self.H;
                Canvas.Start = 0;
                ctx = Canvas.getContext('2d');
                ctx.clearRect(0, 0, self.W, self.H);
            } else {
                ctx = Canvas.getContext('2d');
            }
            ctx.fillStyle = 'green';
            for (var i = Canvas.Start; i < line.length; i++) {
                ctx.fillRect(line[i].x - 0.5, line[i].y - 0.5, 2, 2);
            }
            Canvas.Start = i;
        }
    }

    fn.MoveObject = function (Vec, objId) {
        var self = this;
        if (objId) {
            var obj = self.Objects[objId];
            if (obj) {
                obj.X[0] += Vec.x;
                obj.Y[0] += Vec.y;
                obj.Z[0] += Vec.z;
            }
            self.Prop(true);
        } else {
            var keys = Object.keys(self.Selection);
            for (var i = 0; i < keys.length; i++) {
                var obj = self.Objects[keys[i]];
                if (obj) {
                    obj.X[0] += Vec.x;
                    obj.Y[0] += Vec.y;
                    obj.Z[0] += Vec.z;
                }
            }
            if (self.PropDiv && self.PropDiv.Id) {
                self.Prop(true);
            }
        }
    }

    fn.RotateSelectedObject = function (x, y, z) {
        var self = this;
        var keys = Object.keys(self.Selection);
        if (keys.length == 0) {
            return false;
        }
        var sRot = self.sceneRotate;
        var mat;
        for (var i = 0; i < keys.length; i++) {
            var obj = self.Objects[keys[i]];
            if (!obj) {
                continue;
            }
            mat = self.ObjectToSenceMat(obj);
            var xyz = mat.toRotateXYZ();
            mat.setIdentity();
            mat.rotateXYZ(0, sRot.y, 0);
            mat.rotateXYZ(xyz.x, xyz.y, xyz.z);
            mat.setInverseOf(mat);
            var Vec;
            var A;
            if (x != 0) {
                Vec = mat.multiplyVector3(new CLVec3(1, 0, 0));
                A = x;
            } else if (y != 0) {
                Vec = mat.multiplyVector3(new CLVec3(0, 1, 0));
                A = y;
            } else if (z != 0) {
                Vec = mat.multiplyVector3(new CLVec3(0, 0, 1));
                A = z;
            } else {
                continue;
            }
            mat.setIdentity();
            mat.rotateXYZ(obj.X[1], obj.Y[1], obj.Z[1]);
            mat.rotate(A, Vec.x, Vec.y, Vec.z);
            var xyz = mat.toRotateXYZ();
            obj.X[1] = xyz.x;
            obj.Y[1] = xyz.y;
            obj.Z[1] = xyz.z;
            if (obj.X[1] < 0) {
                obj.X[1] += 360;
            } else if (obj.X[1] >= 360) {
                obj.X[1] %= 360;
            }
            if (obj.Y[1] < 0) {
                obj.Y[1] += 360;
            } else if (obj.Y[1] >= 360) {
                obj.Y[1] %= 360;
            }
            if (obj.Z[1] < 0) {
                obj.Z[1] += 360;
            } else if (obj.Z[1] >= 360) {
                obj.Z[1] %= 360;
            }
        }
        if (keys.length == 1) {
            self.Prop(true);
        }
        return true;
    }

    fn.EnableMoveObject = function () {
        var self = this;
        var x, y;
        var left = false;
        var click;
        var oPoint3;
        var moveY = false;
        var moved = false;
        var objId = null;
        self.Canvas.addEventListener("mousedown", function (e) {
            if (e.button == 0) {
                moved = false;
                if (self.selectType < 5) {
                    return;
                }
                if (self.Current) {
                    return;
                }
                if (Object.keys(self.Selection).length > 0) {
                    e.stopImmediatePropagation();
                }
                var keys = Object.keys(self.Selection);
                var info = self.FindCoordinate(e.offsetX, e.offsetY, self.selectType == 6);
                if (info.id != null || keys.length != 0) {
                    left = true;
                    x = e.clientX;
                    y = e.clientY;
                    click = info;
                    moveY = e.altKey;
                    if (moveY) {
                        oPoint3 = self.findInScene(x, y, new CLVec3(0, 0, -1), click);
                    } else {
                        oPoint3 = self.findInScene(x, y, new CLVec3(0, 1, 0), click);
                    }
                    objId = info.id;
                    e.stopImmediatePropagation();
                }
            }
        });

        window.addEventListener("mouseup", function (e) {
            if (e.button == 0) {
                if (left) {
                    left = false;
                    self.IsBusying = false;
                    if (moved) {
                        e.stopImmediatePropagation();
                    }
                }
            }
        }, true);

        window.addEventListener("mousemove", function (e) {
            if (left) {
                var Vec = new CLVec2(e.clientX - x, e.clientY - y);
                if (Vec.length() > 1) {
                    moved = true;
                    if (!moveY) {
                        var curPoint3 = self.findInScene(e.clientX, e.clientY, new CLVec3(0, 1, 0), click);
                        Vec = new CLVec3(curPoint3.x - oPoint3.x, curPoint3.y - oPoint3.y, curPoint3.z - oPoint3.z);
                        self.MoveObject(Vec,objId);
                        oPoint3 = curPoint3;
                    } else {
                        var curPoint3 = self.findInScene(e.clientX, e.clientY, new CLVec3(0, 0, -1), click);
                        Vec = new CLVec3(0, curPoint3.y - oPoint3.y, 0);
                        self.MoveObject(Vec, objId);
                        oPoint3 = curPoint3;
                    }
                    x = e.clientX;
                    y = e.clientY;
                    self.RenderDelay();
                    e.stopImmediatePropagation();
                }
            }
        }, true);

        self.Canvas.addEventListener("keydown", function (e) {
            if (e.code == "AltLeft" && left && !moveY) {
                moveY = true;
                click = self.FindCoordinate(x, y, 1, 1)
                oPoint3 = self.findInScene(x, y, new CLVec3(0, 0, -1), click);
            }
        });

        self.Canvas.addEventListener("keyup", function (e) {
            if (e.code == "AltLeft" && left) {
                moveY = false;
                click = self.FindCoordinate(x, y, 1, 1)
                oPoint3 = self.findInScene(x, y, new CLVec3(0, 1, 0), click);
            }
        });
    }

    fn.EnableRotateObject = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (e.ctrlKey) {
                return;
            }
            var rotated = false;
            var A = self.lookAngle();
            if (e.code == "KeyA") {
                rotated = self.RotateSelectedObject(0, -1, 0);
            } else if (e.code == "KeyD") {
                rotated = self.RotateSelectedObject(0, 1, 0);
            } else if (e.code == "KeyW") {
                rotated = self.RotateSelectedObject(-1, 0, 0);
            } else if (e.code == "KeyS") {
                rotated = self.RotateSelectedObject(1, 0, 0);
            } else if (e.code == "KeyQ") {
                rotated = self.RotateSelectedObject(0, 0, 1);
            } else if (e.code == "KeyE") {
                rotated = self.RotateSelectedObject(0, 0, -1);
            } else {
                return;
            }
            if (rotated) {
                self.RenderDelay();
                e.stopImmediatePropagation();
            }
        });
    }

    fn.EnablePrint = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (e.ctrlKey && e.code == "KeyP") {
                var data = self.ReadPixels(null, 0, 0, self.W, self.H);
                self.SavePixelsAsPng(data, self.W, self.H);
                e.preventDefault();
            }
        });
    }

    fn.EnableDrawing = function () {
        var self = this;
        var drawing = null;
        var ps = [];
        var x = 0;
        var y = 0;
        var down = false;
        var add = false;
        function back(e) {
            if (e.code == "Backspace") {
                if (drawing && drawing.back) {
                    if (ps.length > 1) {
                        ps.splice(ps.length - 2, 1);
                        drawing(ps, -1, add, e);
                    }
                }
            }
        }

        self.Canvas.addEventListener("mousedown", function (e) {
            var odrawing = drawing;
            drawing = self.Current ? self.Current.drawing : null;
            if (odrawing && odrawing != drawing) {
                odrawing(ps, 2, add, e);
                add = false;
                ps = [];
            }
            if (drawing == null) {
                return;
            } else {
                if (e.button == 0) {
                    x = e.clientX;
                    y = e.clientY;
                    down = true;
                    add = false;
                    if (ps.length == 0) {
                        ps.push({ x: e.offsetX, y: e.offsetY });
                    }
                    window.addEventListener("keydown", back, true);
                }
            }
        });

        window.addEventListener("mouseup", function (e) {
            if (drawing == null) {
                return;
            }
            if (e.button == 0) {
                add = false;
                down = false;
                if (drawing(ps, 1, add, e)) {
                    ps = [];
                }
                x = e.clientX;
                y = e.clientY;
            }
            if (e.button == 2) {
                if (drawing) {
                    drawing(ps, 2, add, e);
                    window.removeEventListener("keydown", back, true);
                }
                self.Current = null;
                self.Canvas.style.cursor = null;
                drawing = null;
                ps = [];
            }
        }, false);

        window.addEventListener("mousemove", function (e) { 
            if (drawing == null || ps.length == 0) {
                return;
            }
            var Vec2 = new CLVec2(e.clientX - x, e.clientY - y);
            if (Vec2.length() < 1) {
                return;
            }
            if (!add) {
                ps.push(CLClone(ps[ps.length - 1]));
                add = true;
            }
            var rect = self.Canvas.getBoundingClientRect();
            var i = ps.length - 1;
            ps[i] = { x: e.clientX - rect.left, y: e.clientY - rect.top };
            drawing(ps, 0, add, e);
        }, false);
    }

    fn.EnableDelete = function () {
        var self = this;
        self.Canvas.addEventListener("keydown", function (e) {
            if (self.IsBusying) {
                return;
            }
            if (e.code == "Delete") {
                var map = {};
                if (self.selectType < 5) {
                    var Id = Object.keys(self.Selection)[0];
                    var selInfo = self.Selection[Object.keys(self.Selection)[0]];
                    var info = {};
                    if (self.selectType == 0) {
                        info.P = selInfo.P;
                    }
                    if (self.selectType == 1) {
                        info.L = selInfo.L;
                    }
                    if (self.selectType == 2) {
                        info.F = selInfo.F;
                    }
                    map[Id] = info;
                    self.Delete(map);
                } else {
                    var map = {};
                    var IDs = Object.keys(self.Selection);
                    for (var i = 0; i < IDs.length; i++) {
                        map[IDs[i]] = true;
                    }
                    self.SelectionRelease(self.Selection);
                    self.Selection = {};
                }
                self.Delete(map);
                self.Prop();
            }
        });
    }

    fn.EnableDragResize = function () {
        var self = this;
        var drag;
        var left;
        var changed = false;
        var Dm = null;
        var Nv = null;
        var P = null;
        var obj;
        var Bx;
        var oMat;
        var oScale;
        var minX, minY, minZ, maxX, maxY, maxZ;
        function createResizer() {
            Dm = self.createModel(1);
            Dm.V = [-0.06, 0, 0, 0.06, 0, 0, -0.04, 0, 0.03, -0.04, 0, -0.03, 0.04, 0, 0.03, 0.04, 0, -0.03];
            Dm.L = [0, 1, 2, 0, 3, 0, 4, 1, 5, 1];
            Dm.Co = [1, 1, 1, 1];
            Dm.Sm = 1;
            Dm.Nc = 2;
            return Dm;
        }
        self.Canvas.addEventListener("mousemove", function (e) {
            if (self.Current != null || self.IsBusying != false) {
                return;
            }
            if (self.selectType < 5) {
                return;
            }
            var keys = Object.keys(self.Selection);
            obj = self.Objects[keys[0]];
            var oDm;
            if (obj) {
                oDm = self.dataScene.Models[obj.DmId];
            }
            if (keys.length != 1) {
                if (Dm == self.toDraw) {
                    self.toDraw = null;
                }
                self.Canvas.style.cursor = "";
                return;
            }
            Bx = obj.Bx;
            if (!Bx) {
                self.ObjBox3D(obj);
                Bx = obj.Bx;
            }
            Bx = CLClone(Bx);
            minX = Bx.minX, minY = Bx.minY, minZ = Bx.minZ, maxX = Bx.maxX, maxY = Bx.maxY, maxZ = Bx.maxZ;
            var lx = (maxX - minX) / 4;
            var ly = (maxY - minY) / 4;
            var lz = (maxZ - minZ) / 4;
            Bx.minX -= lx / 5;
            Bx.maxX += lx / 5;
            Bx.minY -= ly / 5;
            Bx.maxY += ly / 5;
            Bx.minZ -= lz / 5;
            Bx.maxZ += lz / 5;
            oMat = self.ObjectToSenceMat(obj);
            var out = self.FindAtBox(e.offsetX, e.offsetY, Bx, oMat, obj);
            Bx.minX += lx / 10;
            Bx.maxX -= lx / 10;
            Bx.minY += ly / 10;
            Bx.maxY -= ly / 10;
            Bx.minZ += lz / 10;
            Bx.maxZ -= lz / 10;
            P = out;
            drag = self.GetDrag(out, Bx, oMat);
            if (drag && drag.length > 0) {
                if (!Dm) {
                    Dm = createResizer();
                }
                self.toDraw = Dm;
                changed = true;
                self.Canvas.style.cursor = "url(/View/Web3D/Cursor/无.png), default";
            } else {
                if (self.toDraw != null) {
                    changed = true;
                } else {
                    changed = false;
                }
                self.Canvas.style.cursor = "";
                self.toDraw = null;
            }
            if (self.toDraw == Dm && Dm) {
                var Vec = oMat.multiplyVector3(out);
                Dm.X[0] = Vec.x;
                Dm.Y[0] = Vec.y;
                Dm.Z[0] = Vec.z;
                Dm.X[2] = 1 / self.sceneScale;
                Dm.Y[2] = Dm.X[2];
                Dm.Z[2] = Dm.X[2];
                Nv = new CLVec3();
                Nv.add(drag[0].Nv);
                if (drag.length == 2) {
                    Nv.add(drag[1].Nv);
                }
                var VecX = new CLVec3(1, 0, 0);
                var A = self.CalcAngle(Nv, VecX);
                var mat = new CLMatrix4();
                if (A != 0 && A != 180 && A != -180) {
                    var norm = self.CalcNormVec(VecX, Nv);
                    mat.rotate(A, norm.x, norm.y, norm.z);
                }
                if (out.index > 1) {
                    if (out.index > 3 && (Nv.y != 0 && Nv.x == 0 && Nv.z == 0)) {

                    } else {
                        mat.rotate(90, 1, 0, 0);
                    }
                }
                var xyz = self.ObjectToSenceRot(obj).toRotateXYZ();
                mat.rotateXYZ(xyz.x, xyz.y, xyz.z);
                xyz = mat.toRotateXYZ();
                Dm.X[1] = xyz.x;
                Dm.Y[1] = xyz.y;
                Dm.Z[1] = xyz.z;

            }
            if (changed) {
                self.RenderDelay(false);
            }
        });
        function move(e) {
            var rect = self.Canvas.getBoundingClientRect();
            var x = e.clientX - rect.x;
            var y = e.clientY - rect.y;
            var cur = self.findInWithMat(x, y, P.Nv, P, oMat);
            var pos = oMat.multiplyVector3(cur);
            Dm.X[0] = pos.x;
            Dm.Y[0] = pos.y;
            Dm.Z[0] = pos.z;
            var O = new CLVec3();
            var a = self.CalcAngleCos(cur, Nv) * cur.length();
            cur.scale(0);
            cur.add(Nv);
            cur.scale(a);
            cur.x -= O.x;
            cur.y -= O.y;
            cur.z -= O.z;
            var Vp = new CLVec3(P.x, P.y, P.z);
            a = self.CalcAngleCos(Vp, Nv) * Vp.length();
            Vp.scale(0);
            Vp.add(Nv);
            Vp.scale(a);
            Vp.x -= O.x;
            Vp.y -= O.y;
            Vp.z -= O.z;
            a = cur.length() / Vp.length();
            var Vec = new CLVec3(Nv.x, Nv.y, Nv.z);
            Vec.scale(a);
            if (Vec.x == 0) {
                Vec.x = 1;
            }
            if (Vec.y == 0) {
                Vec.y = 1;
            }
            if (Vec.z == 0) {
                Vec.z = 1;
            }
            if (Vec.x < 0) {
                Vec.x = 0 - Vec.x;
            }
            if (Vec.y < 0) {
                Vec.y = 0 - Vec.y;
            }
            if (Vec.z < 0) {
                Vec.z = 0 - Vec.z;
            }
            obj.X[2] = oScale.x * Vec.x;
            obj.Y[2] = oScale.y * Vec.y;
            obj.Z[2] = oScale.z * Vec.z;
            self.Prop(true);
            self.RenderDelay(false);
            e.stopPropagation();
        }
        function up(e) {
            self.IsBusying = false;
            left = false;
            window.removeEventListener("mousemove", move, true);
            window.removeEventListener("mouseup", up, true);
            e.stopPropagation();
        }
        self.Canvas.addEventListener("mousedown", function (e) {
            if (e.button == 0) {
                if (drag && drag.length > 0 && obj) {
                    self.IsBusying = true;
                    left = true;
                    oScale = { x: obj.X[2], y: obj.Y[2], z: obj.Z[2] };
                    window.addEventListener("mousemove", move, true);
                    window.addEventListener("mouseup", up, true);
                    e.stopImmediatePropagation();
                }
            }
        });
    }

    fn.EnableMenu = function () {
        var self = this;
        self.Canvas.addEventListener("mouseup", function (e) {
            if (e.button == 2) {
                if (self.ShowMenu(e.clientX, e.clientY)) {
                    e.stopImmediatePropagation();
                }
            }
        });
    }

    fn.GetDrag = function (out, Bx, mat) {
        var self = this;
        if (!out) {
            return [];
        }
        var minX = Bx.minX, minY = Bx.minY, minZ = Bx.minZ, maxX = Bx.maxX, maxY = Bx.maxY, maxZ = Bx.maxZ;
        var index = -1;
        var arr = [];
        var mat4 = new CLMatrix4(self.sceneMatrix);
        mat4.multiply(mat);
        mat = mat4;
        if (out.index == 0 || out.index == 1) {
            arr.push({ pt: self.Project(new CLVec3(minX, out.y, out.z), mat), Nv: new CLVec3(-1, 0, 0) });
            arr.push({ pt: self.Project(new CLVec3(maxX, out.y, out.z), mat), Nv: new CLVec3(1, 0, 0) });
            arr.push({ pt: self.Project(new CLVec3(out.x, out.y, maxZ), mat), Nv: new CLVec3(0, 0, 1) });
            arr.push({ pt: self.Project(new CLVec3(out.x, out.y, minZ), mat), Nv: new CLVec3(0, 0, -1) });
        }
        if (out.index == 2 || out.index == 3) {
            arr.push({ pt: self.Project(new CLVec3(minX, out.y, out.z), mat), Nv: new CLVec3(-1, 0, 0) });
            arr.push({ pt: self.Project(new CLVec3(maxX, out.y, out.z), mat), Nv: new CLVec3(1, 0, 0) });
            arr.push({ pt: self.Project(new CLVec3(out.x, maxY, out.z), mat), Nv: new CLVec3(0, 1, 0) });
            arr.push({ pt: self.Project(new CLVec3(out.x, minY, out.z), mat), Nv: new CLVec3(0, -1, 0) });
        }
        if (out.index == 4 || out.index == 5) {
            arr.push({ pt: self.Project(new CLVec3(out.x, maxY, out.z), mat), Nv: new CLVec3(0, 1, 0) });
            arr.push({ pt: self.Project(new CLVec3(out.x, minY, out.z), mat), Nv: new CLVec3(0, -1, 0) });
            arr.push({ pt: self.Project(new CLVec3(out.x, out.y, maxZ), mat), Nv: new CLVec3(0, 0, 1) });
            arr.push({ pt: self.Project(new CLVec3(out.x, out.y, minZ), mat), Nv: new CLVec3(0, 0, -1) });
        }
        var pt = self.Project(out, mat);
        for (var i = 0; i < arr.length ; i++) {
            arr[i].len = Math.sqrt(Math.pow(arr[i].pt.x - pt.x, 2) + Math.pow(arr[i].pt.y - pt.y, 2));
        }
        CLQuickSort(arr, function (e1, e2) {
            return e1.len - e2.len;
        });
        var drag = [];
        if (arr[0].len < 10) {
            drag.push(arr[0]);
        }
        if (arr[1].len < 10) {
            drag.push(arr[1]);
        }
        return drag;
    }

    fn.SwitchTo = function (Dm, matrix) {
        var self = this;
        var mat = new CLMatrix4();
        if (matrix) {
            mat.setInverseOf(matrix);
        }
        mat.scale(Dm.X[2], Dm.Y[2], Dm.Z[2]);
        var V = Dm.V;
        for (var i = 0; i < V.length; i += 3) {
            var Vec = new CLVec3(V[i], V[i + 1], V[i + 2]);
            Vec = mat.multiplyVector3(Vec);
            V[i] = Vec.x;
            V[i + 1] = Vec.y;
            V[i + 2] = Vec.z;
        }
        Dm.X[2] = 1;
        Dm.Y[2] = 1;
        Dm.Z[2] = 1;
        self.ModelRelease(Dm);
    }

    fn.Transform = function (Dm) {
        var self = this;
        var mat = new CLMatrix4();
        mat.translate(Dm.X[0], Dm.Y[0], Dm.Z[0]);
        mat.rotateXYZ(Dm.X[1], Dm.Y[1], Dm.Z[1]);
        mat.scale(Dm.X[2], Dm.Y[2], Dm.Z[2]);
        var Vec;
        var V = Dm.V;
        for (var i = 0; i < V.length; i += 3) {
            Vec = new CLVec3(V[i], V[i + 1], V[i + 2]);
            Vec = mat.multiplyVector3(Vec);
            V[i] = Vec.x;
            V[i + 1] = Vec.y;
            V[i + 2] = Vec.z;
        }
        Dm.X = [0, 0, 1];
        Dm.Y = [0, 0, 1];
        Dm.Z = [0, 0, 1];
    }

    fn.Merge = function (Dm, other) {
        var self = this;
        var offset = Dm.V.length / 3;
        var L = other.L;
        for (var i = 0; i < L.length ; i++) {
            L[i] += offset;
        }
        for (var i = 0; i < other.F.length; i++) {
            var F = other.F[i];
            for (var j = 0; j < F.length ; j++) {
                F[j] += offset;
            }
        }
        Dm.V = Dm.V.concat(other.V);
        Dm.L = Dm.L.concat(other.L);
        Dm.F = Dm.F.concat(other.F);
        self.EmptyModel(other);
        return Dm;
    }
    //获取视线与场景XZ平面的夹角
    fn.lookAngle = function () {
        var self = this;
        var yVec = new CLVec3(0, 1, 0);
        var mat = new CLMatrix4();
        var sRot = self.sceneRotate;
        mat.rotateXYZ(sRot.x,sRot.y,sRot.z);
        yVec = mat.multiplyVector3(yVec);
        var lookPos = self.lookPosition
        var ePos = self.eyePosition;
        var eVec = new CLVec3(ePos.x - lookPos.x, ePos.y - lookPos.y, ePos.z - lookPos.z);
        var angle = self.CalcAngle(yVec, eVec);
        if (yVec.cross(eVec).x < 0) {
            angle *= -1;
        }
        return self.to180(angle);
    }

    fn.findInWithMat = function (x, y, normVec, anyPoint, mat) {
        var self = this;
        var out;
        self.UseArray(function () {
            var sm = new CLMatrix4(self.sceneMatrix);
            if (mat) {
                sm.multiply(mat);
            }
            var ePos = self.eyePosition;
            var eVec = new CLVec3(ePos.x, ePos.y, ePos.z);
            mat = new CLMatrix4();
            mat.setInverseOf(sm);
            eVec = mat.multiplyVector3(eVec);
            var toVec = self.UnProject(new CLVec3(x, self.H - y, 0.1), sm);
            out = self.findPoint(eVec, toVec, normVec, anyPoint);
        });
        return out;
    }

    fn.findInScene = function (x, y, normVec, anyPoint) {
        var self = this;
        return self.findInWithMat(x, y, normVec, anyPoint);
    }

    fn.findSceneAt = function (x, y) {
        var self = this;
        var out;
        self.UseArray(function () {
            var sRot = self.sceneRotate;
            var sPos = self.scenePosition;
            var mat = new CLMatrix4();
            mat.rotateXYZ(sRot.x, sRot.y, sRot.z);
            var normVec = mat.multiplyVector3(new CLVec3(0, 1, 0));
            out = self.CalcCrossAnyPoint(x, y, normVec, self.scenePosition);
            if (out == null) {
                normVec = new CLVec3(0, 0, 1);
                out = self.CalcCrossAnyPoint(x, self.H / 2, normVec, self.scenePosition);
            }
        });
        return out;
    }

    fn.findLookSceneAt = function () {
        var self = this;
        return self.findSceneAt(self.W / 2, self.H / 2);
    }

    fn.CalcNormVec = function (v1, v2) {
        var self = this;
        return v1.cross(v2);
    }

    fn.CalcAngleCos = function (v1, v2) {
        var self = this;
        return v1.dot(v2) / (v1.length() * v2.length());
    }

    fn.CalcAngle = function (v1, v2) {
        var self = this;
        A = Math.acos(v1.dot(v2) / (v1.length() * v2.length()));
        A *= 180;
        A /= Math.PI;
        return self.to180(A);
    }

    fn.CalcCrossAnyPoint = function (x, y, normVec, anyPoint) {
        var self = this;
        var ePos = self.eyePosition;
        var clickPos = self.UnProject(new CLVec3(x, self.H - y, 0.1));
        var oPoint = { x: ePos.x, y: ePos.y, z: ePos.z };
        var toPiont = { x: clickPos.x, y: clickPos.y, z: clickPos.z };
        return self.findPoint(oPoint, toPiont, normVec, anyPoint);
    }

    fn.CalcCrossXZPoint = function (x, y, Y) {
        var self = this;
        var ePos = self.eyePosition;
        var clickPos = self.UnProject(new CLVec3(x, self.H - y, 0.1));
        var oPoint = { x: ePos.x, y: ePos.y, z: ePos.z };
        var toPiont = { x: clickPos.x, y: clickPos.y, z: clickPos.z };
        var normVec = new CLVec3(0, 1, 0);
        return self.findPoint(oPoint, toPiont, normVec, { x: 0, y: Y, z: 0 });
    }
    //计算三角形外接弧
    fn.CalcTriangleOutArc = function (p1, p2, p3) {
        var self = this;
        var x1, x2, x3, z1, z2, z3;
        var x = 0;
        var y = 0;
        x1 = p1.x;
        x2 = p2.x;
        x3 = p3.x;
        z1 = p1.z;
        z2 = p2.z;
        z3 = p3.z;
        x = ((z2 - z1) * (z3 * z3 - z1 * z1 + x3 * x3 - x1 * x1) - (z3 - z1) * (z2 * z2 - z1 * z1 + x2 * x2 - x1 * x1)) / (2 * (x3 - x1) * (z2 - z1) - 2 * ((x2 - x1) * (z3 - z1)));
        z = ((x2 - x1) * (x3 * x3 - x1 * x1 + z3 * z3 - z1 * z1) - (x3 - x1) * (x2 * x2 - x1 * x1 + z2 * z2 - z1 * z1)) / (2 * (z3 - z1) * (x2 - x1) - 2 * ((z2 - z1) * (x3 - x1)));
        var O = { x: x, y: 0, z: z };
        var R = Math.sqrt((p1.x - x) * (p1.x - x) + (p1.z - z) * (p1.z - z));
        var V21 = new CLVec3(p2.x - p1.x, 0, p2.z - p1.z);
        var V31 = new CLVec3(p3.x - p1.x, 0, p3.z - p1.z);
        var Nv = self.CalcNormVec(V21, V31);
        var V13 = new CLVec3(p1.x - p3.x, 0, p1.z - p3.z);
        var V23 = new CLVec3(p2.x - p3.x, 0, p2.z - p3.z);
        var A = self.CalcAngle(new CLVec3(p1.x - O.x, 0, p1.z - O.z), new CLVec3(p2.x - O.x, 0, p2.z - O.z));
        var A1323 = self.CalcAngle(V13, V23);
        if (A1323 < 90) {
            A = 360 - A;
        }
        var Vec0 = new CLVec3(1, 0, 0);
        var Vec1 = new CLVec3(p1.x - O.x, 0, p1.z - O.z);
        var angle = self.CalcAngle(Vec1, Vec0);
        if (Vec1.z > 0) {
            angle = 360 - angle;
        }
        var A1;
        if (Nv.y > 0) {
            A1 = 180 + angle - A;
        } else {
            A1 = 180 + angle;
        }
        A2 = A1 + A;
        return { O: O, R: R, From: A1, To: A2 };
    }
    //计算直线与平面的交点
    fn.findPoint = function (oPoint, toPiont, normVec, anyPoint) {
        var self = this;
        var Vec = new CLVec3(
            oPoint.x - anyPoint.x,
            oPoint.y - anyPoint.y,
            oPoint.z - anyPoint.z
        );
        var cos = self.CalcAngleCos(Vec, normVec);
        var h = Vec.length() * cos;
        var toVec = new CLVec3(
            toPiont.x - oPoint.x,
            toPiont.y - oPoint.y,
            toPiont.z - oPoint.z
        );
        var toCos = self.CalcAngleCos(toVec, normVec);
        if (toCos == 0) {
            return null;
        }
        var L = -h / toCos;
        var a = L / toVec.length();
        toVec.x *= a;
        toVec.y *= a;
        toVec.z *= a;
        toVec.x += oPoint.x;
        toVec.y += oPoint.y;
        toVec.z += oPoint.z;
        return toVec;
    }
    //模型坐标转换为屏幕坐标
    fn.Project = function (Vec, modelMatrix, mat) {
        var self = this;
        var out;
        var w = self.W;
        var h = self.H;
        self.UseArray(function () {
            var outVec = new CLVec4(Vec.x, Vec.y, Vec.z);
            if (mat == null) {
                mat = new CLMatrix4(self.proMatrix);
                mat.multiply(self.eyeMatrix);
            }

            if (modelMatrix) {
                mat.multiply(modelMatrix);
            }

            outVec = mat.multiplyVector4(outVec);
            if (outVec.w == 0.0) {
                return null;
            }
            outVec.x /= outVec.w;
            outVec.y /= outVec.w;
            outVec.z /= outVec.w;
            ////将坐标由-1到1，转换到0-1
            outVec.x = outVec.x * 0.5 + 0.5;
            outVec.y = outVec.y * 0.5 + 0.5;
            outVec.z = outVec.z * 0.5 + 0.5;
            ////将x,y转换到屏幕坐标
            outVec.x = outVec.x * w;
            outVec.y = outVec.y * h;
            out = new CLVec3(outVec.x, outVec.y, outVec.z);
        });
        return out;
    }
    //屏幕坐标转换为模型坐标
    fn.UnProject = function (Vec, modelMatrix) {
        var self = this;
        var out;
        self.UseArray(function () {
            var mat = new CLMatrix4(self.proMatrix);
            mat.multiply(self.eyeMatrix);
            if (modelMatrix) {
                mat.multiply(modelMatrix);
            }
            mat = mat.setInverseOf(mat);
            var buf = mat.buffer;
            var Vec4 = new CLVec4(Vec.x, Vec.y, Vec.z, 1.0);
            var w = self.W;
            var h = self.H;
            Vec4.x = Vec4.x / w;
            Vec4.y = Vec4.y / h;
            Vec4.x = Vec4.x * 2 - 1;
            Vec4.y = Vec4.y * 2 - 1;
            Vec4.z = Vec4.z * 2 - 1;
            Vec4 = mat.multiplyVector4(Vec4);
            if (Vec4.w == 0.0) {
                return null;
            }
            Vec4.x /= Vec4.w;
            Vec4.y /= Vec4.w;
            Vec4.z /= Vec4.w;
            out = new CLVec3(Vec4.x, Vec4.y, Vec4.z);
        });
        return out;
    }
    //创建纹理缓存
    fn.CreateTexture = function (w, h) {
        var self = this;
        var gl = self.WebGL;
        var texture = gl.createTexture();
        gl.activeTexture(gl.TEXTURE2);
        gl.bindTexture(gl.TEXTURE_2D, texture);
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, w, h, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
        gl.bindTexture(gl.TEXTURE_2D, null);
        return texture;
    }
    //创建帧缓冲对象
    fn.CreateFrameObject = function (w, h) {
        var self = this;
        var gl = self.WebGL;
        var fo = {};
        //纹理
        fo.texture = self.CreateTexture(w, h);
        //深度缓冲
        fo.depthBuffer = gl.createRenderbuffer();
        gl.bindRenderbuffer(gl.RENDERBUFFER, fo.depthBuffer);
        gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, w, h);
        //帧缓冲
        fo.buffer = gl.createFramebuffer();
        gl.bindFramebuffer(gl.FRAMEBUFFER, fo.buffer);
        gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, fo.texture, 0);
        gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, fo.depthBuffer);
        if (gl.FRAMEBUFFER_COMPLETE !== gl.checkFramebufferStatus(gl.FRAMEBUFFER)) {
            self.ReleaseFrameObject(fo);
            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
            return null;
        }
        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
        return fo;
    }
    //绑定帧缓冲对象
    fn.BindFrameObject = function (fo) {
        var self = this;
        var gl = self.WebGL;
        if (fo && fo.buffer) {
            gl.bindFramebuffer(gl.FRAMEBUFFER, fo.buffer);
        } else {
            gl.bindFramebuffer(gl.FRAMEBUFFER, null);
        }
    }
    //读取帧缓冲对象颜色
    fn.ReadPixels = function (fo, x, y, w, h) {
        var self = this;
        var gl = self.WebGL;
        if (w == null) {
            w = 1;
        }
        if (h == null) {
            h = 1;
        }
        if (!fo) {
            fo = self.fo;
            if (!fo) {
                fo = self.fo = {
                    Pixels: null,
                    LastReadTime: null,
                    LastRenderTime: self.LastRenderTime,
                    w: self.W,
                    h: self.H
                }
            } else {
                fo.LastRenderTime = self.LastRenderTime
            }
        }
        if (fo.Pixels == null || fo.LastReadTime == null || fo.LastReadTime < fo.LastRenderTime) {
            fo.Pixels = new Uint8Array(4 * fo.w * fo.h);
            gl.bindFramebuffer(gl.FRAMEBUFFER, fo.buffer);
            gl.readPixels(0, 0, fo.w, fo.h, gl.RGBA, gl.UNSIGNED_BYTE, fo.Pixels);
            fo.LastReadTime = new Date();
            fo.Pixels = new Uint32Array(fo.Pixels.buffer);
        }
        if (x == 0 && y == 0 && w == self.W && h == self.H) {
            return fo.Pixels;
        }
        var px = fo.Pixels;
        var arr = new Uint32Array(w * h);
        for (var i = 0; i < h; i++) {
            for (var j = 0; j < w; j++) {
                var iSrc = (i + y) * fo.w + (x + j);
                var iDst = i * w + j;
                arr[iDst] = px[iSrc];
            }
        }
        return arr;
    }
    //将像素保存为PNG
    fn.SavePixelsAsPng = function (pixels, w, h) {
        var self = this;
        //生成canvas
        var canvas = document.createElement('canvas');
        var ctx = canvas.getContext('2d');
        // 创建属性节点
        var anw = document.createAttribute("width");
        anw.nodeValue = w;
        var anh = document.createAttribute("height");
        anh.nodeValue = h;
        canvas.setAttributeNode(anw);
        canvas.setAttributeNode(anh);
        var imageData = ctx.getImageData(0, 0, w, h);
        var px = imageData.data;
        pixels = new Uint8Array(pixels.buffer);
        for (var y = 0; y < h; y++) {
            var srcY = y * w * 4;
            var dstY = (h - 1 - y) * w * 4;
            for (var x = 0; x < w * 4; x++) {
                px[dstY + x] = pixels[srcY + x];
            }
        }
        ctx.putImageData(imageData, 0, 0);
        var base64 = canvas.toDataURL('image/png');
        var data = new CLBase64().blobUrl(base64);
        CLSaveAsLocal("Canvas.png", data);
    }
    //创建模型
    fn.createModel = function (alloc) {
        var self = this;
        alloc = alloc !== false;
        var dm = {
            Id: alloc ? self.AllocId() : null,
            V: [],//顶点
            F: [],//三角形
            L: [],//线
            //Fr:[],//用于渲染的三角形
            //Ve: null,//用于渲染的附加顶点
            type: 0,
            Bx: null,//包围盒{ minX: minX, minY: minY, minZ: minY, maxX: maxX, maxY: maxY, maxZ: maxZ }
            Vn: null,//顶点法线
            Vt: null,//纹理坐标
            Sh: true,//是否显示
            Bs: 0,//背面渲染 0:不渲染;1:渲染;2:仅渲染
            Img: null,//纹理图片
            Nc: 1,//法线模式:0,点模式;1.光滑模式;2.平面模式
            Co: self.Color(self.Random(30, 16777216)),//颜色
            Df: 0.9,//漫反射强度
            Sf: 100,//高光因子
            Sm: 2,//显示模式 0:顶点;1:网格;2:三角形,3:点线模式
            Tm: 0,//纹理模式:0,单色纹理;1,2D纹理;2:立方体纹理
            X: [0, 0, 1],//0:平移;1:旋转,2:缩放
            Y: [0, 0, 1],
            Z: [0, 0, 1],
        };
        return dm;
    }
    //线段插值
    fn.drawLine = function (Dm, v1, v2, Sec) {
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        V.push(v1.x, v1.y, v1.z);
        var index = V.length / 3 - 1;
        for (var i = 1; i < Sec ; i++) {
            V.push(v1.x * (Sec - i) / Sec + v2.x * i / Sec);
            V.push(v1.y * (Sec - i) / Sec + v2.y * i / Sec);
            V.push(v1.z * (Sec - i) / Sec + v2.z * i / Sec);
            L.push(index, index + 1);
            index++
        }
        V.push(v2.x, v2.y, v2.z);
        L.push(index, index + 1);
    }
    //弧线插值
    fn.drawArc = function (Dm, O, R, from, to, Sec) {
        if (R == 0) {
            return;
        }
        var mat = new CLMatrix4();
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        var oVec = new CLVec3(-R, 0, 0);
        mat.setRotate(from, 0, 1, 0);
        oVec = mat.multiplyVector3(oVec);
        var vec = new CLVec3(oVec.x, oVec.y, oVec.z);
        vec.add(O);
        V.push(vec.x, vec.y, vec.z);
        var index = V.length / 3 - 1;
        var ua = (to - from) / Sec;
        for (var i = 1; i <= Sec ; i++) {
            mat.setRotate(i * ua, 0, 1, 0);
            vec = mat.multiplyVector3(oVec);
            vec.add(O);
            V.push(vec.x, vec.y, vec.z);
            L.push(index, index + 1);
            index++;
        }
    }
    //生成正三角形
    fn.Generate2D3 = function (len) {
        var self = this;
        return self.Generate2DN(3, len);
    } 
    //生成正N边形
    fn.Generate2DN = function (N, len, Sec, r, sec) {
        var self = this;
        Sec = Sec == undefined ? 1 : Sec;
        sec = sec == undefined ? 1 : sec;
        r = r == undefined ? 0 : r;
        var angle = (N - 2) * 180 / N / 2;
        var R = len / 2 / Math.cos(angle * Math.PI / 180);
        var oVec = new CLVec3(0, 0, -R);
        var mat = new CLMatrix4();
        var a0 = -angle;
        if (N % 2 == 0) {
            mat.setRotate(180 / N, 0, 1, 0);
            a0 += 180 / N;
            oVec = mat.multiplyVector3(oVec);
        }
        var offset = r / Math.tan(angle * Math.PI / 180);
        if (offset > len / 2) {
            offset = len / 2;
            r = offset * Math.tan(angle * Math.PI / 180);
        }
        var Dm = self.createModel();
        var prev = oVec;
        var cur;
        var a1;
        var a2;
        var v1 = new CLVec3();
        var v2 = new CLVec3();
        var vr = new CLVec3();
        vr.scale(0);
        vr.add(prev);
        vr.scale((vr.length() - r / Math.sin(angle * Math.PI / 180)) / vr.length());
        for (var i = 1; i <= N; i++) {
            mat.setRotate(360 * i / N, 0, 1, 0);
            cur = mat.multiplyVector3(oVec);
            v1.scale(0);
            v2.scale(0);
            v1.add(prev);
            v1.scale(-1);
            v1.add(cur);
            v1.scale(offset / len);
            v2.add(v1);
            v1.add(prev);
            v2.scale(-1);
            v2.add(cur);
            self.drawLine(Dm, v1, v2, Sec);
            vr.scale(0);
            vr.add(cur);
            vr.scale((vr.length() - r / Math.sin(angle * Math.PI / 180)) / vr.length());
            a1 = 360 * (i - 1) / N + a0;
            a2 = a1 + 180 - 2 * angle;
            self.drawArc(Dm, vr, r, a1, a2, sec);
            prev = cur;
        }
        Dm.Nc = 0;
        Dm.Sm = 1;
        Dm.Co = [1, 1, 1, 1];
        self.Distinct(Dm);
        return Dm;
    }
    //生成自由三角形
    fn.Generate2D3Free = function (p1, p2, p3, Sec, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        self.ModelRelease(Dm);
        if (self.CalcNormVec(new CLVec3(p2.x - p1.x, 0, p2.z - p1.z), new CLVec3(p3.x - p1.x, 0, p3.z - p1.z)).y < 0) {
            var tt = p3;
            p3 = p2;
            p2 = tt;
        }
        var VArr = [
            new CLVec3(p2.x - p1.x, 0, p2.z - p1.z),
            new CLVec3(p3.x - p2.x, 0, p3.z - p2.z),
            new CLVec3(p1.x - p3.x, 0, p1.z - p3.z)
        ];
        var Vec = new CLVec3(p1.x, p1.y, p1.z);
        var mat = new CLMatrix4();
        var index = 1;
        var V = [p1.x, 0, p1.z];
        var L = [];
        for (var i = 0; i < 3 ; i++) {
            var move = VArr[i];
            move.scale(1 / Sec);
            mat.setTranslate(move.x, move.y, move.z);
            for (var j = 1; j <= Sec ; j++) {
                Vec = mat.multiplyVector3(Vec);
                V.push(Vec.x, Vec.y, Vec.z);
                L.push(index - 1, index);
                index++;
            }
        }
        Dm.V = V;
        Dm.L = L;
        Dm.Sm = 1;
        Dm.Nc = 0;
        Dm.Co = [1, 1, 1, 1];
        var Vec = new CLVec3();
        Vec.add(p1);
        Vec.add(p2);
        Vec.add(p3);
        Vec.scale(1 / 3);
        for (var i = 0; i < V.length; i += 3) {
            V[i] = V[i] - Vec.x;
            V[i + 1] = V[i + 1] - Vec.y;
            V[i + 2] = V[i + 2] - Vec.z;
        }
        Dm.X[0] = Vec.x;
        Dm.Y[0] = Vec.y;
        Dm.Z[0] = Vec.z;
        self.Distinct(Dm);
        return Dm;
    }
    //生成矩形
    fn.Generate2DRect = function (l, w, lSec, wSec, r, rSec) {
        var self = this;
        var Vec = new CLVec3(-w / 2, 0, -l / 2);
        var Dm = self.createModel();
        if (r > w / 2) {
            r = w / 2;
        }
        if (r > l / 2) {
            r = l / 2;
        }
        self.drawLine(Dm, new CLVec3(-w / 2, 0, -l / 2 + r), new CLVec3(-w / 2, 0, l / 2 - r), lSec);
        self.drawArc(Dm, new CLVec3(-w / 2 + r, 0, l / 2 - r), r, 0, 90, rSec);
        self.drawLine(Dm, new CLVec3(-w / 2 + r, 0, l / 2), new CLVec3(w / 2 - r, 0, l / 2), wSec);
        self.drawArc(Dm, new CLVec3(w / 2 - r, 0, l / 2 - r), r, 90, 180, rSec);
        self.drawLine(Dm, new CLVec3(w / 2, 0, l / 2 - r), new CLVec3(w / 2, 0, -l / 2 + r), lSec);
        self.drawArc(Dm, new CLVec3(w / 2 - r, 0, -l / 2 + r), r, 180, 270, rSec);
        self.drawLine(Dm, new CLVec3(w / 2 - r, 0, -l / 2), new CLVec3(-w / 2 + r, 0, -l / 2), wSec);
        self.drawArc(Dm, new CLVec3(-w / 2 + r, 0, -l / 2 + r), r, 270, 360, rSec);
        self.Distinct(Dm);
        return Dm;
    }
    //生成圆形
    fn.Generate2DCircle = function (sec) {
        var self = this;
        var angle = (sec - 2) * 180 / sec / 2;
        var len = 2 * Math.cos(angle * Math.PI / 180);
        return self.Generate2DN(sec, len);
    }
    //生成圆弧
    fn.Generate2DArc = function (p1, p2, p3, sec, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        var OR = self.CalcTriangleOutArc(p1, p2, p3);
        self.drawArc(Dm, OR.O, OR.R, OR.From, OR.To, sec);
        Dm.Co = [1, 1, 1, 1];
        Dm.Sm = 1;
        Dm.Nc = 0;
        return Dm;
    }
    //生成圆环
    fn.Generate2DTorus = function (R, r, Sec, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        var angle = (Sec - 2) * 180 / Sec / 2;
        var len = 2 * Math.cos(angle * Math.PI / 180);
        var dm = self.Generate2DN(Sec, len * R);
        self.BackId();
        self.Merge(Dm, dm);
        dm = self.Generate2DN(Sec, len * r);
        dm.Z[1] = 180;
        self.Transform(dm);
        self.BackId();
        self.Merge(Dm, dm);
        Dm.Nc = 0;
        Dm.Sm = 1;
        Dm.Co = [1, 1, 1, 1];
        return Dm;
    }
    //生成星形
    fn.Generate2DStar = function (R, r, N, lSec, AR, Ar, ASec, aSec, aOff, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        Dm.F = [];
        if (R < r) {
            var t = r;
            r = R;
            R = t;
            t = Ar;
            Ar = AR;
            AR = t;
        }
        var Vec = new CLVec3(0, 0, -R);
        var angle = 360 / N;
        var V = [];
        var mat = new CLMatrix4();
        for (var i = 0; i < N; i++) {
            mat.setRotate(i * angle, 0, 1, 0);
            var tempVec = mat.multiplyVector3(Vec);
            V.push(tempVec.x, tempVec.y, tempVec.z);
        }
        Vec.z = -r;
        mat.setRotate(angle / 2 + aOff, 0, 1, 0);
        Vec = mat.multiplyVector3(Vec);
        var v = [];
        for (var i = 0; i < N; i++) {
            mat.setRotate(i * angle, 0, 1, 0);
            var tempVec = mat.multiplyVector3(Vec);
            v.push(tempVec.x, tempVec.y, tempVec.z);
        }
        var From, To, from, to;
        var Off = 0, off = 0;
        var O, o;
        var VecOff;
        var Vec0 = new CLVec3(V[0] - v[v.length - 3], V[1] - v[v.length - 2], V[2] - v[v.length - 1]);
        var Vec1 = new CLVec3(v[0] - V[0], v[1] - V[1], v[2] - V[2]);
        var Vec2 = new CLVec3(V[3] - v[0], V[4] - v[1], V[5] - v[2]);
        var A01 = self.CalcAngle(Vec0, Vec1);
        A01 = 180 - A01;
        Off = AR / Math.tan(A01 * Math.PI / 360);
        
        var A12 = self.CalcAngle(Vec1, Vec2);
        A12 = 180 - A12;
        off = Ar / Math.tan(A12 * Math.PI / 360);
        if (Off > Vec0.length()) {
            Off =  Vec0.length();
            AR = Off * Math.tan(A01 * Math.PI / 360);
        }
        if (Off > Vec1.length()) {
            Off = Vec1.length();
            AR = Off * Math.tan(A01 * Math.PI / 360);
        }
        if (off > Vec0.length()) {
            off = Vec0.length();
            Ar = off * Math.tan(A12 * Math.PI / 360);
        }
        if (off > Vec1.length()) {
            off = Vec1.length();
            Ar = off * Math.tan(A12 * Math.PI / 360);
        }
        if (self.CalcAngle(Vec0, new CLVec3(1, 0, 0)) < self.CalcAngle(new CLVec3(-Vec1.x, -Vec1.y, -Vec1.z), new CLVec3(1, 0, 0))) {
            VecOff = new CLVec3();
            VecOff.add(Vec0);
            VecOff.normalize();
            VecOff.scale(-Off);
            mat.setRotate(90, 0, 1, 0);
            O = mat.multiplyVector3(VecOff);
            O.normalize();
            O.scale(AR);
            O.add(VecOff);
            O.add(new CLVec3(0, 0, -R));
            From = self.CalcAngle(Vec1, new CLVec3(0, 0, -1));
            To = From + (180 - A01);
        } else {
            VecOff = new CLVec3();
            VecOff.add(Vec1);
            VecOff.normalize();
            VecOff.scale(Off);
            mat.setRotate(90, 0, 1, 0);
            O = mat.multiplyVector3(VecOff);
            O.normalize();
            O.scale(AR);
            O.add(VecOff);
            O.add(new CLVec3(0, 0, -R));
            To = -self.CalcAngle(Vec1, new CLVec3(0, 0, 1));
            From = To - (180 - A01);
        }
        mat.setRotate(-90, 0, 1, 0);
        o = mat.multiplyVector3(Vec1);
        o.normalize();
        o.scale(Ar);
        o.add(Vec);
        var VecOff = new CLVec3(Vec1.x, Vec1.y, Vec1.z);
        VecOff.normalize();
        VecOff.scale(-off);
        o.add(VecOff);
        to = 180 - self.CalcAngle(Vec1, new CLVec3(0, 0, 1));
        from = to - (180 - A12);
        for (var i = 0; i < N ; i++) {
            var vi = i * 3;
            var v1 = new CLVec3(V[vi], V[vi + 1], V[vi + 2]);
            var v2 = new CLVec3(v[vi], v[vi + 1], v[vi + 2]);
            var offA = 360 * i / N;
            mat.setRotate(offA, 0, 1, 0);
            if (Off != 0) {
                Vec.set(v1);
                Vec.scale(-1);
                Vec.add(v2);
                Vec.normalize();
                Vec.scale(Off);
                v1.add(Vec);
                self.drawArc(Dm, mat.multiplyVector3(O), AR, From + offA, To + offA, ASec);
            }
            if (off != 0) {
                Vec.set(new CLVec3(V[vi], V[vi + 1], V[vi + 2]));
                Vec.scale(-1);
                Vec.add(v2);
                Vec.normalize();
                Vec.scale(-off);
                v2.add(Vec);
                self.drawArc(Dm, mat.multiplyVector3(o), Ar, from + offA, to + offA, aSec);
            }
            self.drawLine(Dm, v1, v2, lSec);
            v1 = new CLVec3(v[vi], v[vi + 1], v[vi + 2]);
            vi = ((i + 1) % N) * 3;
            v2 = new CLVec3(V[vi], V[vi + 1], V[vi + 2]);
            if (off != 0) {
                Vec.set(v1);
                Vec.scale(-1);
                Vec.add(v2);
                Vec.normalize();
                Vec.scale(off);
                v1.add(Vec);
            }
            if (Off != 0) {
                vi = ((i) % N) * 3;
                Vec.set(new CLVec3(v[vi], v[vi + 1], v[vi + 2]));
                Vec.scale(-1);
                Vec.add(v2);
                Vec.normalize();
                Vec.scale(-Off);
                v2.add(Vec);
            }
            self.drawLine(Dm, v1, v2, lSec);
        }
        Dm.Nc = 0;
        Dm.Sm = 1;
        Dm.Co = [1, 1, 1, 1];
        self.Distinct(Dm);
        return Dm;
    }
    //生成螺旋线
    fn.Generate2DSpring = function (r1, r2, h, hSec, rSec, back, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        var oVec;
        var us;
        oVec = new CLVec3(r1 < 0 ? 1 : -1, 0, 0);
        us = (r1 - r2) / hSec / rSec;
        var ur = 360 / rSec;
        if (back) {
            ur *= -1;
        }
        var uh = h / hSec / rSec;
        var V = Dm.V;
        var L = Dm.L;
        V.push(-Math.abs(r1), 0, 0);
        var offset = 0;
        var s = 0;
        var index = 1;
        var mat = new CLMatrix4();
        var A = hSec * 360 + Math.abs(ur);
        var cc = hSec * rSec / us;
        while (Math.abs(ur * index) < A) {
            mat.setRotate(ur * index, 0, 1, 0);
            var Vec = mat.multiplyVector3(oVec);
            Vec.scale(r1 - us * index);
            V.push(Vec.x, Vec.y + offset, Vec.z);
            L.push(index - 1, index);
            offset += uh;
            s += us;
            index++;
        }
        Dm.Nc = 0;
        Dm.Sm = 1;
        Dm.Co = [1, 1, 1, 1];
        return Dm;
    }
    //生成正四面体
    fn.Generate3D4 = function (len) {
        var self = this;
        var r = len / Math.sqrt((2 / 3)) / 2;
        var h = len * Math.sqrt((3 / 4));
        var V = [
           0.0, r, 0.0,
           -len / 2, -r / 3, h / 3,
           len / 2, -r / 3, h / 3,
           0.0, -r / 3, -h * 2 / 3
        ];
        var Dm = self.createModel();
        Dm.V = V;
        var F = [];
        var L = [];
        F.push(0, 1, 2, 0, 2, 3, 0, 3, 1, 2, 1, 3);
        L.push(0, 1, 1, 2, 2, 0, 2, 3, 3, 0, 3, 1);
        Dm.F = [F];
        Dm.L = L;
        return Dm;
    }
    //生成正方面体
    fn.Generate3D6 = function (len, xSec, ySec, zSec) {
        var self = this;
        var l = len / 2;
        function func(xSec, zSec, alloc) {
            var L = [];
            var V = [
                -l, 0, -l
            ];
            var lz = len / zSec;
            for (var i = 1; i <= zSec; i++) {
                V.push(-l, 0, -l + i * lz);
                L.push(i - 1, i);
            }
            var Dm = self.createModel(alloc);
            Dm.V = V;
            Dm.L = L;
            self.Generate2DFrom1D(Dm, len, xSec, new CLVec3(1, 0, 0), 1, true);
            return Dm;
        }
        var Dm0 = func(xSec, zSec, true);
        Dm0.Y[0] = -l;
        self.Transform(Dm0);
        var Dm1 = CLClone(Dm0);
        Dm1.X = [0, 180, 1];
        self.Transform(Dm1);
        var Dm2 = func(xSec, ySec, true);
        Dm2.X[1] = -90;
        Dm2.Z[0] = l;
        self.Transform(Dm2);
        var Dm3 = CLClone(Dm2);
        Dm3.X = [0, 180, 1];
        self.Transform(Dm3);
        var Dm4 = func(ySec, zSec, true);
        Dm4.Z[1] = -90;
        Dm4.X[0] = -l;
        self.Transform(Dm4);
        var Dm5 = CLClone(Dm4);
        Dm5.Z = [0, 180, 1];
        self.Transform(Dm5);
        var Dm = self.Merge(Dm0, Dm1);
        Dm = self.Merge(Dm, Dm2);
        Dm = self.Merge(Dm, Dm3);
        Dm = self.Merge(Dm, Dm4);
        Dm = self.Merge(Dm, Dm5);
        self.Distinct(Dm);
        Dm.Bs = 0;
        return Dm;
    }
    //生成正八面体
    fn.Generate3D8 = function (len) {
        var self = this;
        var h = len / Math.sqrt(2);
        var V = [
            0, h, 0,
            -len / 2, 0, len / 2,
            len / 2, 0, len / 2,
            len / 2, 0, -len / 2,
            -len / 2, 0, -len / 2,
            0, -h, 0
        ];
        var Dm = self.createModel();
        Dm.V = V;
        var F = [];
        var L = [];
        F.push(0, 1, 2, 0, 2, 3, 0, 3, 4, 0, 4, 1, 1, 5, 2, 2, 5, 3, 3, 5, 4, 4, 5, 1);
        L.push(0, 1, 1, 2, 2, 0, 2, 3, 3, 0, 3, 4, 4, 0, 4, 1, 1, 5, 2, 5, 3, 5, 4, 5);
        var gl = self.WebGL;
        Dm.F = [F];
        Dm.L = L;
        return Dm;
    }
    //生成正十二面体
    fn.Generate3D12 = function (len) {
        var self = this;
        var V = [
        ];
        var F = [];
        var L = [];
        var sin = 2 / Math.sqrt(5);
        var h2d = len / 2 / Math.tan(Math.PI / 10);
        var h3d = h2d * sin + (h2d - len * Math.sin(Math.PI / 5)) * sin
        h3d = (2 * h2d - len * Math.sin(Math.PI / 5)) * sin;
        var r = len / Math.sin(Math.PI / 5) / 2;

        var Vec = new CLVec3(0, -h3d / 2, -r);
        V.push(Vec.x, Vec.y, Vec.z);
        var mat4 = new CLMatrix4();
        mat4.setRotate(72, 0, 1, 0);
        for (var i = 0; i < 4 ; i++) {
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
        }
        F.push(0, 2, 1, 0, 3, 2, 0, 4, 3);
        L.push(0, 1, 1, 2, 2, 3, 3, 4, 4, 0);
        mat4.setRotate(180, 0, 1, 0);
        for (var i = 0; i < 5; i++) {
            Vec.x = V[i * 3];
            Vec.y = h3d / 2;
            Vec.z = V[i * 3 + 2];
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
        }
        F.push(5, 6, 7, 5, 7, 8, 5, 8, 9);
        L.push(5, 6, 6, 7, 7, 8, 8, 9, 9, 5);
        var angle = 180 * Math.acos(-1 / Math.sqrt(5)) / Math.PI;
        mat4.setRotate(angle, 1, 0, 0);
        {
            Vec.x = V[3];
            Vec.y = V[4];
            Vec.z = V[5];
            Vec.y -= V[7];
            Vec.z -= V[8];
            Vec = mat4.multiplyVector3(Vec);
            Vec.y += V[7];
            Vec.z += V[8];
            V.push(Vec.x, Vec.y, Vec.z);
        }
        var len = V.length;
        L.push(2, len / 3 - 1);
        mat4.setRotate(72, 0, 1, 0);
        for (var i = 0; i < 4 ; i++) {
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            len = V.length;
            L.push((3 + i) % 5, len / 3 - 1);
        }

        mat4.setRotate(angle, 1, 0, 0);
        {
            Vec.x = V[0];
            Vec.y = V[1];
            Vec.z = V[2];
            Vec.y -= V[7];
            Vec.z -= V[8];
            Vec = mat4.multiplyVector3(Vec);
            Vec.y += V[7];
            Vec.z += V[8];
            V.push(Vec.x, Vec.y, Vec.z);
        }
        var cur = V.length / 3 - 1;
        L.push(cur, 5, cur, 10, cur, 11);
        mat4.setRotate(72, 0, 1, 0);
        for (var i = 0; i < 4 ; i++) {
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            len = V.length;
            cur = V.length / 3 - 1;
            L.push(cur, (1 + i) % 5 + 5, cur, (i + 11) % 5 + 10, cur, (i + 12) % 5 + 10);
        }
        for (var i = 0; i < 5 ; i++) {
            cur = 10 + i;
            F.push(cur, (2 + i) % 5, (3 + i) % 5, cur, (3 + i) % 5, (cur + 1) % 5 + 10, cur, (cur + 1) % 5 + 10, cur + 5);
            cur = 15 + i;
            F.push(cur, (i + 1) % 5 + 10, (cur + 1) % 5 + 15, cur, (cur + 1) % 5 + 15, (i + 1) % 5 + 5, cur, (i + 1) % 5 + 5, i + 5);
        }
        var Dm = self.createModel();
        Dm.V = V;
        var gl = self.WebGL;
        Dm.F = [F];
        Dm.L = L;
        return Dm;
    }
    //生成正二十面体
    fn.Generate3D20 = function (len) {
        var self = this;
        var V = [
        ];
        var F = [];
        var L = [];
        var l = len * Math.cos(Math.PI / 5);
        var h2d = len * Math.cos(Math.PI / 6);
        var sin = l / h2d;
        var r = len / Math.sin(Math.PI / 5) / 2;
        var ht = Math.sqrt(len * len - r * r);
        var aaa = Math.asin(sin) * 180 / Math.PI;
        var angle = Math.asin(ht / h2d);
        angle = 2 * Math.asin(sin) - angle;
        var h3 = 2 * ht + h2d * Math.sin(angle);
        V.push(0, h3 / 2, 0, 0, -h3 / 2, 0);
        var Vec = new CLVec3(0, h3 / 2 - ht, -r);
        V.push(Vec.x, Vec.y, Vec.z);
        L.push(0, 2);
        var mat4 = new CLMatrix4();
        mat4.setRotate(72, 0, 1, 0);
        for (var i = 0; i < 4 ; i++) {
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(0, i + 3);
            F.push(0, i + 2, i + 3);
        }
        F.push(0, 6, 2);
        mat4.setRotate(180, 0, 1, 0);
        var len = V.length / 3;
        for (var i = 0; i < 5 ; i++) {
            Vec.x = V[i * 3 + 6];
            Vec.y = -h3 / 2 + ht;
            Vec.z = V[i * 3 + 8];
            Vec = mat4.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(1, len + i, len + i, (i + 2) % 5 + 2, len + i, (i + 3) % 5 + 2, (i + 2) % 5 + 2, (i + 3) % 5 + 2, len + i, len + (i + 1) % 5);
            var cur = V.length / 3 - 1;
            F.push(1, (i + 1) % 5 + 7, cur, cur, (i + 3) % 5 + 2, (i + 2) % 5 + 2, cur, (i + 1) % 5 + 7, (i + 3) % 5 + 2);
        }
        Vec = new CLVec3(V[12] - V[21], V[13] - V[22], V[14] - V[23]);
        var Dm = self.createModel();
        Dm.V = V;
        var gl = self.WebGL;
        Dm.F = [F];
        Dm.L = L;
        return Dm;
    }
    //生成几何球体
    fn.Generate3DGeoSphere = function (r, Sec, base, whole) {
        var self = this;
        base = base == null ? 20 : base;
        whole = whole == null ? true : whole;
        var oSec = Sec;
        var len;
        if (base == 4) {
            len = r * Math.sqrt((2 / 3)) * 2;
        }
        if (base == 8) {
            len = r * Math.sqrt(2);
        }
        if (base == 20) {
            len = 4 * r / Math.sqrt(10 + 2 * Math.sqrt(5));
        }
        var Dm = self["Generate3D" + base](len);
        var V = Dm.V;
        var Vec = new CLVec3();
        if (!whole) {
            if (base == 4) {
                for (var i = 3; i < V.length ; i += 3) {
                    Vec.x = V[i];
                    Vec.y = 0;
                    Vec.z = V[i + 2];
                    Vec.scale(r / Vec.length());
                    V[i] = Vec.x;
                    V[i + 1] = Vec.y;
                    V[i + 2] = Vec.z;
                }
                Dm.F[0].pop();
                Dm.F[0].pop();
                Dm.F[0].pop();
            }
            if (base == 8) {
                self.DeletePoints(Dm, [V.length / 3 - 1]);
            }
        }
        if (base == 20 && !whole) {
            Sec = 2;
        }
        var vLen = Dm.V.length;
        self.SubdivideModel(Dm, Sec, false);
        function fr(vLen) {
            var ll = Dm.V.length;
            var V = Dm.V;
            var Vn = Dm.Vn;
            var VecN = new CLVec3();
            for (var i = vLen; i < ll; i += 3) {
                Vec.x = V[i];
                Vec.y = V[i + 1];
                Vec.z = V[i + 2];
                Vec.normalize();
                Vec.scale(r);
                V[i] = Vec.x;
                V[i + 1] = Vec.y;
                V[i + 2] = Vec.z;
            }
        }
        fr(vLen);
        if (base == 20 && !whole) {
            var arr = [];
            var V = Dm.V;
            for (var i = 1; i < V.length ; i += 3) {
                if (V[i] < 0) {
                    arr.push((i - 1) / 3);
                }
            }
            self.DeletePoints(Dm, arr);
            var vLen = Dm.V.length;
            self.SubdivideModel(Dm, oSec - 1, false);
            fr(vLen);
        }
        self.Distinct(Dm);
        if (!whole) {
            var F = [];
            Dm.F.push(F);
            var vl = Dm.V.length;
            V = Dm.V;
            V.push(0, 0, 0);
            var index = V.length / 3 - 1;
            var map = {};
            for (var i = 1; i < vl ; i += 3) {
                if (V[i] == 0) {
                    map[(i - 1) / 3] = true;
                }
            }
            var L = Dm.L;
            var Vec1 = new CLVec3();
            var Vec2 = new CLVec3();
            var mapL = {};
            for (var i = 0; i < L.length; i += 2) {
                if (map[L[i]] && map[L[i + 1]]) {
                    var vi = L[i] * 3;
                    Vec1.x = V[vi];
                    Vec1.y = V[vi + 1];
                    Vec1.z = V[vi + 2];
                    vi = L[i + 1] * 3;
                    Vec2.x = V[vi];
                    Vec2.y = V[vi + 1];
                    Vec2.z = V[vi + 2];
                    if (self.CalcNormVec(Vec1, Vec2).y > 0) {
                        F.push(index, L[i + 1], L[i]);
                    } else {
                        F.push(index, L[i], L[i + 1]);
                    }
                    L.push(L[i], index);
                }
            }
        }
        self.ModelRelease(Dm);
        return Dm;
    }
    //生成球体
    fn.Generate3DSphere = function (r, d1, d2, rSec1, rSec2, rSec3, lSec) {
        var self = this;
        var Dm = self.createModel();
        if (d1 > d2) {
            var d = d1;
            d1 = d2;
            d2 = d;
        }
        var y1 = r - d1 * 2 * r;
        var x1 = -Math.sqrt(r * r - y1 * y1);
        var y2 = r - d2 * 2 * r;
        var x2 = -Math.sqrt(r * r - y2 * y2);
        var arr = [0, y1, 0];
        var ux = x1 / rSec1;
        for (var i = 1; i <= rSec1 ; i++) {
            arr.push(i * ux, y1, 0);
        }
        var v1 = new CLVec3(x1, y1, 0);
        var v2 = new CLVec3(x2, y2, 0);
        var A = self.CalcAngle(v1, v2);
        var ua = A / rSec2;
        var Nv = self.CalcNormVec(v1, v2);
        if (Nv.z == 0) {
            Nv.z = -1;
        } else {
            Nv.normalize();
        }
        var mat = new CLMatrix4();
        var oVec = new CLVec3(x1, y1, 0);
        for (var i = 1; i <= rSec2 ; i++) {
            mat.setRotate(i * ua, Nv.x, Nv.y, Nv.z);
            var Vec = mat.multiplyVector3(oVec);
            arr.push(Vec.x, Vec.y, Vec.z);
        }
        var dr = Math.abs(arr[arr.length - 3]);
        if (dr < 1e-6) {
            arr[arr.length - 3] = 0;
        }
        var ux = x2 / rSec3;
        for (var i = rSec3 - 1; i > -1; i--) {
            arr.push(i * ux, y2, 0);
        }
        var sg = { 0: 0 };
        sg[rSec1] = 1;
        sg[rSec1 + rSec2] = 2;
        Dm.F = [[], [], []];
        self.DrawLineRotate(Dm, Dm.F, arr, lSec, new CLVec3(0, 1, 0), sg);
        self.Distinct(Dm);
        return Dm;
    }
    //生成茶壶
    fn.Generate3DTepot = function (r, sec, main, hand, mouth, top) {
        var self = this;
        var Dm = self.createModel();
        var V = Dm.V;
        var F = Dm.F[0] = [];
        var dist = (sec + 1) * (sec + 1);
        function reverseZ(arr) {
            for (var n = 0; n < arr.length; n++) {
                for (var m = 0; m < arr.length; m++) {
                    arr[n][m].z = -arr[n][m].z;
                }
            }
        }
        var arr;
        if (mouth !== false) {
            //壶嘴
            arr = [[{ "x": 1.7, "y": 0.4, "z": 0 }, { "x": 3.1, "y": 0.675, "z": 0 }, { "x": 2.4, "y": 1.875, "z": 0 }, { "x": 3.3, "y": 2.2, "z": 0 }], [{ "x": 1.7, "y": 0.4, "z": 0.66 }, { "x": 3.1, "y": 0.675, "z": 0.66 }, { "x": 2.4, "y": 1.875, "z": 0.25 }, { "x": 3.3, "y": 2.2, "z": 0.25 }], [{ "x": 1.7, "y": 1.27, "z": 0.66 }, { "x": 2.6, "y": 1.275, "z": 0.66 }, { "x": 2.3, "y": 1.95, "z": 0.25 }, { "x": 2.7, "y": 2.25, "z": 0.25 }], [{ "x": 1.7, "y": 1.27, "z": 0 }, { "x": 2.6, "y": 1.275, "z": 0 }, { "x": 2.3, "y": 1.95, "z": 0 }, { "x": 2.7, "y": 2.25, "z": 0 }]];
            self.DrawBezierFace(Dm, F, arr, sec);
            reverseZ(arr);
            var len = V.length;
            self.DrawBezierFace(Dm, F, arr, sec, true);
            //嘴唇
            arr = [[{ "x": 2.7, "y": 2.25, "z": 0 }, { "x": 2.8, "y": 2.325, "z": 0 }, { "x": 2.9, "y": 2.325, "z": 0 }, { "x": 2.8, "y": 2.25, "z": 0 }], [{ "x": 2.7, "y": 2.25, "z": 0.25 }, { "x": 2.8, "y": 2.325, "z": 0.25 }, { "x": 2.9, "y": 2.325, "z": 0.15 }, { "x": 2.8, "y": 2.25, "z": 0.15 }], [{ "x": 3.3, "y": 2.2, "z": 0.25 }, { "x": 3.525, "y": 2.34375, "z": 0.25 }, { "x": 3.4, "y": 2.3625, "z": 0.15 }, { "x": 3.2, "y": 2.25, "z": 0.15 }], [{ "x": 3.3, "y": 2.2, "z": 0 }, { "x": 3.525, "y": 2.34375, "z": 0 }, { "x": 3.4, "y": 2.3625, "z": 0 }, { "x": 3.2, "y": 2.25, "z": 0 }]];
            self.DrawBezierFace(Dm, F, arr, sec, true);
            reverseZ(arr);
            len = V.length;
            self.DrawBezierFace(Dm, F, arr, sec);
        }
        if (hand !== false) {
            //壶把(上)
            arr = [[{ "x": -1.6, "y": 1.875, "z": 0 }, { "x": -2.3, "y": 1.875, "z": 0 }, { "x": -2.7, "y": 1.875, "z": 0 }, { "x": -2.7, "y": 1.65, "z": 0 }], [{ "x": -1.6, "y": 1.875, "z": 0.3 }, { "x": -2.3, "y": 1.875, "z": 0.3 }, { "x": -2.7, "y": 1.875, "z": 0.3 }, { "x": -2.7, "y": 1.65, "z": 0.3 }], [{ "x": -1.5, "y": 2.1, "z": 0.3 }, { "x": -2.5, "y": 2.1, "z": 0.3 }, { "x": -3, "y": 2.1, "z": 0.3 }, { "x": -3, "y": 1.65, "z": 0.3 }], [{ "x": -1.5, "y": 2.1, "z": 0 }, { "x": -2.5, "y": 2.1, "z": 0 }, { "x": -3, "y": 2.1, "z": 0 }, { "x": -3, "y": 1.65, "z": 0 }]];
            self.DrawBezierFace(Dm, F, arr, sec, true);
            reverseZ(arr);
            len = V.length;
            self.DrawBezierFace(Dm, F, arr, sec);
            //壶把(下)
            arr = [[{ "x": -2.7, "y": 1.65, "z": 0 }, { "x": -2.7, "y": 1.425, "z": 0 }, { "x": -2.5, "y": 0.975, "z": 0 }, { "x": -2, "y": 0.75, "z": 0 }], [{ "x": -2.7, "y": 1.65, "z": 0.3 }, { "x": -2.7, "y": 1.425, "z": 0.3 }, { "x": -2.5, "y": 0.975, "z": 0.3 }, { "x": -2, "y": 0.75, "z": 0.3 }], [{ "x": -3, "y": 1.65, "z": 0.3 }, { "x": -3, "y": 1.2, "z": 0.3 }, { "x": -2.65, "y": 0.7875, "z": 0.3 }, { "x": -1.9, "y": 0.45, "z": 0.3 }], [{ "x": -3, "y": 1.65, "z": 0 }, { "x": -3, "y": 1.2, "z": 0 }, { "x": -2.65, "y": 0.7875, "z": 0 }, { "x": -1.9, "y": 0.45, "z": 0 }]];
            self.DrawBezierFace(Dm, F, arr, sec, true);
            reverseZ(arr);
            len = V.length;
            self.DrawBezierFace(Dm, F, arr, sec);
        }
        //壶盖
        if (top !== false) {
            arr = [
                { x: 0.0, y: 3.0, z: 0 }, { x: 0.8, y: 3.0, z: 0 }, { x: 0.0, y: 2.7, z: 0 }, { x: 0.2, y: 2.55, z: 0 }
            ];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
            arr = [{ x: 0.2, y: 2.55, z: 0 }, { x: 0.4, y: 2.4, z: 0 }, { x: 1.3, y: 2.4, z: 0 }, { x: 1.3, y: 2.25, z: 0 }];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
        }
        //壶体
        if (main !== false) {
            arr = [{ x: 1.4, y: 2.25, z: 0 }, { x: 1.3375, y: 2.38125, z: 0 }, { x: 1.4375, y: 2.38125, z: 0 }, { x: 1.5, y: 2.25, z: 0 }];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
            arr = [{ x: 1.5, y: 2.25, z: 0 }, { x: 1.75, y: 1.725, z: 0 }, { x: 2.0, y: 1.2, z: 0 }, { x: 2.0, y: 0.75, z: 0 }];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
            arr = [{ x: 2.0, y: 0.75, z: 0 }, { x: 2.0, y: 0.3, z: 0 }, { x: 1.5, y: 0.075, z: 0 }, { x: 1.5, y: 0.0, z: 0 }];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
            arr = [{ x: 1.5, y: 0.0, z: 0 }, { x: 1.0, y: 0.0, z: 0 }, { x: 1.5, y: 0.0, z: 0 }, { x: 0.0, y: 0.0, z: 0 }];
            self.DrawBezierRotate(Dm, F, arr, sec * 4, new CLVec3(0, 1, 0));
        }
        self.Distinct(Dm);
        Dm.Bs = 1;
        Dm.X[2] = r / 1.75;
        Dm.Y[2] = r / 1.75;
        Dm.Z[2] = r / 1.75;
        self.Transform(Dm);
        return Dm;
    }
    //生成圆锥
    fn.Generate3DCone = function (r1, r2, h, rSec, lSec, hSec, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        Dm.F = [[], [], []];
        var arr = [0, h, 0];
        var lr = -r2;
        lr /= rSec;
        for (var i = 1; i <= rSec ; i++) {
            arr.push(i * lr, h, 0);
        }
        var rr = r2 - r1;
        rr /= hSec;
        var hu = h / hSec;
        for (var i = 1; i <= hSec; i++) {
            arr.push(-r2 + rr * i, h - hu * i, 0);
        }
        lr = -r1;
        lr /= rSec;
        for (var i = rSec - 1; i > -1 ; i--) {
            arr.push(i * lr, 0, 0);
        }
        for (var i = 1; i < arr.length; i += 3) {
            arr[i] += -h / 2;
        }
        var sg = { 0: 0 };
        sg[rSec] = 1;
        sg[rSec + hSec] = 2;
        self.DrawLineRotate(Dm, Dm.F, arr, lSec, new CLVec3(0, 1, 0), sg);
        self.Distinct(Dm);
        return Dm;
    }
    //生成圆管
    fn.Generate3DTube = function (r, R, h, rSec, hSec, lSec, Dm) {
        var self = this;
        if (r > R) {
            var t = R;
            R = r;
            r = t;
        }
        Dm = self.EmptyModel(Dm);
        Dm.F = [[], [], [], []];
        var arr = [-r, h / 2, 0];
        var ur = (r - R) / rSec;
        for (var i = 1; i <= rSec ; i++) {
            arr.push(-r + ur * i, h / 2, 0);
        }
        var uh = -h / hSec;
        for (var i = 1; i <= hSec; i++) {
            arr.push(-R, h / 2 + uh * i, 0);
        }
        ur = -ur;
        for (var i = 1; i <= rSec; i++) {
            arr.push(-R + i * ur, -h / 2, 0);
        }
        uh = -uh;
        for (var i = 1; i <= hSec; i++) {
            arr.push(-r, -h / 2 + uh * i, 0);
        }
        var sg = { 0: 0 };
        sg[rSec] = 1;
        sg[rSec + hSec] = 2;
        sg[rSec + hSec + rSec] = 3;
        self.DrawLineRotate(Dm, Dm.F, arr, lSec, new CLVec3(0, 1, 0), sg);
        self.Distinct(Dm);
        return Dm;
    }
    //生成圆环
    fn.Generate3DTorus = function (R, r, Sec, sec, smooth, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        Dm.F = [[]];
        var Vec = new CLVec3(-r, 0, 0);
        var angle = 360 / sec;
        var arr = [];
        var ofX = -R;
        var mat = new CLMatrix4();
        for (var i = 0; i < sec + 1; i++) {
            mat.setRotate(i * angle, 0, 0, 1);
            var nVec = mat.multiplyVector3(Vec);
            arr.push(nVec.x + ofX, nVec.y, nVec.z);
        }
        var sg;
        if (smooth == 1) {
            //侧面
            sg = {};
            for (var i = 1; i < sec; i++) {
                sg[i] = i;
                Dm.F.push([]);
            }
        }
        if (smooth == 2) {
            //分段
            sg = {};
            for (var i = 1; i < Sec ; i++) {
                sg[i] = i;
                Dm.F.push([]);
            }
            sg.go = true;
        }
        self.DrawLineRotate(Dm, sg ? Dm.F : Dm.F[0], arr, Sec, new CLVec3(0, 1, 0), sg);
        self.Distinct(Dm);
        return Dm;
    }
    //生成四棱锥
    fn.Generate3DPyramid = function (w, h, z, wSec, hSec, zSec, Dm) {
        var self = this;
        var Dm = self.EmptyModel(Dm);
        var V = Dm.V = [];
        var L = Dm.L = [];
        var uw = w / wSec;
        var uz = z / zSec;
        var Vec = new CLVec3(-w / 2, 0, -z / 2);
        var mat = new CLMatrix4();
        V.push(Vec.x, Vec.y, Vec.z);
        var index = 0;
        var pos = 0;
        pos = index;
        mat.setTranslate(0, 0, uz);
        for (var i = 1; i <= zSec ; i++) {
            Vec = mat.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(index, pos + i);
            index++;
        }
        pos = index;
        mat.setTranslate(uw, 0, 0);
        for (var i = 1; i <= wSec ; i++) {
            Vec = mat.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(index, pos + i);
            index++;
        }
        pos = index;
        mat.setTranslate(0, 0, -uz);
        for (var i = 1; i <= zSec ; i++) {
            Vec = mat.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(index, pos + i);
            index++;
        }
        pos = index;
        mat.setTranslate(-uw, 0, 0);
        for (var i = 1; i < wSec ; i++) {
            Vec = mat.multiplyVector3(Vec);
            V.push(Vec.x, Vec.y, Vec.z);
            L.push(index, pos + i);
            index++;
        }
        L.push(index, 0);
        var sg = { 0: 0 };
        sg[zSec] = 1;
        sg[wSec + zSec] = 2;
        sg[2 * zSec + wSec] = 3;
        Dm.F = [];
        self.Generate3DFrom2D(Dm, h, hSec, new CLVec3(0, h, 0), 0, sg);
        var dm = self.createModel(false);
        for (var i = 0; i <= zSec ; i++) {
            var Vi = i * 3;
            dm.V.push(V[Vi], V[Vi + 1], V[Vi + 2]);
            if (i > 0) {
                dm.L.push(i - 1, i);
            }
        }
        self.Generate2DFrom1D(dm, w, wSec, new CLVec3(1, 0, 0), 1, true);
        self.Merge(Dm, dm);
        self.Distinct(Dm);
        Dm.Y[0] = -h / 4;
        self.Transform(Dm);
        console.log(Dm);
        return Dm;
    }
    //填充轮廓
    fn.FullShape = function (dataShape) {
        var self = this;
        var F = [];
        var V = dataShape.V;
        var paths = dataShape.paths;
        function inRegion(pt, path) {
            var nCross = 0;
            var Vi;
            //过pt作水平直线
            for (var i = 0; i < path.length ; i += 2) {
                var p1, p2;
                Vi = path[i] * 3;
                p1 = { x: V[Vi], y: V[Vi + 2] };
                Vi = path[i + 1] * 3;
                p2 = { x: V[Vi], y: V[Vi + 2] };
                if (p1.y == p2.y) {
                    continue;
                }
                //相交于端点的情况:一大一小算一次,全大算零次,全小算两次
                if (pt.y < Math.min(p1.y, p2.y)) {
                    continue;
                }
                if (pt.y >= Math.max(p1.y, p2.y)) {
                    continue;
                }
                //计算交点的x坐标
                var x = (pt.y - p1.y) * (p2.x - p1.x) / (p2.y - p1.y) + p1.x;
                //右侧则计数
                if (x > pt.x) {
                    nCross++;
                }
            }
            if (nCross % 2 == 1) {
                return true;
            }
            else {
                return false;
            }
        }
        var root = [];
        for (var i = 0; i < paths.length; i++) {
            var path = paths[i];
            for (var j = 0; j < paths.length; j++) {
                if (j == i) {
                    continue;
                }
                var Vi = path[0] * 3;
                var pt = { x: V[Vi], y: V[Vi + 2] };
                if (inRegion(pt, paths[j])) {
                    if (path.Parent !== undefined) {
                        var pPath = paths[path.Parent];
                        Vi = pPath[0] * 3;
                        pt = { x: V[Vi], y: V[Vi + 2] };
                        if (inRegion(pt, paths[j])) {
                            continue;
                        }
                    }
                    if (!paths[j].Sub) {
                        paths[j].Sub = [i];
                    } else {
                        paths[j].Sub.push(i)
                    }
                    if (path.Parent !== undefined) {
                        var pp = paths[path.Parent];
                        pp.Sub.splice(pp.Sub.indexOf(i), 1);
                    }
                    path.Parent = j;
                }
            }
            if (path.Parent === undefined) {
                root.push(i);
            }
        }
        function loop(root) {
            for (var i = 0; i < root.length; i++) {
                var Vv = [];
                var holes = [];
                var indexes = [];
                var path = paths[root[i]];
                for (var j = 0; j < path.length ; j += 2) {
                    var pi = path[j];
                    var vi = pi * 3;
                    Vv.push(V[vi], V[vi + 2]);
                    indexes.push(pi);
                }
                var Sub = path.Sub;
                if (Sub) {
                    for (var j = 0; j < Sub.length ; j++) {
                        var subPath = paths[Sub[j]];
                        var vi = subPath[0] * 3;
                        holes.push(Vv.length / 2);
                        for (var k = 0; k < subPath.length; k += 2) {
                            var pi = subPath[k];
                            var vi = pi * 3;
                            Vv.push(V[vi], V[vi + 2]);
                            indexes.push(pi);
                        }
                    }
                }
                var F3 = Earcut(Vv, holes.length == 0 ? null : holes, 2);
                for (var j = 0; j < F3.length; j += 3) {
                    F.push(indexes[F3[j]]);
                    F.push(indexes[F3[j + 2]]);
                    F.push(indexes[F3[j + 1]]);
                }
                if (Sub) {
                    for (var j = 0; j < Sub.length ; j++) {
                        var path = paths[Sub[j]];
                        if (path.Sub) {
                            loop(path.Sub);
                        }
                    }
                }
            }
        }
        loop(root);
        return F;
    }
    //生成2D文字
    fn.Generate2DText = function (fontFamily, fontWeight, text, size, fd, lh, Sec, italic, align, Dm) {
        var self = this;
        Dm = self.EmptyModel(Dm);
        var url = "/" + CLCorpId() + "/api/CLFlow.chx?Function=HttpFontBezier";
        url += "&Data=" + JSON.stringify({ FontFamily: fontFamily, FontWeight: fontWeight, ToGet: text, Italic: italic });
        var sRet = self.LoadUrl(url);
        var json = JSON.parse(sRet);
        if (json.code == -1) {
            CLShowMsg(json.msg);
            return Dm;
        }
        if (!json.data) {
            return Dm;
        }
        fd *= 200;
        lh *= 200;
        function toobj(line) {
            var out = [];
            for (var i = 0; i < line.length; i += 2) {
                out.push({ x: line[i], y: line[i + 1], z:0 });
            }
            return out;
        }
        function fChar(Char) {
            if (!Array.isArray(Char)) {
                return {
                    ch: Char,
                }
            } else {
                var V = [];
                var minX = 1000;
                var maxX = -1000;
                var L = [];
                Char.forEach(function (lines) {
                    var start = V.length / 3;
                    lines.forEach(function (line, li) {
                        var offset = 1;
                        if (line[0] == 1 && line.length > 3) {
                            line = self.GenerateBezierCurveN(1, toobj(line.splice(1, line.length - 1)), Sec);
                            offset = 0;
                        }else if (line[0] == 2 && line.length > 6) {
                            //TT_PRIM_QSPLINE
                            line = self.GenerateBezierCurveN(2, toobj(line.splice(1, line.length - 1)), Sec);
                            offset = 0;
                        } else if (line[0] == 3 && line.length > 8) {
                            //TT_PRIM_CSPLINE
                            line = self.GenerateBezierCurveN(3, toobj(line.splice(1, line.length - 1)), Sec);
                            offset = 0;
                        } else {
                            return;
                        }
                        for (var l = offset; l < line.length - offset; l += 3) {
                            var x = line[l];
                            minX = minX > x ? x : minX;
                            maxX = maxX < x ? x : maxX;
                            var z = -line[l + 1];
                            V.push(x, 0, z);
                            var index = V.length / 3 - 1;
                            if (li < lines.length - 1 || l < line.length - 3) {
                                L.push(index, index + 1);

                            } else if (l == line.length - 3) {
                                L.push(index, start);
                            }
                        }
                    });
                });
                return {
                    w: maxX - minX,
                    v: V,
                    l: L,
                    xOff: -minX
                }
            }
        }
        
        function fLines(Chars) {
            var w = 0;
            var W = 0;
            var lines = [];
            var pos = 0;
            Chars.forEach(function (Char, index) {
                if (!!Char.ch) {
                    if (Char.ch == ' '.charCodeAt(0)) {
                        w += size * 200 + fd;
                    } else if (Char.ch == '\n'.charCodeAt(0)) {
                        w -= fd;
                        W = W > w ? W : w;
                        lines.push({ w: w, index: [pos, index - 1] });
                        w = 0;
                        pos = index + 1;
                    }
                } else {
                    w += Char.w + fd;
                }
            });
            w -= fd;
            W = W > w ? W : w;
            lines.W = W;
            lines.push({ w: w, index: [pos, Chars.length - 1] });
            return lines;
        }
 
        var Chars = [];
        json.data.forEach(function (Char) {
            Chars.push(fChar(Char));
        });
        var lines = fLines(Chars);
        lines.forEach(function (ele, index) {
            var x = 0;
            var W = lines.W;
            var w = ele.w;
            if (align == 1) {
                x = (W - w) / 2;
            } else if (align == 2) {
                x = W - w;
            } else if (align == 3) {
                fd += (W - w) / (ele.index[1] - ele.index[0]);
            }
            for (var i = ele.index[0]; i <= ele.index[1]; i++) {
                if (!!Chars[i].ch) {
                    x += size * 200;
                } else {
                    var dm = self.createModel(false);
                    dm.V = Chars[i].v;
                    dm.L = Chars[i].l;
                    dm.X[0] = x + Chars[i].xOff;
                    dm.Z[0] = index * lh;
                    self.Transform(dm);
                    x += Chars[i].w + fd;
                    self.Merge(Dm, dm);
                }
            }
        });
        Dm.Sm = 1;
        Dm.Nc = 0;
        Dm.Co = [1, 1, 1, 1];
        self.Box3D(Dm);
        var Bx = Dm.Bx;
        var minX = Bx.minX, maxX = Bx.maxX, minY = Bx.minY, maxY = Bx.maxY, minZ = Bx.minZ, maxZ = Bx.maxZ;
        Dm.X = [-(maxX + minX) / 400, 0, size / 200];
        Dm.Y = [0, 0, size / 200];
        Dm.Z = [-(maxZ + minZ) / 400, 0, size / 200];
        self.Transform(Dm);
        self.Distinct(Dm);
        return Dm;
    }
    //移动曲线模型,构成2D模型
    fn.Generate2DFrom1D = function (Dm, len, sec, Vec, scale, back) {
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        var F = [];
        if (L[L.length - 1] == L[0]) {
            return;
        }
        var newV = [].concat(V);
        var newL = [].concat(L);
        if (scale === undefined) {
            scale = 1;
        }
        scale = 1 - scale;
        if (scale < 0) {
            scale = 0;
        }
        scale /= sec;
        var offset;
        for (var i = 0; i < sec ; i++) {
            Vec.normalize();
            Vec.scale((i + 1) * len / sec);
            var vLen = newV.length;
            offset = vLen / 3;
            newV = newV.concat(V);
            var sc = 1 - scale * (i + 1);
            for (var j = vLen; j < newV.length; j += 3) {
                newV[j] = newV[j] * sc + Vec.x;
                newV[j + 1] = newV[j + 1] * sc + Vec.y;
                newV[j + 2] = newV[j + 2] * sc + Vec.z;
            }
            var lLen1 = newL.length;
            newL = newL.concat(L);
            var lLen2 = newL.length;
            var off2 = V.length / 3;
            for (var j = lLen1; j < lLen2 ; j += 2) {
                newL[j] += offset;
                newL[j + 1] += offset;
                newL.push(newL[j], newL[j] - off2);
                if (back) {
                    F.push(newL[j] - off2, newL[j], newL[j + 1]);
                    F.push(newL[j + 1], newL[j + 1] - off2, newL[j] - off2);
                } else {
                    F.push(newL[j] - off2, newL[j + 1], newL[j]);
                    F.push(newL[j + 1], newL[j] - off2, newL[j + 1] - off2);
                }
            }
            newL.push(newL[lLen2 - 1], newL[lLen2 - 1] - off2);
        }
        Dm.L = newL;
        Dm.V = newV;
        Dm.F = [F];
        Dm.Nc = 2;
        Dm.Bs = 1;
    }
    //移动2D模型(由逆时针路径构成),构生成3D模型
    fn.Generate3DFrom2D = function (Dm, len, sec, Nv, scale, sg) {
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        var newV = [].concat(V);
        var newL = [].concat(L);
        var F2 = [];
        if (scale === undefined) {
            scale = 1;
        }
        scale = 1 - scale;
        if (scale < 0) {
            scale = 0;
        }
        var MF = [];
        if (sg) {
            var cc = Object.keys(sg).length;
            for (var i = 0; i < cc ; i++) {
                MF.push([]);
            }
        } else {
            MF.push([]);
        }
        var Fi = 0;
        F2 = MF[0];
        scale /= sec;
        var offset;
        for (var i = 0; i < sec; i++) {
            Nv.normalize();
            Nv.scale((i + 1) * len / sec);
            var vLen = newV.length;
            offset = vLen / 3;
            newV = newV.concat(V);
            var sc = 1 - scale * (i + 1);
            for (var j = vLen; j < newV.length; j += 3) {
                newV[j] = newV[j] * sc + Nv.x;
                newV[j + 1] = newV[j + 1] * sc + Nv.y;
                newV[j + 2] = newV[j + 2] * sc + Nv.z;
            }
            var nLen = L.length;
            if (i > 0) {
                nLen *= 2;
            }
            var lLen1 = newL.length;
            newL = newL.concat(L);
            var lLen2 = newL.length;
            Fi = 0;
            for (var j = lLen1; j < lLen2 ; j++) {
                newL[j] += offset;
                if (j % 2 == 0) {
                    newL.push(newL[j], newL[j - nLen]);
                    if (sg) {
                        var key = L[j - lLen1];
                        if (sg[key] != null) {
                            Fi = sg[key];
                            F2 = MF[Fi];
                        }
                    }
                    F2.push(newL[j - nLen], newL[(j - nLen + 1)], newL[j]);
                    F2.push(newL[(j - nLen + 1)], newL[j + 1] + offset, newL[j]);
                }
            }
        }
        offset = newV.length / 3 - V.length / 3;
        Dm.L = newL;
        Dm.V = newV;
        Dm.F = MF;
    }
    //生成连续的N阶Bezier曲线
    fn.GenerateBezierCurveN = function (N, points, sec) {
        var self = this;
        var s = points[0];
        var out = [s.x, s.y, s.z];
        var arr = [];
        var index = 0;
        do {
            arr = [s];
            index++;
            for (var i = 0; i < N; i++) {
                arr.push(points[index + i]);
            }
            arr = self.GenerateBezierCurve(arr, sec);
            for (var i = 3; i < arr.length ; i += 3) {
                out.push(arr[i], arr[i + 1], arr[i + 2]);
            }
            index += N - 1;
            s = points[index];
        } while (index < points.length - N);
        return out;
    }
    //生成N(points.length-1)阶Bezier曲线
    fn.GenerateBezierCurve = function (points, sec) {
        var self = this;
        var count = points.length;
        var out = [];
        var t = 0;
        var step = 1 / sec;
        for (var i = 0; i < sec + 1 ; i++) {
            t = i * step;
            var P = SUM(t, points);
            out.push(P.x, P.y, P.z);
        }
        function SUM(t) {
            var fPoint = {};
            var x = 0, y = 0, z = 0;
            for (var i = 0; i < count; i++) {
                var tmp;
                var a = self.Bezier(count - 1, i, t);
                x += a * points[i].x;
                y += a * points[i].y;
                z += a * points[i].z;
            }
            fPoint.x = x;
            fPoint.y = y;
            fPoint.z = z
            return fPoint;
        }
        return out;
    }
    //生成N(points.length-1)*M(points[i].length-1)阶Bezier曲面
    fn.GenerateBezierFace = function (points, sec) {
        var self = this;
        var t = 0;
        var step = 1 / sec;
        var out = [];
        var N = points.length - 1;
        var M;
        var x, y, z, xx, yy, zz, u, v;
        var fa;
        var list;
        for (var ui = 0; ui < sec + 1 ; ui++) {
            for (var vi = 0; vi < sec + 1 ; vi++) {
                xx = 0, yy = 0, zz = 0;
                for (var n = 0; n <= N ; n++) {
                    M = points[n].length - 1;
                    x = 0, y = 0, z = 0;
                    for (var m = 0; m <= M; m++) {
                        var P = points[n][m];
                        v = vi * step;
                        fa = self.Bezier(M, m, v);
                        x += fa * P.x;
                        y += fa * P.y;
                        z += fa * P.z;
                    }
                    u = ui * step;
                    fa = self.Bezier(N, n, u);
                    xx += fa * x;
                    yy += fa * y;
                    zz += fa * z;
                }
                out.push(xx, yy, zz);
            }
        }
        return out;
    }
    //生成曲面及曲面网格索引
    fn.GenerateBezierFaceIndexes = function (index, sec, reverse) {
        var self = this;
        var L = [];
        var F = [];
        for (var i = 0; i < sec + 1; i++) {
            for (var j = 0; j < sec + 1; j++) {
                if (j < sec) {
                    L.push(index, index + 1);
                }
                if (i < sec) {
                    L.push(index, index + sec + 1);
                }
                if (i < sec && j < sec) {
                    if (reverse) {
                        F.push(index, index + sec + 1, index + 1, index + 1, index + sec + 1, index + sec + 2);
                    } else {
                        F.push(index, index + 1, index + sec + 1, index + sec + 1, index + 1, index + sec + 2);
                    }
                }
                index++;
            }
        }
        return { L: L, F: F };
    }
    //在模型上绘制Bezier曲面
    fn.DrawBezierFace = function (Dm, F, arr, sec, reverse) {
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        var len = V.length;
        var i = len;
        var args;
        args = [V.length, 0].concat(self.GenerateBezierFace(arr, sec));
        V.splice.apply(V, args);
        FL = self.GenerateBezierFaceIndexes(len / 3, sec, reverse);
        args = [L.length, 0].concat(FL.L);
        L.splice.apply(L, args);
        args = [F.length, 0].concat(FL.F);
        F.splice.apply(F, args);
    }
    //在模型上绘制旋转曲线得到的曲面
    //Dm:数据模型
    //Fs:接收三角形的数组
    //arr:待旋转的顶点
    //sec:旋转次数
    //NVec:旋转法线
    //Sg:光滑组隔断索引
    //Nl:旋转一周延法线移动的距离
    //O:与Nl共同使用,计算偏移角度
    //A:旋转一周总角度(默认360)
    fn.DrawLineRotate = function (Dm, Fs, arr, sec, NVec, Sg, Nl, O, A) {
        var self = this;
        var oLen = arr.length / 3;
        var V = Dm.V;
        var L = Dm.L;
        var len = V.length / 3;
        A = A == null ? 360 : A;
        var angle = A / sec;
        var mat = new CLMatrix4();
        var index = 0;
        var F;
        var Fi = 0;
        if (Nl == null) {
            Nl = 0;
        }
        var angle2 = 0;
        if (O && Nl > 0) {
            var VecO = new CLVec3(O.x, O.y, O.z);
            var cos = self.CalcAngleCos(VecO, NVec);
            var sin = Math.asin(1 - cos * cos);
            var r = VecO.length() * sin;
            var angle2 = Math.asin(Nl / (2 * Math.PI * r));
        }
        var nlVec = new CLVec3(NVec.x, NVec.y, NVec.z);
        Nl /= sec;
        if (A < 360) {
            sec += 1;
        }
        for (var i = 0; i < sec; i++) {
            if (Nl > 0) {
                nlVec.normalize();
            }
            mat.setIdentity();
            if (i * Nl) {
                nlVec.scale(i * Nl);
                mat.translate(nlVec.x, nlVec.y, nlVec.z);
                mat.rotate(angle2, 0, 0, 1);
            }
            mat.rotate(angle * i, NVec.x, NVec.y, NVec.z);
            Fi = 0;
            for (var j = 0; j < oLen; j++) {
                var Vec = new CLVec3(arr[j * 3], arr[j * 3 + 1], arr[j * 3 + 2]);
                Vec = mat.multiplyVector3(Vec);
                V.push(Vec.x, Vec.y, Vec.z);
                if (j < oLen - 1) {
                    L.push(len + index, len + index + 1);
                }
                if (i < sec - 1) {
                    L.push(len + index, len + index + oLen);
                } else if (angle2 == 0 && A == 360) {
                    L.push(len + index, len + j);
                }
                if (j < oLen - 1) {
                    if (Sg) {
                        if (!Sg.go) {
                            if (Sg[j] != null && Sg[j] > Fi) {
                                Fi = Sg[j];
                            }
                        } else {
                            if (Sg[i] && Sg[i] > Fi) {
                                Fi = Sg[i];
                            }
                        }
                        F = Fs[Fi];
                    } else {
                        F = Fs;
                    }
                    if (i < sec - 1) {
                        F.push(len + index, len + index + 1, len + index + oLen);
                        F.push(len + index + 1, len + index + oLen + 1, len + index + oLen);
                    } else if (angle2 == 0 && A == 360) {
                        F.push(len + index, len + index + 1, len + j);
                        F.push(len + j, len + index + 1, len + j + 1);
                    }
                }
                index++;
            }
        }
    }
    //在模型上绘制旋转Bezier曲线得到的曲面
    fn.DrawBezierRotate = function (Dm, F, arr, sec, NVec) {
        var self = this;
        var out = self.GenerateBezierCurve(arr, sec);
        self.DrawLineRotate(Dm, F, out, sec, NVec);
    }
    //三角形细分
    fn.SubdivideModel = function (Dm, Sec, dict, F) {
        var self = this;
        if (Sec == null) {
            Sec = 2;
        }
        if (Sec < 2) {
            return;
        }
        if (F == null) {
            Dm.L = [];
            for (var i = 0; i < Dm.F.length; i++) {
                self.SubdivideModel(Dm, Sec, dict, Dm.F[i]);
            }
            if (dict !== false) {
                self.Distinct(Dm);
            }
            return;
        }
        
        var L = Dm.L;
        var V = Dm.V;
        var pStore = {};
        var lnStore = {};
        var nF = [];
        function addLine(iV1, iV2) {
            if (iV1 == iV2 || lnStore[iV1 + "-" + iV2] || lnStore[iV2 + "-" + iV1]) {
                return;
            } else {
                L.push(iV1, iV2);
                lnStore[iV1 + "-" + iV2] = true;
            }
        }
        
        function Triangle(i1, i2, i3, Sec, oVa) {
            if (Sec == 0) {
                F.push(i1, i2, i3);
                addLine(i1, i2);
                addLine(i2, i3);
                addLine(i3, i1);
                return;
            }
            var pi = i1 * 3;
            var P1 = { x: V[pi], y: V[pi + 1], z: V[pi + 2] };
            pi = i2 * 3;
            var P2 = { x: V[pi], y: V[pi + 1], z: V[pi + 2] };
            pi = i3 * 3;
            var P3 = { x: V[pi], y: V[pi + 1], z: V[pi + 2] };
            var nP1 = {
                x: P1.x / Sec + P2.x * (Sec - 1) / Sec,
                y: P1.y / Sec + P2.y * (Sec - 1) / Sec,
                z: P1.z / Sec + P2.z * (Sec - 1) / Sec,
            };
            var nP2 = {
                x: P1.x / Sec + P3.x * (Sec - 1) / Sec,
                y: P1.y / Sec + P3.y * (Sec - 1) / Sec,
                z: P1.z / Sec + P3.z * (Sec - 1) / Sec,
            };
            var Va = [i2];
            for (var i = 1; i < Sec ; i++) {
                var P = {
                    x: P2.x * (Sec - i) / Sec + P3.x * i / Sec,
                    y: P2.y * (Sec - i) / Sec + P3.y * i / Sec,
                    z: P2.z * (Sec - i) / Sec + P3.z * i / Sec
                };
                V.push(P.x, P.y, P.z);
                Va.push(V.length / 3 - 1);
            }
            Va.push(i3);
            if (oVa) {
                for (var i = 0; i < Va.length; i++) {
                    addLine(Va[i], oVa[i]);
                    addLine(oVa[i], oVa[i + 1]);
                    addLine(oVa[i + 1], Va[i]);
                    F.push(Va[i], oVa[i], oVa[i + 1]);
                    if (i < Va.length - 1) {
                        addLine(Va[i + 1], Va[i]);
                        F.push(Va[i], oVa[i + 1], Va[i + 1]);
                    }
                }
            }
            Sec--;
            if (Sec > 0) {
                V.push(nP1.x, nP1.y, nP1.z);
                V.push(nP2.x, nP2.y, nP2.z);
                Triangle(i1, V.length / 3 - 2, V.length / 3 - 1, Sec, Va);
            } else {
                Triangle(i1, V.length / 3 - 2, V.length / 3 - 1, Sec);
            }
        }
        var vLen = V.length;
        var len = F.length;
        for (var i = 0; i < len; i += 3) {
            var i1 = F[i];
            var i2 = F[i + 1];
            var i3 = F[i + 2];
            Triangle(i1, i2, i3, Sec);
        }
        F.splice(0, len);
        self.ModelRelease(Dm);
    }
    //为模型表面生成法线
    fn.GenerateVn = function (Dm) {
        var self = this;
        var V = Dm.V;
        var Vt = Dm.Vt;
        var tStore = {};
        var Pie = {};
        var flist;
        if (Dm.F.length == 0) {
            return;
        }
        if (Dm.Fr) {
            flist = Dm.Fr;
        } else if (Dm.F.length > 1) {
            flist = CLClone(Dm.F);
        } else {
            flist = Dm.F;
        }
        if (Dm.F.length >= 1 && !Dm.Ve) {
            Dm.Ve = [];
        }
        var Ve = Dm.Ve;
        if (Dm.Vn && Dm.Vn.length == V.length + Ve.length) {
            return;
        }
        var oVn = [];
        var fVn = [];
        var oLen = V.length + (Ve == null ? 0 : Ve.length);
        function getP(pI) {
            var i = pI;
            if (i >= Vplen) {
                i -= Vplen;
                i *= 3;
                return [Ve[i], Ve[i + 1], Ve[i + 2]];
            } else {
                i *= 3;
                return [V[i], V[i + 1], V[i + 2]];
            }
        }
        function findTrles(Fi, pI) {
            if (tStore[Fi] == null) {
                var store = tStore[Fi] = {};
                var F = flist[Fi];
                for (var i = 0; i < F.length; i += 3) {
                    var ti = i / 3;
                    var Pi = F[i];
                    var arr = store[Pi];
                    if (arr == null) {
                        arr = store[Pi] = [];
                        arr.Tii = [];
                    }
                    if (arr.indexOf(ti) < 0) {
                        arr.push(ti);
                        arr.Tii.push(i);
                    }
                    Pi = F[i + 1];
                    arr = store[Pi];
                    if (arr == null) {
                        arr = store[Pi] = [];
                        arr.Tii = [];
                    }
                    if (arr.indexOf(ti) < 0) {
                        arr.push(ti);
                        arr.Tii.push(i + 1);
                    }

                    Pi = F[i + 2];
                    arr = store[Pi];
                    if (arr == null) {
                        arr = store[Pi] = [];
                        arr.Tii = [];
                    }
                    if (arr.indexOf(ti) < 0) {
                        arr.push(ti);
                        arr.Tii.push(i + 2);
                    }

                }
            }
            return tStore[Fi][pI];
        }
        function calcTriangleNorm(F, tI) {
            var Iv = F[tI * 3];
            var P1 = getP(Iv);
            P1 = { x: P1[0], y: P1[1], z: P1[2] };
            Iv = F[tI * 3 + 1];
            var P2 = getP(Iv);
            P2 = { x: P2[0], y: P2[1], z: P2[2] };
            Iv = F[tI * 3 + 2];
            var P3 = getP(Iv);
            P3 = { x: P3[0], y: P3[1], z: P3[2] };
            var Vec1 = new CLVec3(P2.x - P1.x, P2.y - P1.y, P2.z - P1.z);
            var Vec2 = new CLVec3(P3.x - P2.x, P3.y - P2.y, P3.z - P2.z);
            if (Vec1.length() == 0 || Vec2.length() == 0) {
                return null;
            } else {
                return self.CalcNormVec(Vec1, Vec2);
            }
        }
        function ContainsVec(arrVec, Vec) {
            for (var i = 0; i < arrVec.length ; i++) {
                var ele = arrVec[i];
                if (ele.x.toFixed(6) == Vec.x.toFixed(6) && ele.y.toFixed(6) == Vec.y.toFixed(6) && ele.z.toFixed(6) == Vec.z.toFixed(6)) {
                    return true;
                }
            }
            return false;
        }
        function setI(F, tI, oI, nI) {
            if (F[tI * 3] == oI) {
                F[tI * 3] = nI;
            }
            if (F[tI * 3 + 1] == oI) {
                F[tI * 3 + 1] = nI;
            }
            if (F[tI * 3 + 2] == oI) {
                F[tI * 3 + 2] = nI;
            }
        }
        var Vn = [];
        var Vplen = V.length / 3;
        function createVn(pI) {
            var hasVn = false;
            var nI = pI * 3;
            for (var i = 0; i < flist.length; i++) {
                var F = flist[i];
                if (fVn[i] == null) {
                    fVn[i] = [];
                }
                var f_vn = fVn[i];
                var trles = findTrles(i, pI);
                var P = getP(pI);
                if (trles == null || trles.length == 0) {
                    continue;
                } else {
                    var Nms = [];
                    for (var j = 0; j < trles.length; j++) {
                        var Vec = calcTriangleNorm(F, trles[j]);
                        if (Vec == null || Vec.length() == 0) {
                            continue;
                        }
                        Vec.normalize();
                        Nms.push(Vec);
                    }
                    var VecO = new CLVec3();
                    for (var j = 0; j < Nms.length; j++) {
                        VecO.add(Nms[j]);
                    }
                    if (VecO.length() == 0) {
                        continue;
                    }
                    VecO.normalize();
                    oVn.push(VecO.x, VecO.y, VecO.z);
                    var iVn = oVn.length / 3 - 1;
                    for (var j = 0; j < trles.length; j++) {
                        f_vn[trles.Tii[j]] = iVn;
                    }
                }
            }

        }
        for (var i = 0; i < V.length; i += 3) {
            createVn(i / 3);
        }
        Dm.Vn = Vn;
        Dm.oVn = oVn;
        Dm.fVn = fVn;
        if (!Dm.fVt) {
            Dm.fVt = [];
        }
        self.GenerateVVV(Dm);
    }
    //根据Vn与Uv生成渲染顶点
    fn.GenerateVVV = function (Dm) {
        var self = this;
        var Vn = [];
        var Vt = [];
        var F = Dm.F;
        var V = Dm.V;
        var fVn = Dm.fVn;
        var fVt = Dm.fVt;
        var oVn = Dm.oVn;
        var oVt = Dm.oVt;
        var flag = true;
        var Ve = [];
        var Pie = {};
        var Fr;
        if (fVn == null || fVt == null) {
            return;
        }
        if (F.length != fVn.length) {
            return;
        }
        var V_Vn = {};
        var len = V.length / 3;
        fVn.forEach(function (arr, index) {
            if (!flag) {
                return;
            }
            var f = (Fr ? Fr : F)[index];
            if (arr.length != f.length) {
                flag = false;
                return;
            }
            for (var i = 0; i < arr.length; i++) {
                var Pi = f[i];
                if (V_Vn[Pi] != null && V_Vn[Pi] != arr[i]) {
                    var Vi = Pi * 3;
                    if (Fr == null) {
                        Fr = CLClone(F);
                        f = Fr[index];
                    }
                    Ve.push(V[Vi], V[Vi + 1], V[Vi + 2]);
                    var nPi = len + Ve.length / 3 - 1;
                    var fval = f[i];
                    for (var x = 0; x < f.length ; x++) {
                        if (f[x] == fval) {
                            f[x] = nPi;
                        }
                    }
                    Pie[nPi] = Pi;
                }
                var n1 = f[i] * 3;
                var n2 = arr[i] * 3;
                Vn[n1] = oVn[n2];
                Vn[n1 + 1] = oVn[n2 + 1];
                Vn[n1 + 2] = oVn[n2 + 2];
                V_Vn[Pi] = arr[i];
            }
        });
        if (!flag) {
            return;
        }
        if (F.length == fVt.length) {
            flag = true;
            var V_Vt = {};
            fVt.forEach(function (arr, index) {
                if (!flag) {
                    return;
                }
                var f = (Fr ? Fr : F)[index];
                if (arr.length != f.length) {
                    flag = false;
                    return;
                }
                for (var i = 0; i < arr.length; i++) {
                    var Pi = f[i];
                    if (V_Vt[Pi] != null && V_Vt[Pi] != arr[i]) {
                        if (Fr == null) {
                            Fr = CLClone(F);
                            f = Fr[index];
                        }
                        var Vi;
                        var pi = Pi;
                        if (Pi >= len) {
                            pi = Pie[Pi];
                        } 
                        Vi = Pi * 3;
                        Ve.push(V[Vi], V[Vi + 1], V[Vi + 2]);
                        var nPi = len + Ve.length / 3 - 1;
                        var fval = f[i];
                        for (var x = 0; x < f.length ; x++) {
                            if (f[x] == fval) {
                                f[x] = nPi;
                            }
                        }
                        Pie[nPi] = pi;
                    }
                    var n1 = f[i] * 2;
                    var n2 = arr[i] * 2;
                    Vt[n1] = oVt[n2];
                    Vt[n1 + 1] = oVt[n2 + 1];
                    V_Vt[Pi] = arr[i];

                }
            });
            if (flag) {
                Dm.Vt = Vt;
            }
        }
        if (Dm.Ve && Dm.Ve.length >= 0) {
            self.GpuFree(Dm.GpuV);
            delete Dm.GpuV;
            self.GpuFree(Dm.GpuF);
            delete Dm.GpuF;
        }
        if (Ve.length > 0) {
            if (Dm.GpuV) {
                self.GpuFree(Dm.GpuV);
                delete Dm.GpuV;
            }
            if (Dm.GpuF) {
                self.GpuFree(Dm.GpuF);
                delete Dm.GpuF;
            }
            Dm.Ve = Ve;
            Dm.Pie = Pie;
        }
        Dm.Vn = Vn;
        if (Fr) {
            Dm.Fr = Fr;
        }
        self.GpuFree(Dm.GpuVn);
        delete Dm.GpuVn;
    }
    //Bezier基函数
    fn.Bezier = function (n, i, t) {
        var self = this;
        //计算n的阶乘
        function factorial(n) {
            var r = 1;
            for (var i = 2; i <= n; i++) {
                r *= i;
            }
            return r;
        }
        //Bezier公式
        return (factorial(n) / (factorial(i) * factorial(n - i)) * Math.pow(t, i) * Math.pow(1 - t, n - i));
    }
    //三次Bezier拟合
    fn.ToBezier3 = function (Dm, closed, out, factor, sec) {
        var self = this;
        var V = Dm.V;
        var len = V.length;
        out = self.EmptyModel(out);
        if (len < 9) {
            out.V = [].concat(Dm.V);
            if (len == 6) {
                out.L.push(0, 1);
            }
            return out;
        }
        var P0;
        var preP;
        var curP;
        var preL;
        var curL;
        var points = [];
        var count = len;
        if (closed) {
            preP = { x: V[len - 3], y: V[len - 2], z: V[len - 1] };
            count += 6;
        }
        //曲率因子
        factor = factor == undefined ? 0.4 : factor;
        sec = sec == undefined ? 5 : sec;
        for (var i = 0; i < count ; i += 3) {
            curP = { x: V[i % len], y: V[i % len + 1], z: V[i % len + 2] };
            if (preP) {
                curL = new CLVec3(curP.x - preP.x, curP.y - preP.y, curP.z - preP.z).length();
            }
            if (preL && curL) {
                //控制点处切线与三角底边平行
                var vec02 = new CLVec3(curP.x - P0.x, curP.y - P0.y, curP.z - P0.z);
                var fa = factor * Math.pow(preL / (preL + curL), 1);
                var fb = factor * Math.pow(curL / (preL + curL), 1);
                points.push({ x: preP.x - fa * vec02.x, y: preP.y - fa * vec02.y, z: preP.z - fa * vec02.z });
                points.push(preP);
                points.push({ x: preP.x + fb * vec02.x, y: preP.y + fb * vec02.y, z: preP.z + fb * vec02.z });
            }
            P0 = preP;
            preP = curP;
            preL = curL;
        }
        if (!closed) {
            points.push(curP, curP);
            curP = { x: V[0], y: V[1], z: V[2] };
            points.splice(0, 0, curP, curP);
        }
        if (closed) {
            points.pop();
            points.splice(0, 1);
        }
        points = self.GenerateBezierCurveN(3, points, sec);
        V = out.V;
        V.splice(0, V.length);
        var L = out.L;
        L.splice(0, L.length);
        len = points.length;
        var index = 0;
        for (var i = 0; i < len; i += 3) {
            V.push(points[i], points[i + 1], points[i + 2]);
            if (index > 0) {
                L.push(index - 1, index);
            }
            index++;
        }
        if (closed) {
            L.push(index - 1, 0);
        }
        return out;
    }
    //圆角折线
    fn.ToRadiusLine = function (Dm, closed, out, lSec, R, rSec) {
        var self = this;
        var V = Dm.V;
        var len = V.length;
        out = self.EmptyModel(out);
        if (len < 9) {
            out.V = [].concat(Dm.V);
            if (len == 6) {
                out.L.push(0, 1);
            }
            return out;
        }
        var preOff, curOff;
        var curR;
        var preA, curA;
        var P0, preP, curP;
        var oVec;
        var preVec, curVec;
        var nVec;
        var mat = new CLMatrix4();
        var V1 = new CLVec3(), V2 = new CLVec3();
        var count = len + 3;
        if (closed) {
            preP = new CLVec3(V[len - 3], V[len - 2], V[len - 1]);
            count += 3;
        }
        for (var i = 0; i < count ; i += 3) {
            var curP = new CLVec3(V[i % len], V[i % len + 1], V[i % len + 2]);
            if (preP) {
                curVec = new CLVec3(curP.x - preP.x, curP.y - preP.y, curP.z - preP.z);
            }
            if (preVec) {
                curR = R;
                curA = 180 - self.CalcAngle(preVec, curVec);
                if (curA == 180 || curA == 0) {
                    curOff = 0;
                } else {
                    curOff = curR / Math.tan(curA * Math.PI / 360);
                }
                if (curOff > preVec.length() / 2) {
                    curOff = preVec.length() / 2;
                    curR = curOff * Math.tan(curA * Math.PI / 360);
                }
                if (curOff > curVec.length() / 2) {
                    curOff = curVec.length() / 2;
                    curR = curOff * Math.tan(curA * Math.PI / 360);
                }
            } else if (!closed) {
                curR = 0;
                curOff = 0;
            }
            if (preVec != null && preOff != null) {
                V1.scale(0);
                V1.add(preVec);
                V1.normalize();
                V1.scale(preOff);
                V1.add(P0);

                V2.scale(0);
                V2.add(preVec);
                V2.normalize();
                if (i == len && closed == false) {
                    V2.scale(0);
                } else {
                    V2.scale(-curOff);
                }
                V2.add(preP);
                self.drawLine(out, V1, V2, lSec);
                if (curOff != 0 && (closed || i < len)) {
                    var nVec = self.CalcNormVec(preVec, curVec);
                    mat.setRotate(90, nVec.x, nVec.y, nVec.z);
                    var Vec = mat.multiplyVector3(preVec);
                    var O = new CLVec3(Vec.x, Vec.y, Vec.z);
                    O.normalize();
                    O.scale(curR);
                    O.add(V2);
                    Vec.scale(-1);
                    var from, to;
                    from = self.CalcAngle(Vec, new CLVec3(-1, 0, 0));
                    if (Vec.z < 0) {
                        from = 360 - from;
                    }
                    if (nVec.y > 0) {
                        to = from + 180 - curA;
                    } else {
                        to = from - 180 + curA;
                    }
                    self.drawArc(out, O, curR, from, to, rSec);
                }
            }
            P0 = preP;
            preP = curP;
            preOff = curOff;
            preA = curA;
            oVec = preVec;
            preVec = curVec;
        }
    }
    //B样条基函数
    fn.DeBoor = function (U, i, k, u) {
        var self = this;
        function div(a, b) {
            if (a == 0 && b == 0) {
                return 0;
            } else {
                return a / b;
            }
        }
        if (k == 0) {
            if (u >= U[i] && u <= U[i]) {
                return 1;
            } else {
                return 0;
            }
        } else {
            return div((u - U[i]), (U[i + k] - U[i])) * self.DeBoor(U, i, k - 1, u) + div(U[i + k + 1] - u, U[i + k + 1] - U[i + 1]) * self.DeBoor(U, i + 1, k - 1, u);
        }
    }
    //绘制k阶Nurbs曲线
    fn.GenerateNurbsCurve = function (points, knots, factors, k, sec, out) {
        var self = this;
        var x1, y1, z1, x2, y2, z2;
        out = self.EmptyModel(out);
        var V = out.V;
        var L = out.L;
        var u = knots[0];
        var uu = (knots[knots.length - 1] - knots[0]) / sec;
        for (var n = 0; n <= sec ; n++) {
            x1 = 0, x1 = 0, x1 = 0;
            x2 = 0, x2 = 0, x2 = 0;
            for (var i = 0; i < points.length ; i++) {
                var b = factors == null ? 1 : (Array.isArray(factors) ? factors[i] : factors);
                var a = self.DeBoor(knots, i, k, u) * b;
                var p = points[i];
                x1 += p.x * a;
                y1 += p.y * a;
                z1 += p.z * a;

                x2 += p.x * b;
                y2 += p.y * b;
                z2 += p.z * b;
            }
            V.push(x1 / x2, y1 / y2, z1 / z2);
            if (i != 0) {
                L.push(i - 1, i);
            }
            u += uu;
        }
        return out;
    }
    //去除重合的顶点
    fn.Distinct = function (Dm) {
        var self = this;
        var V = Dm.V;
        var L = Dm.L;
        var indexes = {};
        var Vsv = {};
        var Lo = [];
        var Lc = 0;
        var ooP = {};
        for (var i = 0; i < V.length; i += 3) {
            var x = V[i];
            var y = V[i + 1];
            var z = V[i + 2];
            var id = x.toFixed(4) + "," + y.toFixed(4) + "," + z.toFixed(4);
            if (indexes[id] === undefined) {
                indexes[id] = i / 3;
                Lo[i / 3] = Lc;
                ooP[id] = 1;
            } else {
                var index = indexes[id];
                Vsv[i / 3] = index;
                index *= 3;
                var cc = ooP[id];
                V[index] = (V[index] * cc + x) / (cc + 1);
                V[index + 1] = (V[index + 1] * cc + y) / (cc + 1);
                V[index + 2] = (V[index + 2] * cc + z) / (cc + 1);
                Lc++;
                ooP[id]++;
            }
        }
        for (var i = 0; i < Dm.F.length; i++) {
            var F = Dm.F[i];
            for (var j = 0; j < F.length ; j++) {
                if (Vsv[F[j]] !== undefined) {
                    F[j] = Vsv[F[j]];
                }
                F[j] -= Lo[F[j]];
                if (j % 3 == 2) {
                    if (F[j - 2] == F[j] || F[j - 1] == F[j] || F[j - 2] == F[j - 1]) {
                        F.splice(j - 2, 3);
                        j -= 3;
                    }
                }
            }
        }

        for (var i = 0; i < L.length ; i++) {
            if (Vsv[L[i]] !== undefined) {
                L[i] = Vsv[L[i]];
            }
            L[i] -= Lo[L[i]];
            if (i % 2 == 1) {
                if (L[i - 1] == L[i]) {
                    L.splice(i - 1, 2);
                    i -= 2;
                }
            }
        }
        var nV = [];
        for (var i = 0; i < V.length; i += 3) {
            var pi = i / 3;
            if (Vsv[pi] === undefined) {
                nV.push(V[i], V[i + 1], V[i + 2]);
            }
        }
        V.splice(0, V.length);
        while (nV.length > 0) {
            V.push.apply(V, nV.splice(0, 4096));
        }
        var lMap = {};
        var nL = [];
        for (var i = 0; i < L.length ; i += 2) {
            var id = L[i] < L[i + 1] ? L[i] + "," + L[i + 1] : L[i + 1] + "," + L[i];
            if (!lMap[id]) {
                nL.push(L[i], L[i + 1]);
                lMap[id] = true;
            }
        }
        Dm.L = nL;
        self.ModelRelease(Dm);
    }
    //计算对象包围盒
    fn.ObjBox3D = function (obj) {
        var self = this;
        var Ds = self.dataScene;
        var Dm = Ds.Models[obj.DmId];
        var Bx = Dm.Bx;
        if (Dm.Bx == null) {
            self.Box3D(Dm);
        }
        var Bx = Dm.Bx;
        var minX = Bx.minX, maxX = Bx.maxX, minY = Bx.minY, maxY = Bx.maxY, minZ = Bx.minZ, maxZ = Bx.maxZ;
        var Sub = obj.Sub;
        if (Sub) {
            for (var i = 0; i < Sub.length; i++) {
                if (Sub[i].Bx == null) {
                    self.ObjBox3D(Sub[i]);
                }
                var subBx = CLClone(Sub[i].Bx);
                var mat = new CLMatrix4();
                mat.translate(Sub[i].X[0], Sub[i].Y[0], Sub[i].Z[0]);
                mat.rotateXYZ(Sub[i].X[1], Sub[i].Y[1], Sub[i].Z[1]);
                mat.scale(Sub[i].X[2], Sub[i].Y[2], Sub[i].Z[2]);
                var Vec3 = new CLVec3(subBx.minX, subBx.minY, subBx.minZ);
                Vec3 = mat.multiplyVector3(Vec3);
                subBx.minX = Vec3.x;
                subBx.minY = Vec3.y;
                subBx.minZ = Vec3.z;
                Vec3 = new CLVec3(subBx.maxX, subBx.maxY, subBx.maxZ);
                Vec3 = mat.multiplyVector3(Vec3);
                subBx.maxX = Vec3.x;
                subBx.maxY = Vec3.y;
                subBx.maxZ = Vec3.z;
                minX = minX < subBx.minX ? minX : subBx.minX;
                maxX = maxX > subBx.maxX ? maxX : subBx.maxX;
                minY = minY < subBx.minY ? minY : subBx.minY;
                maxY = maxY > subBx.maxY ? maxY : subBx.maxY;
                minZ = minZ < subBx.minZ ? minZ : subBx.minZ;
                maxZ = maxZ > subBx.maxZ ? maxZ : subBx.maxZ;
            }
        }
        obj.Bx = { minX: minX, minY: minY, minZ: minZ, maxX: maxX, maxY: maxY, maxZ: maxZ };
    }
    //计算包围盒
    fn.Box3D = function (Dm) {
        var self = this;
        var i = 0;
        var minX = Math.pow(2, 64), maxX = -minX, minY = minX, maxY = -minX, minZ = minX, maxZ = -minX;
        var V = Dm.V;
        for (var i = 0; i < V.length; i += 3) {
            if (minX > V[i]) {
                minX = V[i];
            }
            if (maxX < V[i]) {
                maxX = V[i];
            }
            if (minY > V[i + 1]) {
                minY = V[i + 1];
            }
            if (maxY < V[i + 1]) {
                maxY = V[i + 1];
            }
            if (minZ > V[i + 2]) {
                minZ = V[i + 2];
            }
            if (maxZ < V[i + 2]) {
                maxZ = V[i + 2];
            }
        }
        if (V.length == 0) {
            Dm.Bx = { minX: 0x7fffffff, minY: 0x7fffffff, minZ: 0x7fffffff, maxX: -0x7fffffff, maxY: -0x7fffffff, maxZ: -0x7fffffff };
        } else {
            Dm.Bx = { minX: minX, minY: minY, minZ: minZ, maxX: maxX, maxY: maxY, maxZ: maxZ };
        }
    }

    fn.DropLine = function (lis, i1, i2) {
        for (var i = 0; i < lis.length; i += 2) {
            var iv1 = lis[i];
            var iv2 = lis[i + 1];
            if ((iv1 == i1 && iv2 == i2) || (iv2 == i1 && iv1 == i2)) {
                var arr = [];
                arr.push(i, 2);
                Array.prototype.splice.apply(lis, arr);
                return true;
            }
        }
        return false;
    }

    fn.DeletePoints = function (Dm, indexes) {
        var self = this;
        var V = Dm.V;
        var inLen = indexes.length;
        var inMap = {};
        for (var i = 0; i < inLen; i++) {
            inMap[indexes[i]] = true;
        }
        var vMap = {};
        var len = V.length;
        var Lc = 0;
        for (var i = 0; i < len; i++) {
            vMap[i] = Lc;
            if (inMap[i]) {
                Lc++;
            }
        }
        var L = Dm.L;
        for (var i = 0; i < L.length; i += 2) {
            if (inMap[L[i]] || inMap[L[i + 1]]) {
                L.splice(i, 2);
                i -= 2;
            } else {
                L[i] -= vMap[L[i]];
                L[i + 1] -= vMap[L[i + 1]];
            }
        }
        Dm.F.forEach(function (F) {
            for (var i = 0; i < F.length ; i += 3) {
                if (inMap[F[i]] || inMap[F[i + 1]] || inMap[F[i + 2]]) {
                    F.splice(i, 3);
                    i -= 3;
                } else {
                    F[i] -= vMap[F[i]];
                    F[i + 1] -= vMap[F[i + 1]];
                    F[i + 2] -= vMap[F[i + 2]];
                }
            }
        });
        var newV = [];
        for (var i = 0; i < len; i+=3) {
            if (!inMap[i / 3]) {
                newV.push(V[i], V[i + 1], V[i + 2]);
            }
        }
        Dm.V = newV;
        self.ModelRelease(Dm);
    }

    fn.DeleteLines = function (Dm, lines) {
        var self = this;

    }

    fn.DeleteFaces = function (Dm, lines) {
        var self = this;

    }

    fn.Recenter = function (Dm, bKeep) {
        var self = this;
        var V = Dm.V;
        var Vec = new CLVec3();
        for (var i = 0; i < V.length; i += 3) {
            Vec.x += V[i];
            Vec.y += V[i + 1];
            Vec.z += V[i + 2];
        }
        Vec.scale(3 / V.length);
        for (var i = 0; i < V.length; i += 3) {
            V[i] -= Vec.x;
            V[i + 1] -= Vec.y;
            V[i + 2] -= Vec.z;
        }
        if (bKeep !== false) {
            Dm.X[0] = Vec.x;
            Dm.Y[0] = Vec.y;
            Dm.Z[0] = Vec.z;
        }
    }

    fn.ModelRelease = function (Dm, bFree) {
        var self = this;
        var gl = self.WebGL;
        if (!Dm) {
            return;
        }
        bFree = bFree !== false;
        if (Dm.GpuV) {
            if (bFree) {
                gl.deleteBuffer(Dm.GpuV);
            }
            delete Dm.GpuV;
        }
        if (Dm.GpuF) {
            if (bFree) {
                gl.deleteBuffer(Dm.GpuF);
            }
            delete Dm.GpuF;
        }
        if (Dm.GpuL) {
            if (bFree) {
                gl.deleteBuffer(Dm.GpuL);
            }
            delete Dm.GpuL;
        }
        if (Dm.GpuVn) {
            if (bFree) {
                gl.deleteBuffer(Dm.GpuVn);
            }
            delete Dm.GpuVn;
        }
        if (Dm.GpuVt) {
            if (bFree) {
                gl.deleteBuffer(Dm.GpuVt);
            }
            delete Dm.GpuVt;
        }
        if (Dm.Texture) {
            if (bFree) {
                gl.deleteTexture(Dm.Texture);
            }
            delete Dm.Texture;
        }
        delete Dm.Ve;
        delete Dm.Fr;
        delete Dm.Vn;
        delete Dm.Pie;
        delete Dm.Vt;
        if (bFree) {
            delete Dm.oVn;
            delete Dm.oVt;
            delete Dm.fVn;
            delete Dm.fVt;
            delete Dm.Bx;
        }
    }

    fn.EmptyModel = function (Dm) {
        var self = this;
        if (Dm) {
            Dm.X = [0, 0, 1];
            Dm.Y = [0, 0, 1];
            Dm.Z = [0, 0, 1];
            Dm.V = [];
            Dm.L = [];
            Dm.F = [[]];
            self.ModelRelease(Dm);
            return Dm;
        } else {
            return self.createModel();
        }
    }

    fn.ReleaseSelection = function (slct) {
        var self = this;
        var gl = self.WebGL;
        self.ModelRelease(slct.Box5);
        self.ModelRelease(slct.Box6);
        delete slct.Box5;
        delete slct.Box6;
        if (slct.P && slct.P.GpuBuf) {
            gl.deleteBuffer(slct.P.GpuBuf);
            delete slct.P.GpuBuf;
        }
        if (slct.L && slct.L.GpuBuf) {
            gl.deleteBuffer(slct.L.GpuBuf);
            delete slct.L.GpuBuf;
        }
        if (slct.F && slct.F.GpuBuf) {
            gl.deleteBuffer(slct.F.GpuBuf);
            delete slct.F.GpuBuf;
        }
        if (slct.U && slct.U.GpuBuf) {
            gl.deleteBuffer(slct.U.GpuBuf);
            delete slct.U.GpuBuf;
        }
    }

    fn.SelectionRelease = function () {
        var self = this;
        var map = self.Selection;
        for (var key in map) {
            var slct = map[key];
            self.ReleaseSelection(slct);
        }
    }

    fn.ReleaseFrameObject = function (obj) {
        var self = this;
        var gl = self.WebGL;
        if (obj) {
            if (obj.texture) {
                gl.deleteTexture(obj.texture);
                obj.texture = null;
            }
            if (obj.depthTexture) {
                gl.deleteTexture(obj.depthTexture);
                obj.depthTexture = null;
            }
            if (obj.renderBuffer) {
                gl.deleteRenderbuffer(obj.renderBuffer);
                obj.renderBuffer = null;
            }
            if (obj.buffer) {
                gl.deleteFramebuffer(obj.buffer);
                obj.buffer = null;
            }
        }
    }

    fn.GpuAlloc = function (data, dynamic) {
        var self = this;
        if (!data) {
            return;
        }
        var gl = self.WebGL;
        var buf = gl.createBuffer();
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
        if (dynamic) {
            gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.DYNAMIC_DRAW);
        } else {
            gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.STATIC_DRAW);
        }
        return buf;
    }

    fn.GpuWrite = function (buf, data) {
        var self = this;
        var gl = self.WebGL;
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(data), gl.DYNAMIC_DRAW);
    }

    fn.GpuFree = function (buf) {
        var self = this;
        var gl = self.WebGL;
        gl.deleteBuffer(buf);
    }

    function DeleteProgram(gl, Program) {
        if (Program.VertexShader) {
            gl.deleteShader(Program.VertexShader);
            Program.VertexShader = null;
        }
        if (Program.FragmentShader) {
            gl.deleteShader(Program.FragmentShader);
            Program.FragmentShader = null;
        }
        gl.deleteProgram(Program);
    }

    fn.Release = function () {
        var self = this;
        if (self.Program) {
            DeleteProgram(self.Program);
            self.Program = null;
        }
        if (self.gridBuffer) {
            gl.deleteBuffer(self.gridBuffer);
            self.gridBuffer = null;
        }
        if (self.axisBuffer) {
            gl.deleteBuffer(self.axisBuffer);
            self.axisBuffer = null;
        }
        if (self.IndexBufer) {
            gl.deleteBuffer(self.IndexBufer);
            self.IndexBufer = null;
        }
        for (var key in self.BackFrame) {
            self.ReleaseFrameObject(self.BackFrame[key]);
        }
    }
}());
;