![](\"imgs/head.png\")
\n bobi\n \n
\n - \n
- 控制台 \n
\n
\n \n \n
\n ![](\"https://img.shields.io/badge/layui-2.4.5-brightgreen.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/zTree-3.5.40-brightgreen.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/NProgress-0.2.0-brightgreen.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/ECharts-2.0-brightgreen.svg\"){kind=icon}
\n ![](\"https://img.shields.io/badge/Animate.css-3.7.0-brightgreen.svg\"){kind=icon}
\n\n \n \n \n \n \n
![](\"https://images.gitee.com/uploads/images/2019/0525/161523_49e0eb96_1152471.png\"/) | \n ![](\"https://images.gitee.com/uploads/images/2019/0525/161620_a894f907_1152471.png\"/) | \n
![](\"https://images.gitee.com/uploads/images/2019/0525/161730_51a9c186_1152471.png\"/) | \n ![](\"https://images.gitee.com/uploads/images/2019/0525/161754_d382086c_1152471.png\"/) | \n
![](\"https://images.gitee.com/uploads/images/2019/0525/161830_f075d89f_1152471.png\"/) | \n ![](\"https://images.gitee.com/uploads/images/2019/0525/161853_a07554d7_1152471.png\"/) | \n
![](\"https://images.gitee.com/uploads/images/2019/0525/161912_c86d7db2_1152471.png\"/) | \n ![](\"https://images.gitee.com/uploads/images/2019/0525/161939_ec3ef027_1152471.png\"/) | \n
Unicode 是字体在网页端最原始的应用方式，特点是：
\n\n\n注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
\n
Unicode 使用步骤如下：
\n@font-face@font-face {\n font-family: 'iconfont';\n src: url('iconfont.eot');\n src: url('iconfont.eot?#iefix') format('embedded-opentype'),\n url('iconfont.woff2') format('woff2'),\n url('iconfont.woff') format('woff'),\n url('iconfont.ttf') format('truetype'),\n url('iconfont.svg#iconfont') format('svg');\n}\n.iconfont {\n font-family: \"iconfont\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n<span class=\"iconfont\">3</span>\n\n \n\n\"iconfont\" 是你项目下的 font-family。可以通过编辑项目查看，默认是 \"iconfont\"。
\n
font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。
\n与 Unicode 使用方式相比，具有如下特点：
\n使用步骤如下：
\n<link rel=\"stylesheet\" href=\"./iconfont.css\">\n<span class=\"iconfont icon-xxx\"></span>\n\n\n\"\n iconfont\" 是你项目下的 font-family。可以通过编辑项目查看，默认是 \"iconfont\"。
\n
这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章\n 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：
\nfont-size, color 来调整样式。使用步骤如下：
\n<script src=\"./iconfont.js\"></script>\n<style>\n.icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n</style>\n<svg class=\"icon\" aria-hidden=\"true\">\n <use xlink:href=\"#icon-xxx\"></use>\n</svg>\n
\"\n }, {\n title: \"微信\",\n content: \"
\"\n }]\n });\n });\n\n /**\n * QQ群交流\n */\n $(\".layui-footer button.communication\").click(function () {\n layer.tab({\n area: [\"330px\", \"350px\"],\n tab: [{\n title: \"QQ群\",\n content: \"
\"\n }]\n });\n });\n\n /**\n * 退出操作\n */\n $(\"#logout\").click(function () {\n okLayer.confirm(\"确定要退出吗？\", function (index) {\n window.location = \"pages/other/login.html\";\n });\n });\n\n /**\n * 弹窗皮肤\n */\n $(\"#alertSkin\").click(function () {\n okLayer.open(\"皮肤动画\", \"pages/system/alertSkin.html\", \"50%\", \"45%\", function (layero) {}, function () {});\n });\n\n /**\n * 锁定账户\n */\n $(\"#lock\").click(function () {\n okLayer.confirm(\"确定要锁定账户吗？\", function (index) {\n layer.close(index);\n $(\".yy\").show();\n layer.prompt({btn: ['确定'], title: '输入密码解锁(123456)', closeBtn: 0, formType: 1}, function (value, index, elem) {\n if (value == \"123456\") {\n layer.close(index);\n $(\".yy\").hide();\n } else {\n layer.msg('密码错误', {anim: 6, time: 1000});\n }\n });\n });\n });\n\n console.log(\" __ .___ .__ \\n\" +\n \" ____ | | __ _____ __| _/_____ |__| ____ \\n\" +\n \" / _ \\\\| |/ / ______ \\\\__ \\\\ / __ |/ \\\\| |/ \\\\ \\n\" +\n \"( <_> ) < /_____/ / __ \\\\_/ /_/ | Y Y \\\\ | | \\\\\\n\" +\n \" \\\\____/|__|_ \\\\ (____ /\\\\____ |__|_| /__|___| /\\n\" +\n \" \\\\/ \\\\/ \\\\/ \\\\/ \\\\/ \\n\" +\n \"版本：v1.0\\n\" +\n \"作者：bobi\\n\" +\n \"邮箱：bobi1234@foxmail.com\\n\" +\n \"描述：一个很赞的，扁平化风格的，响应式布局的后台管理模版，旨为后端程序员减压！\")\n});\n"
},
{
"path": "lib/animate/animate.css",
"content": "@charset \"UTF-8\";\n\n/*!\n * animate.css -http://daneden.me/animate\n * Version - 3.7.0\n * Licensed under the MIT license - http://opensource.org/licenses/MIT\n *\n * Copyright (c) 2018 Daniel Eden\n */\n\n@-webkit-keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 40%,\n 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0);\n }\n}\n\n@keyframes bounce {\n from,\n 20%,\n 53%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 40%,\n 43% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -30px, 0);\n transform: translate3d(0, -30px, 0);\n }\n\n 70% {\n -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n -webkit-transform: translate3d(0, -15px, 0);\n transform: translate3d(0, -15px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -4px, 0);\n transform: translate3d(0, -4px, 0);\n }\n}\n\n.bounce {\n -webkit-animation-name: bounce;\n animation-name: bounce;\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n}\n\n@-webkit-keyframes flash {\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n}\n\n@keyframes flash {\n from,\n 50%,\n to {\n opacity: 1;\n }\n\n 25%,\n 75% {\n opacity: 0;\n }\n}\n\n.flash {\n -webkit-animation-name: flash;\n animation-name: flash;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes pulse {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.05, 1.05, 1.05);\n transform: scale3d(1.05, 1.05, 1.05);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.pulse {\n -webkit-animation-name: pulse;\n animation-name: pulse;\n}\n\n@-webkit-keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1);\n }\n\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1);\n }\n\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes rubberBand {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1);\n }\n\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1);\n }\n\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.rubberBand {\n -webkit-animation-name: rubberBand;\n animation-name: rubberBand;\n}\n\n@-webkit-keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n@keyframes shake {\n from,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 10%,\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 20%,\n 40%,\n 60%,\n 80% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n}\n\n.shake {\n -webkit-animation-name: shake;\n animation-name: shake;\n}\n\n@-webkit-keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg);\n }\n\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg);\n }\n\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg);\n }\n\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg);\n }\n\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n@keyframes headShake {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n\n 6.5% {\n -webkit-transform: translateX(-6px) rotateY(-9deg);\n transform: translateX(-6px) rotateY(-9deg);\n }\n\n 18.5% {\n -webkit-transform: translateX(5px) rotateY(7deg);\n transform: translateX(5px) rotateY(7deg);\n }\n\n 31.5% {\n -webkit-transform: translateX(-3px) rotateY(-5deg);\n transform: translateX(-3px) rotateY(-5deg);\n }\n\n 43.5% {\n -webkit-transform: translateX(2px) rotateY(3deg);\n transform: translateX(2px) rotateY(3deg);\n }\n\n 50% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n}\n\n.headShake {\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n -webkit-animation-name: headShake;\n animation-name: headShake;\n}\n\n@-webkit-keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg);\n }\n\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg);\n }\n\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg);\n }\n\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg);\n }\n\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg);\n }\n}\n\n@keyframes swing {\n 20% {\n -webkit-transform: rotate3d(0, 0, 1, 15deg);\n transform: rotate3d(0, 0, 1, 15deg);\n }\n\n 40% {\n -webkit-transform: rotate3d(0, 0, 1, -10deg);\n transform: rotate3d(0, 0, 1, -10deg);\n }\n\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 5deg);\n transform: rotate3d(0, 0, 1, 5deg);\n }\n\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, -5deg);\n transform: rotate3d(0, 0, 1, -5deg);\n }\n\n to {\n -webkit-transform: rotate3d(0, 0, 1, 0deg);\n transform: rotate3d(0, 0, 1, 0deg);\n }\n}\n\n.swing {\n -webkit-transform-origin: top center;\n transform-origin: top center;\n -webkit-animation-name: swing;\n animation-name: swing;\n}\n\n@-webkit-keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 10%,\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n\n 40%,\n 60%,\n 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes tada {\n from {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 10%,\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);\n }\n\n 30%,\n 50%,\n 70%,\n 90% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n }\n\n 40%,\n 60%,\n 80% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n }\n\n to {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.tada {\n -webkit-animation-name: tada;\n animation-name: tada;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes wobble {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n }\n\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n }\n\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n }\n\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n }\n\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes wobble {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 15% {\n -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);\n }\n\n 30% {\n -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);\n }\n\n 45% {\n -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);\n }\n\n 60% {\n -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);\n }\n\n 75% {\n -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.wobble {\n -webkit-animation-name: wobble;\n animation-name: wobble;\n}\n\n@-webkit-keyframes jello {\n from,\n 11.1%,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n\n 77.7% {\n -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n\n 88.8% {\n -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n}\n\n@keyframes jello {\n from,\n 11.1%,\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n 22.2% {\n -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);\n transform: skewX(-12.5deg) skewY(-12.5deg);\n }\n\n 33.3% {\n -webkit-transform: skewX(6.25deg) skewY(6.25deg);\n transform: skewX(6.25deg) skewY(6.25deg);\n }\n\n 44.4% {\n -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);\n transform: skewX(-3.125deg) skewY(-3.125deg);\n }\n\n 55.5% {\n -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);\n transform: skewX(1.5625deg) skewY(1.5625deg);\n }\n\n 66.6% {\n -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);\n transform: skewX(-0.78125deg) skewY(-0.78125deg);\n }\n\n 77.7% {\n -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);\n transform: skewX(0.390625deg) skewY(0.390625deg);\n }\n\n 88.8% {\n -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n transform: skewX(-0.1953125deg) skewY(-0.1953125deg);\n }\n}\n\n.jello {\n -webkit-animation-name: jello;\n animation-name: jello;\n -webkit-transform-origin: center;\n transform-origin: center;\n}\n\n@-webkit-keyframes heartBeat {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 14% {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n }\n\n 28% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 42% {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n }\n\n 70% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes heartBeat {\n 0% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 14% {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n }\n\n 28% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n\n 42% {\n -webkit-transform: scale(1.3);\n transform: scale(1.3);\n }\n\n 70% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.heartBeat {\n -webkit-animation-name: heartBeat;\n animation-name: heartBeat;\n -webkit-animation-duration: 1.3s;\n animation-duration: 1.3s;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n}\n\n@-webkit-keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 20% {\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(1.03, 1.03, 1.03);\n transform: scale3d(1.03, 1.03, 1.03);\n }\n\n 80% {\n -webkit-transform: scale3d(0.97, 0.97, 0.97);\n transform: scale3d(0.97, 0.97, 0.97);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n\n.bounceIn {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n -webkit-animation-name: bounceIn;\n animation-name: bounceIn;\n}\n\n@-webkit-keyframes bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes bounceInDown {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(0, -3000px, 0);\n transform: translate3d(0, -3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, 25px, 0);\n transform: translate3d(0, 25px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, 5px, 0);\n transform: translate3d(0, 5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.bounceInDown {\n -webkit-animation-name: bounceInDown;\n animation-name: bounceInDown;\n}\n\n@-webkit-keyframes bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes bounceInLeft {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n 0% {\n opacity: 0;\n -webkit-transform: translate3d(-3000px, 0, 0);\n transform: translate3d(-3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(25px, 0, 0);\n transform: translate3d(25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(-10px, 0, 0);\n transform: translate3d(-10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(5px, 0, 0);\n transform: translate3d(5px, 0, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.bounceInLeft {\n -webkit-animation-name: bounceInLeft;\n animation-name: bounceInLeft;\n}\n\n@-webkit-keyframes bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes bounceInRight {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(3000px, 0, 0);\n transform: translate3d(3000px, 0, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(-25px, 0, 0);\n transform: translate3d(-25px, 0, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(10px, 0, 0);\n transform: translate3d(10px, 0, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(-5px, 0, 0);\n transform: translate3d(-5px, 0, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.bounceInRight {\n -webkit-animation-name: bounceInRight;\n animation-name: bounceInRight;\n}\n\n@-webkit-keyframes bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes bounceInUp {\n from,\n 60%,\n 75%,\n 90%,\n to {\n -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 3000px, 0);\n transform: translate3d(0, 3000px, 0);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n 75% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 90% {\n -webkit-transform: translate3d(0, -5px, 0);\n transform: translate3d(0, -5px, 0);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.bounceInUp {\n -webkit-animation-name: bounceInUp;\n animation-name: bounceInUp;\n}\n\n@-webkit-keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n@keyframes bounceOut {\n 20% {\n -webkit-transform: scale3d(0.9, 0.9, 0.9);\n transform: scale3d(0.9, 0.9, 0.9);\n }\n\n 50%,\n 55% {\n opacity: 1;\n -webkit-transform: scale3d(1.1, 1.1, 1.1);\n transform: scale3d(1.1, 1.1, 1.1);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n}\n\n.bounceOut {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n -webkit-animation-name: bounceOut;\n animation-name: bounceOut;\n}\n\n@-webkit-keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n@keyframes bounceOutDown {\n 20% {\n -webkit-transform: translate3d(0, 10px, 0);\n transform: translate3d(0, 10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, -20px, 0);\n transform: translate3d(0, -20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.bounceOutDown {\n -webkit-animation-name: bounceOutDown;\n animation-name: bounceOutDown;\n}\n\n@-webkit-keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n@keyframes bounceOutLeft {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(20px, 0, 0);\n transform: translate3d(20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n.bounceOutLeft {\n -webkit-animation-name: bounceOutLeft;\n animation-name: bounceOutLeft;\n}\n\n@-webkit-keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n@keyframes bounceOutRight {\n 20% {\n opacity: 1;\n -webkit-transform: translate3d(-20px, 0, 0);\n transform: translate3d(-20px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n.bounceOutRight {\n -webkit-animation-name: bounceOutRight;\n animation-name: bounceOutRight;\n}\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%,\n 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n.bounceOutUp {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp;\n}\n\n@-webkit-keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.fadeIn {\n -webkit-animation-name: fadeIn;\n animation-name: fadeIn;\n}\n\n@-webkit-keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInDown {\n -webkit-animation-name: fadeInDown;\n animation-name: fadeInDown;\n}\n\n@-webkit-keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInDownBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInDownBig {\n -webkit-animation-name: fadeInDownBig;\n animation-name: fadeInDownBig;\n}\n\n@-webkit-keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInLeft {\n -webkit-animation-name: fadeInLeft;\n animation-name: fadeInLeft;\n}\n\n@-webkit-keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInLeftBig {\n -webkit-animation-name: fadeInLeftBig;\n animation-name: fadeInLeftBig;\n}\n\n@-webkit-keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInRight {\n from {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInRight {\n -webkit-animation-name: fadeInRight;\n animation-name: fadeInRight;\n}\n\n@-webkit-keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInRightBig {\n -webkit-animation-name: fadeInRightBig;\n animation-name: fadeInRightBig;\n}\n\n@-webkit-keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInUp {\n -webkit-animation-name: fadeInUp;\n animation-name: fadeInUp;\n}\n\n@-webkit-keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.fadeInUpBig {\n -webkit-animation-name: fadeInUpBig;\n animation-name: fadeInUpBig;\n}\n\n@-webkit-keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.fadeOut {\n -webkit-animation-name: fadeOut;\n animation-name: fadeOut;\n}\n\n@-webkit-keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n@keyframes fadeOutDown {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n.fadeOutDown {\n -webkit-animation-name: fadeOutDown;\n animation-name: fadeOutDown;\n}\n\n@-webkit-keyframes fadeOutDownBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n@keyframes fadeOutDownBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, 2000px, 0);\n transform: translate3d(0, 2000px, 0);\n }\n}\n\n.fadeOutDownBig {\n -webkit-animation-name: fadeOutDownBig;\n animation-name: fadeOutDownBig;\n}\n\n@-webkit-keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n@keyframes fadeOutLeft {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.fadeOutLeft {\n -webkit-animation-name: fadeOutLeft;\n animation-name: fadeOutLeft;\n}\n\n@-webkit-keyframes fadeOutLeftBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n@keyframes fadeOutLeftBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(-2000px, 0, 0);\n transform: translate3d(-2000px, 0, 0);\n }\n}\n\n.fadeOutLeftBig {\n -webkit-animation-name: fadeOutLeftBig;\n animation-name: fadeOutLeftBig;\n}\n\n@-webkit-keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n@keyframes fadeOutRight {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.fadeOutRight {\n -webkit-animation-name: fadeOutRight;\n animation-name: fadeOutRight;\n}\n\n@-webkit-keyframes fadeOutRightBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n@keyframes fadeOutRightBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(2000px, 0, 0);\n transform: translate3d(2000px, 0, 0);\n }\n}\n\n.fadeOutRightBig {\n -webkit-animation-name: fadeOutRightBig;\n animation-name: fadeOutRightBig;\n}\n\n@-webkit-keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n@keyframes fadeOutUp {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n.fadeOutUp {\n -webkit-animation-name: fadeOutUp;\n animation-name: fadeOutUp;\n}\n\n@-webkit-keyframes fadeOutUpBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes fadeOutUpBig {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n.fadeOutUpBig {\n -webkit-animation-name: fadeOutUpBig;\n animation-name: fadeOutUpBig;\n}\n\n@-webkit-keyframes flip {\n from {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n to {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n@keyframes flip {\n from {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, -360deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 40% {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -190deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -190deg);\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n }\n\n 50% {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -170deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)\n rotate3d(0, 1, 0, -170deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 80% {\n -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n to {\n -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)\n rotate3d(0, 1, 0, 0deg);\n transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n}\n\n.animated.flip {\n -webkit-backface-visibility: visible;\n backface-visibility: visible;\n -webkit-animation-name: flip;\n animation-name: flip;\n}\n\n@-webkit-keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n@keyframes flipInX {\n from {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n.flipInX {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInX;\n animation-name: flipInX;\n}\n\n@-webkit-keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n@keyframes flipInY {\n from {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -20deg);\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -5deg);\n }\n\n to {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n}\n\n.flipInY {\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipInY;\n animation-name: flipInY;\n}\n\n@-webkit-keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutX {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n opacity: 0;\n }\n}\n\n.flipOutX {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n -webkit-animation-name: flipOutX;\n animation-name: flipOutX;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n}\n\n@-webkit-keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes flipOutY {\n from {\n -webkit-transform: perspective(400px);\n transform: perspective(400px);\n }\n\n 30% {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n transform: perspective(400px) rotate3d(0, 1, 0, -15deg);\n opacity: 1;\n }\n\n to {\n -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n transform: perspective(400px) rotate3d(0, 1, 0, 90deg);\n opacity: 0;\n }\n}\n\n.flipOutY {\n -webkit-animation-duration: 0.75s;\n animation-duration: 0.75s;\n -webkit-backface-visibility: visible !important;\n backface-visibility: visible !important;\n -webkit-animation-name: flipOutY;\n animation-name: flipOutY;\n}\n\n@-webkit-keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes lightSpeedIn {\n from {\n -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);\n transform: translate3d(100%, 0, 0) skewX(-30deg);\n opacity: 0;\n }\n\n 60% {\n -webkit-transform: skewX(20deg);\n transform: skewX(20deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: skewX(-5deg);\n transform: skewX(-5deg);\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.lightSpeedIn {\n -webkit-animation-name: lightSpeedIn;\n animation-name: lightSpeedIn;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n}\n\n@-webkit-keyframes lightSpeedOut {\n from {\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0;\n }\n}\n\n@keyframes lightSpeedOut {\n from {\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);\n transform: translate3d(100%, 0, 0) skewX(30deg);\n opacity: 0;\n }\n}\n\n.lightSpeedOut {\n -webkit-animation-name: lightSpeedOut;\n animation-name: lightSpeedOut;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n\n@-webkit-keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n@keyframes rotateIn {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, -200deg);\n transform: rotate3d(0, 0, 1, -200deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n.rotateIn {\n -webkit-animation-name: rotateIn;\n animation-name: rotateIn;\n}\n\n@-webkit-keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n.rotateInDownLeft {\n -webkit-animation-name: rotateInDownLeft;\n animation-name: rotateInDownLeft;\n}\n\n@-webkit-keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n.rotateInDownRight {\n -webkit-animation-name: rotateInDownRight;\n animation-name: rotateInDownRight;\n}\n\n@-webkit-keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n.rotateInUpLeft {\n -webkit-animation-name: rotateInUpLeft;\n animation-name: rotateInUpLeft;\n}\n\n@-webkit-keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n@keyframes rotateInUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -90deg);\n transform: rotate3d(0, 0, 1, -90deg);\n opacity: 0;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n}\n\n.rotateInUpRight {\n -webkit-animation-name: rotateInUpRight;\n animation-name: rotateInUpRight;\n}\n\n@-webkit-keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOut {\n from {\n -webkit-transform-origin: center;\n transform-origin: center;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: center;\n transform-origin: center;\n -webkit-transform: rotate3d(0, 0, 1, 200deg);\n transform: rotate3d(0, 0, 1, 200deg);\n opacity: 0;\n }\n}\n\n.rotateOut {\n -webkit-animation-name: rotateOut;\n animation-name: rotateOut;\n}\n\n@-webkit-keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, 45deg);\n transform: rotate3d(0, 0, 1, 45deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownLeft {\n -webkit-animation-name: rotateOutDownLeft;\n animation-name: rotateOutDownLeft;\n}\n\n@-webkit-keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutDownRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n.rotateOutDownRight {\n -webkit-animation-name: rotateOutDownRight;\n animation-name: rotateOutDownRight;\n}\n\n@-webkit-keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpLeft {\n from {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: left bottom;\n transform-origin: left bottom;\n -webkit-transform: rotate3d(0, 0, 1, -45deg);\n transform: rotate3d(0, 0, 1, -45deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpLeft {\n -webkit-animation-name: rotateOutUpLeft;\n animation-name: rotateOutUpLeft;\n}\n\n@-webkit-keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n}\n\n@keyframes rotateOutUpRight {\n from {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n opacity: 1;\n }\n\n to {\n -webkit-transform-origin: right bottom;\n transform-origin: right bottom;\n -webkit-transform: rotate3d(0, 0, 1, 90deg);\n transform: rotate3d(0, 0, 1, 90deg);\n opacity: 0;\n }\n}\n\n.rotateOutUpRight {\n -webkit-animation-name: rotateOutUpRight;\n animation-name: rotateOutUpRight;\n}\n\n@-webkit-keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%,\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40%,\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0;\n }\n}\n\n@keyframes hinge {\n 0% {\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 20%,\n 60% {\n -webkit-transform: rotate3d(0, 0, 1, 80deg);\n transform: rotate3d(0, 0, 1, 80deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n }\n\n 40%,\n 80% {\n -webkit-transform: rotate3d(0, 0, 1, 60deg);\n transform: rotate3d(0, 0, 1, 60deg);\n -webkit-transform-origin: top left;\n transform-origin: top left;\n -webkit-animation-timing-function: ease-in-out;\n animation-timing-function: ease-in-out;\n opacity: 1;\n }\n\n to {\n -webkit-transform: translate3d(0, 700px, 0);\n transform: translate3d(0, 700px, 0);\n opacity: 0;\n }\n}\n\n.hinge {\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n -webkit-animation-name: hinge;\n animation-name: hinge;\n}\n\n@-webkit-keyframes jackInTheBox {\n from {\n opacity: 0;\n -webkit-transform: scale(0.1) rotate(30deg);\n transform: scale(0.1) rotate(30deg);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n }\n\n 50% {\n -webkit-transform: rotate(-10deg);\n transform: rotate(-10deg);\n }\n\n 70% {\n -webkit-transform: rotate(3deg);\n transform: rotate(3deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n@keyframes jackInTheBox {\n from {\n opacity: 0;\n -webkit-transform: scale(0.1) rotate(30deg);\n transform: scale(0.1) rotate(30deg);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n }\n\n 50% {\n -webkit-transform: rotate(-10deg);\n transform: rotate(-10deg);\n }\n\n 70% {\n -webkit-transform: rotate(3deg);\n transform: rotate(3deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.jackInTheBox {\n -webkit-animation-name: jackInTheBox;\n animation-name: jackInTheBox;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes rollIn {\n from {\n opacity: 0;\n -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);\n }\n\n to {\n opacity: 1;\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.rollIn {\n -webkit-animation-name: rollIn;\n animation-name: rollIn;\n}\n\n/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */\n\n@-webkit-keyframes rollOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n }\n}\n\n@keyframes rollOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);\n }\n}\n\n.rollOut {\n -webkit-animation-name: rollOut;\n animation-name: rollOut;\n}\n\n@-webkit-keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes zoomIn {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n 50% {\n opacity: 1;\n }\n}\n\n.zoomIn {\n -webkit-animation-name: zoomIn;\n animation-name: zoomIn;\n}\n\n@-webkit-keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInDown {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInDown {\n -webkit-animation-name: zoomInDown;\n animation-name: zoomInDown;\n}\n\n@-webkit-keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInLeft {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInLeft {\n -webkit-animation-name: zoomInLeft;\n animation-name: zoomInLeft;\n}\n\n@-webkit-keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInRight {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInRight {\n -webkit-animation-name: zoomInRight;\n animation-name: zoomInRight;\n}\n\n@-webkit-keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomInUp {\n from {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n 60% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomInUp {\n -webkit-animation-name: zoomInUp;\n animation-name: zoomInUp;\n}\n\n@-webkit-keyframes zoomOut {\n from {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes zoomOut {\n from {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n -webkit-transform: scale3d(0.3, 0.3, 0.3);\n transform: scale3d(0.3, 0.3, 0.3);\n }\n\n to {\n opacity: 0;\n }\n}\n\n.zoomOut {\n -webkit-animation-name: zoomOut;\n animation-name: zoomOut;\n}\n\n@-webkit-keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomOutDown {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomOutDown {\n -webkit-animation-name: zoomOutDown;\n animation-name: zoomOutDown;\n}\n\n@-webkit-keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center;\n }\n}\n\n@keyframes zoomOutLeft {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);\n transform: scale(0.1) translate3d(-2000px, 0, 0);\n -webkit-transform-origin: left center;\n transform-origin: left center;\n }\n}\n\n.zoomOutLeft {\n -webkit-animation-name: zoomOutLeft;\n animation-name: zoomOutLeft;\n}\n\n@-webkit-keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center;\n }\n}\n\n@keyframes zoomOutRight {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);\n transform: scale(0.1) translate3d(2000px, 0, 0);\n -webkit-transform-origin: right center;\n transform-origin: right center;\n }\n}\n\n.zoomOutRight {\n -webkit-animation-name: zoomOutRight;\n animation-name: zoomOutRight;\n}\n\n@-webkit-keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n@keyframes zoomOutUp {\n 40% {\n opacity: 1;\n -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);\n -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n\n to {\n opacity: 0;\n -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);\n }\n}\n\n.zoomOutUp {\n -webkit-animation-name: zoomOutUp;\n animation-name: zoomOutUp;\n}\n\n@-webkit-keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInDown {\n from {\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInDown {\n -webkit-animation-name: slideInDown;\n animation-name: slideInDown;\n}\n\n@-webkit-keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInLeft {\n from {\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInLeft {\n -webkit-animation-name: slideInLeft;\n animation-name: slideInLeft;\n}\n\n@-webkit-keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInRight {\n from {\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInRight {\n -webkit-animation-name: slideInRight;\n animation-name: slideInRight;\n}\n\n@-webkit-keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n@keyframes slideInUp {\n from {\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n visibility: visible;\n }\n\n to {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n}\n\n.slideInUp {\n -webkit-animation-name: slideInUp;\n animation-name: slideInUp;\n}\n\n@-webkit-keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n@keyframes slideOutDown {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, 100%, 0);\n transform: translate3d(0, 100%, 0);\n }\n}\n\n.slideOutDown {\n -webkit-animation-name: slideOutDown;\n animation-name: slideOutDown;\n}\n\n@-webkit-keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n@keyframes slideOutLeft {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(-100%, 0, 0);\n transform: translate3d(-100%, 0, 0);\n }\n}\n\n.slideOutLeft {\n -webkit-animation-name: slideOutLeft;\n animation-name: slideOutLeft;\n}\n\n@-webkit-keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n@keyframes slideOutRight {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\n }\n}\n\n.slideOutRight {\n -webkit-animation-name: slideOutRight;\n animation-name: slideOutRight;\n}\n\n@-webkit-keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n@keyframes slideOutUp {\n from {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n to {\n visibility: hidden;\n -webkit-transform: translate3d(0, -100%, 0);\n transform: translate3d(0, -100%, 0);\n }\n}\n\n.slideOutUp {\n -webkit-animation-name: slideOutUp;\n animation-name: slideOutUp;\n}\n\n.animated {\n -webkit-animation-duration: 1s;\n animation-duration: 1s;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n.animated.infinite {\n -webkit-animation-iteration-count: infinite;\n animation-iteration-count: infinite;\n}\n\n.animated.delay-1s {\n -webkit-animation-delay: 1s;\n animation-delay: 1s;\n}\n\n.animated.delay-2s {\n -webkit-animation-delay: 2s;\n animation-delay: 2s;\n}\n\n.animated.delay-3s {\n -webkit-animation-delay: 3s;\n animation-delay: 3s;\n}\n\n.animated.delay-4s {\n -webkit-animation-delay: 4s;\n animation-delay: 4s;\n}\n\n.animated.delay-5s {\n -webkit-animation-delay: 5s;\n animation-delay: 5s;\n}\n\n.animated.fast {\n -webkit-animation-duration: 800ms;\n animation-duration: 800ms;\n}\n\n.animated.faster {\n -webkit-animation-duration: 500ms;\n animation-duration: 500ms;\n}\n\n.animated.slow {\n -webkit-animation-duration: 2s;\n animation-duration: 2s;\n}\n\n.animated.slower {\n -webkit-animation-duration: 3s;\n animation-duration: 3s;\n}\n\n@media (print), (prefers-reduced-motion) {\n .animated {\n -webkit-animation: unset !important;\n animation: unset !important;\n -webkit-transition: none !important;\n transition: none !important;\n }\n}\n"
},
{
"path": "lib/layui/css/layui.css",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n .layui-inline,img{display:inline-block;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:400}.layui-edge,.layui-header,.layui-inline,.layui-main{position:relative}.layui-body,.layui-edge,.layui-elip{overflow:hidden}.layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle}.layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label{text-overflow:ellipsis;white-space:nowrap}.layui-breadcrumb,.layui-tree-btnGroup{visibility:hidden}blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:hover{outline:0}img{border:none}li{list-style:none}table{border-collapse:collapse;border-spacing:0}h4,h5,h6{font-size:100%}button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif}hr{height:1px;margin:10px 0;border:0;clear:both}a{color:#333;text-decoration:none}a:hover{color:#777}a cite{font-style:normal;*cursor:pointer}.layui-border-box,.layui-border-box *{box-sizing:border-box}.layui-box,.layui-box *{box-sizing:content-box}.layui-clear{clear:both;*zoom:1}.layui-clear:after{content:'\\20';clear:both;*zoom:1;display:block;height:0}.layui-inline{*display:inline;*zoom:1}.layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent}.layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid}.layui-edge-right{border-left-color:#999;border-left-style:solid}.layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid}.layui-edge-left{border-right-color:#999;border-right-style:solid}.layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=250);src:url(../font/iconfont.eot?v=250#iefix) format('embedded-opentype'),url(../font/iconfont.woff2?v=250) format('woff2'),url(../font/iconfont.woff?v=250) format('woff'),url(../font/iconfont.ttf?v=250) format('truetype'),url(../font/iconfont.svg?v=250#layui-icon) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-icon-reply-fill:before{content:\"\\e611\"}.layui-icon-set-fill:before{content:\"\\e614\"}.layui-icon-menu-fill:before{content:\"\\e60f\"}.layui-icon-search:before{content:\"\\e615\"}.layui-icon-share:before{content:\"\\e641\"}.layui-icon-set-sm:before{content:\"\\e620\"}.layui-icon-engine:before{content:\"\\e628\"}.layui-icon-close:before{content:\"\\1006\"}.layui-icon-close-fill:before{content:\"\\1007\"}.layui-icon-chart-screen:before{content:\"\\e629\"}.layui-icon-star:before{content:\"\\e600\"}.layui-icon-circle-dot:before{content:\"\\e617\"}.layui-icon-chat:before{content:\"\\e606\"}.layui-icon-release:before{content:\"\\e609\"}.layui-icon-list:before{content:\"\\e60a\"}.layui-icon-chart:before{content:\"\\e62c\"}.layui-icon-ok-circle:before{content:\"\\1005\"}.layui-icon-layim-theme:before{content:\"\\e61b\"}.layui-icon-table:before{content:\"\\e62d\"}.layui-icon-right:before{content:\"\\e602\"}.layui-icon-left:before{content:\"\\e603\"}.layui-icon-cart-simple:before{content:\"\\e698\"}.layui-icon-face-cry:before{content:\"\\e69c\"}.layui-icon-face-smile:before{content:\"\\e6af\"}.layui-icon-survey:before{content:\"\\e6b2\"}.layui-icon-tree:before{content:\"\\e62e\"}.layui-icon-upload-circle:before{content:\"\\e62f\"}.layui-icon-add-circle:before{content:\"\\e61f\"}.layui-icon-download-circle:before{content:\"\\e601\"}.layui-icon-templeate-1:before{content:\"\\e630\"}.layui-icon-util:before{content:\"\\e631\"}.layui-icon-face-surprised:before{content:\"\\e664\"}.layui-icon-edit:before{content:\"\\e642\"}.layui-icon-speaker:before{content:\"\\e645\"}.layui-icon-down:before{content:\"\\e61a\"}.layui-icon-file:before{content:\"\\e621\"}.layui-icon-layouts:before{content:\"\\e632\"}.layui-icon-rate-half:before{content:\"\\e6c9\"}.layui-icon-add-circle-fine:before{content:\"\\e608\"}.layui-icon-prev-circle:before{content:\"\\e633\"}.layui-icon-read:before{content:\"\\e705\"}.layui-icon-404:before{content:\"\\e61c\"}.layui-icon-carousel:before{content:\"\\e634\"}.layui-icon-help:before{content:\"\\e607\"}.layui-icon-code-circle:before{content:\"\\e635\"}.layui-icon-water:before{content:\"\\e636\"}.layui-icon-username:before{content:\"\\e66f\"}.layui-icon-find-fill:before{content:\"\\e670\"}.layui-icon-about:before{content:\"\\e60b\"}.layui-icon-location:before{content:\"\\e715\"}.layui-icon-up:before{content:\"\\e619\"}.layui-icon-pause:before{content:\"\\e651\"}.layui-icon-date:before{content:\"\\e637\"}.layui-icon-layim-uploadfile:before{content:\"\\e61d\"}.layui-icon-delete:before{content:\"\\e640\"}.layui-icon-play:before{content:\"\\e652\"}.layui-icon-top:before{content:\"\\e604\"}.layui-icon-friends:before{content:\"\\e612\"}.layui-icon-refresh-3:before{content:\"\\e9aa\"}.layui-icon-ok:before{content:\"\\e605\"}.layui-icon-layer:before{content:\"\\e638\"}.layui-icon-face-smile-fine:before{content:\"\\e60c\"}.layui-icon-dollar:before{content:\"\\e659\"}.layui-icon-group:before{content:\"\\e613\"}.layui-icon-layim-download:before{content:\"\\e61e\"}.layui-icon-picture-fine:before{content:\"\\e60d\"}.layui-icon-link:before{content:\"\\e64c\"}.layui-icon-diamond:before{content:\"\\e735\"}.layui-icon-log:before{content:\"\\e60e\"}.layui-icon-rate-solid:before{content:\"\\e67a\"}.layui-icon-fonts-del:before{content:\"\\e64f\"}.layui-icon-unlink:before{content:\"\\e64d\"}.layui-icon-fonts-clear:before{content:\"\\e639\"}.layui-icon-triangle-r:before{content:\"\\e623\"}.layui-icon-circle:before{content:\"\\e63f\"}.layui-icon-radio:before{content:\"\\e643\"}.layui-icon-align-center:before{content:\"\\e647\"}.layui-icon-align-right:before{content:\"\\e648\"}.layui-icon-align-left:before{content:\"\\e649\"}.layui-icon-loading-1:before{content:\"\\e63e\"}.layui-icon-return:before{content:\"\\e65c\"}.layui-icon-fonts-strong:before{content:\"\\e62b\"}.layui-icon-upload:before{content:\"\\e67c\"}.layui-icon-dialogue:before{content:\"\\e63a\"}.layui-icon-video:before{content:\"\\e6ed\"}.layui-icon-headset:before{content:\"\\e6fc\"}.layui-icon-cellphone-fine:before{content:\"\\e63b\"}.layui-icon-add-1:before{content:\"\\e654\"}.layui-icon-face-smile-b:before{content:\"\\e650\"}.layui-icon-fonts-html:before{content:\"\\e64b\"}.layui-icon-form:before{content:\"\\e63c\"}.layui-icon-cart:before{content:\"\\e657\"}.layui-icon-camera-fill:before{content:\"\\e65d\"}.layui-icon-tabs:before{content:\"\\e62a\"}.layui-icon-fonts-code:before{content:\"\\e64e\"}.layui-icon-fire:before{content:\"\\e756\"}.layui-icon-set:before{content:\"\\e716\"}.layui-icon-fonts-u:before{content:\"\\e646\"}.layui-icon-triangle-d:before{content:\"\\e625\"}.layui-icon-tips:before{content:\"\\e702\"}.layui-icon-picture:before{content:\"\\e64a\"}.layui-icon-more-vertical:before{content:\"\\e671\"}.layui-icon-flag:before{content:\"\\e66c\"}.layui-icon-loading:before{content:\"\\e63d\"}.layui-icon-fonts-i:before{content:\"\\e644\"}.layui-icon-refresh-1:before{content:\"\\e666\"}.layui-icon-rmb:before{content:\"\\e65e\"}.layui-icon-home:before{content:\"\\e68e\"}.layui-icon-user:before{content:\"\\e770\"}.layui-icon-notice:before{content:\"\\e667\"}.layui-icon-login-weibo:before{content:\"\\e675\"}.layui-icon-voice:before{content:\"\\e688\"}.layui-icon-upload-drag:before{content:\"\\e681\"}.layui-icon-login-qq:before{content:\"\\e676\"}.layui-icon-snowflake:before{content:\"\\e6b1\"}.layui-icon-file-b:before{content:\"\\e655\"}.layui-icon-template:before{content:\"\\e663\"}.layui-icon-auz:before{content:\"\\e672\"}.layui-icon-console:before{content:\"\\e665\"}.layui-icon-app:before{content:\"\\e653\"}.layui-icon-prev:before{content:\"\\e65a\"}.layui-icon-website:before{content:\"\\e7ae\"}.layui-icon-next:before{content:\"\\e65b\"}.layui-icon-component:before{content:\"\\e857\"}.layui-icon-more:before{content:\"\\e65f\"}.layui-icon-login-wechat:before{content:\"\\e677\"}.layui-icon-shrink-right:before{content:\"\\e668\"}.layui-icon-spread-left:before{content:\"\\e66b\"}.layui-icon-camera:before{content:\"\\e660\"}.layui-icon-note:before{content:\"\\e66e\"}.layui-icon-refresh:before{content:\"\\e669\"}.layui-icon-female:before{content:\"\\e661\"}.layui-icon-male:before{content:\"\\e662\"}.layui-icon-password:before{content:\"\\e673\"}.layui-icon-senior:before{content:\"\\e674\"}.layui-icon-theme:before{content:\"\\e66a\"}.layui-icon-tread:before{content:\"\\e6c5\"}.layui-icon-praise:before{content:\"\\e6c6\"}.layui-icon-star-fill:before{content:\"\\e658\"}.layui-icon-rate:before{content:\"\\e67b\"}.layui-icon-template-1:before{content:\"\\e656\"}.layui-icon-vercode:before{content:\"\\e679\"}.layui-icon-cellphone:before{content:\"\\e678\"}.layui-icon-screen-full:before{content:\"\\e622\"}.layui-icon-screen-restore:before{content:\"\\e758\"}.layui-icon-cols:before{content:\"\\e610\"}.layui-icon-export:before{content:\"\\e67d\"}.layui-icon-print:before{content:\"\\e66d\"}.layui-icon-slider:before{content:\"\\e714\"}.layui-icon-addition:before{content:\"\\e624\"}.layui-icon-subtraction:before{content:\"\\e67e\"}.layui-icon-service:before{content:\"\\e626\"}.layui-icon-transfer:before{content:\"\\e691\"}.layui-main{width:1140px;margin:0 auto}.layui-header{z-index:1000;height:60px}.layui-header a:hover{transition:all .5s;-webkit-transition:all .5s}.layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden}.layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden}.layui-body{position:absolute;left:200px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow-y:auto;box-sizing:border-box}.layui-layout-body{overflow:hidden}.layui-layout-admin .layui-header{background-color:#23262E}.layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden}.layui-layout-admin .layui-body{position:fixed;top:60px;bottom:44px}.layui-layout-admin .layui-main{width:auto;margin:0 15px}.layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#eee}.layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px}.layui-layout-admin .layui-header .layui-nav{background:0 0}.layui-layout-left{position:absolute!important;left:200px;top:0}.layui-layout-right{position:absolute!important;right:0;top:0}.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}.layui-fluid{position:relative;margin:0 auto;padding:0 15px}.layui-row:after,.layui-row:before{content:'';display:block;clear:both}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}.layui-col-xs1{width:8.33333333%}.layui-col-xs2{width:16.66666667%}.layui-col-xs3{width:25%}.layui-col-xs4{width:33.33333333%}.layui-col-xs5{width:41.66666667%}.layui-col-xs6{width:50%}.layui-col-xs7{width:58.33333333%}.layui-col-xs8{width:66.66666667%}.layui-col-xs9{width:75%}.layui-col-xs10{width:83.33333333%}.layui-col-xs11{width:91.66666667%}.layui-col-xs12{width:100%}.layui-col-xs-offset1{margin-left:8.33333333%}.layui-col-xs-offset2{margin-left:16.66666667%}.layui-col-xs-offset3{margin-left:25%}.layui-col-xs-offset4{margin-left:33.33333333%}.layui-col-xs-offset5{margin-left:41.66666667%}.layui-col-xs-offset6{margin-left:50%}.layui-col-xs-offset7{margin-left:58.33333333%}.layui-col-xs-offset8{margin-left:66.66666667%}.layui-col-xs-offset9{margin-left:75%}.layui-col-xs-offset10{margin-left:83.33333333%}.layui-col-xs-offset11{margin-left:91.66666667%}.layui-col-xs-offset12{margin-left:100%}@media screen and (max-width:768px){.layui-hide-xs{display:none!important}.layui-show-xs-block{display:block!important}.layui-show-xs-inline{display:inline!important}.layui-show-xs-inline-block{display:inline-block!important}}@media screen and (min-width:768px){.layui-container{width:750px}.layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important}.layui-show-sm-inline{display:inline!important}.layui-show-sm-inline-block{display:inline-block!important}.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}.layui-col-sm1{width:8.33333333%}.layui-col-sm2{width:16.66666667%}.layui-col-sm3{width:25%}.layui-col-sm4{width:33.33333333%}.layui-col-sm5{width:41.66666667%}.layui-col-sm6{width:50%}.layui-col-sm7{width:58.33333333%}.layui-col-sm8{width:66.66666667%}.layui-col-sm9{width:75%}.layui-col-sm10{width:83.33333333%}.layui-col-sm11{width:91.66666667%}.layui-col-sm12{width:100%}.layui-col-sm-offset1{margin-left:8.33333333%}.layui-col-sm-offset2{margin-left:16.66666667%}.layui-col-sm-offset3{margin-left:25%}.layui-col-sm-offset4{margin-left:33.33333333%}.layui-col-sm-offset5{margin-left:41.66666667%}.layui-col-sm-offset6{margin-left:50%}.layui-col-sm-offset7{margin-left:58.33333333%}.layui-col-sm-offset8{margin-left:66.66666667%}.layui-col-sm-offset9{margin-left:75%}.layui-col-sm-offset10{margin-left:83.33333333%}.layui-col-sm-offset11{margin-left:91.66666667%}.layui-col-sm-offset12{margin-left:100%}}@media screen and (min-width:992px){.layui-container{width:970px}.layui-hide-md{display:none!important}.layui-show-md-block{display:block!important}.layui-show-md-inline{display:inline!important}.layui-show-md-inline-block{display:inline-block!important}.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}.layui-col-md1{width:8.33333333%}.layui-col-md2{width:16.66666667%}.layui-col-md3{width:25%}.layui-col-md4{width:33.33333333%}.layui-col-md5{width:41.66666667%}.layui-col-md6{width:50%}.layui-col-md7{width:58.33333333%}.layui-col-md8{width:66.66666667%}.layui-col-md9{width:75%}.layui-col-md10{width:83.33333333%}.layui-col-md11{width:91.66666667%}.layui-col-md12{width:100%}.layui-col-md-offset1{margin-left:8.33333333%}.layui-col-md-offset2{margin-left:16.66666667%}.layui-col-md-offset3{margin-left:25%}.layui-col-md-offset4{margin-left:33.33333333%}.layui-col-md-offset5{margin-left:41.66666667%}.layui-col-md-offset6{margin-left:50%}.layui-col-md-offset7{margin-left:58.33333333%}.layui-col-md-offset8{margin-left:66.66666667%}.layui-col-md-offset9{margin-left:75%}.layui-col-md-offset10{margin-left:83.33333333%}.layui-col-md-offset11{margin-left:91.66666667%}.layui-col-md-offset12{margin-left:100%}}@media screen and (min-width:1200px){.layui-container{width:1170px}.layui-hide-lg{display:none!important}.layui-show-lg-block{display:block!important}.layui-show-lg-inline{display:inline!important}.layui-show-lg-inline-block{display:inline-block!important}.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}.layui-col-lg1{width:8.33333333%}.layui-col-lg2{width:16.66666667%}.layui-col-lg3{width:25%}.layui-col-lg4{width:33.33333333%}.layui-col-lg5{width:41.66666667%}.layui-col-lg6{width:50%}.layui-col-lg7{width:58.33333333%}.layui-col-lg8{width:66.66666667%}.layui-col-lg9{width:75%}.layui-col-lg10{width:83.33333333%}.layui-col-lg11{width:91.66666667%}.layui-col-lg12{width:100%}.layui-col-lg-offset1{margin-left:8.33333333%}.layui-col-lg-offset2{margin-left:16.66666667%}.layui-col-lg-offset3{margin-left:25%}.layui-col-lg-offset4{margin-left:33.33333333%}.layui-col-lg-offset5{margin-left:41.66666667%}.layui-col-lg-offset6{margin-left:50%}.layui-col-lg-offset7{margin-left:58.33333333%}.layui-col-lg-offset8{margin-left:66.66666667%}.layui-col-lg-offset9{margin-left:75%}.layui-col-lg-offset10{margin-left:83.33333333%}.layui-col-lg-offset11{margin-left:91.66666667%}.layui-col-lg-offset12{margin-left:100%}}.layui-col-space1{margin:-.5px}.layui-col-space1>*{padding:.5px}.layui-col-space3{margin:-1.5px}.layui-col-space3>*{padding:1.5px}.layui-col-space5{margin:-2.5px}.layui-col-space5>*{padding:2.5px}.layui-col-space8{margin:-3.5px}.layui-col-space8>*{padding:3.5px}.layui-col-space10{margin:-5px}.layui-col-space10>*{padding:5px}.layui-col-space12{margin:-6px}.layui-col-space12>*{padding:6px}.layui-col-space15{margin:-7.5px}.layui-col-space15>*{padding:7.5px}.layui-col-space18{margin:-9px}.layui-col-space18>*{padding:9px}.layui-col-space20{margin:-10px}.layui-col-space20>*{padding:10px}.layui-col-space22{margin:-11px}.layui-col-space22>*{padding:11px}.layui-col-space25{margin:-12.5px}.layui-col-space25>*{padding:12.5px}.layui-col-space30{margin:-15px}.layui-col-space30>*{padding:15px}.layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box}.layui-elem-quote{margin-bottom:10px;padding:15px;line-height:22px;border-left:5px solid #009688;border-radius:0 2px 2px 0;background-color:#f2f2f2}.layui-quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0}.layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid}.layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300}.layui-field-title{margin:10px 0 20px;border-width:1px 0 0}.layui-field-box{padding:10px 15px}.layui-field-title .layui-field-box{padding:10px 0}.layui-progress{position:relative;height:6px;border-radius:20px;background-color:#e2e2e2}.layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#5FB878;transition:all .3s;-webkit-transition:all .3s}.layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px}.layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#666}.layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff}.layui-collapse{border-width:1px;border-style:solid;border-radius:2px}.layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid}.layui-colla-item:first-child{border-top:none}.layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden}.layui-colla-content{display:none;padding:10px 15px;line-height:22px;color:#666}.layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px}.layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.layui-card:last-child{margin-bottom:0}.layui-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px}.layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red{color:#fff!important}.layui-card-body{position:relative;padding:10px 15px;line-height:24px}.layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px}.layui-card-body .layui-table{margin:5px 0}.layui-card .layui-tab{margin:0}.layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #E6E6E6;background-color:#fff}.layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999}.layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea{position:relative}.layui-bg-red{background-color:#FF5722!important}.layui-bg-orange{background-color:#FFB800!important}.layui-bg-green{background-color:#009688!important}.layui-bg-cyan{background-color:#2F4056!important}.layui-bg-blue{background-color:#1E9FFF!important}.layui-bg-black{background-color:#393D49!important}.layui-bg-gray{background-color:#eee!important;color:#666!important}.layui-badge-rim,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color:#e6e6e6}.layui-timeline-item:before,hr{background-color:#e6e6e6}.layui-text{line-height:22px;font-size:14px;color:#666}.layui-text h1,.layui-text h2,.layui-text h3{font-weight:500;color:#333}.layui-text h1{font-size:30px}.layui-text h2{font-size:24px}.layui-text h3{font-size:18px}.layui-text a:not(.layui-btn){color:#01AAED}.layui-text a:not(.layui-btn):hover{text-decoration:underline}.layui-text ul{padding:5px 0 5px 15px}.layui-text ul li{margin-top:5px;list-style-type:disc}.layui-text em,.layui-word-aux{color:#999!important;padding:0 5px!important}.layui-btn{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer}.layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff}.layui-btn:active{opacity:1;filter:alpha(opacity=100)}.layui-btn+.layui-btn{margin-left:10px}.layui-btn-container{font-size:0}.layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px}.layui-btn-container .layui-btn+.layui-btn{margin-left:0}.layui-table .layui-btn-container .layui-btn{margin-bottom:9px}.layui-btn-radius{border-radius:100px}.layui-btn .layui-icon{margin-right:3px;font-size:18px;vertical-align:bottom;vertical-align:middle\\9}.layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555}.layui-btn-primary:hover{border-color:#009688;color:#333}.layui-btn-normal{background-color:#1E9FFF}.layui-btn-warm{background-color:#FFB800}.layui-btn-danger{background-color:#FF5722}.layui-btn-checked{background-color:#5FB878}.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;opacity:1}.layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px}.layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px}.layui-btn-sm i{font-size:16px!important}.layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px}.layui-btn-xs i{font-size:14px!important}.layui-btn-group{display:inline-block;vertical-align:middle;font-size:0}.layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0}.layui-btn-group .layui-btn-primary{border-left:none}.layui-btn-group .layui-btn-primary:hover{border-color:#C9C9C9;color:#009688}.layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px}.layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #c9c9c9}.layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0}.layui-btn-group .layui-btn+.layui-btn{margin-left:0}.layui-btn-group+.layui-btn-group{margin-left:10px}.layui-btn-fluid{width:100%}.layui-input,.layui-select,.layui-textarea{height:38px;line-height:1.3;line-height:38px\\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px}.layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3}.layui-input,.layui-textarea{display:block;width:100%;padding-left:10px}.layui-input:hover,.layui-textarea:hover{border-color:#D2D2D2!important}.layui-input:focus,.layui-textarea:focus{border-color:#C9C9C9!important}.layui-textarea{min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical}.layui-select{padding:0 10px}.layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none}.layui-form [lay-ignore]{display:initial}.layui-form-item{margin-bottom:15px;clear:both;*zoom:1}.layui-form-item:after{content:'\\20';clear:both;*zoom:1;display:block;height:0}.layui-form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right}.layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left}.layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px}.layui-input-block{margin-left:110px;min-height:36px}.layui-input-inline{display:inline-block;vertical-align:middle}.layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px}.layui-form-text .layui-input-inline{width:auto}.layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px}.layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important}.layui-form-select .layui-input{padding-right:30px;cursor:pointer}.layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s}.layui-form-select dl{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box}.layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-form-select dl dt{font-size:12px;color:#999}.layui-form-select dl dd{cursor:pointer}.layui-form-select dl dd:hover{background-color:#f2f2f2;-webkit-transition:.5s all;transition:.5s all}.layui-form-select .layui-select-group dd{padding-left:20px}.layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999}.layui-form-select dl dd.layui-this{background-color:#5FB878;color:#fff}.layui-form-checkbox,.layui-form-select dl dd.layui-disabled{background-color:#fff}.layui-form-selected dl{display:block}.layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch{display:inline-block;vertical-align:middle}.layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-3px\\9}:root .layui-form-selected .layui-edge{margin-top:-9px\\0/IE9}.layui-form-selectup dl{top:auto;bottom:42px}.layui-select-none{margin:5px 0;text-align:center;color:#999}.layui-select-disabled .layui-disabled{border-color:#eee!important}.layui-select-disabled .layui-edge{border-top-color:#d2d2d2}.layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box}.layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden}.layui-form-checkbox:hover span{background-color:#c2c2c2}.layui-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center}.layui-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2}.layui-form-checked,.layui-form-checked:hover{border-color:#5FB878}.layui-form-checked span,.layui-form-checked:hover span{background-color:#5FB878}.layui-form-checked i,.layui-form-checked:hover i{color:#5FB878}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#5FB878;color:#fff}.layui-form-checked[lay-skin=primary] i{border-color:#5FB878!important;background-color:#5FB878;color:#fff}.layui-checkbox-disbaled[lay-skin=primary] span{background:0 0!important;color:#c2c2c2}.layui-checkbox-disbaled[lay-skin=primary]:hover i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-switch{position:relative;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#5FB878;background-color:#5FB878}.layui-checkbox-disbaled,.layui-checkbox-disbaled i{border-color:#e2e2e2!important}.layui-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important}.layui-checkbox-disbaled span{background-color:#e2e2e2!important}.layui-checkbox-disbaled:hover i{color:#fff!important}[lay-radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#5FB878}.layui-radio-disbaled>i{color:#e2e2e2!important}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FBFBFB;overflow:hidden;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px}@media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\\20';clear:both;display:block;height:0}.layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto;margin:0 0 10px 112px}.layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}.layedit-tool-fixed{position:fixed;top:0;border-top:1px solid #e2e2e2}.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon{display:inline-block;vertical-align:middle;text-align:center;font-size:14px}.layui-layedit-tool .layui-icon{position:relative;width:32px;height:30px;line-height:30px;margin:3px 5px;color:#777;cursor:pointer;border-radius:2px}.layui-layedit-tool .layui-icon:hover{color:#393D49}.layui-layedit-tool .layui-icon:active{color:#000}.layui-layedit-tool .layedit-tool-active{background-color:#e2e2e2;color:#000}.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover{color:#d2d2d2;cursor:not-allowed}.layui-layedit-tool .layedit-tool-mid{width:1px;height:18px;margin:0 10px;background-color:#d2d2d2}.layedit-tool-html{width:50px!important;font-size:30px!important}.layedit-tool-b,.layedit-tool-code,.layedit-tool-help{font-size:16px!important}.layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink{font-size:18px!important}.layedit-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-layedit-iframe iframe{display:block;width:100%}#LAY_layedit_code{overflow:hidden}.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}.layui-laypage a:hover{color:#009688}.layui-laypage em{font-style:normal}.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}.layui-laypage a{text-decoration:none}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}.layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#009688!important}.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}.layui-table,.layui-table-view{margin:10px 0}.layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px}.layui-flow-more a{height:32px;line-height:32px}.layui-flow-more a *{vertical-align:top}.layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal}.layui-flow-more a cite:hover{opacity:.8}.layui-flow-more a i{font-size:30px;color:#737383}.layui-table{width:100%;background-color:#fff;color:#666}.layui-table tr{transition:all .3s;-webkit-transition:all .3s}.layui-table th{text-align:left;font-weight:400}.layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#f2f2f2}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#e6e6e6}.layui-table td,.layui-table th{position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0 0 1px}.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0 1px 0 0}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none}.layui-table img{max-width:100px}.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding:15px 30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:40px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{font-size:12px;padding:5px 10px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;line-height:20px}.layui-table[lay-data]{display:none}.layui-table-box{position:relative;overflow:hidden}.layui-table-view .layui-table{position:relative;width:auto;margin:0}.layui-table-view .layui-table[lay-skin=line]{border-width:0 1px 0 0}.layui-table-view .layui-table[lay-skin=row]{border-width:0 0 1px}.layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:5px 0;border-top:none;border-left:none}.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer}.layui-table-view .layui-table td{cursor:default}.layui-table-view .layui-table td[data-edit=text]{cursor:text}.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px}.layui-table-view .layui-form-radio{line-height:0;padding:0}.layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:110}.layui-table-init .layui-icon{position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0 0 1px;overflow:hidden}.layui-table-header .layui-table{margin-bottom:-1px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;padding:5px 0;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-table-cell,.layui-table-tool-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-table-tool-panel li{padding:0 10px;line-height:30px;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:28px}.layui-table-tool-panel li:hover{background-color:#f2f2f2}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0 0 0 1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#666}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#666}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000}.layui-table-cell{height:28px;line-height:28px;padding:0 15px;position:relative;box-sizing:border-box}.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0}.layui-table-cell .layui-table-link{color:#01AAED}.laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{padding:0;text-align:center}.layui-table-body{position:relative;overflow:auto;margin-right:-1px;margin-bottom:-1px}.layui-table-body .layui-none{line-height:26px;padding:15px;text-align:center;color:#999}.layui-table-fixed{position:absolute;left:0;top:0;z-index:101}.layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:0 -1px 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0 0 0 1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px}.layui-table-tool{position:relative;z-index:890;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0 0 1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-page,.layui-table-total{border-width:1px 0 0;margin-bottom:-1px;overflow:hidden}.layui-table-page{position:relative;width:100%;padding:7px 7px 0;height:41px;font-size:12px;white-space:nowrap}.layui-table-page>div{height:26px}.layui-table-page .layui-laypage{margin:0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0}.layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-7px!important}.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0}.layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px}.layui-table-page .layui-laypage button{padding:0 10px}.layui-table-page select{height:18px}.layui-table-patch .layui-table-cell{padding:0;width:30px}.layui-table-edit{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15)}.layui-table-edit:focus{border-color:#5FB878!important}select.layui-table-edit{padding:0 0 0 10px;border-color:#C9C9C9}.layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0;box-sizing:content-box}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px}.layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:26px;height:100%;padding:5px 0;border-width:0 0 0 1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.layui-table-grid-down:hover{background-color:#fbfbfb}body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-44px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#666}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#666;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{padding:0 10px;color:#999}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle}.layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;border-style:solid;border-color:#e6e6e6}.layui-transfer-box{position:relative;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff}.layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important}.layui-transfer-header{height:38px;line-height:38px;padding:0 10px;border-bottom-width:1px}.layui-transfer-search{position:relative;padding:10px;border-bottom-width:1px}.layui-transfer-search .layui-input{height:32px;padding-left:30px;font-size:12px}.layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;margin-top:-8px;color:#666}.layui-transfer-active{margin:0 15px}.layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#5FB878;border-color:#5FB878;color:#fff}.layui-transfer-active .layui-btn-disabled{background-color:#FBFBFB;border-color:#e6e6e6;color:#C9C9C9}.layui-transfer-active .layui-btn:first-child{margin-bottom:15px}.layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important}.layui-transfer-data{padding:5px 0;overflow:auto}.layui-transfer-data li{height:32px;line-height:32px;padding:0 10px}.layui-transfer-data li:hover{background-color:#f2f2f2;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 10px;text-align:center;color:#999}.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}.layui-nav *{font-size:14px}.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}.layui-nav-bar{z-index:1000}.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#fff}.layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%}.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}.layui-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)}.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff}.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}.layui-nav .layui-nav-child a{color:#333}.layui-nav .layui-nav-child a:hover{background-color:#f2f2f2;color:#000}.layui-nav-child dd{position:relative}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#5FB878;color:#fff}.layui-nav-child dd.layui-this:after{display:none}.layui-nav-tree{width:200px;padding:0}.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:45px}.layui-nav-tree .layui-nav-item a{position:relative;height:45px;line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-nav-tree .layui-nav-item a:hover{background-color:#4E5465}.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#009688;color:#fff}.layui-nav-tree .layui-this:after{display:none}.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important}.layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none}.layui-nav-tree .layui-nav-child a{height:40px;line-height:40px;color:#fff;color:rgba(255,255,255,.7)}.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff}.layui-nav-tree .layui-nav-more{right:10px}.layui-nav-itemed>.layui-nav-child{display:block;padding:0;background-color:rgba(0,0,0,.3)!important}.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block}.layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after{background-color:#93D1FF}.layui-bg-blue .layui-nav-child dd.layui-this{background-color:#1E9FFF}.layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover{background-color:#007DDB!important}.layui-breadcrumb{font-size:0}.layui-breadcrumb>*{font-size:14px}.layui-breadcrumb a{color:#999!important}.layui-breadcrumb a:hover{color:#5FB878!important}.layui-breadcrumb a cite{color:#666;font-style:normal}.layui-breadcrumb span[lay-separator]{margin:0 10px;color:#999}.layui-tab{margin:10px 0;text-align:left!important}.layui-tab[overflow]>.layui-tab-title{overflow:hidden}.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}.layui-tab-title li a{display:block}.layui-tab-title .layui-this{color:#000}.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}.layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}.layui-tab-more li.layui-this:after{border-bottom-color:#e2e2e2;border-radius:2px}.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\\9;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\\0/IE9}.layui-tab-content{padding:10px}.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff}.layui-tab-brief>.layui-tab-title .layui-this{color:#009688}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #5FB878}.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{top:-1px}.layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.layui-tab-card>.layui-tab-title{background-color:#f2f2f2}.layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px}.layui-tab-card>.layui-tab-title .layui-this{background-color:#fff}.layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#5FB878}.layui-tab-card>.layui-tab-more .layui-this:after{border:none}.layui-timeline{padding-left:5px}.layui-timeline-item{position:relative;padding-bottom:20px}.layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#5FB878;border-radius:50%;text-align:center;cursor:pointer}.layui-timeline-axis:hover{color:#FF5722}.layui-timeline-item:before{content:'';position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%}.layui-timeline-item:last-child:before{display:none}.layui-timeline-item:first-child:before{display:block}.layui-timeline-content{padding-left:25px}.layui-timeline-title{position:relative;margin-bottom:10px}.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-8px 6px 0}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\\9;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\\9;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#e2e2e2;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}.layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0}body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#666;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{position:relative;margin:10px 0;padding:15px;line-height:20px;border:1px solid #ddd;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New;font-size:12px}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:10px 5px 10px 0;font-size:0}.layui-rate li i.layui-icon{font-size:20px;color:#FFB800;margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:26px;height:26px;border:1px solid #e6e6e6;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:34px;height:34px;line-height:32px}.layui-colorpicker.layui-colorpicker-sm{width:24px;height:24px;line-height:22px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:20px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#FFF;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;z-index:66666666;width:280px;padding:7px;background:#FFF;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #FFF;border-radius:50%;position:absolute;top:-3px;right:-3px;cursor:pointer}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;margin-right:10px;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:150px;height:30px;color:#666}.layui-slider{height:4px;background:#e2e2e2;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#FFF;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:\"\";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;display:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #e6e6e6;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-15px}.layui-slider-input-btn{display:none;position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #d2d2d2}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #d2d2d2}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none}.layui-slider-input-btn i:hover{color:#009688}.layui-slider-vertical{width:4px;margin-left:34px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \\0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-iconClick,.layui-tree-main{display:inline-block;vertical-align:middle}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:'';position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:20px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:'';position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:12px;line-height:12px;width:12px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#666}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:'';position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:20px;line-height:20px;padding:0 3px;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .3s;-webkit-transition:all .3s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,30px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,30px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}.layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein}@-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}}.layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout}"
},
{
"path": "lib/layui/css/layui.mobile.css",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font:12px 'Helvetica Neue','PingFang SC',STHeitiSC-Light,Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0)}a{text-decoration:none;background:0 0}a:active,a:hover{outline:0}table{border-collapse:collapse;border-spacing:0}li{list-style:none}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-weight:500}address,cite,dfn,em,var{font-style:normal}dfn{font-style:italic}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}img{border:0;vertical-align:bottom}.layui-inline,input,label{vertical-align:middle}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:0}button,select{text-transform:none}select{-webkit-appearance:none;border:none}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}@font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=1.0.7);src:url(../font/iconfont.eot?v=1.0.7#iefix) format('embedded-opentype'),url(../font/iconfont.woff?v=1.0.7) format('woff'),url(../font/iconfont.ttf?v=1.0.7) format('truetype'),url(../font/iconfont.svg?v=1.0.7#iconfont) format('svg')}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-box,.layui-box *{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.layui-border-box,.layui-border-box *{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}.layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1}.layui-edge,.layui-upload-iframe{position:absolute;width:0;height:0}.layui-edge{border-style:dashed;border-color:transparent;overflow:hidden}.layui-elip{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-disabled,.layui-disabled:active{background-color:#d2d2d2!important;color:#fff!important;cursor:not-allowed!important}.layui-circle{border-radius:100%}.layui-show{display:block!important}.layui-hide{display:none!important}.layui-upload-iframe{border:0;visibility:hidden}.layui-upload-enter{border:1px solid #009E94;background-color:#009E94;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}@-webkit-keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-left{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-left{-webkit-animation-name:layui-m-anim-left;animation-name:layui-m-anim-left}@-webkit-keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes layui-m-anim-right{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.layui-m-anim-right{-webkit-animation-name:layui-m-anim-right;animation-name:layui-m-anim-right}@-webkit-keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes layui-m-anim-lout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.layui-m-anim-lout{-webkit-animation-name:layui-m-anim-lout;animation-name:layui-m-anim-lout}@-webkit-keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes layui-m-anim-rout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}.layui-m-anim-rout{-webkit-animation-name:layui-m-anim-rout;animation-name:layui-m-anim-rout}.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}"
},
{
"path": "lib/layui/css/modules/code.css",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}"
},
{
"path": "lib/layui/css/modules/laydate/default/laydate.css",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n .laydate-set-ym,.layui-laydate,.layui-laydate *,.layui-laydate-list{box-sizing:border-box}html #layuicss-laydate{display:none;position:absolute;width:1989px}.layui-laydate *{margin:0;padding:0}.layui-laydate{position:absolute;z-index:66666666;margin:5px 0;border-radius:2px;font-size:14px;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:laydate-upbit;animation-name:laydate-upbit}.layui-laydate-main{width:272px}.layui-laydate-content td,.layui-laydate-header *,.layui-laydate-list li{transition-duration:.3s;-webkit-transition-duration:.3s}@-webkit-keyframes laydate-upbit{from{-webkit-transform:translate3d(0,20px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes laydate-upbit{from{transform:translate3d(0,20px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-laydate-static{position:relative;z-index:0;display:inline-block;margin:0;-webkit-animation:none;animation:none}.laydate-ym-show .laydate-next-m,.laydate-ym-show .laydate-prev-m{display:none!important}.laydate-ym-show .laydate-next-y,.laydate-ym-show .laydate-prev-y{display:inline-block!important}.laydate-time-show .laydate-set-ym span[lay-type=month],.laydate-time-show .laydate-set-ym span[lay-type=year],.laydate-time-show .layui-laydate-header .layui-icon,.laydate-ym-show .laydate-set-ym span[lay-type=month]{display:none!important}.layui-laydate-header{position:relative;line-height:30px;padding:10px 70px 5px}.laydate-set-ym span,.layui-laydate-header i{padding:0 5px;cursor:pointer}.layui-laydate-header *{display:inline-block;vertical-align:bottom}.layui-laydate-header i{position:absolute;top:10px;color:#999;font-size:18px}.layui-laydate-header i.laydate-prev-y{left:15px}.layui-laydate-header i.laydate-prev-m{left:45px}.layui-laydate-header i.laydate-next-y{right:15px}.layui-laydate-header i.laydate-next-m{right:45px}.laydate-set-ym{width:100%;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.laydate-time-text{cursor:default!important}.layui-laydate-content{position:relative;padding:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.layui-laydate-content table{border-collapse:collapse;border-spacing:0}.layui-laydate-content td,.layui-laydate-content th{width:36px;height:30px;padding:5px;text-align:center}.layui-laydate-content td{position:relative;cursor:pointer}.laydate-day-mark{position:absolute;left:0;top:0;width:100%;height:100%;line-height:30px;font-size:12px;overflow:hidden}.laydate-day-mark::after{position:absolute;content:'';right:2px;top:2px;width:5px;height:5px;border-radius:50%}.layui-laydate-footer{position:relative;height:46px;line-height:26px;padding:10px 20px}.layui-laydate-footer span{margin-right:15px;display:inline-block;cursor:pointer;font-size:12px}.layui-laydate-footer span:hover{color:#5FB878}.laydate-footer-btns{position:absolute;right:10px;top:10px}.laydate-footer-btns span{height:26px;line-height:26px;margin:0 0 0 -1px;padding:0 10px;border:1px solid #C9C9C9;background-color:#fff;white-space:nowrap;vertical-align:top;border-radius:2px}.layui-laydate-list>li,.layui-laydate-range .layui-laydate-main{display:inline-block;vertical-align:middle}.layui-laydate-list{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;background-color:#fff}.layui-laydate-list>li{position:relative;width:33.3%;height:36px;line-height:36px;margin:3px 0;text-align:center;cursor:pointer}.laydate-month-list>li{width:25%;margin:17px 0}.laydate-time-list>li{height:100%;margin:0;line-height:normal;cursor:default}.laydate-time-list p{position:relative;top:-4px;line-height:29px}.laydate-time-list ol{height:181px;overflow:hidden}.laydate-time-list>li:hover ol{overflow-y:auto}.laydate-time-list ol li{width:130%;padding-left:33px;line-height:30px;text-align:left;cursor:pointer}.layui-laydate-hint{position:absolute;top:115px;left:50%;width:250px;margin-left:-125px;line-height:20px;padding:15px;text-align:center;font-size:12px}.layui-laydate-range{width:546px}.layui-laydate-range .laydate-main-list-0 .laydate-next-m,.layui-laydate-range .laydate-main-list-0 .laydate-next-y,.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,.layui-laydate-range .laydate-main-list-1 .laydate-prev-y{display:none}.layui-laydate-range .laydate-main-list-1 .layui-laydate-content{border-left:1px solid #e2e2e2}.layui-laydate,.layui-laydate-hint{border:1px solid #d2d2d2;box-shadow:0 2px 4px rgba(0,0,0,.12);background-color:#fff;color:#666}.layui-laydate-header{border-bottom:1px solid #e2e2e2}.layui-laydate-header i:hover,.layui-laydate-header span:hover{color:#5FB878}.layui-laydate-content{border-top:none 0;border-bottom:none 0}.layui-laydate-content th{font-weight:400;color:#333}.layui-laydate-content td{color:#666}.layui-laydate-content td.laydate-selected{background-color:#00F7DE}.laydate-selected:hover{background-color:#00F7DE!important}.layui-laydate-content td:hover,.layui-laydate-list li:hover{background-color:#eaeaea;color:#333}.laydate-time-list li ol{margin:0;padding:0;border:1px solid #e2e2e2;border-left-width:0}.laydate-time-list li:first-child ol{border-left-width:1px}.laydate-time-list>li:hover{background:0 0}.layui-laydate-content .laydate-day-next,.layui-laydate-content .laydate-day-prev{color:#d2d2d2}.laydate-selected.laydate-day-next,.laydate-selected.laydate-day-prev{background-color:#f8f8f8!important}.layui-laydate-footer{border-top:1px solid #e2e2e2}.layui-laydate-hint{color:#FF5722}.laydate-day-mark::after{background-color:#5FB878}.layui-laydate-content td.layui-this .laydate-day-mark::after{display:none}.layui-laydate-footer span[lay-type=date]{color:#5FB878}.layui-laydate .layui-this{background-color:#009688!important;color:#fff!important}.layui-laydate .laydate-disabled,.layui-laydate .laydate-disabled:hover{background:0 0!important;color:#d2d2d2!important;cursor:not-allowed!important;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.laydate-theme-molv{border:none}.laydate-theme-molv.layui-laydate-range{width:548px}.laydate-theme-molv .layui-laydate-main{width:274px}.laydate-theme-molv .layui-laydate-header{border:none;background-color:#009688}.laydate-theme-molv .layui-laydate-header i,.laydate-theme-molv .layui-laydate-header span{color:#f6f6f6}.laydate-theme-molv .layui-laydate-header i:hover,.laydate-theme-molv .layui-laydate-header span:hover{color:#fff}.laydate-theme-molv .layui-laydate-content{border:1px solid #e2e2e2;border-top:none;border-bottom:none}.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content{border-left:none}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li,.laydate-theme-grid .layui-laydate-content td,.laydate-theme-grid .layui-laydate-content thead,.laydate-theme-molv .layui-laydate-footer{border:1px solid #e2e2e2}.laydate-theme-grid .laydate-selected,.laydate-theme-grid .laydate-selected:hover{background-color:#f2f2f2!important;color:#009688!important}.laydate-theme-grid .laydate-selected.laydate-day-next,.laydate-theme-grid .laydate-selected.laydate-day-prev{color:#d2d2d2!important}.laydate-theme-grid .laydate-month-list,.laydate-theme-grid .laydate-year-list{margin:1px 0 0 1px}.laydate-theme-grid .laydate-month-list>li,.laydate-theme-grid .laydate-year-list>li{margin:0 -1px -1px 0}.laydate-theme-grid .laydate-year-list>li{height:43px;line-height:43px}.laydate-theme-grid .laydate-month-list>li{height:71px;line-height:71px}"
},
{
"path": "lib/layui/css/modules/layer/default/layer.css",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+\"px\")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1E9FFF;background-color:#1E9FFF;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#E9E7E7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:230px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;overflow:hidden;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:43px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}"
},
{
"path": "lib/layui/lay/modules/carousel.js",
"content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n ;layui.define(\"jquery\",function(e){\"use strict\";var i=layui.$,n=(layui.hint(),layui.device(),{config:{},set:function(e){var n=this;return n.config=i.extend({},n.config,e),n},on:function(e,i){return layui.onevent.call(this,t,e,i)}}),t=\"carousel\",a=\"layui-this\",l=\">*[carousel-item]>*\",o=\"layui-carousel-left\",r=\"layui-carousel-right\",d=\"layui-carousel-prev\",s=\"layui-carousel-next\",u=\"layui-carousel-arrow\",c=\"layui-carousel-ind\",m=function(e){var t=this;t.config=i.extend({},t.config,n.config,e),t.render()};m.prototype.config={width:\"600px\",height:\"280px\",full:!1,arrow:\"hover\",indicator:\"inside\",autoplay:!0,interval:3e3,anim:\"\",trigger:\"click\",index:0},m.prototype.render=function(){var e=this,n=e.config;n.elem=i(n.elem),n.elem[0]&&(e.elemItem=n.elem.find(l),n.index<0&&(n.index=0),n.index>=e.elemItem.length&&(n.index=e.elemItem.length-1),n.interval<800&&(n.interval=800),n.full?n.elem.css({position:\"fixed\",width:\"100%\",height:\"100%\",zIndex:9999}):n.elem.css({width:n.width,height:n.height}),n.elem.attr(\"lay-anim\",n.anim),e.elemItem.eq(n.index).addClass(a),e.elemItem.length<=1||(e.indicator(),e.arrow(),e.autoplay(),e.events()))},m.prototype.reload=function(e){var n=this;clearInterval(n.timer),n.config=i.extend({},n.config,e),n.render()},m.prototype.prevIndex=function(){var e=this,i=e.config,n=i.index-1;return n<0&&(n=e.elemItem.length-1),n},m.prototype.nextIndex=function(){var e=this,i=e.config,n=i.index+1;return n>=e.elemItem.length&&(n=0),n},m.prototype.addIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index+e,n.index>=i.elemItem.length&&(n.index=0)},m.prototype.subIndex=function(e){var i=this,n=i.config;e=e||1,n.index=n.index-e,n.index<0&&(n.index=i.elemItem.length-1)},m.prototype.autoplay=function(){var e=this,i=e.config;i.autoplay&&(clearInterval(e.timer),e.timer=setInterval(function(){e.slide()},i.interval))},m.prototype.arrow=function(){var e=this,n=e.config,t=i(['\",'\"].join(\"\"));n.elem.attr(\"lay-arrow\",n.arrow),n.elem.find(\".\"+u)[0]&&n.elem.find(\".\"+u).remove(),n.elem.append(t),t.on(\"click\",function(){var n=i(this),t=n.attr(\"lay-type\");e.slide(t)})},m.prototype.indicator=function(){var e=this,n=e.config,t=e.elemInd=i(['\"+r.time[e]+\"
\")}}),e(n).parents(\"form\").on(\"submit\",function(){var t=c.html();8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),n.value=t}),c.on(\"paste\",function(e){r.execCommand(\"formatBlock\",!1,\"
\"),setTimeout(function(){f.call(t,c),n.value=c.html()},100)})},f=function(t){var i=this;i.document;t.find(\"*[style]\").each(function(){var t=this.style.textAlign;this.removeAttribute(\"style\"),e(this).css({\"text-align\":t||\"\"})}),t.find(\"table\").addClass(\"layui-table\"),t.find(\"script,link\").remove()},m=function(t){return t.selection?t.selection.createRange():t.getSelection().getRangeAt(0)},p=function(t){return t.endContainer||t.parentElement().childNodes[0]},v=function(t,i,a){var l=this.document,n=document.createElement(t);for(var o in i)n.setAttribute(o,i[o]);if(n.removeAttribute(\"text\"),l.selection){var r=a.text||i.text;if(\"a\"===t&&!r)return;r&&(n.innerHTML=r),a.pasteHTML(e(n).prop(\"outerHTML\")),a.select()}else{var r=a.toString()||i.text;if(\"a\"===t&&!r)return;r&&(n.innerHTML=r),a.deleteContents(),a.insertNode(n)}},h=function(t,i){var a=this.document,l=\"layedit-tool-active\",n=p(m(a)),o=function(e){return t.find(\".layedit-tool-\"+e)};i&&i[i.hasClass(l)?\"removeClass\":\"addClass\"](l),t.find(\">i\").removeClass(l),o(\"unlink\").addClass(r),e(n).parents().each(function(){var t=this.tagName.toLowerCase(),e=this.style.textAlign;\"b\"!==t&&\"strong\"!==t||o(\"b\").addClass(l),\"i\"!==t&&\"em\"!==t||o(\"i\").addClass(l),\"u\"===t&&o(\"u\").addClass(l),\"strike\"===t&&o(\"d\").addClass(l),\"p\"===t&&(\"center\"===e?o(\"center\").addClass(l):\"right\"===e?o(\"right\").addClass(l):o(\"left\").addClass(l)),\"a\"===t&&(o(\"link\").addClass(l),o(\"unlink\").removeClass(r))})},g=function(t,a,l){var n=t.document,o=e(n.body),c={link:function(i){var a=p(i),l=e(a).parent();b.call(o,{href:l.attr(\"href\"),target:l.attr(\"target\")},function(e){var a=l[0];\"A\"===a.tagName?a.href=e.url:v.call(t,\"a\",{target:e.target,href:e.url,text:e.url},i)})},unlink:function(t){n.execCommand(\"unlink\")},face:function(e){x.call(this,function(i){v.call(t,\"img\",{src:i.src,alt:i.alt},e)})},image:function(a){var n=this;layui.use(\"upload\",function(o){var r=l.uploadImage||{};o.render({url:r.url,method:r.type,elem:e(n).find(\"input\")[0],done:function(e){0==e.code?(e.data=e.data||{},v.call(t,\"img\",{src:e.data.src,alt:e.data.title},a)):i.msg(e.msg||\"上传失败\")}})})},code:function(e){k.call(o,function(i){v.call(t,\"pre\",{text:i.code,\"lay-lang\":i.lang},e)})},help:function(){i.open({type:2,title:\"帮助\",area:[\"600px\",\"380px\"],shadeClose:!0,shade:.1,skin:\"layui-layer-msg\",content:[\"http://www.layui.com/about/layedit/help.html\",\"no\"]})}},s=a.find(\".layui-layedit-tool\"),u=function(){var i=e(this),a=i.attr(\"layedit-event\"),l=i.attr(\"lay-command\");if(!i.hasClass(r)){o.focus();var u=m(n);u.commonAncestorContainer;l?(n.execCommand(l),/justifyLeft|justifyCenter|justifyRight/.test(l)&&n.execCommand(\"formatBlock\",!1,\"
\"),setTimeout(function(){o.focus()},10)):c[a]&&c[a].call(this,u),h.call(t,s,i)}},d=/image/;s.find(\">i\").on(\"mousedown\",function(){var t=e(this),i=t.attr(\"layedit-event\");d.test(i)||u.call(this)}).on(\"click\",function(){var t=e(this),i=t.attr(\"layedit-event\");d.test(i)&&u.call(this)}),o.on(\"click\",function(){h.call(t,s),i.close(x.index)})},b=function(t,e){var l=this,n=i.open({type:1,id:\"LAY_layedit_link\",area:\"350px\",shade:.05,shadeClose:!0,moveType:1,title:\"超链接\",skin:\"layui-layer-msg\",content:['
'+(i.content||\"\")+\"
\"),i.skin&&(i.anim=\"up\"),\"msg\"===i.skin&&(i.shade=!1),s.innerHTML=(i.shade?\"':\"\")+'| ',' ','{{# if(item2.type === \"checkbox\"){ }}','',\"{{# } else { }}\",'{{item2.title||\"\"}}',\"{{# if(isSort){ }}\",'',\"{{# } }}\",\"{{# } }}\",\" \",\" | \",e.fixed?\"{{# }; }}\":\"\",\"{{# }); }}\",\"
|---|
Total |
'+(t||\"\")+\"
\");e.find(\".\"+d)[0]&&e.find(\".\"+d).remove(),t.replace(/\\s/g,\"\")&&e.append(n)},x.prototype.setValue=function(){var e=this,t=e.config,n=[];return e.layBox.eq(1).find(\".\"+y+' input[type=\"checkbox\"]').each(function(){var e=a(this).data(\"hide\");e||n.push(this.value)}),t.value=n,e},x.prototype.parseData=function(e){var t=this,n=t.config,i=[];return layui.each(n.data,function(t,l){l=(\"function\"==typeof n.parseData?n.parseData(l):l)||l,i.push(l=a.extend({},l)),layui.each(n.value,function(e,a){a==l.value&&(l.selected=!0)}),e&&e(l)}),n.data=i,t},x.prototype.getData=function(e){var a=this,t=a.config,n=[];return layui.each(e||t.value,function(e,a){layui.each(t.data,function(e,t){delete t.selected,a==t.value&&n.push(t)})}),n},x.prototype.events=function(){var e=this,t=e.config;e.elem.on(\"click\",'input[lay-filter=\"layTransferCheckbox\"]+',function(){var t=a(this).prev(),n=t[0].checked,i=t.parents(\".\"+s).eq(0).find(\".\"+y);t[0].disabled||(\"all\"===t.attr(\"lay-type\")&&i.find('input[type=\"checkbox\"]').each(function(){this.disabled||(this.checked=n)}),e.renderCheckBtn({stopNone:!0}))}),e.layBtn.on(\"click\",function(){var n=a(this),i=n.data(\"index\"),l=e.layBox.eq(i),r=[];if(!n.hasClass(o)){e.layBox.eq(i).each(function(t){var n=a(this),i=n.find(\".\"+y);i.children(\"li\").each(function(){var t=a(this),n=t.find('input[type=\"checkbox\"]'),i=n.data(\"hide\");n[0].checked&&!i&&(n[0].checked=!1,l.siblings(\".\"+s).find(\".\"+y).append(t.clone()),t.remove(),r.push(n[0].value)),e.setValue()})}),e.renderCheckBtn();var c=l.siblings(\".\"+s).find(\".\"+h+\" input\");\"\"===c.val()||c.trigger(\"keyup\"),t.onchange&&t.onchange(e.getData(r),i)}}),e.laySearch.find(\"input\").on(\"keyup\",function(){var n=this.value,i=a(this).parents(\".\"+h).eq(0).siblings(\".\"+y),l=i.children(\"li\");l.each(function(){var e=a(this),t=e.find('input[type=\"checkbox\"]'),i=t[0].title.indexOf(n)!==-1;e[i?\"removeClass\":\"addClass\"](c),t.data(\"hide\",!i)}),e.renderCheckBtn();var r=l.length===i.children(\"li.\"+c).length;e.noneView(i,r?t.text.searchNone:\"\")})},r.that={},r.config={},l.reload=function(e,a){var t=r.that[e];return t.reload(a),r.call(t)},l.getData=function(e){var a=r.that[e];return a.getData()},l.render=function(e){var a=new x(e);return r.call(a)},e(i,l)});" }, { "path": "lib/layui/lay/modules/tree.js", "content": "/** layui-v2.5.4 MIT License By https://www.layui.com */\n ;layui.define(\"form\",function(e){\"use strict\";var i=layui.$,a=layui.form,n=\"tree\",r={config:{},index:layui[n]?layui[n].index+1e4:0,set:function(e){var a=this;return a.config=i.extend({},a.config,e),a},on:function(e,i){return layui.onevent.call(this,n,e,i)}},l=function(){var e=this,i=e.config,a=i.id||e.index;return l.that[a]=e,l.config[a]=i,{config:i,reload:function(i){e.reload.call(e,i)},getChecked:function(){return e.getChecked.call(e)},setChecked:function(i){return e.setChecked.call(e,i)}}},t=\"layui-hide\",d=\"layui-disabled\",s=\"layui-tree-set\",c=\"layui-tree-iconClick\",o=\"layui-icon-addition\",h=\"layui-icon-subtraction\",u=\"layui-tree-entry\",f=\"layui-tree-main\",p=\"layui-tree-txt\",y=\"layui-tree-pack\",v=\"layui-tree-spread\",C=\"layui-tree-setLineShort\",m=\"layui-tree-showLine\",k=\"layui-tree-lineExtend\",g=function(e){var a=this;a.index=++r.index,a.config=i.extend({},a.config,r.config,e),a.render()};g.prototype.config={data:[],showCheckbox:!1,showLine:!0,accordion:!1,onlyIconControl:!1,isJump:!1,edit:!1,text:{defaultNodeName:\"未命名\",none:\"无数据\"}},g.prototype.reload=function(e){var a=this;layui.each(e,function(e,i){i.constructor===Array&&delete a.config[e]}),a.config=i.extend(!0,{},a.config,e),a.render()},g.prototype.render=function(){var e=this,a=e.config,n=i('');e.tree(n);var r=a.elem=i(a.elem);if(r[0]){if(a.showSearch&&n.prepend(''),e.key=a.id||e.index,e.elem=n,e.elemNone=i('\"+r.time[e]+\"
'+(t||\"\")+\"
\");e.find(\".\"+d)[0]&&e.find(\".\"+d).remove(),t.replace(/\\s/g,\"\")&&e.append(n)},x.prototype.setValue=function(){var e=this,t=e.config,n=[];return e.layBox.eq(1).find(\".\"+y+' input[type=\"checkbox\"]').each(function(){var e=a(this).data(\"hide\");e||n.push(this.value)}),t.value=n,e},x.prototype.parseData=function(e){var t=this,n=t.config,i=[];return layui.each(n.data,function(t,l){l=(\"function\"==typeof n.parseData?n.parseData(l):l)||l,i.push(l=a.extend({},l)),layui.each(n.value,function(e,a){a==l.value&&(l.selected=!0)}),e&&e(l)}),n.data=i,t},x.prototype.getData=function(e){var a=this,t=a.config,n=[];return layui.each(e||t.value,function(e,a){layui.each(t.data,function(e,t){delete t.selected,a==t.value&&n.push(t)})}),n},x.prototype.events=function(){var e=this,t=e.config;e.elem.on(\"click\",'input[lay-filter=\"layTransferCheckbox\"]+',function(){var t=a(this).prev(),n=t[0].checked,i=t.parents(\".\"+s).eq(0).find(\".\"+y);t[0].disabled||(\"all\"===t.attr(\"lay-type\")&&i.find('input[type=\"checkbox\"]').each(function(){this.disabled||(this.checked=n)}),e.renderCheckBtn({stopNone:!0}))}),e.layBtn.on(\"click\",function(){var n=a(this),i=n.data(\"index\"),l=e.layBox.eq(i),r=[];if(!n.hasClass(o)){e.layBox.eq(i).each(function(t){var n=a(this),i=n.find(\".\"+y);i.children(\"li\").each(function(){var t=a(this),n=t.find('input[type=\"checkbox\"]'),i=n.data(\"hide\");n[0].checked&&!i&&(n[0].checked=!1,l.siblings(\".\"+s).find(\".\"+y).append(t.clone()),t.remove(),r.push(n[0].value)),e.setValue()})}),e.renderCheckBtn();var c=l.siblings(\".\"+s).find(\".\"+h+\" input\");\"\"===c.val()||c.trigger(\"keyup\"),t.onchange&&t.onchange(e.getData(r),i)}}),e.laySearch.find(\"input\").on(\"keyup\",function(){var n=this.value,i=a(this).parents(\".\"+h).eq(0).siblings(\".\"+y),l=i.children(\"li\");l.each(function(){var e=a(this),t=e.find('input[type=\"checkbox\"]'),i=t[0].title.indexOf(n)!==-1;e[i?\"removeClass\":\"addClass\"](c),t.data(\"hide\",!i)}),e.renderCheckBtn();var r=l.length===i.children(\"li.\"+c).length;e.noneView(i,r?t.text.searchNone:\"\")})},r.that={},r.config={},l.reload=function(e,a){var t=r.that[e];return t.reload(a),r.call(t)},l.getData=function(e){var a=r.that[e];return a.getData()},l.render=function(e){var a=new x(e);return r.call(a)},e(i,l)});layui.define([\"laytpl\",\"laypage\",\"layer\",\"form\",\"util\"],function(e){\"use strict\";var t=layui.$,i=layui.laytpl,a=layui.laypage,l=layui.layer,n=layui.form,o=(layui.util,layui.hint()),r=layui.device(),d={config:{checkName:\"LAY_CHECKED\",indexName:\"LAY_TABLE_INDEX\"},cache:{},index:layui.table?layui.table.index+1e4:0,set:function(e){var i=this;return i.config=t.extend({},i.config,e),i},on:function(e,t){return layui.onevent.call(this,y,e,t)}},c=function(){var e=this,t=e.config,i=t.id||t.index;return i&&(c.that[i]=e,c.config[i]=t),{config:t,reload:function(t){e.reload.call(e,t)},setColsWidth:function(){e.setColsWidth.call(e)},resize:function(){e.resize.call(e)}}},s=function(e){var t=c.config[e];return t||o.error(\"The ID option was not found in the table instance\"),t||null},u=function(e,a,l,n){var o=e.templet?function(){return\"function\"==typeof e.templet?e.templet(l):i(t(e.templet).html()||String(a)).render(l)}():a;return n?t(\"| ',' ','{{# if(item2.type === \"checkbox\"){ }}','',\"{{# } else { }}\",'{{item2.title||\"\"}}',\"{{# if(isSort){ }}\",'',\"{{# } }}\",\"{{# } }}\",\" \",\" | \",e.fixed?\"{{# }; }}\":\"\",\"{{# }); }}\",\"
|---|
Total |
\")}}),e(n).parents(\"form\").on(\"submit\",function(){var t=c.html();8==l.ie&&(t=t.replace(/<.+>/g,function(t){return t.toLowerCase()})),n.value=t}),c.on(\"paste\",function(e){r.execCommand(\"formatBlock\",!1,\"
\"),setTimeout(function(){f.call(t,c),n.value=c.html()},100)})},f=function(t){var i=this;i.document;t.find(\"*[style]\").each(function(){var t=this.style.textAlign;this.removeAttribute(\"style\"),e(this).css({\"text-align\":t||\"\"})}),t.find(\"table\").addClass(\"layui-table\"),t.find(\"script,link\").remove()},m=function(t){return t.selection?t.selection.createRange():t.getSelection().getRangeAt(0)},p=function(t){return t.endContainer||t.parentElement().childNodes[0]},v=function(t,i,a){var l=this.document,n=document.createElement(t);for(var o in i)n.setAttribute(o,i[o]);if(n.removeAttribute(\"text\"),l.selection){var r=a.text||i.text;if(\"a\"===t&&!r)return;r&&(n.innerHTML=r),a.pasteHTML(e(n).prop(\"outerHTML\")),a.select()}else{var r=a.toString()||i.text;if(\"a\"===t&&!r)return;r&&(n.innerHTML=r),a.deleteContents(),a.insertNode(n)}},h=function(t,i){var a=this.document,l=\"layedit-tool-active\",n=p(m(a)),o=function(e){return t.find(\".layedit-tool-\"+e)};i&&i[i.hasClass(l)?\"removeClass\":\"addClass\"](l),t.find(\">i\").removeClass(l),o(\"unlink\").addClass(r),e(n).parents().each(function(){var t=this.tagName.toLowerCase(),e=this.style.textAlign;\"b\"!==t&&\"strong\"!==t||o(\"b\").addClass(l),\"i\"!==t&&\"em\"!==t||o(\"i\").addClass(l),\"u\"===t&&o(\"u\").addClass(l),\"strike\"===t&&o(\"d\").addClass(l),\"p\"===t&&(\"center\"===e?o(\"center\").addClass(l):\"right\"===e?o(\"right\").addClass(l):o(\"left\").addClass(l)),\"a\"===t&&(o(\"link\").addClass(l),o(\"unlink\").removeClass(r))})},g=function(t,a,l){var n=t.document,o=e(n.body),c={link:function(i){var a=p(i),l=e(a).parent();b.call(o,{href:l.attr(\"href\"),target:l.attr(\"target\")},function(e){var a=l[0];\"A\"===a.tagName?a.href=e.url:v.call(t,\"a\",{target:e.target,href:e.url,text:e.url},i)})},unlink:function(t){n.execCommand(\"unlink\")},face:function(e){x.call(this,function(i){v.call(t,\"img\",{src:i.src,alt:i.alt},e)})},image:function(a){var n=this;layui.use(\"upload\",function(o){var r=l.uploadImage||{};o.render({url:r.url,method:r.type,elem:e(n).find(\"input\")[0],done:function(e){0==e.code?(e.data=e.data||{},v.call(t,\"img\",{src:e.data.src,alt:e.data.title},a)):i.msg(e.msg||\"上传失败\")}})})},code:function(e){k.call(o,function(i){v.call(t,\"pre\",{text:i.code,\"lay-lang\":i.lang},e)})},help:function(){i.open({type:2,title:\"帮助\",area:[\"600px\",\"380px\"],shadeClose:!0,shade:.1,skin:\"layui-layer-msg\",content:[\"http://www.layui.com/about/layedit/help.html\",\"no\"]})}},s=a.find(\".layui-layedit-tool\"),u=function(){var i=e(this),a=i.attr(\"layedit-event\"),l=i.attr(\"lay-command\");if(!i.hasClass(r)){o.focus();var u=m(n);u.commonAncestorContainer;l?(n.execCommand(l),/justifyLeft|justifyCenter|justifyRight/.test(l)&&n.execCommand(\"formatBlock\",!1,\"
\"),setTimeout(function(){o.focus()},10)):c[a]&&c[a].call(this,u),h.call(t,s,i)}},d=/image/;s.find(\">i\").on(\"mousedown\",function(){var t=e(this),i=t.attr(\"layedit-event\");d.test(i)||u.call(this)}).on(\"click\",function(){var t=e(this),i=t.attr(\"layedit-event\");d.test(i)&&u.call(this)}),o.on(\"click\",function(){h.call(t,s),i.close(x.index)})},b=function(t,e){var l=this,n=i.open({type:1,id:\"LAY_layedit_link\",area:\"350px\",shade:.05,shadeClose:!0,moveType:1,title:\"超链接\",skin:\"layui-layer-msg\",content:['
all.js = core + excheck + exedit ( without exhide ); if you found some mistakes please contact me.
\n\t\t\t\tzTree v3.x 内部的全部方法都可以通过 $.fn.zTree._z 进行调用，开放出来是为了更便于大家开发制作自己的 zTree 插件。
\n\t\t\t如无特殊需求请勿使用此对象，以及修改此对象内部的各个函数。
\n\t\t从 zTree v3.4 开始提供销毁 zTree 的方法。
\n\t\t\t1、用此方法可以销毁指定 treeId 的 zTree，也可以销毁当前页面全部的 zTree。
\n\t\t\t2、销毁指定 treeId 的 zTree 也可以使用 zTreeObj.destroy() 方法。
\n\t\t\t3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。
\n\t\tzTree 的 DOM 容器的 id
\n\t省略 treeId，表示销毁当前页面全部的 zTree
\n\t目前无任何返回值
\n\t$.fn.zTree.destroy(\"treeDemo\");$.fn.zTree.destroy();zTree v3.x 专门提供的根据 treeId 获取 zTree 对象的方法。
\n\t\t\t必须在初始化 zTree 以后才可以使用此方法。
\n\t\t\t有了这个方法，用户不再需要自己设定全局变量来保存 zTree 初始化后得到的对象了，而且在所有回调函数中全都会返回 treeId 属性，用户可以随时使用此方法获取需要进行操作的 zTree 对象
\n\t\tzTree 的 DOM 容器的 id
\n\tzTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");zTree 初始化方法，创建 zTree 必须使用此方法
\n\t\t\t1、页面需要进行 W3C 申明，例如：<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">。
\n\t\t\t2、需要首先加载 jquery-1.4.2.js 或其他更高版本的 jQuery 。
\n\t\t\t3、需要加载 jquery-ztree.core-3.0.js，如果需要用到 编辑功能 或 checkbox / radio 还需要分别加载 jquery-ztree.exedit-3.0.js 和 jquery-ztree.excheck-3.0.js 。
\n\t\t\t4、需要加载 zTreeStyle.css 以及 zTreeStyle 目录下的 img 文件。
\n\t\t\t5、如果需要使用自定义图标请参考相应的Demo。
\n\t\t\t6、请注意设置 zTree 的容器样式 class=\"ztree\"，其中 \"ztree\" 这个 className，可以根据需要随意修改，别忘了修改 css 中对应名字就是了，对于容器如果需要增加其他特殊样式，可根据自己的需要进行修改。
\n\t\t用于展现 zTree 的 DOM 容器
\n\tzTree 的配置数据，具体请参考 “setting 配置详解”中的各个属性详细说明
\n\tzTree 的节点数据，具体请参考 “treeNode 节点数据详解”中的各个属性详细说明
\n\t1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中
\n\t2、如果需要异步加载根节点，可以设置为 null 或 [ ]
\n\t3、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明
\n\tzTree 对象，提供操作 zTree 的各种方法，对于通过 js 操作 zTree 来说必须通过此对象
\n\t如果不需要自行设定全局变量保存，可以利用 $.fn.zTree.getZTreeObj 方法随时获取
\n\t<!DOCTYPE html>\n<HTML>\n <HEAD>\n <TITLE> ZTREE DEMO </TITLE>\n <meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">\n <link rel=\"stylesheet\" href=\"zTreeStyle/zTreeStyle.css\" type=\"text/css\">\n <script type=\"text/javascript\" src=\"jquery-1.4.2.js\"></script>\n <script type=\"text/javascript\" src=\"jquery.ztree.core.js\"></script>\n<!--\n <script type=\"text/javascript\" src=\"jquery.ztree.excheck.js\"></script>\n <script type=\"text/javascript\" src=\"jquery.ztree.exedit.js\"></script>\n-->\n <SCRIPT type=\"text/javascript\" >\n\tvar zTreeObj,\n\tsetting = {\n\t\tview: {\n\t\t\tselectedMulti: false\n\t\t}\n\t},\n\tzTreeNodes = [\n\t\t{\"name\":\"网站导航\", open:true, children: [\n\t\t\t{ \"name\":\"google\", \"url\":\"http://g.cn\", \"target\":\"_blank\"},\n\t\t\t{ \"name\":\"baidu\", \"url\":\"http://baidu.com\", \"target\":\"_blank\"},\n\t\t\t{ \"name\":\"sina\", \"url\":\"http://www.sina.com.cn\", \"target\":\"_blank\"}\n\t\t\t]\n\t\t}\n\t];\n\n\t$(document).ready(function(){\n\t\tzTreeObj = $.fn.zTree.init($(\"#tree\"), setting, zTreeNodes);\n\n\t});\n </SCRIPT>\n </HEAD>\n\n<BODY>\n<ul id=\"tree\" class=\"ztree\" style=\"width:230px; overflow:auto;\"></ul>\n </BODY>\n</HTML>异步加载时需要自动提交父节点属性的参数。[setting.async.enable = true 时生效]
\n\t\t\t默认值：[ ]
\n\t\t1、将需要作为参数提交的属性名称，制作成 Array 即可，例如：[\"id\", \"name\"]
\n\t2、可以设置提交时的参数名称，例如 server 只接受 zId : [\"id=zId\"]
\n\t对应 zTree 的 treeId，便于用户操控
\n\t\t需要异步加载子节点的的父节点 JSON 数据对象
\n\t\t针对根进行异步加载时，treeNode = null
\n\t\t返回值同 Array(String) 格式的数据
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\"]\n\t}\n};\n假设 异步加载 父节点(node = {id:1, name:\"test\"}) 的子节点时，将提交参数 id=1\n......var setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id=zId\"]\n\t}\n};\n假设 对父节点 node = {id:1, name:\"test\"}，进行异步加载时，将提交参数 zId=1\n......Ajax 提交参数的数据类型。[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"application/x-www-form-urlencoded\"
\n\t\tcontentType = \"application/x-www-form-urlencoded\" 可以满足绝大部分请求，按照标准的 Form 格式提交参数
\n\tcontentType = \"application/json\" 可以满足 .Net 的编程需要，按照 JSON 格式提交参数
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\tcontentType: \"application/json\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......用于对 Ajax 返回数据进行预处理的函数。[setting.async.enable = true 时生效]
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t进行异步加载的父节点 JSON 数据对象
\n\t对根进行异步加载时，parentNode = null
\n\t异步加载获取到的数据转换后的 Array(JSON) / JSON / String 数据对象
\n\tv3.4开始 支持 XML 数据格式的 String
\n\t返回值是 zTree 支持的JSON 数据结构即可。
\n\tv3.x 支持单个 JSON 节点数据进行加载
\n\tfunction ajaxDataFilter(treeId, parentNode, responseData) {\n if (responseData) {\n for(var i =0; i < responseData.length; i++) {\n responseData[i].name += \"_filter\";\n }\n }\n return responseData;\n};\nvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tdataFilter: ajaxDataFilter\n\t}\n};\n......Ajax 获取的数据类型。[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"text\"
\n\t\tdataType = \"text\" 可以满足绝大部分请求
\n\t其余 dataType 类型请参考 jQuery ajax 中的 dataType 参数
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\tdataType: \"text\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......设置 zTree 是否开启异步加载模式
\n\t\t\t默认值：false
\n\t\ttrue 表示 开启 异步加载模式
\n\tfalse 表示 关闭 异步加载模式
\n\t如果设置为 true，请务必设置 setting.async 内的其它参数。
\n\t如果需要根节点也异步加载，初始化时 treeNodes 参数设置为 null 即可。
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"{}\"
\nv3.5.36+
\n\t\t请参考 jQuery ajax 中的 headers 参数
\n\tAjax 请求提交的静态参数键值对。[setting.async.enable = true 时生效]
\n\t\t\t默认值：[ ]
\n\t\t可以为空[ ]，如果有 key，则必须存在 value。 例如：[key, value]
\n\t直接用 JSON 格式制作键值对，例如：{ key1:value1, key2:value2 }
\n\t对应 zTree 的 treeId，便于用户操控
\n\t\t需要异步加载子节点的的父节点 JSON 数据对象
\n\t\t针对根进行异步加载时，treeNode = null
\n\t\t返回值同 Array(String) || JSON 格式的数据
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\totherParam: [\"id\", \"1\", \"name\", \"test\"]\n\t}\n};\n进行异步加载时，将提交参数 id=1&name=testvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\totherParam: { \"id\":\"1\", \"name\":\"test\"}\n\t}\n};\n进行异步加载时，将提交参数 id=1&name=testAjax 的 http 请求模式。[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"post\"
\n\t\ttype = \"post\" 表示异步加载采用 post 方法请求
\n\ttype = \"get\" 表示异步加载采用 get 方法请求
\n\t对应于 jQuery ajax 中的 type 参数
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\ttype: \"get\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......Ajax 获取数据的 URL 地址。[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"\"
\n\t\t设置固定的异步加载 url 字符串，请注意地址的路径，确保页面能正常加载
\n\turl 内也可以带参数，这些参数就只能是通过 get 方式提交了，并且请注意进行转码
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要异步加载子节点的的父节点 JSON 数据对象
\n\t针对根进行异步加载时，treeNode = null
\n\t返回值同 String 格式的数据
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"nodes.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......function getAsyncUrl(treeId, treeNode) {\n return treeNode.isParent ? \"nodes1.php\" : \"nodes2.php\";\n};\nvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: getAsyncUrl,\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......[setting.async.enable = true 时生效]
\n\t\t\t默认值：\"{}\"
\nv3.5.36+
\n\t\t请参考 jQuery ajax 中的 xhrFields 参数
\n\t用于捕获异步加载之前的事件回调函数，zTree 根据返回值确定是否允许进行异步加载
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t进行异步加载的父节点 JSON 数据对象
\n\t针对根进行异步加载时，treeNode = null
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将不进行异步加载，也无法触发 onAsyncSuccess / onAsyncError 事件回调函数
\n\tfunction zTreeBeforeAsync(treeId, treeNode) {\n return (treeNode.id !== 1);\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeAsync: zTreeBeforeAsync\n\t}\n};\n......用于捕获 勾选 或 取消勾选 之前的事件回调函数，并且根据返回值确定是否允许 勾选 或 取消勾选
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t进行 勾选 或 取消勾选 的节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，将不会改变勾选状态，并且无法触发 onCheck 事件回调函数
\n\tfunction zTreeBeforeCheck(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeCheck: zTreeBeforeCheck\n\t}\n};\n......用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t被单击的节点 JSON 数据对象
\n\t节点被点击后的选中操作类型，详细看下表
\n\t| clickFlag | selectedMulti | autoCancelSelected && event.ctrlKey / metaKey | isSelected | 选中操作 |
| 1 | true | false | false | 普通选中 |
| 1 | true | false | true | 普通选中 |
| 2 | true | true | false | 追加选中 |
| 0 | true | true | true | 取消选中 |
| 1 | false | false | false | 普通选中 |
| 1 | false | false | true | 普通选中 |
| 1 | false | true | false | 普通选中 |
| 0 | false | true | true | 取消选中 |
返回值是 true / false
\n\t如果返回 false，zTree 将不会选中节点，也无法触发 onClick 事件回调函数
\n\tfunction zTreeBeforeClick(treeId, treeNode, clickFlag) {\n return (treeNode.id !== 1);\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeClick: zTreeBeforeClick\n\t}\n};\n......用于捕获父节点折叠之前的事件回调函数，并且根据返回值确定是否允许折叠操作
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t要折叠的父节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将不会折叠节点，也无法触发 onCollapse 事件回调函数
\n\tfunction zTreeBeforeCollapse(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeCollapse: zTreeBeforeCollapse\n\t}\n};\n......用于捕获 zTree 上鼠标双击之前的事件回调函数，并且根据返回值确定触发 onDblClick 事件回调函数
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标双击时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\t返回值是 true / false
\n\t如果返回 false，将仅仅无法触发 onDblClick 事件回调函数，对其他操作无任何影响
\n\t此事件回调函数对双击节点展开功能无任何影响，如果需要设置请参考 setting.view.dblClickExpand 属性
\n\tfunction zTreeBeforeDblClick(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeDblClick: zTreeBeforeDblClick\n\t}\n};\n......用于捕获节点被拖拽之前的事件回调函数，并且根据返回值确定是否允许开启拖拽操作
\n\t\t\t默认值：null
\n\t\t被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控
\n\t要被拖拽的节点 JSON 数据集合
\n\tv3.x 允许多个同级节点同时被拖拽，因此将此参数修改为 Array(JSON)
\n\t如果拖拽时多个被选择的节点不是同级关系，则只能拖拽鼠标当前所在位置的节点
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将终止拖拽，也无法触发 onDrag / beforeDrop / onDrop 事件回调函数
\n\tfunction zTreeBeforeDrag(treeId, treeNodes) {\n return false;\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDrag: zTreeBeforeDrag\n\t}\n};\n......用于捕获拖拽节点移动到折叠状态的父节点后，即将自动展开该父节点之前的事件回调函数，并且根据返回值确定是否允许自动展开操作
\n\t\t\t默认值：null
\n\t\t需要被展开的父节点 treeNode 所在 zTree 的 treeId，便于用户操控
\n\t要被自动展开的父节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将无法进行自动展开操作
\n\tfunction zTreeBeforeDragOpen(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDragOpen: zTreeBeforeDragOpen\n\t}\n};\n......用于捕获节点拖拽操作结束之前的事件回调函数，并且根据返回值确定是否允许此拖拽操作
\n\t\t\t默认值：null
\n\t\t\t如未拖拽到有效位置，则不触发此回调函数，直接将节点恢复原位置
\n\t\t目标节点 targetNode 所在 zTree 的 treeId，便于用户操控
\n\t被拖拽的节点 JSON 数据集合
\n\t无论拖拽操作为 复制 还是 移动，treeNodes 都是当前被拖拽节点的数据集合。
\n\ttreeNodes 被拖拽放开的目标节点 JSON 数据对象。
\n\t如果拖拽成为根节点，则 targetNode = null
\n\t指定移动到目标节点的相对位置
\n\t\"inner\"：成为子节点，\"prev\"：成为同级前一个节点，\"next\"：成为同级后一个节点
\n\t拖拽节点操作是 复制 或 移动
\n\ttrue：复制；false：移动
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将恢复被拖拽的节点，也无法触发 onDrop 事件回调函数
\n\tfunction zTreeBeforeDrop(treeId, treeNodes, targetNode, moveType) {\n return !(targetNode == null || (moveType != \"inner\" && !targetNode.parentTId));\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDrop: zTreeBeforeDrop\n\t}\n};\n......用于捕获节点编辑按钮的 click 事件，并且根据返回值确定是否允许进入名称编辑状态
\n\t\t\t此事件回调函数最主要是用于捕获编辑按钮的点击事件，然后触发自定义的编辑界面操作。
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t将要进入编辑名称状态的节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，节点将无法进入 zTree 默认的编辑名称状态
\n\tfunction zTreeBeforeEditName(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeEditName: zTreeBeforeEditName\n\t}\n};\n......用于捕获父节点展开之前的事件回调函数，并且根据返回值确定是否允许展开操作
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t要展开的父节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将不会展开节点，也无法触发 onExpand 事件回调函数
\n\tfunction zTreeBeforeExpand(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeExpand: zTreeBeforeExpand\n\t}\n};\n......用于捕获 zTree 上鼠标按键按下之前的事件回调函数，并且根据返回值确定触发 onMouseDown 事件回调函数
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标按键按下时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\t返回值是 true / false
\n\t如果返回 false，将仅仅无法触发 onMouseDown 事件回调函数，对其他操作无任何影响
\n\tfunction zTreeBeforeMouseDown(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeMouseDown: zTreeBeforeMouseDown\n\t}\n};\n......用于捕获 zTree 上鼠标按键松开之前的事件回调函数，并且根据返回值确定触发 onMouseUp 事件回调函数
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标按键松开时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\t返回值是 true / false
\n\t如果返回 false，将仅仅无法触发 onMouseUp 事件回调函数，对其他操作无任何影响
\n\tfunction zTreeBeforeMouseUp(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeMouseUp: zTreeBeforeMouseUp\n\t}\n};\n......用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t将要删除的节点 JSON 数据对象
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将不删除节点，也无法触发 onRemove 事件回调函数
\n\tfunction zTreeBeforeRemove(treeId, treeNode) {\n\treturn false;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeRemove: zTreeBeforeRemove\n\t}\n};\n......用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作
\n\t\t\t节点进入编辑名称状态后，按 ESC 键可以放弃当前修改，恢复原名称，取消编辑名称状态
\n\t\t\t从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t将要更改名称的节点 JSON 数据对象
\n\t修改后的新名称
\n\t是否取消操作 (v3.5.13+)
\n\tisCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）
\n\tisCancel = false 表示确认修改操作
\n\t返回值是 true / false
\n\t如果返回 false，zTree 将保持名称编辑状态，无法触发 onRename 事件回调函数，并且会导致屏蔽其它事件，直到修改名称使得 beforeRename 返回 true
\n\t如果返回 false，不会让 input 输入框获取焦点，避免由于警告信息而导致反复触发 beforeRename。 请在关闭提示警告信息后，利用 editName 方法让 input 重新获取焦点。
\n\tfunction zTreeBeforeRename(treeId, treeNode, newName, isCancel) {\n\treturn newName.length > 5;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeRename: zTreeBeforeRename\n\t}\n};\n......用于捕获 zTree 上鼠标右键点击之前的事件回调函数，并且根据返回值确定触发 onRightClick 事件回调函数
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标右键点击时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\t返回值是 true / false
\n\t如果返回 false，将仅仅无法触发 onRightClick 事件回调函数，对其他操作无任何影响
\n\tfunction zTreeBeforeRightClick(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeRightClick: zTreeBeforeRightClick\n\t}\n};\n......用于捕获异步加载出现异常错误的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t进行异步加载的父节点 JSON 数据对象
\n\t针对根进行异步加载时，treeNode = null
\n\t标准 XMLHttpRequest 对象，请参考 JQuery API 文档。
\n\t请求状态：success，error，请参考 JQuery API 文档。
\n\terrorThrown 只有当异常发生时才会被传递，请参考 JQuery API 文档。
\n\tfunction zTreeOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {\n alert(XMLHttpRequest);\n};\nvar setting = {\n\tcallback: {\n\t\tonAsyncError: zTreeOnAsyncError\n\t}\n};\n......用于捕获异步加载正常结束的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeAsync 方法，且返回 false，将无法触发 onAsyncSuccess / onAsyncError 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t进行异步加载的父节点 JSON 数据对象
\n\t针对根进行异步加载时，treeNode = null
\n\t异步获取的节点数据字符串，主要便于用户调试使用。
\n\t实际数据类型会受 setting.async.dataType 的设置影响，请参考 JQuery API 文档。
\n\tfunction zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {\n alert(msg);\n};\nvar setting = {\n\tcallback: {\n\t\tonAsyncSuccess: zTreeOnAsyncSuccess\n\t}\n};\n......用于捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeCheck 方法，且返回 false，将无法触发 onCheck 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t被勾选 或 取消勾选的节点 JSON 数据对象
\n\tfunction zTreeOnCheck(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name + \",\" + treeNode.checked);\n};\nvar setting = {\n\tcallback: {\n\t\tonCheck: zTreeOnCheck\n\t}\n};\n......用于捕获节点被点击的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeClick 方法，且返回 false，将无法触发 onClick 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t被点击的节点 JSON 数据对象
\n\t节点被点击后的选中操作类型，详细看下表
\n\t| clickFlag | selectedMulti | autoCancelSelected && event.ctrlKey / metaKey | isSelected | 选中操作 |
| 1 | true | false | false | 普通选中 |
| 1 | true | false | true | 普通选中 |
| 2 | true | true | false | 追加选中 |
| 0 | true | true | true | 取消选中 |
| 1 | false | false | false | 普通选中 |
| 1 | false | false | true | 普通选中 |
| 1 | false | true | false | 普通选中 |
| 0 | false | true | true | 取消选中 |
function zTreeOnClick(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonClick: zTreeOnClick\n\t}\n};\n......用于捕获节点被折叠的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeCollapse 方法，且返回 false，将无法触发 onCollapse 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t被折叠的节点 JSON 数据对象
\n\tfunction zTreeOnCollapse(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonCollapse: zTreeOnCollapse\n\t}\n};\n......用于捕获 zTree 上鼠标双击之后的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeDblClick 方法，且返回 false，将无法触发 onDblClick 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标双击时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\tfunction zTreeOnDblClick(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonDblClick: zTreeOnDblClick\n\t}\n};\n......用于捕获节点被拖拽的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeDrag 方法，且返回 false，将无法触发 onDragMove 和 onDrag 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控
\n\t要被拖拽的节点 JSON 数据集合
\n\tfunction zTreeOnDrag(event, treeId, treeNodes) {\n alert(treeNodes.length);\n};\nvar setting = {\n\tcallback: {\n\t\tonDrag: zTreeOnDrag\n\t}\n};\n......用于捕获节点被拖拽过程中移动的事件回调函数
\n\t\t\t主要用于捕获 zTree 节点拖拽到的 DOM，从而操作对应的 DOM。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t被拖拽的节点 treeNodes 所在 zTree 的 treeId，便于用户操控
\n\t要被拖拽的节点 JSON 数据集合
\n\tfunction zTreeOnDragMove(event, treeId, treeNodes) {\n console.log(event.target);\n};\nvar setting = {\n\tcallback: {\n\t\tonDragMove: zTreeOnDragMove\n\t}\n};\n......用于捕获节点拖拽操作结束的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeDrop 方法，且返回 false，将无法触发 onDrop 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t目标节点 targetNode 所在 zTree 的 treeId，便于用户操控
\n\t被拖拽的节点 JSON 数据集合
\n\t如果拖拽操作为 移动，treeNodes 是当前被拖拽节点的数据集合。
\n\t如果拖拽操作为 复制，treeNodes 是复制后 clone 得到的新节点数据。
\n\t成为 treeNodes 拖拽结束的目标节点 JSON 数据对象。
\n\t如果拖拽成为根节点，则 targetNode = null
\n\t指定移动到目标节点的相对位置
\n\t\"inner\"：成为子节点，\"prev\"：成为同级前一个节点，\"next\"：成为同级后一个节点
\n\t如果 moveType = null，表明拖拽无效
\n\t拖拽节点操作是 复制 或 移动
\n\ttrue：复制；false：移动
\n\tfunction zTreeOnDrop(event, treeId, treeNodes, targetNode, moveType) {\n alert(treeNodes.length + \",\" + (targetNode ? (targetNode.tId + \", \" + targetNode.name) : \"isRoot\" ));\n};\nvar setting = {\n\tcallback: {\n\t\tonDrop: zTreeOnDrop\n\t}\n};\n......用于捕获节点被展开的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeExpand 方法，且返回 false，将无法触发 onExpand 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t被展开的节点 JSON 数据对象
\n\tfunction zTreeOnExpand(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonExpand: zTreeOnExpand\n\t}\n};\n......用于捕获 zTree 上鼠标按键按下后的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeMouseDown 方法，且返回 false，将无法触发 onMouseDown 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标按键按下时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\tfunction zTreeOnMouseDown(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonMouseDown: zTreeOnMouseDown\n\t}\n};\n......用于捕获 zTree 上鼠标按键松开后的事件回调函数
\n\t\t\t如果设置了 setting.callback.beforeMouseUp 方法，且返回 false，将无法触发 onMouseUp 事件回调函数。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标按键松开时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\tfunction zTreeOnMouseUp(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonMouseUp: zTreeOnMouseUp\n\t}\n};\n......用于捕获节点生成 DOM 后的事件回调函数
\n\t\t\tv3.x 采用了延迟加载技术，因此对于父节点未展开的子节点来说，初始化后是不会触发此回调函数，直到其父节点被展开
\n\t\t\t大数据量的节点加载请注意：不设置 onNodeCreated，可以提升一部分初始化性能
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t生成 DOM 完毕的节点的 JSON 数据对象
\n\tfunction zTreeOnNodeCreated(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonNodeCreated: zTreeOnNodeCreated\n\t}\n};\n......用于捕获删除节点之后的事件回调函数。
\n\t\t\t如果用户设置了 beforeRemove 回调函数，并返回 false，将无法触发 onRemove 事件回调函数。
\n\t\t\t默认值：null
\t\t\t\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t将要删除的节点 JSON 数据对象
\n\tfunction zTreeOnRemove(event, treeId, treeNode) {\n\talert(treeNode.tId + \", \" + treeNode.name);\n}\nvar setting = {\n\tcallback: {\n\t\tonRemove: zTreeOnRemove\n\t}\n};\n......用于捕获节点编辑名称结束之后的事件回调函数。
\n\t\t\t1、节点进入编辑名称状态，并且修改节点名称后触发此回调函数。如果用户设置了 beforeRename 回调函数，并返回 false，将无法触发 onRename 事件回调函数。
\n\t\t\t2、如果通过直接修改 treeNode 的数据，并且利用 updateNode 方法更新，是不会触发此回调函数的。
\n\t\t\t3、从 v3.5.13 开始，取消编辑状态也会触发此回调，根据 isCancel 参数判断
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t被修改名称的节点 JSON 数据对象
\n\t是否取消操作 (v3.5.13+)
\n\tisCancel = true 表示取消编辑操作（按下 ESC 或 使用 cancelEditName 方法）
\n\tisCancel = false 表示确认修改操作
\n\tfunction zTreeOnRename(event, treeId, treeNode, isCancel) {\n\talert(treeNode.tId + \", \" + treeNode.name);\n}\nvar setting = {\n\tcallback: {\n\t\tonRename: zTreeOnRename\n\t}\n};\n......用于捕获 zTree 上鼠标右键点击之后的事件回调函数
\n\t\t\t1、如果设置了 setting.callback.beforeRightClick 方法，且返回 false，将无法触发 onRightClick 事件回调函数。
\n\t\t\t2、只要将 function 的引用赋给 onRightClick 属性，则右键点击 zTree 时，将屏蔽浏览器的右键菜单。
\n\t\t\t默认值：null
\n\t\t标准的 js event 对象
\n\t对应 zTree 的 treeId，便于用户操控
\n\t鼠标右键点击时所在节点的 JSON 数据对象
\n\t如果不在节点上，则返回 null
\n\tfunction zTreeOnRightClick(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonRightClick: zTreeOnRightClick\n\t}\n};\n......设置自动关联勾选时是否触发 beforeCheck / onCheck 事件回调函数。[setting.check.enable = true 且 setting.check.chkStyle = \"checkbox\" 时生效]
\n\t\t\t1、如果设置 setting.check.chkboxType = { \"Y\": \"\", \"N\": \"\" }，将不会有任何自动关联勾选的操作。
\n\t\t\t2、如果开启触发，对于节点较多的树将会影响性能，因为所有被联动勾选的操作都会触发事件回调函数，请根据需要决定是否使用此功能。
\n\t\t\t默认值: false
\n\t\ttrue / false 分别表示 触发 / 不触发 事件回调函数
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tautoCheckTrigger: true\n\t}\n};\n......当父节点设置 chkDisabled = true 时，设置子节点是否自动继承 chkDisabled = true 。[setting.check.enable = true 时生效]
\n\t\t\t1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 setChkDisabled 方法单个节点设置。
\n\t\t\t默认值: false
\n\t\ttrue 表示 新加入子节点时，自动继承父节点 chkDisabled = true 的属性。
\n\tfalse 表示 新加入子节点时，不继承父节点 chkDisabled 的属性。
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkDisabledInherit: true\n\t}\n};\n......勾选框类型(checkbox 或 radio）[setting.check.enable = true 时生效]
\n\t\t\t默认值：\"checkbox\"
\n\t\tchkStyle = \"checkbox\" 时，显示 checkbox 选择框，setting.check.chkboxType 属性有效。\n
chkStyle = \"radio\" 时，显示 radio 选择框， setting.check.radioType 属性有效。
请注意大小写，不要改变
\n\t未勾选；如果是父节点，则无子节点被勾选。鼠标移到该节点上显示为：
\n\t\t\t未勾选；（只有父节点存在此状态）存在被勾选的子节点。鼠标移到该节点上显示为：
\n\t\t\t被勾选；如果是父节点，则全部子节点都被勾选。鼠标移到该节点上显示为：
\n\t\t\t被勾选；（只有父节点存在此状态）且部分或无子节点被勾选。鼠标移到该节点上显示为：
\n\t\t未勾选；如果是父节点，则没有子节点被勾选。鼠标移到该节点上显示为：
\n\t\t\t未勾选；（只有父节点存在此状态）且存在被勾选的子节点。鼠标移到该节点上显示为：
\n\t\t\t被勾选；如果是父节点，则没有子节点被勾选。鼠标移到该节点上显示为：
\n\t\t\t被勾选；（只有父节点存在此状态）且存在被勾选的子节点。鼠标移到该节点上显示为：
\n\t\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"radio\"\n\t}\n};\n......勾选 checkbox 对于父子节点的关联关系。[setting.check.enable = true 且 setting.check.chkStyle = \"checkbox\" 时生效]
\n\t\t\t默认值：{ \"Y\": \"ps\", \"N\": \"ps\" }
\n\t\tY 属性定义 checkbox 被勾选后的情况；\n
N 属性定义 checkbox 取消勾选后的情况；\n
\"p\" 表示操作会影响父级节点；\n
\"s\" 表示操作会影响子级节点。
请注意大小写，不要改变
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"checkbox\",\n\t\tchkboxType: { \"Y\": \"p\", \"N\": \"s\" }\n\t}\n};\n......设置 zTree 的节点上是否显示 checkbox / radio
\n\t\t\t默认值: false
\n\t\ttrue / false 分别表示 显示 / 不显示 复选框或单选框
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true\n\t}\n};\n......当父节点设置 nocheck = true 时，设置子节点是否自动继承 nocheck = true 。[setting.check.enable = true 时生效]
\n\t\t\t1、只使用于初始化节点时，便于批量操作。 对于已存在的节点请利用 updateNode 方法单个节点设置。
\n\t\t\t默认值: false
\n\t\ttrue 表示 新加入子节点时，自动继承父节点 nocheck = true 的属性。
\n\tfalse 表示 新加入子节点时，不继承父节点 nocheck 的属性。
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tnocheckInherit: true\n\t}\n};\n......radio 的分组范围。[setting.check.enable = true 且 setting.check.chkStyle = \"radio\" 时生效]
\n\t\t\t默认值：\"level\"
\n\t\tradioType = \"level\" 时，在每一级节点范围内当做一个分组。\n
radioType = \"all\" 时，在整棵树范围内当做一个分组。
请注意大小写，不要改变
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"radio\",\n\t\tradioType: \"all\"\n\t}\n};\n......zTree 的节点叶子节点属性锁，是否始终保持 isParent = false
\n\t\t\t默认值：false
\n\t\ttrue / false 分别表示 锁定 / 不锁定 叶子节点属性
\n\t如果设置为 true，则所有 isParent = false 的节点，都无法添加子节点。
\n\tvar setting = {\n\tdata: {\n\t\tkeep: {\n\t\t\tleaf: true\n\t\t}\n\t}\n};\n......zTree 的节点父节点属性锁，是否始终保持 isParent = true
\n\t\t\t默认值：false
\n\t\ttrue / false 分别表示 锁定 / 不锁定 父节点属性
\n\t如果设置为 true，则所有 isParent = true 的节点，即使该节点的子节点被全部删除或移走，依旧保持父节点状态。
\n\tvar setting = {\n\tdata: {\n\t\tkeep: {\n\t\t\tparent: true\n\t\t}\n\t}\n};\n......zTree 节点数据中保存 check 状态的属性名称。
\n\t\t\t默认值：\"checked\"
\n\t\t\t请勿与 zTree 节点数据的其他参数冲突，例如：checkedOld
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tchecked: \"isChecked\"\n\t\t}\n\t}\n};\n......zTree 节点数据中保存子节点数据的属性名称。
\n\t\t\t默认值：\"children\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tchildren: \"nodes\"\n\t\t}\n\t}\n};\n......zTree 节点数据保存节点是否隐藏的属性名称。
\n\t\t\t默认值：\"isHidden\"
\n\t\t\tv3.5.32+
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tisHidden: \"hidden\"\n\t\t}\n\t}\n};\n......zTree 节点数据保存节点是否为父节点的属性名称。
\n\t\t\t默认值：\"isParent\"
\n\t\t\tv3.5.32+
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tisParent: \"parent\"\n\t\t}\n\t}\n};\n......zTree 节点数据保存节点名称的属性名称。
\n\t\t\t默认值：\"name\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tname: \"ename\"\n\t\t}\n\t}\n};\n......zTree 节点数据保存节点提示信息的属性名称。[setting.view.showTitle = true 时生效]
\n\t\t\t如果设置为 \"\" ，则自动与 setting.data.key.name 保持一致，避免用户反复设置
\n\t\t\t默认值：\"\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\ttitle: \"fullName\"\n\t\t}\n\t}\n};\n......zTree 节点数据保存节点链接的目标 URL 的属性名称。
\n\t\t\t特殊用途：当后台数据只能生成 url 属性，又不想实现点击节点跳转的功能时，可以直接修改此属性为其他不存在的属性名称
\n\t\t\t默认值：\"url\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\turl: \"xUrl\"\n\t\t}\n\t}\n};\n......确定 zTree 初始化时的节点数据、异步加载时的节点数据、或 addNodes 方法中输入的 newNodes 数据是否采用简单数据模式 (Array)
\n\t\t\t不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式
\n\t\t\t默认值：false
\n\t\ttrue / false 分别表示 使用 / 不使用 简单数据模式
\n\t如果设置为 true，请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId，并且让数据满足父子关系。
\n\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......节点数据中保存唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效]
\n\t\t\t默认值：\"id\"
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......节点数据中保存其父节点唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效]
\n\t\t\t默认值：\"pId\"
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......用于修正根节点父节点数据，即 pIdKey 指定的属性值。[setting.data.simpleData.enable = true 时生效]
\n\t\t\t默认值：null
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......拖拽时父节点自动展开是否触发 onExpand 事件回调函数。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：false
\n\t\ttrue / false 分别表示 触发 / 不触发 onExpand 事件回调函数。
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tautoExpandTrigger: true\n\t\t}\n\t}\n};\n......拖拽时父节点自动展开的延时间隔。 (单位：ms)[setting.edit.enable = true 时生效]
\n\t\t\t默认值：500
\n\t\t\t请根据自己的需求适当调整此值
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tautoOpenTime: 0\n\t\t}\n\t}\n};\n......拖拽节点成为根节点时的 Tree 内边界范围 (单位：px)。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：10
\n\t\t\t请根据自己的需求适当调整此值
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tborderMax: 20\n\t\t}\n\t}\n};\n......拖拽节点成为根节点时的 Tree 外边界范围 (单位：px)。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：-5
\n\t\t\t请根据自己的需求适当调整此值
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tborderMin: -10\n\t\t}\n\t}\n};\n......拖拽到目标节点时，设置是否允许成为目标节点的子节点。[setting.edit.enable = true 时生效]
\n\t\t\t拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner
\n\t\t\t此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、next 一起使用，才能实现完整功能。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 允许 / 不允许 成为目标节点的子节点
\n\t对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）
\n\t被拖拽的节点 JSON 数据集合
\n\t拖拽时的目标节点 JSON 数据对象
\n\t如果拖拽的节点要成为根节点，则 targetNode = null
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: true,\n\t\t\tinner: false\n\t\t}\n\t}\n};\n......function canInner(treeId, nodes, targetNode) {\n\treturn !(targetNode && targetNode.level === 0);\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: true,\n\t\t\tinner: canInner\n\t\t}\n\t}\n};\n......拖拽时, 设置是否允许复制节点。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：true
\n\t\t1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move
\n\t2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy
\n\t3、isCopy = false; isMove = true 时，所有拖拽操作都是 move
\n\t4、isCopy = false; isMove = false 时，禁止拖拽操作
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tisCopy: true,\n\t\t\tisMove: false\n\t\t}\n\t}\n};\n......拖拽时, 设置是否允许移动节点。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：true
\n\t\t1、isCopy = true; isMove = true 时，拖拽节点按下 Ctrl 或 Cmd 键表示 copy; 否则为 move
\n\t2、isCopy = true; isMove = false 时，所有拖拽操作都是 copy
\n\t3、isCopy = false; isMove = true 时，所有拖拽操作都是 move
\n\t4、isCopy = false; isMove = false 时，禁止拖拽操作
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tisCopy: false,\n\t\t\tisMove: true\n\t\t}\n\t}\n};\n......拖拽多个兄弟节点时，浮动图层中显示的最大节点数。 多余的节点用...代替。[setting.edit.enable = true 时生效]
\n\t\t\t默认值：5
\n\t\t\t请根据自己的需求适当调整此值
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tmaxShowNodeNum: 10\n\t\t}\n\t}\n};\n......判定是否拖拽操作的最小位移值 (单位：px)。[setting.edit.enable = true 时生效]
\n\t\t\t根据自己的需求可适当调整此值，如果太小容易导致点击鼠标时误操作进行拖拽
\n\t\t\t默认值：5
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tminMoveSize: 10\n\t\t}\n\t}\n};\n......拖拽到目标节点时，设置是否允许移动到目标节点后面的操作。[setting.edit.enable = true 时生效]
\n\t\t\t拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner
\n\t\t\t此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 prev、inner 一起使用，才能实现完整功能。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 允许 / 不允许 移动到目标节点后面
\n\t对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）
\n\t被拖拽的节点 JSON 数据集合
\n\t拖拽时的目标节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: false,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......function canNext(treeId, nodes, targetNode) {\n\treturn !targetNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: canNext,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......拖拽到目标节点时，设置是否允许移动到目标节点前面的操作。[setting.edit.enable = true 时生效]
\n\t\t\t拖拽目标是 根 的时候，不触发 prev 和 next，只会触发 inner
\n\t\t\t此功能主要作用是对拖拽进行适当限制（辅助箭头），需要结合 next、inner 一起使用，才能实现完整功能。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 允许 / 不允许 移动到目标节点前面
\n\t对应 zTree 的 treeId，便于用户操控（多棵树拖拽时，是目标节点所在树的 treeId）
\n\t被拖拽的节点 JSON 数据集合
\n\t拖拽时的目标节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: false,\n\t\t\tnext: true,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......function canPrev(treeId, nodes, targetNode) {\n\treturn !targetNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: canPrev,\n\t\t\tnext: true,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......节点编辑名称 input 初次显示时,设置 txt 内容是否为全选状态。 [setting.edit.enable = true 时生效]
\n\t\t\t默认值: false
\n\t\ttrue 表示 全选状态
\n\tfalse 表示 不是全选状态，光标默认在最后
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\teditNameSelectAll: true\n\t}\n};\n......设置 zTree 是否处于编辑状态
\n\t\t\t请在初始化之前设置，初始化后需要改变编辑状态请使用 zTreeObj.setEditable() 方法
\n\t\t\t默认值: false
\n\t\ttrue / false 分别表示 可以 / 不可以 编辑
\n\t1、点击节点时，不会打开 node.url 指定的 URL。\n
2、全面支持 编辑 与 异步加载 状态共存。\n
3、可以对节点进行拖拽，且支持多棵树之间进行拖拽。\n
4、支持拖拽时 复制/移动 节点。（参考: setting.edit.drag.isCopy / setting.edit.drag.isMove）\n
5、可以通过编辑按钮修改 name 属性。\n
6、可以通过删除按钮删除节点。\n
\n
请注意大小写，不要改变
\n\tvar setting = {\n\tedit: {\n\t\tenable: true\n\t}\n};\n......删除按钮的 Title 辅助信息。[setting.edit.enable = true & setting.edit.showRemoveBtn = true 时生效]
\n\t\t\t默认值：\"remove\"
\n\t\t鼠标移动到 删除按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置删除按钮 Title 信息的节点 JSON 数据对象
\n\t返回值同 String 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: true,\n\t\tremoveTitle: \"删除节点\"\n\t}\n};\n......function setRemoveTitle(treeId, treeNode) {\n\treturn treeNode.isParent ? \"删除父节点\":\"删除叶子节点\";\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: true,\n\t\tremoveTitle: setRemoveTitle\n\t}\n};\n......编辑名称按钮的 Title 辅助信息。[setting.edit.enable = true & setting.edit.showRenameBtn = true 时生效]
\n\t\t\t默认值：\"rename\"
\n\t\t设置鼠标移动到 编辑名称按钮 上时，浏览器自动弹出的辅助信息内容，可根据用户需要自行修改
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置编辑名称按钮 Title 信息的节点 JSON 数据对象
\n\t返回值同 String 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: true,\n\t\trenameTitle: \"编辑节点名称\"\n\t}\n};\n......function setRenameTitle(treeId, treeNode) {\n\treturn treeNode.isParent ? \"编辑父节点名称\":\"编辑叶子节点名称\";\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: true,\n\t\trenameTitle: setRenameTitle\n\t}\n};\n......设置是否显示删除按钮。[setting.edit.enable = true 时生效]
\n\t\t\t当点击某节点的删除按钮时：
\n\t\t\t1、首先触发 setting.callback.beforeRemove 回调函数，用户可判定是否进行删除操作。
\n\t\t\t2、如果未设置 beforeRemove 或 beforeRemove 返回 true，则删除节点并触发 setting.callback.onRemove 回调函数。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 显示 / 隐藏 删除按钮
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置是否显示删除按钮的节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: false\n\t}\n};\n......function setRemoveBtn(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: setRemoveBtn\n\t}\n};\n......设置是否显示编辑名称按钮。[setting.edit.enable = true 时生效]
\n\t\t\t当点击某节点的编辑名称按钮时：
\n\t\t\t1、进入节点编辑名称状态。
\n\t\t\t2、编辑名称完毕（Input 失去焦点 或 按下 Enter 键），会触发 setting.callback.beforeRename 回调函数，用户可根据自己的规则判定是否允许修改名称。
\n\t\t\t3、如果 beforeRename 返回 false，则继续保持编辑名称状态，直到名称符合规则位置 （按下 ESC 键可取消编辑名称状态，恢复原名称）。
\n\t\t\t4、如果未设置 beforeRename 或 beforeRename 返回 true，则结束节点编辑名称状态，更新节点名称，并触发 setting.callback.onRename 回调函数。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 显示 / 隐藏 编辑名称按钮
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置是否显示编辑名称按钮的节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: false\n\t}\n};\n......function setRenameBtn(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: setRenameBtn\n\t}\n};\n......zTree 的唯一标识，初始化后，等于 用户定义的 zTree 容器的 id 属性值。
\n\t\t\t请勿进行初始化 或 修改，属于内部参数。
\n\t\tzTree 容器的 jQuery 对象，主要功能：便于操作。
\n\t\t\t请勿进行初始化 或 修改，属于内部参数。
\n\t\t用于在节点上固定显示用户自定义控件
\n\t\t\t1. 大数据量的节点加载请注意：在 addDiyDom 中针对每个节点 查找 DOM 对象并且添加新 DOM 控件，肯定会影响初始化性能；如果不是必须使用，建议不使用此功能
\n\t\t\t2. 属于高级应用，使用时请确保对 zTree 比较了解。
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t需要显示自定义控件的节点 JSON 数据对象
\n\tvar setting = {\n\tview: {\n\t\taddDiyDom: addDiyDom\n\t}\n};\nfunction addDiyDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\n......用于当鼠标移动到节点上时，显示用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮
\n\t\t\t请务必与 setting.view.removeHoverDom 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t需要显示自定义控件的节点 JSON 数据对象
\n\tvar setting = {\n\tview: {\n\t\taddHoverDom: addHoverDom,\n\t\tremoveHoverDom: removeHoverDom,\n\t\t......\n\t}\n};\nfunction addHoverDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\nfunction removeHoverDom(treeId, treeNode) {\n\t$(\"#diyBtn_\"+treeNode.id).unbind().remove();\n\t$(\"#diyBtn_space_\" +treeNode.id).unbind().remove();\n};\n......点击节点时，按下 Ctrl 或 Cmd 键是否允许取消选择操作。
\n\t\t\t如果不需要此功能，请设置为 false。
\n\t\t\t默认值: true
\n\t\ttrue / false 分别表示 支持 / 不支持 配合 Ctrl 或 Cmd 键进行取消节点选择的操作
\n\tvar setting = {\n\tview: {\n\t\tautoCancelSelected: false\n\t}\n};\n......双击节点时，是否自动展开父节点的标识
\n\t\t\t默认值: true
\n\t\ttrue / false 分别表示双击节点 切换 / 不切换 展开状态
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置是否双击切换展开状态的节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tview: {\n\t\tdblClickExpand: false\n\t}\n};\n......function dblClickExpand(treeId, treeNode) {\n\treturn treeNode.level > 0;\n};\nvar setting = {\n\tview: {\n\t\tdblClickExpand: dblClickExpand\n\t}\n};\n......zTree 节点展开、折叠时的动画速度，设置方法同 JQuery 动画效果中 speed 参数。
\n\t\t\tIE6 下会自动关闭动画效果，以保证 zTree 的操作速度
\n\t\t\t默认值：\"fast\"
\n\t\t三种预定速度之一的字符串(\"slow\", \"normal\", or \"fast\")
\n\t设置为 \"\" 时，不显示动画效果
\n\t表示动画时长的毫秒数值 (如：1000)
\n\tvar setting = {\n\tview: {\n\t\texpandSpeed: \"slow\"\n\t}\n};\n......个性化文字样式，只针对 zTree 在节点上显示的<A>对象。
\n\t\t\t默认值：{}
\n\t\tJSON 格式为 JQuery css方法中的 JSON 对象格式，例如：{color:\"#ff0011\", background:\"blue\"}
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置自定义样式的节点 JSON 数据对象
\n\t返回值同 JSON 格式的数据，例如：{color:\"#ff0011\", background:\"blue\"}
\n\tvar setting = {\n\tview: {\n\t\tfontCss : {color:\"red\"}\n\t}\n};function setFontCss(treeId, treeNode) {\n\treturn treeNode.level == 0 ? {color:\"red\"} : {};\n};\nvar setting = {\n\tview: {\n\t\tfontCss: setFontCss\n\t}\n};设置 name 属性是否支持 HTML 脚本
\n\t\t\t如果允许 HTML 脚本，请根据自己的需求做校验，避免出现 js 注入等安全问题。
\n\t\t\t默认值: false
\n\t\ttrue / false 分别表示 支持 / 不支持 HTML 脚本
\n\tvar setting = {\n\tview: {\n\t\tnameIsHTML: true\n\t}\n};\nvar node = {\"name\":\"<font color='red'>test</font>\"};\n......用于当鼠标移出节点时，隐藏用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮
\n\t\t\t请务必与 addHoverDom 同时使用；属于高级应用，使用时请确保对 zTree 比较了解。
\n\t\t\t默认值：null
\n\t\t对应 zTree 的 treeId，便于用户操控
\n\t需要隐藏自定义控件的节点 JSON 数据对象
\n\tvar setting = {\n\tview: {\n\t\taddHoverDom: addHoverDom,\n\t\tremoveHoverDom: removeHoverDom,\n\t\t......\n\t}\n};\nfunction addHoverDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\nfunction removeHoverDom(treeId, treeNode) {\n\t$(\"#diyBtn_\"+treeNode.id).unbind().remove();\n\t$(\"#diyBtn_space_\" +treeNode.id).unbind().remove();\n};\n......设置是否允许同时选中多个节点。
\n\t\t\t默认值: true
\n\t\ttrue / false 分别表示 支持 / 不支持 同时选中多个节点
\n\t1、设置为 true时，按下 Ctrl 或 Cmd 键可以选中多个节点
\n\t2、设置为 true / false 都不影响按下 Ctrl 或 Cmd 键可以让已选中的节点取消选中状态（ 取消选中状态可以参考 setting.view.autoCancelSelected ）
\n\tvar setting = {\n\tview: {\n\t\tselectedMulti: false\n\t}\n};\n......设置 zTree 是否显示节点的图标。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 显示 / 隐藏 图标
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置是否显示图标的节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tview: {\n\t\tshowIcon: false\n\t}\n};\n......function showIconForTree(treeId, treeNode) {\n\treturn treeNode.level != 2;\n};\nvar setting = {\n\tview: {\n\t\tshowIcon: showIconForTree\n\t}\n};\n......设置 zTree 是否显示节点之间的连线。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 显示 / 不显示 连线
\n\tvar setting = {\n\tview: {\n\t\tshowLine: false\n\t}\n};\n......设置 zTree 是否显示节点的 title 提示信息(即节点 DOM 的 title 属性)。
\n\t\t\t请务必与 setting.data.key.title 同时使用。
\n\t\t\t默认值：true
\n\t\ttrue / false 分别表示 显示 / 隐藏 提示信息
\n\t如果 setting.view.showTitle = true & setting.data.key.title = ''，zTree 会自动使用 setting.data.key.name 指定的节点名称当做 title
\n\t对应 zTree 的 treeId，便于用户操控
\n\t需要设置是否显示提示信息的节点 JSON 数据对象
\n\t返回值同 Boolean 格式的数据
\n\tvar setting = {\n\tview: {\n\t\tshowTitle: false\n\t}\n};\n......function showTitleForTree(treeId, treeNode) {\n\treturn treeNode.level != 2;\n};\nvar setting = {\n\tview: {\n\t\tshowTitle: showTitleForTree\n\t}\n};\n......设置 zTree 是否允许可以选择 zTree DOM 内的文本。
\n\t\t\t默认值：false
\n\t\ttrue / false 分别表示 允许 / 不允许 选择 zTree Dom 内的文本
\n\tvar setting = {\n\tview: {\n\t\ttxtSelectedEnable: true\n\t}\n};\n......用于设置节点的子节点的 checkBox / radio 的半选状态。[setting.check.enable = true 时有效]
\n\t\t\tv3.x 针对节点数据对象提供 treeNode.getCheckStatus() 方法获取标准的半选状态
\n\t\t\tzTree 内部使用，请勿进行初始化 或 随意修改
\n\t\t\t默认值：true
\n\t\t规则如下：
\n\t| setting.check.checkType = \"checkbox\" | |
| treeNode.check_Child_State | 勾选状态说明 |
| -1 | 不存在子节点 或 子节点全部设置为 nocheck = true |
| 0 | 无 子节点被勾选 |
| 1 | 部分 子节点被勾选 |
| 2 | 全部 子节点被勾选 |
| setting.check.checkType = \"radio\" | |
| treeNode.check_Child_State | 勾选状态说明 |
| -1 | 不存在子节点 或 子节点全部设置为 nocheck = true |
| 0 | 无 子节点被勾选 |
| 2 | 有 子节点被勾选 |
用于设置节点的 checkBox / radio 的 focus 状态。[setting.check.enable = true 时有效]
\n\t\t\tzTree 内部使用，请勿进行初始化 或 随意修改
\n\t\t\t默认值：false
\n\t\ttrue 表示当前鼠标移动到输入框内
\n\tfalse 表示当前鼠标移动到输入框外
\n\t节点的 checkBox / radio 的 勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]
\n\t\t\t1、如果不使用 checked 属性设置勾选状态，请修改 setting.data.key.checked
\n\t\t\t2、建立 treeNode 数据时设置 treeNode.checked = true 可以让节点的输入框默认为勾选状态
\n\t\t\t3、修改节点勾选状态，可以使用 treeObj.checkNode / checkAllNodes / updateNode 方法，具体使用哪种请根据自己的需求而定
\n\t\t\t4、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\t\t默认值：false
\n\t\ttrue 表示节点的输入框被勾选
\n\tfalse 表示节点的输入框未勾选
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\", checked:true },\n{ \"id\":2, \"name\":\"test2\", checked:true }\n]var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar checked = treeObj.getNodes()[0].checked;\n节点的 checkBox / radio 在初始化时的 勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]
\n\t\t\t1、zTree 初始化节点数据时会对此属性进行赋值，因此请勿对此属性初始化
\n\t\t\t2、如需配合 zTreeObj.getChangeCheckedNodes 方法实现特殊功能，可以根据需求在使用中自行修改 checkedOld 数据
\n\t\t\t默认值：checked的初始化值
\n\t\ttrue 表示节点初始化时 输入框被勾选
\n\tfalse 表示节点初始化时 输入框未勾选
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar checkedOld = treeObj.getNodes()[0].checkedOld;\n节点的子节点数据集合。
\n\t\t\t1、如果不使用 children 属性保存子节点数据，请修改 setting.data.key.children
\n\t\t\t2、异步加载时，对于设置了 isParent = true 的节点，在展开时将进行异步加载
\n\t\t\t默认值：无
\n\t\t标准的 JSON 数据对象
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\",\n\tchildren: [\n\t{ \"id\":3, \"name\":\"test3\"},\n\t{ \"id\":4, \"name\":\"test4\"},\n\t{ \"id\":5, \"name\":\"test5\"}\n\t]\n},\n{ \"id\":2, \"name\":\"test2\" }\n]var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes()[0].children;\n1、设置节点的 checkbox / radio 是否禁用 [setting.check.enable = true 时有效]
\n\t\t\t2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\t\t3、请勿对已加载的节点修改此属性，禁止 或 取消禁止 请使用 setChkDisabled() 方法
\n\t\t\t4、初始化时，如果需要子孙节点继承父节点的 chkDisabled 属性，请设置 setting.check.chkDisabledInherit 属性
\n\t\t\t默认值：false
\n\t\ttrue 表示此节点的 checkbox / radio 被禁用。
\n\tfalse 表示此节点的 checkbox / radio 可以使用。
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"checked\":true, \"chkDisabled\":true},\n\t{ \"id\":2, \"name\":\"test2\", \"chkDisabled\":true},\n\t{ \"id\":3, \"name\":\"test3\"}\n]最简单的 click 事件操作。相当于 onclick=\"...\" 的内容。 如果操作较复杂，请使用 onClick 事件回调函数。
\n\t\t\t由于 IE 对于 onclick 和 click事件共存时的处理与其他浏览器不同，所以请不要利用此参数控制是否允许跳转的操作（例如：treeNode.click = \"return false;\"）。如有类似需求，请不要使用 url 属性设置网址，同时利用 onClick 回调函数控制跳转。
\n\t\t\t默认值：无
\n\t\t标准 javascript 语法， 例如：alert(\"test\"); 等
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"Google CN\", \"url\":\"http://g.cn\", \"click\":\"alert('test');\"},\n\t......\n]用于保存节点的其他自定义数据信息，不要与 zTree 使用的属性相同即可，用户可随意设定。
\n\t\tvar node = { \"id\":1, \"name\":\"test1\", \"ename\":\"test eName\"};用于记录节点是否处于编辑名称状态。[setting.edit.enable = true 时有效]
\n\t\t\tzTree 内部使用，请勿进行初始化 或 随意修改
\n\t\t\t默认值：false
\n\t\ttrue 表示节点处于编辑名称状态
\n\tfalse 表示节点未处于编辑名称状态
\n\t获取节点 checkbox / radio 半勾选状态。[setting.check.enable = true 时有效]
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t{\n\tchecked: true, //等同于 treeNode.checked\n\thalf: true //规则见下表\n}| setting.check.checkType = \"checkbox\" | |||
| treeNode.checked | treeNode.check_Child_State | treeNode.halfCheck | half |
| - | - | true | true |
| true | -1 | false | false |
| true | 0 | false | true |
| true | 1 | false | true |
| true | 2 | false | false |
| false | -1 | false | false |
| false | 0 | false | false |
| false | 1 | false | true |
| false | 2 | false | true |
| setting.check.checkType = \"radio\" | |||
| treeNode.checked | treeNode.check_Child_State | treeNode.halfCheck | half |
| - | - | true | true |
| true | -1 | false | false |
| true | 0 | false | false |
| true | 2 | false | true |
| false | -1 | false | false |
| false | 0 | false | false |
| false | 2 | false | true |
var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar halfCheck = treeObj.getNodes()[0].getCheckStatus();\n获取 treeNode 节点在同级节点中的位置。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttreeNode 节点在同级节点中的位置。(从 0 开始)
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getIndex();\n}\n获取与 treeNode 节点相邻的后一个节点。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t与 treeNode 节点相邻的后一个节点。
\n\t如果 treeNode 是最后一个节点，返回 null 。
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getNextNode();\n}\n获取 treeNode 节点的父节点。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttreeNode 节点的父节点 JSON 数据对象。
\n\t如果 treeNode 是根节点，返回 null 。
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getParentNode();\n}\n获取 treeNode 节点的所有父节点（包括自己）。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttreeNode 节点的所有父节点的数据集合（包括自己）
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getPath();\n}\n获取与 treeNode 节点相邻的前一个节点。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t与 treeNode 节点相邻的前一个节点。
\n\t如果 treeNode 是第一个节点，返回 null 。
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getPreNode();\n}\n强制节点的 checkBox / radio 的 半勾选状态。[setting.check.enable = true & treeNode.nocheck = false 时有效]
\n\t\t\t1、强制为半勾选状态后，不再进行自动计算半勾选状态
\n\t\t\t2、设置 treeNode.halfCheck = false 或 null 才能恢复自动计算半勾选状态
\n\t\t\t3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\t\t默认值：false
\n\t\ttrue 表示节点的输入框 强行设置为半勾选
\n\tfalse 表示节点的输入框 根据 zTree 的规则自动计算半勾选状态
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\", isParent:true, checked:true, halfCheck:true },\n{ \"id\":2, \"name\":\"test2\", isParent:true, checked:false, halfCheck:true },\n{ \"id\":3, \"name\":\"test3\", isParent:true, checked:true },\n{ \"id\":4, \"name\":\"test4\", isParent:true, checked:false }\n]节点自定义图标的 URL 路径。
\n\t\t\t1、父节点如果只设置 icon ，会导致展开、折叠时都使用同一个图标
\n\t\t\t2、父节点展开、折叠使用不同的个性化图标需要同时设置 treeNode.iconOpen / treeNode.iconClose 两个属性
\n\t\t\t3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性
\n\t\t\t默认值：无
\n\t\t图标图片的 url 可以是相对路径也可以是绝对路径
\n\t设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载
\n\tvar nodes = [\n\t//父节点展开 折叠时使用相同的图标\n\t{ name:\"父节点1\", icon:\"/img/parent.gif\"},\n\n\t//父节点展开 折叠时分别使用不同的图标\n\t{ name:\"父节点2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"}, \n\n\t//叶子节点个性化图标\n\t{ name:\"叶子节点\", icon:\"/img/leaf.gif\"}\n]父节点自定义折叠时图标的 URL 路径。
\n\t\t\t1、此属性只针对父节点有效
\n\t\t\t2、此属性必须与 iconOpen 同时使用
\n\t\t\t3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性
\n\t\t\t默认值：无
\n\t\t图标图片的 url 可以是相对路径也可以是绝对路径
\n\t设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载
\n\tvar nodes = [\n\t//父节点展开 折叠时使用相同的图标\n\t{ name:\"父节点1\", icon:\"/img/parent.gif\"},\n\n\t//父节点展开 折叠时分别使用不同的图标\n\t{ name:\"父节点2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"}, \n\n\t//叶子节点个性化图标\n\t{ name:\"叶子节点\", icon:\"/img/leaf.gif\"}\n]父节点自定义展开时图标的 URL 路径。
\n\t\t\t1、此属性只针对父节点有效
\n\t\t\t2、此属性必须与 iconClose 同时使用
\n\t\t\t3、如果想利用 className 设置个性化图标，需要设置 treeNode.iconSkin 属性
\n\t\t\t默认值：无
\n\t\t图标图片的 url 可以是相对路径也可以是绝对路径
\n\t设置相对路径请注意页面与图片之间的关系，确保图片能够正常加载
\n\tvar nodes = [\n\t//父节点展开 折叠时使用相同的图标\n\t{ name:\"父节点1\", icon:\"/img/parent.gif\"},\n\n\t//父节点展开 折叠时分别使用不同的图标\n\t{ name:\"父节点2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"}, \n\n\t//叶子节点个性化图标\n\t{ name:\"叶子节点\", icon:\"/img/leaf.gif\"}\n]节点自定义图标的 className
\n\t\t\t1、需要修改 css，增加相应 className 的设置
\n\t\t\t2、css 方式简单、方便，并且同时支持父节点展开、折叠状态切换图片
\n\t\t\t3、css 建议采用图片分割渲染的方式以减少反复加载图片，并且避免图片闪动
\n\t\t\t4、zTree v3.x 的 iconSkin 同样支持 IE6
\n\t\t\t5、如果想直接使用 图片的Url路径 设置节点的个性化图标，需要设置 treeNode.icon / treeNode.iconOpen / treeNode.iconClose 属性
\n\t\t\t默认值：无
\n\t\t设置个性图标的 className
\n\tcss 内容：\n.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}\n\n.ztree li span.button.diy02_ico_open{...}\n.ztree li span.button.diy02_ico_close{...}\n\n.ztree li span.button.diy03_ico_docu{...}\n\njs中节点数据：\nvar nodes = [\n\t//父节点展开 折叠时使用相同的图标\n\t{ name:\"父节点1\", iconSkin:\"diy01\"},\n\n\t//父节点展开 折叠时分别使用不同的图标\n\t{ name:\"父节点2\", iconSkin:\"diy02\"},\n\n\t//叶子节点个性化图标\n\t{ name:\"叶子节点\", iconSkin:\"diy03\"}\n]记录 treeNode 节点是否正在进行异步加载。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttrue 表示节点正在进行异步加载
\n\tfalse 表示节点没有进行异步加载
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isAjaxing = sNodes[0].isAjaxing;\n}\n记录 treeNode 节点是否为同级节点中的第一个节点。
\n\t\t\t使用 exhide 扩展后，只针对显示的节点设置此属性
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttrue 表示是同级节点中的第一个节点
\n\tfalse 表示不是同级节点中的第一个节点
\n\t节点被隐藏后，isFirstNode = false
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isFirstNode = sNodes[0].isFirstNode;\n}\n判断 treeNode 节点是否被隐藏。
\n\t\t\t1、初始化 zTree 时，如果节点设置 isHidden = true，会被自动隐藏
\n\t\t\t2、请勿对已加载的节点修改此属性，隐藏 / 显示 请使用 hideNode() / hideNodes() / showNode() / showNodes() 方法
\n\t\ttrue 表示被隐藏
\n\tfalse 表示被显示
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getNodes();\nif (sNodes.length > 0) {\n\tvar isHidden = sNodes[0].isHidden;\n}\n记录节点 的 hover 状态，主要用于 setting.view.addHoverDom / removeHoverDom 。
\n\t\t\tzTree 内部使用，请勿进行初始化 或 随意修改
\n\t\t\t默认值：false
\n\t\ttrue 表示节点处于 hover 状态
\n\tfalse 表示节点未处于 hover 状态
\n\t记录 treeNode 节点是否为同级节点中的最后一个节点。
\n\t\t\t使用 exhide 扩展后，只针对显示的节点设置此属性
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\ttrue 表示是同级节点中的最后一个节点
\n\tfalse 表示不是同级节点中的最后一个节点
\n\t节点被隐藏后，isLastNode = false
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isLastNode = sNodes[0].isLastNode;\n}\n记录 treeNode 节点是否为父节点。
\n\t\t\t1、初始化节点数据时，根据 treeNode.children 属性判断，有子节点则设置为 true，否则为 false
\n\t\t\t2、初始化节点数据时，如果设定 treeNode.isParent = true，即使无子节点数据，也会设置为父节点
\n\t\t\t3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\ttrue 表示是父节点
\n\tfalse 表示不是父节点
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isParent = sNodes[0].isParent;\n}\n记录节点的层级
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t根节点 level = 0，依次递增
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar level = sNodes[0].level;\n}\n节点名称。
\n\t\t\t1、如果不使用 name 属性保存节点名称，请修改 setting.data.key.name
\n\t\t\t默认值：无
\n\t\t节点显示的名称字符串，标准 String 即可，所有特殊字符都会被自动转义
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\"},\n\t{ \"id\":2, \"name\":\"test2\"},\n\t{ \"id\":3, \"name\":\"test3\"}\n]1、设置节点是否隐藏 checkbox / radio [setting.check.enable = true 时有效]
\n\t\t\t2、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\t\t默认值：false
\n\t\ttrue 表示此节点不显示 checkbox / radio，不影响勾选的关联关系，不影响父节点的半选状态。
\n\tfalse 表示节点具有正常的勾选功能
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"nocheck\":true},\n\t{ \"id\":2, \"name\":\"test2\"},\n\t{ \"id\":3, \"name\":\"test3\"}\n]记录 treeNode 节点的 展开 / 折叠 状态。
\n\t\t\t1、初始化节点数据时，如果设定 treeNode.open = true，则会直接展开此节点
\n\t\t\t2、叶子节点 treeNode.open = false
\n\t\t\t3、为了解决部分朋友生成 json 数据出现的兼容问题, 支持 \"false\",\"true\" 字符串格式的数据
\n\t\t\t4、非异步加载模式下，无子节点的父节点设置 open=true 后，可显示为展开状态，但异步加载模式下不会生效。（v3.5.15+）
\n\t\t\t默认值：false
\n\t\ttrue 表示节点为 展开 状态
\n\tfalse 表示节点为 折叠 状态
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isOpen = sNodes[0].open;\n}\ntreeNode 节点的父节点唯一标识 tId。
\n\t\t\t1、v3.x 用 parentTId 替换了原先的 parentNode 属性，同时增加了 getParentNode 方法，以避免原先 parentNode 造成的 clone 死循环
\n\t\t\t2、初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\tzTree 内部生成的节点唯一标识，请参考 treeNode.tId 的说明
\n\t如果 treeNode 是根节点，则 parentTId = null
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar parentTId = sNodes[0].parentTId;\n}\ntreeNode 节点的唯一标识 tId。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t生成规则：setting.treeId + \"_\" + 内部计数
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar tId = sNodes[0].tId;\n}\n设置点击节点后在何处打开 url。[treeNode.url 存在时有效]
\n\t\t\t默认值：无
\n\t\t同超链接 target 属性: \"_blank\", \"_self\" 或 其他指定窗口名称
\n\t省略此属性，则默认为 \"_blank\"
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"url\":\"http://myTest.com\", \"target\":\"_blank\"},\n\t......\n]节点链接的目标 URL
\n\t\t\t1、编辑模式 (setting.edit.enable = true) 下此属性功能失效，如果必须使用类似功能，请利用 onClick 事件回调函数自行控制。
\n\t\t\t2、如果需要在 onClick 事件回调函数中进行跳转控制，那么请将 URL 地址保存在其他自定义的属性内，请勿使用 url
\n\t\t\t默认值：无
\n\t\t同超链接 href 属性
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"Google CN\", \"url\":\"http://g.cn\"},\n\t......\n]记录 treeNode 节点是否已经进行过异步加载，避免父节点反复异步加载数据。
\n\t\t\t初始化节点数据时，由 zTree 增加此属性，请勿提前赋值
\n\t\t\t默认值：false （无子节点的父节点）； true （有子节点的父节点 & 叶子节点）
\n\t\ttrue 表示父节点展开时不需要自动异步加载
\n\tfalse 表示父节点展开时需要自动异步加载
\n\t此参数不会对 reAsyncChildNodes 方法造成任何影响
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar zAsync = sNodes[0].zAsync;\n}\n添加节点。
\n\t\t\tv3.x 为了避免原先反复初始化造成的数据重复问题，在 初始化 和 添加节点 时内部进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t指定的父节点，如果增加根节点，请设置 parentNode 为 null 即可。
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t新节点插入的位置（从 0 开始）
\n\tindex = -1 时，插入到最后
\n\t此参数可忽略
\n\tv3.5.19+
\n\t需要增加的节点数据 JSON 对象集合，数据只需要满足 zTree 的节点数据必需的属性即可，详细请参考“treeNode 节点数据详解”
\n\t1、v3.x 支持单独添加一个节点，即如果只新增一个节点，不用必须包在数组中
\n\t2、使用简单数据模式，请参考 setting.data.simpleData 内的属性说明
\n\t设定增加节点后是否自动展开父节点。
\n\tisSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。
\n\t返回值是 zTree 最终添加的节点数据集合
\n\t如果 newNodes 是单个节点数据 JSON，返回值也是将其包在 Array 内
\n\t请务必记住：返回值中的数据对象 是 newNodes 被 clone 后的，所以绝对不相等！
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar newNode = {name:\"newNode1\"};\nnewNode = treeObj.addNodes(null, newNode);\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar newNodes = [{name:\"newNode1\"}, {name:\"newNode2\"}, {name:\"newNode3\"}];\nnewNodes = treeObj.addNodes(null, newNodes);\n取消节点的编辑名称状态，可以恢复原名称，也可以强行赋给新的名称。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t重新给定的新名称。
\n\t如果省略此参数，则恢复原名称。
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelEditName();\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelEditName(\"test_new_name\");\n取消节点的选中状态。
\n\t\t\tv3.x 支持多点同时选中，因此取消选中状态可以全部取消，也可以单独取消某个节点的选中状态。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要取消选中状态的节点。
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t如果省略此参数，则将取消全部被选中节点的选中状态。
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelSelectedNode();\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) { \n\ttreeObj.cancelSelectedNode(nodes[0]);\n}\n勾选 或 取消勾选 全部节点。[setting.check.enable = true 且 setting.check.chkStyle = \"checkbox\" 时有效]
\n\t\t\t此方法不会触发 beforeCheck / onCheck 事件回调函数。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\tchecked = true 表示勾选全部节点
\n\tchecked = false 表示全部节点取消勾选
\n\t不会影响 treeNode.nocheck = true 的节点。
\n\t不会影响未加载的节点。
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.checkAllNodes(true);\n勾选 或 取消勾选 单个节点。[setting.check.enable = true 时有效]
\n\t\t\tv3.x 中 checkNode() 方法可以触发 beforeCheck / onCheck 事件回调函数。便于减少冗余代码
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要勾选 或 取消勾选 的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\tchecked = true 表示勾选节点
\n\tchecked = false 表示节点取消勾选
\n\t省略此参数，则根据对此节点的勾选状态进行 toggle 切换
\n\t不影响 treeNode.nocheck = true 的节点。
\n\tcheckTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作
\n\tcheckTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作
\n\tcheckTypeFlag = false 且 treeNode.checked = checked 时，不会触发回调函数，直接返回
\n\t不影响父子节点中 treeNode.nocheck = true 的节点。
\n\tcallbackFlag = true 表示执行此方法时触发 beforeCheck & onCheck 事件回调函数
\n\tcallbackFlag = false 表示执行此方法时不触发事件回调函数
\n\t省略此参数，等同于 false
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.checkNode(nodes[i], true, true);\n}\n复制节点。
\n\t\t\tv3.x 复制节点时进行 clone 操作。如果需要获取数据在 zTree 内的对象，请获取此方法的返回值。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t要复制到的目标节点 JSON 数据
\n\t如果复制成为根节点，请设置 targetNode 为 null 即可
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t需要被复制的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t复制到目标节点的相对位置
\n\t\"inner\"：成为子节点，\"prev\"：成为同级前一个节点，\"next\"：成为同级后一个节点
\n\t设定复制节点后是否自动展开父节点。
\n\tisSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。
\n\t返回值是最终加入到 zTree 内的节点数据
\n\t请务必记住：返回值中的数据对象 是 treeNode 被 clone 后的，所以绝对不相等！
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.copyNode(nodes[0], nodes[1], \"inner\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.copyNode(nodes[0], nodes[1], \"before\");\n从 zTree v3.4 开始提供销毁 zTree 的方法。
\n\t\t\t1、用此方法可以销毁 zTreeObj 代表的 zTree。
\n\t\t\t2、销毁当前页面全部的 zTree，也可以使用 $.fn.zTree.destroy() 方法。
\n\t\t\t3、重新使用已经被销毁的树，必须要使用 init 方法进行初始化。
\n\t\t目前无任何返回值
\n\tvar zTreeObj = $.fn.zTree.getZTreeObj(\"treeDemo\");\nzTreeObj.destroy();\n设置某节点进入编辑名称状态。
\n\t\t\t1、如果需要用 js 取消编辑名称状态，请使用 cancelEditName(newName) 方法。
\n\t\t\t2、可利用此方法让当前正编辑的节点 input 输入框获取焦点。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t指定进入编辑名称状态的节点 JSON 数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.editName(nodes[0]);\n展开 / 折叠 全部节点
\n\t\t\t此方法不会触发 beforeExpand / onExpand 和 beforeCollapse / onCollapse 事件回调函数。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\texpandFlag = true 表示 展开 全部节点
\n\texpandFlag = false 表示 折叠 全部节点
\n\t返回值表示最终实际操作情况
\n\ttrue 表示 展开 全部节点
\n\tfalse 表示 折叠 全部节点
\n\tnull 表示 不存在任何父节点
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.expandAll(true);\n展开 / 折叠 指定的节点
\n\t\t\tv3.x 中执行此方法可以触发 beforeExpand / onExpand 或 beforeCollapse / onCollapse 事件回调函数。便于减少冗余代码
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要 展开 / 折叠 的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\texpandFlag = true 表示 展开 节点
\n\texpandFlag = false 表示 折叠 节点
\n\t省略此参数，则根据对此节点的展开状态进行 toggle 切换
\n\tsonSign = true 表示 全部子孙节点 进行与 expandFlag 相同的操作
\n\tsonSign = false 表示 只影响此节点，对于其 子孙节点无任何影响
\n\tsonSign = false 且 treeNode.open = expandFlag 时，不会触发回调函数，直接返回
\n\t省略此参数，等同于 false
\n\tfocus = true 表示 展开 / 折叠 操作后，通过设置焦点保证此焦点进入可视区域内
\n\tfocus = false 表示 展开 / 折叠 操作后，不设置任何焦点
\n\t省略此参数，等同于 true
\n\tcallbackFlag = true 表示执行此方法时触发 beforeExpand / onExpand 或 beforeCollapse / onCollapse 事件回调函数
\n\tcallbackFlag = false 表示执行此方法时不触发事件回调函数
\n\t省略此参数，等同于 false
\n\t返回值表示最终实际操作情况
\n\ttrue 表示 展开 节点
\n\tfalse 表示 折叠 节点
\n\tnull 表示 不是父节点
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.expandNode(nodes[0], true, true, true);\n}\n获取输入框勾选状态被改变的节点集合（与原始数据 checkedOld 对比）。[setting.check.enable = true 时有效]
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t返回全部勾选状态被改变的节点集合 Array
\n\t如果需要获取每次操作后全部被改变勾选状态的节点数据，请在每次勾选操作后，遍历所有被改变勾选状态的节点数据，让其 checkedOld = checked 就可以了。
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getChangeCheckedNodes();\n获取输入框被勾选 或 未勾选的节点集合。[setting.check.enable = true 时有效]
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\tchecked = true 表示获取 被勾选 的节点集合
\n\tchecked = false 表示获取 未勾选 的节点集合
\n\t省略此参数，等同于 true。
\n\t对于 treeNode.nocheck = true 的节点不进行获取。
\n\t返回全部符合要求的节点集合 Array
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getCheckedNodes(true);\n根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要精确匹配的属性名称
\n\t需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可
\n\t搜索范围，指定在某个父节点下的子节点中进行搜索
\n\t忽略此参数，表示在全部节点中搜索
\n\t匹配精确搜索的节点数据
\n\t1、如无结果，返回 null
\n\t2、如有多个节点满足查询条件，只返回第一个匹配到的节点
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByParam(\"id\", 1, null);\n根据 zTree 的唯一标识 tId 快速获取节点 JSON 数据对象
\n\t\t\t通过内部的 cache 获取，不需要遍历节点。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t节点在 zTree 内的唯一标识 tId
\n\ttId 对应的节点 JSON 数据对象
\n\t如无结果，返回 null
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByTId(\"tree_10\");\n获取某节点在同级节点中的序号（从0开始）
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要查询顺序的节点 JSON 数据对象
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t返回值从 0 开始计数
\n\t如果不存在该节点数据，返回 -1
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\tvar index = treeObj.getNodeIndex(nodes[0]);\n}\n获取 zTree 的全部节点数据
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t全部节点数据
\n\t1、Array 仅仅是根节点的集合（默认情况子节点都处于 children 属性下）；
\n\t2、如需遍历全部节点需要利用递归，或利用 transformToArray 方法 将数据变成简单的 Array 集合
\n\t3、对于异步加载模式下，尚未加载的子节点是无法通过此方法获取的。
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\n根据自定义规则搜索节点数据 JSON 对象集合 或 单个节点数据
\n\t\t\t可自定义复杂的搜索规则
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t自定义过滤器函数 function filter(node) {...}
\n\tfilter 参数：node (节点数据 JSON)
\n\tfilter 返回值：boolean (true 表示符合搜索条件；false 表示不符合搜索条件)
\n\tisSingle = true 表示只查找单个节点
\n\tisSingle = false 表示查找节点集合
\n\t忽略此参数，表示查找节点集合
\n\t可以指定在某个父节点下的子节点中搜索
\n\t忽略此参数，表示在全部节点中搜索
\n\t用户自定义的数据对象，用于 filter 中进行计算
\n\tisSingle = true 返回 第一个找到的节点数据 JSON，无结果时返回 null
\n\tisSingle = false 返回 节点数据集合 Array(JSON)，无结果时返回 [ ]
\n\tfunction filter(node) {\n return (node.level == 2 && node.name.indexOf(\"test\")>-1);\n}\n......\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodesByFilter(filter, true); // 仅查找一个节点\nvar nodes = treeObj.getNodesByFilter(filter); // 查找节点集合\n根据节点数据的属性搜索，获取条件完全匹配的节点数据 JSON 对象集合
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要精确匹配的属性名称
\n\t需要精确匹配的属性值，可以是任何类型，只要保证与 key 指定的属性值保持一致即可
\n\t可以指定在某个父节点下的子节点中搜索
\n\t忽略此参数，表示在全部节点中搜索
\n\t匹配精确搜索的节点数据集合
\n\t如无结果，返回 [ ]
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParam(\"name\", \"test\", null);\n根据节点数据的属性搜索，获取条件模糊匹配的节点数据 JSON 对象集合
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要模糊匹配的属性名称
\n\t需要模糊匹配的属性值
\n\t模糊匹配只能针对 String 类型的数据
\n\t可以指定在某个父节点下的子节点中搜索
\n\t忽略此参数，表示在全部节点中搜索
\n\t匹配模糊搜索的节点数据集合
\n\t如无结果，返回 [ ]
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParamFuzzy(\"name\", \"test\", null);\n获取 zTree 当前被选中的节点数据集合
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t当前被选中的节点数据集合
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\n隐藏某个节点。
\n\t\t\t1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。
\n\t\t\t2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t指定被隐藏的节点 JSON 数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.hideNode(nodes[0]);\n隐藏一批节点。
\n\t\t\t1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。
\n\t\t\t2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t指定被隐藏的节点 JSON 数据集合
\n\t请务必保证这些节点数据对象 是 zTree 内部的数据对象
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.hideNodes(nodes[0].children);\n移动节点。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t要移动到的目标节点 JSON 数据
\n\t如果移动成为根节点，请设置 targetNode 为 null 即可
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t需要被移动的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t指定移动到目标节点的相对位置
\n\t\"inner\"：成为子节点，\"prev\"：成为同级前一个节点，\"next\"：成为同级后一个节点
\n\t设定移动节点后是否自动展开父节点。
\n\tisSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。
\n\t返回值是最终被移动的节点数据，正常情况下与 treeNode 参数完全相同
\n\t如果 返回值 为 null，说明 移动失败，主要原因有：
\n\t\t 1、targetNode 是 treeNode 父节点，且 moveType = \"inner\"
\n\t\t 2、targetNode 是 treeNode 子孙节点\n\t
var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.moveNode(nodes[0], nodes[1], \"inner\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.moveNode(nodes[0], nodes[1], \"prev\");\n强行异步加载父节点的子节点。[setting.async.enable = true 时有效]
\n已经加载过的父节点可反复使用此方法重新加载。
\n请通过 zTree 对象执行此方法。
\n指定需要异步加载的父节点 JSON 数据
\n1、parentNode = null 时，相当于从根节点 Root 进行异步加载
\n2、parentNode.isParent = false 时，不进行异步加载
\n3、请务必保证此节点数据对象 是 zTree 内部的数据对象
\nreloadType = \"refresh\" 表示清空后重新加载。
\nreloadType != \"refresh\" 时，表示追加子节点处理。
\n设定异步加载后是否自动展开父节点。
\nisSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。
\n刷新完成后的回调函数。
\n目前无任何返回值
\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.reAsyncChildNodes(null, \"refresh\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.reAsyncChildNodes(nodes[0], \"refresh\");\n}\n强行异步加载父节点的子节点（ES6 Promise 版）。[setting.async.enable = true 时有效]
\n已经加载过的父节点可反复使用此方法重新加载。
\n请通过 zTree 对象执行此方法。
\nv3.5.29+
\n指定需要异步加载的父节点 JSON 数据
\n1、parentNode = null 时，相当于从根节点 Root 进行异步加载
\n2、parentNode.isParent = false 时，不进行异步加载
\n3、请务必保证此节点数据对象 是 zTree 内部的数据对象
\nreloadType = \"refresh\" 表示清空后重新加载。
\nreloadType != \"refresh\" 时，表示追加子节点处理。
\n设定异步加载后是否自动展开父节点。
\nisSilent = true 时，不展开父节点，其他值或缺省状态都自动展开。
\nES6 的 Promise 对象，便于异步控制，使用时请注意浏览器兼容问题
\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.reAsyncChildNodes(null, \"refresh\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.reAsyncChildNodes(nodes[0], \"refresh\");\n}\n刷新 zTree 。
\n\t\t\t没有特殊必要，尽量不要使用此方法。单个节点更新请使用 updateNode 方法，异步加载模式下请使用 reAsyncChildNodes 方法。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.refresh();\n清空某父节点的子节点。
\n\t\t\t1、清空子节点后，父节点会自动变为叶子节点，如需要父节点保持父节点状态，请设置 setting.data.keep.parent 属性。
\n\t\t\t2、请勿用此方法清空根节点，如果需要清空根节点，直接初始化 zTree，并且设置初始节点为 null 即可。
\n\t\t\t3、此方法不会触发任何事件回调函数。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要清空子节点的父节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t将该父节点的子节点数据返回，如果不存在则返回 null
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes && nodes.length>0) {\n\ttreeObj.removeChildNodes(nodes[0]);\n}\n删除节点。
\n\t\t\tv3.x 中删除节点可以触发 beforeRemove / onRemove 事件回调函数。便于减少冗余代码
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要被删除的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\tcallbackFlag = true 表示执行此方法时触发 beforeRemove & onRemove 事件回调函数
\n\tcallbackFlag = false 表示执行此方法时不触发事件回调函数
\n\t省略此参数，等同于 false
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.removeNode(nodes[i]);\n}\n选中指定节点
\n\t\t\tv3.x 支持同时选中多个节点。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要被选中的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\taddFlag = true 表示追加选中，会出现多点同时被选中的情况
\n\taddFlag = false （默认）表示单独选中，原先被选中的节点会被取消选中状态
\n\tsetting.view.selectedMulti = false 时，此参数无效，始终进行单独选中
\n\tisSilent = true 选中节点时，不会让节点自动滚到到可视区域内
\n\tisSilent = false （默认）表示选中节点时，会让节点自动滚到到可视区域内
\n\t(v3.5.23+)
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\nif (nodes.length>0) {\n\ttreeObj.selectNode(nodes[0]);\n}\n禁用 或 解禁 某个节点的 checkbox / radio [setting.check.enable = true 时有效]
\n\t\t\t1、节点的 checkbox / radio 被禁用后，无法勾选或取消勾选，但能够影响父节点的半选状态
\n\t\t\t2、请不要直接修改已加载节点的 treeNode.chkDisabled 属性。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t需要禁用 或 解禁 checkbox / radio 的节点数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\tdisabled = true 表示禁用 checkbox / radio
\n\tdisabled = false 表示解禁 checkbox / radio
\n\t省略此参数，等同于 disabled = false
\n\t不影响 treeNode.nocheck = true 的节点。
\n\tinheritParent = true 表示全部父节点进行同样的操作
\n\tinheritParent = false 表示不影响父节点
\n\t省略此参数，等同于 inheritParent = false
\n\tinheritChildren = true 表示全部子节点进行同样的操作
\n\tinheritChildren = false 表示不影响子节点
\n\t省略此参数，等同于 inheritChildren = false
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.setChkDisabled(nodes[i], true);\n}\n设置 zTree 进入 / 取消 编辑状态。
\n\t\t\t对于编辑状态的各种功能需要提前设置对应 setting 中的不同属性
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\ttrue 表示进入 编辑状态
\n\tfalse 表示取消 编辑状态
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.setEditable(true);\nzTree 对象使用的 setting 配置数据，详细请参考 “setting 配置详解”中的各个属性详细说明
\n\t\t\tv3.x 取消了原先操作 setting 的方法，让用户可以较自由的修改参数，但请注意，对于 zTree 初始化有影响的参数后期修改是不会起作用的，请对各个属性有较深入的了解以后再考虑进行修改。
\n\t\t显示某个被隐藏的节点。
\n\t\t\t1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。
\n\t\t\t2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t指定被显示的节点 JSON 数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByParam(\"isHidden\", true);\nif (node) {\n treeObj.showNode(node);\n}\n显示一批已经被隐藏的节点。
\n\t\t\t1、此功能不支持 exedit 扩展，因此不要在编辑状态时使用隐藏节点的方法。
\n\t\t\t2、隐藏/显示节点，会影响节点的 isFirstNode 和 isLastNode 属性。
\n\t\t\t3、请通过 zTree 对象执行此方法。
\n\t\t指定被显示的节点 JSON 数据集合
\n\t请务必保证这些节点数据对象 是 zTree 内部的数据对象
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParam(\"isHidden\", true);\ntreeObj.showNodes(nodes);\n将 zTree 使用的标准 JSON 嵌套格式的数据转换为简单 Array 格式。(免去用户自行编写递归遍历全部节点的麻烦)
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要被转换的 zTree 节点数据对象集合 或 某个单独节点的数据对象
\n\t转换后的简单 Array 数据格式
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.transformToArray(treeObj.getNodes());\n将简单 Array 格式数据转换为 zTree 使用的标准 JSON 嵌套数据格式。
\n\t\t\t使用此方法，请务必设置节点唯一标识属性名称 setting.data.simpleData.idKey 和 父节点唯一标识属性名称 setting.data.simpleData.pIdKey，并且让数据满足父子关系。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t需要被转换的简单 Array 格式数据 或 某个单独的数据对象
\n\tzTree 使用的标准数据，子节点都存在于父节点数据的 children 属性中
\n\t如果 simpleNodes 是一个 JSON 对象，则被简单封装成长度为 1 的数组。
\n\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar simpleNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.transformTozTreeNodes(simpleNodes);\n更新某节点数据，主要用于该节点显示属性的更新。
\n\t\t\t1、可针对 name、target、 url、icon、 iconSkin、checked、nocheck 等这几个用于显示效果的参数进行更新，其他用于 zTreeNodes 的参数请不要随意更新，对于展开节点，还请调用 expandNode方法，因此请勿随意修改 open 属性。
\n\t\t\t2、用此方法修改 checked 勾选状态不会触发 beforeCheck / onCheck 事件回调函数。
\n\t\t\t请通过 zTree 对象执行此方法。
\n\t\t指定需要更新的节点 JSON 数据
\n\t请务必保证此节点数据对象 是 zTree 内部的数据对象
\n\tcheckTypeFlag = true 表示按照 setting.check.chkboxType 属性进行父子节点的勾选联动操作
\n\tcheckTypeFlag = false 表示只修改此节点勾选状态，无任何勾选联动操作
\n\t当 setting.check.enable = true 且 setting.check.chkStyle = \"checkbox\" 时才有效
\n\t不影响父子节点中 treeNode.nocheck = true 的节点。
\n\t目前无任何返回值
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\nif (nodes.length>0) {\n\tnodes[0].name = \"test\";\n\ttreeObj.updateNode(nodes[0]);\n}\nAll of the internal methods in zTree v3.x are available through '$. fn.zTree._z', \n use this if you want to develop your own zTree plug-ins.
\nUnless you are writing a plugin, \n you should not use this object.
\nFrom zTree v3.4, zTree provides a method for destruction.
\n\t\t\t1. This method can destroy a zTree by treeId, or destroy all zTree instances.
\n\t\t\t2. If you want to destroy a zTree, you can use the 'zTreeObj.destroy()' method.
\n\t\t\t3. If you want to re-use the tree which has been destroyed, \n you must first re-initialise it with the 'init()' method.
\n\t\tzTree unique identifier
\n\tIf this parameter is omitted, all zTree instances will be destroyed.
\n\tno return value
\n\t$.fn.zTree.destroy(\"treeDemo\");$.fn.zTree.destroy();zTree v3.x provides this method to get zTree object from the tree's Id.
\n\t\t\tPlease initialize zTree first, then you can use this method.
\n\t\t\tUsers don't need to use a global variable to reference the zTree object, \n as all of the callback methods will pass 'treeId' parameters, \n and you can always call this method to get the zTree object.
\n\t\tzTree unique identifier
\n\tzTree object
\n\tThis is a reference to the zTree object.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");This method is used to create a zTree.
\n\t\t\t1. The web page must use the W3C DTD. For example: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
\n\t\t\t2. Needs jquery-1.4.2.js or better.
\n\t\t\t3. Needs jquery-ztree.core-3.0.js or better.\n If you are using edit mode or checkbox / radio mode, \n make sure you load jquery-ztree.exedit-3.0.js and jquery-ztree.excheck-3.0.js.
\n\t\t\t4. Needs zTreeStyle.css and image files
\n\t\t\t5. If you plan to use custom icons, please refer to the Demo, \n or see the help on iconSkin.
\n\t\t\t6. Note: You need to set zTree container's class name to \"ztree\". \n If you need to change it, don't forget to modify the css file. \n If you need other special styles, you can modify the css file.
\n\t\tDOM Container for zTree
\n\tzTree's configuration data, please refer to \"setting details\" in the API Document.
\n\tzTree's node data, please refer to \"treeNode data details\" in the API Document.
\n\t1. zTree v3.x support to add single node, that is, if only to add one node, \n you can use JSON without using Array.
\n\t2. If you are planning on using asynchronous loading of root nodes, set it to null or [ ]
\n\t3. If you are using simple data mode, please refer to \"setting.data.simpleData\" in the API Document.
\n\tzTree object
\n\tThis object can provide the methods of operate the zTree
\n\tYou can use $.fn.zTree.getZTreeObj method at any time to obtain.
\n\t<!DOCTYPE html>\n<HTML>\n <HEAD>\n <TITLE> ZTREE DEMO </TITLE>\n <meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">\n <link rel=\"stylesheet\" href=\"zTreeStyle/zTreeStyle.css\" type=\"text/css\">\n <script type=\"text/javascript\" src=\"jquery-1.4.2.js\"></script>\n <script type=\"text/javascript\" src=\"jquery.ztree.core.js\"></script>\n<!--\n <script type=\"text/javascript\" src=\"jquery.ztree.excheck.js\"></script>\n <script type=\"text/javascript\" src=\"jquery.ztree.exedit.js\"></script>\n-->\n <SCRIPT type=\"text/javascript\" >\n\tvar zTreeObj,\n\tsetting = {\n\t\tview: {\n\t\t\tselectedMulti: false\n\t\t}\n\t},\n\tzTreeNodes = [\n\t\t{\"name\":\"Site Map\", open:true, children: [\n\t\t\t{ \"name\":\"google\", \"url\":\"http://www.google.com\", \"target\":\"_blank\"},\n\t\t\t{ \"name\":\"baidu\", \"url\":\"http://baidu.com\", \"target\":\"_blank\"},\n\t\t\t{ \"name\":\"sina\", \"url\":\"http://www.sina.com.cn\", \"target\":\"_blank\"}\n\t\t\t]\n\t\t}\n\t];\n\n\t$(document).ready(function(){\n\t\tzTreeObj = $.fn.zTree.init($(\"#tree\"), setting, zTreeNodes);\n\n\t});\n </SCRIPT>\n </HEAD>\n\n<BODY>\n<ul id=\"tree\" class=\"ztree\" style=\"width:230px; overflow:auto;\"></ul>\n </BODY>\n</HTML>During asynchronous loading, a request is sent to the server, which contains the identify of the parent node, \n so it can retrieve the children.\n This attribute is an array of strings, which is the identity parameter (or parameters).\n It applies when [setting.async.enable = true]
\n\t\t\tDefault：[ ]
\n\t\t1. Put the attribute name(s) of node to the array. For example: [\"id\", \"name\"]
\n\t2. You can rename the parameter name as sent to the server. For example: server only accepts \"zId\" -- [\"id=zId\"]
\n\tzTree unique identifier: treeId.
\n\t\tParent node's JSON data object
\n\t\tWhen asynchronously loading the root, the treeNode = null
\n\t\tReturn value is same as 'Array(String) Format'
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\"]\n\t}\n};\nIf we have a parent node: {id:1, name:\"test\"}, When we are asynchronously loading this parent node's children, it will be submitted to the server with parameters: id=1\n......var setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id=zId\"]\n\t}\n};\nIf we have a parent node: {id:1, name:\"test\"}, When we are asynchronously loading this parent node's children, it will be submitted to the server with parameters: zId=1\n......When Ajax sends data to the server, it uses this content-type. \n It is used when [setting.async.enable = true]
\n\t\t\tDefault：\"application/x-www-form-urlencoded\"
\n\t\tcontentType = \"application/x-www-form-urlencoded\", means: the sending data format is \"form\" format.
\n\tcontentType = \"application/json\", means: the sending data format is \"json\" format. (for .Net)
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\tcontentType: \"application/json\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......Callback function to pre-process Ajax return data. It is valid when [setting.async.enable = true]
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId
\n\tParent node's JSON data object
\n\tWhen asynchronously loading the root, the parentNode = null
\n\tArray (JSON) / JSON / String data objects
\n\tFrom v3.4, support XML strings.
\n\tThe return value should be the JSON data structure which is supported by the zTree.
\n\tv3.x supports to load single node JSON data object.
\n\tfunction ajaxDataFilter(treeId, parentNode, responseData) {\n if (responseData) {\n for(var i =0; i < responseData.length; i++) {\n responseData[i].name += \"_filter\";\n }\n }\n return responseData;\n};\nvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tdataFilter: ajaxDataFilter\n\t}\n};\n......The data type of Ajax requests. It is valid when [setting.async.enable = true]
\n\t\t\tDefault：\"text\"
\n\t\tdataType = \"text\", There is probably no need to change this.
\n\tThe 'dataType' in zTree and jQuery's ajax requests is same.
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\tdataType: \"text\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......Set zTree asynchronous loading mode on/off.
\n\t\t\tDefault: false
\n\t\ttrue - turn on asynchronous loading mode
\n\tfalse - turn off asynchronous loading mode
\n\tIf set it is true, you must set other attributes in setting.async
\n\tIf you don't pass the 'treeNodes' parameter when you initialize zTree, the root nodes will be retrieved using ajax.
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......It is valid when [setting.async.enable = true]
\n\t\t\tDefault：\"{}\"
\nv3.5.36+
\n\t\tThe 'headers' in zTree and jQuery's ajax requests is same.
\n\tThe query parameters of the Ajax request. (key - value) It is valid when [setting.async.enable = true]
\n\t\t\tDefault: [ ]
\n\t\tCan be an empty array. e.g. [ ]. The array should contain key value pairs, e.g. [key, value]. (Either or [key] or [key, value, key] is wrong!!)
\n\tUse JSON hash data to set the key-value pairs. e.g. { key1:value1, key2:value2 }
\n\tzTree unique identifier: treeId.
\n\t\tParent node's JSON data object
\n\t\tWhen asynchronously loading the root, the treeNode = null
\n\t\tReturn value is same as 'Array(String) || JSON Format'
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\totherParam: [\"id\", \"1\", \"name\", \"test\"]\n\t}\n};\nwhen zTree sends the ajax request, the query string will be like this: id=1&name=testvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"http://host/getNode.php\",\n\t\totherParam: { \"id\":\"1\", \"name\":\"test\"}\n\t}\n};\nwhen zTree sends the ajax request, the query string will be like this: id=1&name=testHttp request tyoe in ajax. It is valid when [setting.async.enable = true]
\n\t\t\tDefault: \"post\"
\n\t\t\"post\" - http request mode
\n\t\"get\" - http request mode
\n\tBoth zTree and jQuery's this 'type' for ajax requests.
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\ttype: \"get\",\n\t\turl: \"http://host/getNode.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......The URL to which the ajax request is sent. It is valid when [setting.async.enable = true]
\n\t\t\tDefault: \"\"
\n\t\tA url string(e.g. \"http://www.domain.com/cgi-bin/my-script.cgi\"). Note: please check that the url can be loaded with a browser
\n\tUrl can also take parameters, please note that they need to be urlencoded.
\n\tzTree unique identifier: treeId.
\n\tParent node's JSON data object
\n\tWhen asynchronously loading the root, the treeNode = null
\n\tReturn value is same as 'String Format'
\n\tvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: \"nodes.php\",\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......function getAsyncUrl(treeId, treeNode) {\n return treeNode.isParent ? \"nodes1.php\" : \"nodes2.php\";\n};\nvar setting = {\n\tasync: {\n\t\tenable: true,\n\t\turl: getAsyncUrl,\n\t\tautoParam: [\"id\", \"name\"]\n\t}\n};\n......It is valid when [setting.async.enable = true]
\n\t\t\tDefault：\"{}\"
\nv3.5.36+
\n\t\tThe 'xhrFields' in zTree and jQuery's ajax requests is same.
\n\tThis callback is made before zTree makes an ajax request, giving you an opportunity to decide if it should proceed or not. \n Return false to prevent zTree from sending the ajax request.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the parent node
\n\tWhen asynchronously loading the root, treeNode = null
\n\treturn true or false
\n\tIf the function returns false, zTree will not send the ajax request, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.
\n\tfunction myBeforeCallBack(treeId, treeNode) {\n return (treeNode.id !== 1);\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeAsync: myBeforeCallBack\n\t}\n};\n......Callback before checking or unchecking a node, A false return value from the callback will prevent any change in the checked state.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is checked or unchecked
\n\treturn true or false
\n\tIf return false, zTree will not change the checkbox state, and will not trigger the 'onCheck' callback.
\n\tfunction myBeforeCheckCallBack(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeCheck: myBeforeCheckCallBack\n\t}\n};\n......Before click callback, return false to prevent the 'onClick' callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is clicked
\n\tNode is selected or deselected state, please see table below for details
\n\t| clickFlag | selectedMulti | autoCancelSelected && event.ctrlKey / metaKey | isSelected | operate for selected |
| 1 | true | false | false | node is selected (single) |
| 1 | true | false | true | node is selected (single) |
| 2 | true | true | false | node is selected (multi) |
| 0 | true | true | true | node is deselected |
| 1 | false | false | false | node is selected (single) |
| 1 | false | false | true | node is selected (single) |
| 1 | false | true | false | node is selected (single) |
| 0 | false | true | true | node is deselected |
return true or false
\n\tIf return false, zTree will not change selected state, and will not trigger the 'onClick' callback.
\n\tfunction myBeforeClick(treeId, treeNode, clickFlag) {\n return (treeNode.id !== 1);\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeClick: myBeforeClick\n\t}\n};\n......Specify callback function to be called before collapse node, The return value controls the collapse node.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be collapsed
\n\treturn true or false
\n\tIf return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.
\n\tfunction myBeforeCollapse(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeCollapse: myBeforeCollapse\n\t}\n};\n......Specify callback function, executed before the 'onDblClick' callback, The return value controls the 'onDblClick' callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is double clicked
\n\tIf the DOM which dblclicked isn't a node, it will return null.
\n\treturn true or false
\n\tIf return false, ztree will not trigger the 'onDblClick' callback, no effect on other operations.
\n\tThis callback function does not affect the auto expand of the parent node , please refer to setting.view.dblClickExpand properties.
\n\tfunction myBeforeDblClick(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeDblClick: myBeforeDblClick\n\t}\n};\n......Specify callback function to be called before the drag node callback, The return value controls whether the drag node callback will execute.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId, the id of the containing tree.
\n\tA collection of the nodes being dragged
\n\tv3.x allows the drag and drop of multiple sibling nodes, so this parameter's type is changed to Array(JSON).
\n\tIf the selected nodes aren't sibling nodes, you can only drag one node.
\n\treturn true or false
\n\tIf return false, zTree will abort the drag and drop, and will not trigger the 'onDrag / beforeDrop / onDrop' sequence of callbacks.
\n\tfunction myBeforeDrag(treeId, treeNodes) {\n return false;\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDrag: myBeforeDrag\n\t}\n};\n......Callback executed before drag node to collapsed parent node, The return value controls the auto expand behaviour of the parent node.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId, the tree is what the treeNode(parent node) is belong to.
\n\tJSON data object of the parent node which will be auto expanded
\n\treturn true or false
\n\tIf return false, zTree will not auto expand parent node.
\n\tfunction myBeforeDragOpen(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDragOpen: myBeforeDragOpen\n\t}\n};\n......Specify callback function to be called before drag-drop of a node, The return value controls the execution of drag-drop callback.
\n\t\t\tDefault: null
\n\t\t\tWhen a node is dropped, if the drop is not in a valid location, this callback will not be triggered, and will revert to the original position.
\n\t\tzTree unique identifier: treeId, the id of the containing tree.
\n\tA collection of the nodes which has been dragged
\n\tThe treeNodes which have been dragged, when copying nodes or moving nodes.
\n\tJSON data object of the destination node on which treeNodes are being dropped.
\n\tIf the treeNodes is the root node, the targetNode = null
\n\tthe relative position of move to the target node
\n\t\"inner\": will be child of targetNode
\n\t\"prev\": will be sibling node, and be in front of targetNode
\n\t\"next\": will be sibling node, and be behind targetNode
\n\tthe flag used to determine if the drop is to copy or move the node
\n\ttrue: copy node; false: move node
\n\treturn true or false
\n\tIf return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.
\n\tfunction myBeforeDrop(treeId, treeNodes, targetNode, moveType) {\n return !(targetNode == null || (moveType != \"inner\" && !targetNode.parentTId));\n};\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeDrop: myBeforeDrop\n\t}\n};\n......Specify callback function to be called before click edit button, The return value controls the editing of the name.
\n\t\t\tThis callback is fired when the edit button is clicked, to control the custom editing operation.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be edited.
\n\treturn true or false
\n\tIf return false, allow editing of the name.
\n\tfunction myBeforeEditName(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeEditName: myBeforeEditName\n\t}\n};\n......Specify callback function to be called before expanding a node, The return value controls the expand node callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be expanded
\n\treturn true or false
\n\tIf return false, zTree will not expand node, and will not trigger the 'onExpand' callback.
\n\tfunction myBeforeExpand(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeExpand: myBeforeExpand\n\t}\n};\n......Specify callback function, executed before the 'onMouseDown' callback, The return value controls the 'onMouseDown' callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which mouse over
\n\tIf the DOM which mouse over isn't a node, it will return null.
\n\treturn true or false
\n\tIf return false, zTree will not trigger the 'onMouseDown' callback, no effect on other operations.
\n\tfunction myBeforeMouseDown(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeMouseDown: myBeforeMouseDown\n\t}\n};\n......Specify callback function, executed before the 'onMouseUp' callback, The return value controls the 'onMouseUp' callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which mouse over
\n\tIf the DOM which mouse over isn't a node, it will return null.
\n\treturn true or false
\n\tIf return false, zTree will not trigger the 'onMouseUp' callback, no effect on other operations.
\n\tfunction myBeforeMouseUp(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeMouseUp: myBeforeMouseUp\n\t}\n};\n......Specify callback function to be called before remove node, The return value controls the allow to remove node.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be removed.
\n\treturn true or false
\n\tIf return false, zTree will not remove node, and will not trigger the 'onRemove' callback.
\n\tfunction myBeforeRemove(treeId, treeNode) {\n\treturn false;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeRemove: myBeforeRemove\n\t}\n};\n......Specify callback function to be called before rename(when input DOM blur or press Enter Key), The return value controls the allow to rename node.
\n\t\t\tWhen node is editing name, press the ESC key to restore the original name and stop edit name.
\n\t\t\tFrom v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be rename.
\n\tthe new name
\n\tthe status about cancel edit name (v3.5.13+)
\n\tisCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)
\n\tisCancel = false means: user submit edit name.
\n\treturn true or false
\n\tIf return false, the treeNode will keep the editing name, don't trigger the 'onRename' callback, and will ignore other enents, until the callback return true.
\n\tIf returns false, zTree will not set the input box to get focus to avoid the warning message which led to repeated triggering ‘beforeRename’ callback. Please use editName() method to set the input box to get focus when user close the warning message.
\n\tfunction myBeforeRename(treeId, treeNode, newName, isCancel) {\n\treturn newName.length > 5;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true\n\t},\n\tcallback: {\n\t\tbeforeRename: myBeforeRename\n\t}\n};\n......Used to capture the right click event before the 'onRightClick' callback, The return value controls the 'onRightClick' callback.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is mouse right clicked
\n\tIf the DOM which mouse right clicked isn't a node, it will return null.
\n\treturn true or false
\n\tIf return false, ztree will not trigger the 'onRightClick' callback, no effect on other operations.
\n\tfunction myBeforeRightClick(treeId, treeNode) {\n return false;\n};\nvar setting = {\n\tcallback: {\n\t\tbeforeRightClick: myBeforeRightClick\n\t}\n};\n......Used to capture the error event when execute ajax.
\n\t\t\tIf you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the parent node
\n\tWhen load root nodes, treeNode = null
\n\tXMLHttpRequest Object, please refer to JQuery API documentation.
\n\ta string categorizing the status of the request(\"success\", \"error\"...), please refer to JQuery API documentation.
\n\teWhen an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, please refer to JQuery API documentation.
\n\tfunction myOnAsyncError(event, treeId, treeNode, XMLHttpRequest, textStatus, errorThrown) {\n alert(XMLHttpRequest);\n};\nvar setting = {\n\tcallback: {\n\t\tonAsyncError: myOnAsyncError\n\t}\n};\n......Used to capture the complete success event when execute ajax.
\n\t\t\tIf you set 'setting.callback.beforeAsync',and return false, zTree will not execute ajax, and will not trigger the 'onAsyncSuccess / onAsyncError' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the parent node
\n\tWhen load root nodes, treeNode = null
\n\tThe actualnode data which got by ajax. User-friendly debugging.
\n\tThe actual data's type of msg is affected by 'setting.async.dataType', please refer to JQuery API documentation.
\n\tfunction myOnAsyncSuccess(event, treeId, treeNode, msg) {\n alert(msg);\n};\nvar setting = {\n\tcallback: {\n\t\tonAsyncSuccess: myOnAsyncSuccess\n\t}\n};\n......Used to capture the check or uncheck event when check or uncheck the checkbox and radio.
\n\t\t\tIf you set 'setting.callback.beforeCheck',and return false, zTree will not change check state, and will not trigger the 'onCheck' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is checked or unchecked
\n\tfunction myOnCheck(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name + \",\" + treeNode.checked);\n};\nvar setting = {\n\tcallback: {\n\t\tonCheck: myOnCheck\n\t}\n};\n......Used to capture the click event when click node.
\n\t\t\tIf you set 'setting.callback.beforeClick',and return false, zTree will not change selected state, and will not trigger the 'onClick' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is clicked
\n\tNode is selected or deselected state, please see table below for details
\n\t| clickFlag | selectedMulti | autoCancelSelected && event.ctrlKey / metaKey | isSelected | operate for selected |
| 1 | true | false | false | node is selected (single) |
| 1 | true | false | true | node is selected (single) |
| 2 | true | true | false | node is selected (multi) |
| 0 | true | true | true | node is deselected |
| 1 | false | false | false | node is selected (single) |
| 1 | false | false | true | node is selected (single) |
| 1 | false | true | false | node is selected (single) |
| 0 | false | true | true | node is deselected |
function myOnClick(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonClick: myOnClick\n\t}\n};\n......Callback for collapse node.
\n\t\t\tIf you set 'setting.callback.beforeCollapse',and return false, zTree will not collapse node, and will not trigger the 'onCollapse' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be collapsed
\n\tfunction myOnCollapse(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonCollapse: myOnCollapse\n\t}\n};\n......Used to capture the dblclick event when double click node.
\n\t\t\tIf you set 'setting.callback.beforeDblClick',and return false, zTree will not trigger the 'onDblClick' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is double clicked
\n\tIf the DOM which dblclicked isn't a node, it will return null.
\n\tfunction myOnDblClick(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonDblClick: myOnDblClick\n\t}\n};\n......Used to capture the drag event when drag node.
\n\t\t\tIf you set 'setting.callback.beforeDrag',and return false, zTree will stop drag, and will not trigger the 'onDragMove' & 'onDrag' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId, the id of the containing tree.
\n\tA collection of the nodes which will be dragged
\n\tfunction myOnDrag(event, treeId, treeNodes) {\n alert(treeNodes.length);\n};\nvar setting = {\n\tcallback: {\n\t\tonDrag: myOnDrag\n\t}\n};\n......Used to capture the drag-move event when drag & drop node.
\n\t\t\tMainly used to capture the DOM which the nodes was drag in.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId, the id of the containing tree.
\n\tA collection of the nodes which will be dragged
\n\tfunction myOnDragMove(event, treeId, treeNodes) {\n\tconsole.log(event.target);\n};\nvar setting = {\n\tcallback: {\n\t\tonDragMove: myOnDragMove\n\t}\n};\n......Used to capture the drop event when drag-drop node.
\n\t\t\tIf you set 'setting.callback.beforeDrop',and return false, zTree will restore the dragged nodes, and will not trigger the 'onDrop' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId, the id of the containing tree.
\n\tA collection of the nodes which has been dragged
\n\tThe treeNodes are the data of the nodes which be dragged, when move nodes.
\n\tThe treeNodes are the clone data of the nodes which be dragged, when copy nodes.
\n\tJSON data object of the target node which treeNodes are drag-dropped.
\n\tIf the treeNodes will be root node, the targetNode = null
\n\tthe relative position of move to the target node
\n\t\"inner\": will be child of targetNode
\n\t\"prev\": will be sibling node, and be in front of targetNode
\n\t\"next\": will be sibling node, and be behind targetNode
\n\tIf moveType is null, means drag & drop is cancel.
\n\tthe flag used to judge copy node or move node
\n\ttrue: copy node; false: move node
\n\tfunction myOnDrop(event, treeId, treeNodes, targetNode, moveType) {\n alert(treeNodes.length + \",\" + (targetNode ? (targetNode.tId + \", \" + targetNode.name) : \"isRoot\" ));\n};\nvar setting = {\n\tcallback: {\n\t\tonDrop: myOnDrop\n\t}\n};\n......Callback for expand node.
\n\t\t\tIf you set 'setting.callback.beforeExpand',and return false, zTree will not expand node, and will not trigger the 'onExpand' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node to be expanded
\n\tfunction myOnExpand(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonExpand: myOnExpand\n\t}\n};\n......Callback for mouse down.
\n\t\t\tIf you set 'setting.callback.beforeMouseDown',and return false, zTree will not trigger the 'onMouseDown' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which mouse over
\n\tIf the DOM which mouse over isn't a node, it will return null.
\n\tfunction myOnMouseDown(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonMouseDown: myOnMouseDown\n\t}\n};\n......Callback for mouse up.
\n\t\t\tIf you set 'setting.callback.beforeMouseUp',and return false, zTree will not trigger the 'onMouseUp' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which mouse over
\n\tIf the DOM which mouse over isn't a node, it will return null.
\n\tfunction myOnMouseUp(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonMouseUp: myOnMouseUp\n\t}\n};\n......Callback for node's DOM is created.
\n\t\t\tBecause v3.x uses lazy loading technology, so the nodes which doesn't create DOM when initialized will not trigger this callback, until its parent node is expanded.
\n\t\t\tLarge amount of data to load, please note: do not set onNodeCreated, can improve performance as when initialized.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which DOM is created
\n\tfunction myOnNodeCreated(event, treeId, treeNode) {\n alert(treeNode.tId + \", \" + treeNode.name);\n};\nvar setting = {\n\tcallback: {\n\t\tonNodeCreated: myOnNodeCreated\n\t}\n};\n......Callback for remove node.
\n\t\t\tIf you set 'setting.callback.beforeRemove',and return false, zTree will not remove node, and will not trigger the 'onRemove' callback.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which was removed.
\n\tfunction myOnRemove(event, treeId, treeNode) {\n\talert(treeNode.tId + \", \" + treeNode.name);\n}\nvar setting = {\n\tcallback: {\n\t\tonRemove: myOnRemove\n\t}\n};\n......Callback for remove node.
\n\t\t\t1. If you set 'setting.callback.beforeRename',and return false, zTree will keep the editing name, and will not trigger the 'onRename' callback.
\n\t\t\t2. If you modify treeNode data, and use 'updateNode' function, zTree will not trigger the 'onRename' callback.
\n\t\t\t3. From v3.5.13, zTree will trigger this callback when user cancel edit name. please see 'isCancel' parameter.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which was rename.
\n\tthe status about cancel edit name (v3.5.13+)
\n\tisCancel = true means: user cancel edit name. (press ESC or use cancelEditName() function)
\n\tisCancel = false means: user submit edit name.
\n\tfunction myOnRename(event, treeId, treeNode, isCancel) {\n\talert(treeNode.tId + \", \" + treeNode.name);\n}\nvar setting = {\n\tcallback: {\n\t\tonRename: myOnRename\n\t}\n};\n......Callback for mouse right click node.
\n\t\t\tIf you set 'setting.callback.beforeRightClick',and return false, zTree will not trigger the 'onRightClick' callback.
\n\t\t\tIf you set 'setting.callback.onRightClick', zTree will shield the browser context menu when mouse right click on zTree.
\n\t\t\tDefault: null
\n\t\tevent Object
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which is mouse right clicked
\n\tIf the DOM which mouse right clicked isn't a node, it will return null.
\n\tfunction myOnRightClick(event, treeId, treeNode) {\n alert(treeNode ? treeNode.tId + \", \" + treeNode.name : \"isRoot\");\n};\nvar setting = {\n\tcallback: {\n\t\tonRightClick: myOnRightClick\n\t}\n};\n......When node is automatically checked or unchecked, this parameter used to set to trigger 'beforeCheck / onCheck' callback. It is valid when [setting.check.enable = true & setting.check.chkStyle = \"checkbox\"]
\n\t\t\t1. If you set 'setting.check.chkboxType' to { \"Y\": \"\", \"N\": \"\" }, will not automatically checked or unchecked.
\n\t\t\t2. If you turn on the trigger and there are many more nodes, will affect the performance, because the check or uncheck node can cause many nodes to be automatically checked or unchecked, it will trigger a lot of callbacks, according to the need to decide whether to use this feature.
\n\t\t\tDefault: false
\n\t\ttrue means: trigger callback
\n\tfalse means: don't trigger callback
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tautoCheckTrigger: true\n\t}\n};\n......When the parent node's 'chkDisabled' attribute is true, set the child nodes automatically inherit the 'chkDisabled' attribute. It is valid when [setting.check.enable = true]
\n\t\t\t1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.
\n\t\t\tDefault: false
\n\t\ttrue means: When add new child nodes, if parent node's 'chkDisabled' attribute is true, the child nodes automatically inherit the 'chkDisabled' attribute.
\n\tfalse means: When add new child nodes, the child nodes don't inherit the 'chkDisabled' attribute from parent node.
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkDisabledInherit: true\n\t}\n};\n......Use the checkbox or radio. It is valid when [setting.check.enable = true]
\n\t\t\tDefault: \"checkbox\"
\n\t\tWhen chkStyle = \"checkbox\", zTree show checkbox, and 'setting.check.chkboxType' attribute is valid.\n
When chkStyle = \"radio\", zTree show radio, and 'setting.check.radioType' attribute is valid.
Please note that letter case, do not change.
\n\tnot checked; If node is parent, so its child nodes have been not checked. when mouse over:
\n\t\t\tnot checked; (only parent node) some of its child nodes have been checked. when mouse over:
\n\t\t\tbe checked; If node is parent, so its all child nodes have been checked. when mouse over:
\n\t\t\tbe checked; (only parent node) some of its child nodes or all have been not checked. when mouse over:
\n\t\tnot checked; If node is parent, so its child have been not checked. when mouse over:
\n\t\t\tnot checked; (only parent node) some of its child have been checked. when mouse over:
\n\t\t\tbe checked; If node is parent, so its child have been not checked. when mouse over:
\n\t\t\tbe checked; (only parent node) some of its child have been checked. when mouse over:
\n\t\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"radio\"\n\t}\n};\n......When one node is checked or unchecked, control its parent node and its child node auto checked or unchecked. It is valid when [setting.check.enable = true & setting.check.chkStyle = \"checkbox\"]
\n\t\t\tDefault: { \"Y\": \"ps\", \"N\": \"ps\" }
\n\t\t\"Y\" attribute use to set auto check after checkbox was checked.\n
\"N\" attribute use to set auto uncheck after checkbox was unchecked.\n
If value has \"p\", so parent nodes will be checked or unchecked.\n
If value has \"s\", so child nodes will be checked or unchecked.
Please note that letter case, do not change.
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"checkbox\",\n\t\tchkboxType: { \"Y\": \"p\", \"N\": \"s\" }\n\t}\n};\n......Set to use checkbox or radio in zTree
\n\t\t\tDefault: false
\n\t\ttrue means: use the checkbox or radio
\n\tfalse means: don't use the checkbox or radio
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true\n\t}\n};\n......When the parent node's 'nocheck' attribute is true, set the child nodes automatically inherit the 'nocheck' attribute. It is valid when [setting.check.enable = true]
\n\t\t\t1. Only be used to initialize the nodes, easy batch operations. Please use the 'updateNode' method modify existing node.
\n\t\t\tDefault: false
\n\t\ttrue means: When add new child nodes, if parent node's 'nocheck' attribute is true, the child nodes automatically inherit the 'nocheck' attribute.
\n\tfalse means: When add new child nodes, the child nodes don't inherit the 'nocheck' attribute from parent node.
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tnocheckInherit: true\n\t}\n};\n......The group about radio. It is valid when [setting.check.enable = true & setting.check.chkStyle = \"radio\"]
\n\t\t\tDefault: \"level\"
\n\t\tWhen radioType = \"level\", will be grouped with same level nodes which have the same parent node.\n
When radioType = \"all\", will be grouped with all nodes.
Please note that letter case, do not change.
\n\tvar setting = {\n\tcheck: {\n\t\tenable: true,\n\t\tchkStyle: \"radio\",\n\t\tradioType: \"all\"\n\t}\n};\n......The leaf node's lock, the leaf node will lock the 'isParent' attribute to false.
\n\t\t\tDefault: false
\n\t\ttrue means: lock the leaf node, and the node which 'isParent' attribute is false can't add child nodes.
\n\tfalse means: don't lock the leaf node, and the node which 'isParent' attribute is false can add child nodes.
\n\tvar setting = {\n\tdata: {\n\t\tkeep: {\n\t\t\tleaf: true\n\t\t}\n\t}\n};\n......The parent node's lock, the parent node will lock 'isParent' attribute to true.
\n\t\t\tDefault: false
\n\t\ttrue means: lock the parent node, and if remove all of the parent node's child nodes, its 'isParent' attribute still keep to be true..
\n\tfalse means: don't lock the parent node, and if remove all of the parent node's child nodes, its 'isParent' attribute will change to be false..
\n\tvar setting = {\n\tdata: {\n\t\tkeep: {\n\t\t\tparent: true\n\t\t}\n\t}\n};\n......The node data's attribute to save the checked state.
\n\t\t\tDefault: \"checked\"
\n\t\t\tPlease don't set the other node attribute which zTree used. (e.g., checkedOld)
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tchecked: \"isChecked\"\n\t\t}\n\t}\n};\n......The node data's attribute to save the child nodes.
\n\t\t\tDefault: \"children\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tchildren: \"nodes\"\n\t\t}\n\t}\n};\n......The node data's attribute to save whether the node is the parent node.
\n\t\t\tDefault: \"isHidden\"
\n\t\t\tv3.5.32+
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tisHidden: \"hidden\"\n\t\t}\n\t}\n};\n......The node data's attribute to save whether the node is the parent node.
\n\t\t\tDefault: \"isParent\"
\n\t\t\tv3.5.32+
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tisParent: \"parent\"\n\t\t}\n\t}\n};\n......The node data's attribute to save the node name.
\n\t\t\tDefault: \"name\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\tname: \"ename\"\n\t\t}\n\t}\n};\n......The node data's attribute to save the 'title' attribute of node DOM. It is valid when [setting.view.showTitle = true]
\n\t\t\tIf set it to \"\", the title of node DOM will be same as 'setting.data.key.name' attribute.
\n\t\t\tDefault: \"\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\ttitle: \"fullName\"\n\t\t}\n\t}\n};\n......The node data's attribute to save the node link's url.
\n\t\t\tSpecial: If the nodes's data can only use the 'url' attribute, and don't use the link to jump feature, you can modify this attribute to any nonexistent attribute.
\n\t\t\tDefault: \"url\"
\n\t\tvar setting = {\n\tdata: {\n\t\tkey: {\n\t\t\turl: \"xUrl\"\n\t\t}\n\t}\n};\n......Set zTree's node to accept the simple data format, when zTree is initialized or when ajax get / or when use addNodes method.
\n\t\t\tDon't have to generate the complex nested data.
\n\t\t\tDefault: false
\n\t\ttrue means: zTree's node accept the simple data format.
\n\tfalse means: zTree's node only accept the nested data format.
\n\tIf set it is true, you must set the other attributes in 'setting.data.simpleData'. (e.g., idKey, pIdKey, rootPId) And let the data satisfy the parent-child relationship.
\n\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......The node data's attribute to save node data's unique identifier. It is valid when [setting.data.simpleData.enable = true]
\n\t\t\tDefault: \"id\"
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......The node data's attribute to save its parent node data's unique identifier. It is valid when [setting.data.simpleData.enable = true]
\n\t\t\tDefault: \"pId\"
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......Set the default value of root's 'pIdKey' specified attribute values. It is valid when [setting.data.simpleData.enable = true]
\n\t\t\tDefault: null
\n\t\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar treeNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\n......When drag node cause the parent node is automatically expanded, set whether to allow to trigger the 'onExpand' callback. It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: false
\n\t\ttrue means: trigger the 'onExpand' callback.
\n\tfalse means: don't trigger the 'onExpand' callback.
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tautoExpandTrigger: true\n\t\t}\n\t}\n};\n......Drag to the parent node, the parent node auto expand time interval. (Unit: ms) It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: 500
\n\t\t\tPlease adjust the value according to needs.
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tautoOpenTime: 0\n\t\t}\n\t}\n};\n......When drag a node to root, the zTree's inner border width. (Unit: px) It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: 10
\n\t\t\tPlease adjust the value according to needs.
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tborderMax: 20\n\t\t}\n\t}\n};\n......When drag a node to root, the zTree's outer border width. (Unit: px) It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: -5
\n\t\t\tPlease adjust the value according to needs.
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tborderMin: -10\n\t\t}\n\t}\n};\n......When drag one node to the target node, set whether to allow the node to be the target node's child. It is valid when [setting.edit.enable = true]
\n\t\t\tIf the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.
\n\t\t\tThis function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, next' together, to achieve full functionality.
\n\t\t\tDefault: true
\n\t\ttrue means: allow the node to be the target node's child.
\n\tfalse means: don't allow the node to be the target node's child.
\n\tzTree unique identifier: treeId.
\n\tA collection of the nodes which has been dragged
\n\tJSON data object of the target node which treeNodes are draged over.
\n\tIf the treeNodes will be root node, the targetNode = null
\n\treturn true or false
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: true,\n\t\t\tinner: false\n\t\t}\n\t}\n};\n......function canInner(treeId, nodes, targetNode) {\n\treturn !(targetNode && targetNode.level === 0);\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: true,\n\t\t\tinner: canInner\n\t\t}\n\t}\n};\n......When drag-drop node, set whether to allow to copy node. It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: true
\n\t\t1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key or Cmd-key can copy node, don't press Ctrl-Key or Cmd-key can move node.
\n\t2. If isCopy = true and isMove = false, when drag-drop node, will copy node.
\n\t3. If isCopy = false and isMove = true, when drag-drop node, will move node.
\n\t4. If isCopy = false and isMove = false, so disable to drag-drop node.
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tisCopy: true,\n\t\t\tisMove: false\n\t\t}\n\t}\n};\n......When drag-drop node, set whether to allow to move node. It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: true
\n\t\t1. If isCopy = true and isMove = true, when drag-drop node, press Ctrl-Key or Cmd-key can copy node, don't press Ctrl-Key or Cmd-key can move node.
\n\t2. If isCopy = true and isMove = false, when drag-drop node, will copy node.
\n\t3. If isCopy = false and isMove = true, when drag-drop node, will move node.
\n\t4. If isCopy = false and isMove = false, so disable to drag-drop node.
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tisCopy: false,\n\t\t\tisMove: true\n\t\t}\n\t}\n};\n......When dragging more than one sibling node, the floating layer shows the maximum number of nodes. zTree using '...' instead of redundant nodes. It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: 5
\n\t\t\tPlease adjust the value according to needs.
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tmaxShowNodeNum: 10\n\t\t}\n\t}\n};\n......The minimum offset which used to determine the drag operator start. (Unit: px) It is valid when [setting.edit.enable = true]
\n\t\t\tPlease adjust the value according to needs. Note: If it is too small, will easily lead to misoperation when you click mouse.
\n\t\t\tDefault: 5
\n\t\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tminMoveSize: 10\n\t\t}\n\t}\n};\n......When drag one node to the target node, set whether to allow the node to be the target node's next sibling. It is valid when [setting.edit.enable = true]
\n\t\t\tIf the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.
\n\t\t\tThis function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'prev, inner' together, to achieve full functionality.
\n\t\t\tDefault: true
\n\t\ttrue means: allow the node to be the target node's next sibling.
\n\tfalse means: don't allow the node to be the target node's next sibling.
\n\tzTree unique identifier: treeId.
\n\tA collection of the nodes which has been dragged
\n\tJSON data object of the target node which treeNodes are draged over.
\n\treturn true or false
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: false,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......function canNext(treeId, nodes, targetNode) {\n\treturn !targetNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: true,\n\t\t\tnext: canNext,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......When drag one node to the target node, set whether to allow the node to be the target node's previous sibling. It is valid when [setting.edit.enable = true]
\n\t\t\tIf the target node is root, so zTree will only trigger 'inner' and not trigger 'prev / next'.
\n\t\t\tThis function mainly for the appropriate limit drag and drop (auxiliary arrow), it requires a combination of 'next, inner' together, to achieve full functionality.
\n\t\t\tDefault: true
\n\t\ttrue means: allow the node to be the target node's previous sibling.
\n\tfalse means: don't allow the node to be the target node's previous sibling.
\n\tzTree unique identifier: treeId.
\n\tA collection of the nodes which has been dragged
\n\tJSON data object of the target node which treeNodes are draged over.
\n\treturn true or false
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: false,\n\t\t\tnext: true,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......function canPrev(treeId, nodes, targetNode) {\n\treturn !targetNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tdrag: {\n\t\t\tprev: canPrev,\n\t\t\tnext: true,\n\t\t\tinner: true\n\t\t}\n\t}\n};\n......When edit node's name, the text in input is selected or unselected. It is valid when [setting.edit.enable = true]
\n\t\t\tDefault: false
\n\t\ttrue means: when show the input, the text in input is selected
\n\tfalse means: when show the input, the text in input is not selected
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\teditNameSelectAll: true\n\t}\n};\n......Set zTree is in edit mode
\n\t\t\tPlease set this attribute before zTree initialization. If you need to change the edit mode after the initialization, please use zTreeObj.setEditable() method.
\n\t\t\tDefault: false
\n\t\ttrue means: zTree is in edit mode.
\n\tfalse means: zTree is not in edit mode.
\n\t1. When click the node, it will not open 'node.url' specified URL.\n
2. Support for dynamic tree editing.\n
3. You can drag-drop nodes, and support drag-drop nodes between multiple trees.\n
4. Support use drag-drop to copy or move the node. (Reference: setting.edit.drag.isCopy / setting.edit.drag.isMove)\n
5. You can use the Edit button to modify the name attribute.\n
6. You can use the Remove button to remove the node.\n
\n\t
Please note that letter case, do not change.
\n\tvar setting = {\n\tedit: {\n\t\tenable: true\n\t}\n};\n......the title of the remove button DOM. It is valid when [setting.edit.enable = true & setting.edit.showRemoveBtn = true]
\n\t\t\tDefault: \"remove\"
\n\t\tWhen the mouse over the remove button, the browser auto pop-up message content.
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which show the remove button
\n\tReturn value is same as 'String Format'
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: true,\n\t\tremoveTitle: \"remove the node\"\n\t}\n};\n......function setRemoveTitle(treeId, treeNode) {\n\treturn treeNode.isParent ? \"remove the parent node\":\"remove the leaf node\";\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: true,\n\t\tremoveTitle: setRemoveTitle\n\t}\n};\n......the title of the rename button DOM. It is valid when [setting.edit.enable = true & setting.edit.showRenameBtn = true]
\n\t\t\tDefault: \"rename\"
\n\t\tWhen the mouse over the rename button, the browser auto pop-up message content.
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which show the rename button
\n\treturn value is same as 'String Format'
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: true,\n\t\trenameTitle: \"rename the node\"\n\t}\n};\n......function setRenameTitle(treeId, treeNode) {\n\treturn treeNode.isParent ? \"rename the parent node\":\"rename the leaf node\";\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: true,\n\t\trenameTitle: setRenameTitle\n\t}\n};\n......Set to show or hide the remove button. It is valid when [setting.edit.enable = true]
\n\t\t\tWhen you click the remove button:
\n\t\t\t1. zTree will trigger the setting.callback.beforeRemove callback, and you can decide whether to allow delete.
\n\t\t\t2. If you don't set the 'beforeRemove' or the 'beforeRemove' callback return true, so zTree will trigger the setting.callback.onRemove callback after remove the node.
\n\t\t\tDefault: true
\n\t\ttrue means: show the remove button
\n\tfalse means: hide the remove button
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which show the remove button
\n\tReturn value is same as 'Boolean Format'
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: false\n\t}\n};\n......function setRemoveBtn(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRemoveBtn: setRemoveBtn\n\t}\n};\n......Set to show or hide the rename button. It is valid when [setting.edit.enable = true]
\n\t\t\tWhen you click the rename button:
\n\t\t\t1. Click the rename button, you can rename the node.
\n\t\t\t2. After rename operation (the input DOM blur or press the Enter Key), zTree will trigger the setting.callback.beforeRename callback, and you can decide whether to allow rename.
\n\t\t\t3. If the 'beforeRename' callback return false, so zTree will keep the edit status. (Press the ESC key, can be restored to the original state.
\n\t\t\t4. If you don't set the 'beforeRename' or the 'beforeRename' callback return true, so zTree will trigger the setting.callback.onRename callback after rename the node.
\n\t\t\tDefault: true
\n\t\ttrue means: show the rename button
\n\tfalse means: hide the rename button
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which show the rename button
\n\tReturn value is same as 'Boolean Format'
\n\tvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: false\n\t}\n};\n......function setRenameBtn(treeId, treeNode) {\n\treturn !treeNode.isParent;\n}\nvar setting = {\n\tedit: {\n\t\tenable: true,\n\t\tshowRenameBtn: setRenameBtn\n\t}\n};\n......zTree unique identifier. After the initialization, it equals to the id attribute value of the user-defined zTree container.
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\tzTree DOM's jQuery object, the main function: easy to internal operations.
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\tThis function used to display the custom control on the node.
\n\t\t\t1. If you have huge node data, please note: this function will affect the initialization performance. If not required, it is recommended not to use this function.
\n\t\t\t2. This function is an advanced application, please make sure that a better understanding of zTree before you use it.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which display the custom control.
\n\tvar setting = {\n\tview: {\n\t\taddDiyDom: addDiyDom\n\t}\n};\nfunction addDiyDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\n......Used to display custom control when mouse move over the node. (e.g. the rename and remove button)
\n\t\t\tIf you use this function, so must set setting.view.removeHoverDom, please make sure that a better understanding of zTree before you use it.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which need to display the custom control.
\n\tvar setting = {\n\tview: {\n\t\taddHoverDom: addHoverDom,\n\t\tremoveHoverDom: removeHoverDom,\n\t\t......\n\t}\n};\nfunction addHoverDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\nfunction removeHoverDom(treeId, treeNode) {\n\t$(\"#diyBtn_\"+treeNode.id).unbind().remove();\n\t$(\"#diyBtn_space_\" +treeNode.id).unbind().remove();\n};\n......When click the selected node while pressing the Ctrl-key or Cmd-key, allow to cancel selected the node.
\n\t\t\tIf you don't need this function, please set to false.
\n\t\t\tDefault: true
\n\t\ttrue means: press the Ctrl-key or Cmd-key, can cancel selected node.
\n\tfalse means: press the Ctrl-key or Cmd-key, can't cancel selected node.
\n\tvar setting = {\n\tview: {\n\t\tautoCancelSelected: false\n\t}\n};\n......When double-click the parent node, 'dblClickExpand' is used to decide whether to expand the parent node.
\n\t\t\tDefault: true
\n\t\ttrue means: When double-click the parent node, zTree will expand the parent node.
\n\tfalse means: When double-click the parent node, zTree will not expand the parent node.
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which be double-clicked.
\n\tReturn value is same as 'Boolean Format'
\n\tvar setting = {\n\tview: {\n\t\tdblClickExpand: false\n\t}\n};\n......function dblClickExpand(treeId, treeNode) {\n\treturn treeNode.level > 0;\n};\nvar setting = {\n\tview: {\n\t\tdblClickExpand: dblClickExpand\n\t}\n};\n......The animation speed of expand or collapse node. As same as 'speed' parameter in jQuery
\n\t\t\tIn order to ensure zTree operating speed, if use the IE6, zTree will not use animation.
\n\t\t\tDefault: \"fast\"
\n\t\te.g. \"slow\", \"normal\", or \"fast\"
\n\tIf set to \"\", zTree will not use animation.
\n\tHow long the animation will run. [Unit: ms] (e.g. 1000)
\n\tvar setting = {\n\tview: {\n\t\texpandSpeed: \"slow\"\n\t}\n};\n......Personalized text style, only applies to <A> object in the node DOM
\n\t\t\tDefault: {}
\n\t\tAs same as .css() method in jQuery. e.g. {color:\"#ff0011\", background:\"blue\"}
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which use the personalized text style
\n\tReturn value is same as 'JSON Format'. e.g. {color:\"#ff0011\", background:\"blue\"}
\n\tvar setting = {\n\tview: {\n\t\tfontCss : {color:\"red\"}\n\t}\n};function setFontCss(treeId, treeNode) {\n\treturn treeNode.level == 0 ? {color:\"red\"} : {};\n};\nvar setting = {\n\tview: {\n\t\tfontCss: setFontCss\n\t}\n};Set to use HTML in 'name' attribute.
\n\t\t\tIf allow HTML, please do check to avoid security issues, e.g. JavaScript Injection...
\n\t\t\tDefault: false
\n\t\ttrue means: 'name' attribute can be HTML.
\n\tfalse means: 'name' attribute is only TEXT.
\n\tvar setting = {\n\tview: {\n\t\tnameIsHTML: true\n\t}\n};\nvar node = {\"name\":\"<font color='red'>test</font>\"};\n......Used to hide custom control when mouse move out the node. (e.g. the rename and remove button)
\n\t\t\tIf you use this function, so must set setting.view.addHoverDom, please make sure that a better understanding of zTree before you use it.
\n\t\t\tDefault: null
\n\t\tzTree unique identifier: treeId.
\n\tJSON data object of the node which need to hide the custom control.
\n\tvar setting = {\n\tview: {\n\t\taddHoverDom: addHoverDom,\n\t\tremoveHoverDom: removeHoverDom,\n\t\t......\n\t}\n};\nfunction addHoverDom(treeId, treeNode) {\n\tvar aObj = $(\"#\" + treeNode.tId + \"_a\");\n\tif ($(\"#diyBtn_\"+treeNode.id).length>0) return;\n\tvar editStr = \"<span id='diyBtn_space_\" +treeNode.id+ \"' > </span>\"\n\t\t+ \"<button type='button' class='diyBtn1' id='diyBtn_\" + treeNode.id\n\t\t+ \"' title='\"+treeNode.name+\"' onfocus='this.blur();'></button>\";\n\taObj.append(editStr);\n\tvar btn = $(\"#diyBtn_\"+treeNode.id);\n\tif (btn) btn.bind(\"click\", function(){alert(\"diy Button for \" + treeNode.name);});\n};\nfunction removeHoverDom(treeId, treeNode) {\n\t$(\"#diyBtn_\"+treeNode.id).unbind().remove();\n\t$(\"#diyBtn_space_\" +treeNode.id).unbind().remove();\n};\n......Set whether to allow select multiple nodes.
\n\t\t\tDefault: true
\n\t\ttrue mean: you can select multiple nodes.
\n\tfalse mean: you can only select one node.
\n\t1. Press Ctrl-key or Cmd-key, you can select multiple nodes.
\n\t2、This attribute don't affect the feature of cancel select node. ( please see setting.view.autoCancelSelected )
\n\tvar setting = {\n\tview: {\n\t\tselectedMulti: false\n\t}\n};\n......Set to show or hide node icon.
\n\t\t\tDefault: true
\n\t\ttrue means: show node icon.
\n\tfalse means: hide node icon.
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which need to show icon.
\n\tReturn value is same as 'Boolean Format'
\n\tvar setting = {\n\tview: {\n\t\tshowIcon: false\n\t}\n};\n......function showIconForTree(treeId, treeNode) {\n\treturn treeNode.level != 2;\n};\nvar setting = {\n\tview: {\n\t\tshowIcon: showIconForTree\n\t}\n};\n......Set to show or hide line.
\n\t\t\tDefault: true
\n\t\ttrue means: show line.
\n\tfalse means: hide line.
\n\tvar setting = {\n\tview: {\n\t\tshowLine: false\n\t}\n};\n......Set to show or hide the 'title' attribute of node DOM.
\n\t\t\tPlease see the setting.data.key.title attribute
\n\t\t\tDefault: true
\n\t\ttrue means: show the 'title' attribute of node DOM.
\n\tfalse means: hide the 'title' attribute of node DOM.
\n\tWhen setting.view.showTitle = true & setting.data.key.title = '', zTree will set the 'setting.data.key.name' attribute to the 'setting.data.key.title'.
\n\tzTree unique identifier: treeId.
\n\tJSON data object of the node which need to show title.
\n\tReturn value is same as 'Boolean Format'
\n\tvar setting = {\n\tview: {\n\t\tshowTitle: false\n\t}\n};\n......function showTitleForTree(treeId, treeNode) {\n\treturn treeNode.level != 2;\n};\nvar setting = {\n\tview: {\n\t\tshowTitle: showTitleForTree\n\t}\n};\n......Set to allow or don't allow to select the text which in zTree's DOM.
\n\t\t\tDefault: false
\n\t\ttrue means: Allow to select the txt which in zTree's DOM.
\n\tfalse means: Don't allow to select the txt which in zTree's DOM.
\n\tvar setting = {\n\tview: {\n\t\ttxtSelectedEnable: true\n\t}\n};\n......Used to record the node's half-checked state about its all child nodes's checkbox or radio. It is valid when [setting.check.enable = true]
\n\t\t\tzTree v3.x provides treeNode.getCheckStatus () method to get an accurate the half-checked status.
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\t\tDefault: true
\n\t\tRules:
\n\t| setting.check.checkType = \"checkbox\" | |
| treeNode.check_Child_State | Checked Status Description |
| -1 | Has no child nodes or all child nodes's 'nocheck' attribute is true. |
| 0 | All of the child nodes has not been checked. |
| 1 | Some of the child nodes has been checked. |
| 2 | All of the child nodes has been checked. |
| setting.check.checkType = \"radio\" | |
| treeNode.check_Child_State | Checked Status Description |
| -1 | Has no child nodes or all child nodes's 'nocheck' attribute is true. |
| 0 | All of the child nodes has not been checked. |
| 2 | Some of the child nodes has been checked. |
Used to record the status which the checkbox or radio get focus. It is valid when [setting.check.enable = true]
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\t\tDefault: false
\n\t\ttrue means: mouse move over the checkbox
\n\tfalse means: mouse move out the checkbox
\n\tThe checked status about node's checkbox or radio. It is valid when [setting.check.enable = true & treeNode.nocheck = false]
\n\t\t\t1. If change the 'checked' to other attribute, please set the 'setting.data.key.checked' attribute.
\n\t\t\t2. If you create node data, and set 'checked' attribute to true, zTree will check this node's checkbox or radio when zTree is initialized.
\n\t\t\t3. Use the treeObj.checkNode or checkAllNodes or updateNode method, you can check or uncheck the node. Please see the API about these methods.
\n\t\t\t4. zTree support identification string 'true' & 'false'.
\n\t\t\tDefault: false
\n\t\ttrue means: check the checkbox or radio when zTree is initialized.
\n\tfalse means: uncheck the checkbox or radio when zTree is initialized.
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\", checked:true },\n{ \"id\":2, \"name\":\"test2\", checked:true }\n]var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar checked = treeObj.getNodes()[0].checked;\nThe checked status about node's checkbox or radio when zTree was initialized. It is valid when [setting.check.enable = true & treeNode.nocheck = false]
\n\t\t\t1. Do not initialize it, it will be initialized when the node is initialized.
\n\t\t\t2. If you need to achieve special features, you can use the zTreeObj.getChangeCheckedNodes method and modify the value of 'checkedOld' attribute.
\n\t\t\tDefault: the value of 'checked' attribute when zTree is initialized
\n\t\ttrue means: the checkbox or radio is checked when zTree is initialized.
\n\tfalse means: the checkbox or radio is not checked when zTree is initialized.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar checkedOld = treeObj.getNodes()[0].checkedOld;\nThe data collections of node's child nodes.
\n\t\t\t1. If change the 'children' to other attribute, please set the 'setting.data.key.children' attribute.
\n\t\t\t2. If you set to use dynamic tree, when a node is expanded which 'isParent' attribute is true and which has no child nodes, zTree will use ajax to get its child nodes.
\n\t\t\tDefault: undefined
\n\t\tStandard JSON Data object
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\",\n\tchildren: [\n\t{ \"id\":3, \"name\":\"test3\"},\n\t{ \"id\":4, \"name\":\"test4\"},\n\t{ \"id\":5, \"name\":\"test5\"}\n\t]\n},\n{ \"id\":2, \"name\":\"test2\" }\n]var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes()[0].children;\n1. Set node's checkbox / radio to disabled. It is valid when [setting.check.enable = true]
\n\t\t\t2. zTree support identification string 'true' & 'false'.
\n\t\t\t3. Please don't change this attribute of the nodes which have been created. If you want to disable or undisable the nodes, please use 'setChkDisabled()' methods.
\n\t\t\t4. When zTree initialize the nodes, if you need to the child nodes automatically inherit the 'chkDisabled' attribute, please see 'setting.check.chkDisabledInherit'.
\n\t\t\tDefault: false
\n\t\ttrue means: this node's checkbox / radio is disabled.
\n\tfalse means: this node's checkbox / radio is able.
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"checked\":true, \"chkDisabled\":true},\n\t{ \"id\":2, \"name\":\"test2\", \"chkDisabled\":true},\n\t{ \"id\":3, \"name\":\"test3\"}\n]Simple click event operations. As same as : (onclick =\"...\") the code. If the operation is more complex, please use the onClick callback.
\n\t\t\tBecause IE is different to other browsers in operating the event of ‘onclick’ and ‘click’ coexistence, please do not use this parameter to control whether to allow the redirection operation (for example: treeNode.click = \"return false;\"). If there is similar requirements, please do not use the 'url' attribute to save the website address, but use the 'onClick' callback to control jumps.
\n\t\t\tDefault: undefined
\n\t\tStandard javascript syntax, for example: alert (\"test\"); etc.
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"Google CN\", \"url\":\"http://g.cn\", \"click\":\"alert('test');\"},\n\t......\n]Used to save other custom data of node, do not use the same attribute name with ztree used, the user can freely set.
\n\t\tvar node = { \"id\":1, \"name\":\"test1\", \"ename\":\"test eName\"};Used to save the node editing name status. It is valid when [setting.edit.enable = true]
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\t\tDefault: false
\n\t\ttrue means: node is being edited.
\n\tfalse means: node is not being edited.
\n\tGet the node's half-checked status of checkbox or radio. It is valid when [setting.check.enable = true]
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\t{\n\tchecked: true, //As same as 'treeNode.checked'\n\thalf: true //Rule the table below\n}| setting.check.checkType = \"checkbox\" | |||
| treeNode.checked | treeNode.check_Child_State | treeNode.halfCheck | half |
| - | - | true | true |
| true | -1 | false | false |
| true | 0 | false | true |
| true | 1 | false | true |
| true | 2 | false | false |
| false | -1 | false | false |
| false | 0 | false | false |
| false | 1 | false | true |
| false | 2 | false | true |
| setting.check.checkType = \"radio\" | |||
| treeNode.checked | treeNode.check_Child_State | treeNode.halfCheck | half |
| - | - | true | true |
| true | -1 | false | false |
| true | 0 | false | false |
| true | 2 | false | true |
| false | -1 | false | false |
| false | 0 | false | false |
| false | 2 | false | true |
var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar halfCheck = treeObj.getNodes()[0].getCheckStatus();\nGet the treeNode's index in its parent node's children.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tthe treeNode's index in its parent node's children. ( start at 0 )
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getIndex();\n}\nGet the treeNode's next sibling node.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tJSON data object of the treeNode's next sibling node
\n\tIf have not the next node, return null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getNextNode();\n}\nGet the treeNode's parent node.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tJSON data object of treeNode's parent node.
\n\tIf treeNode is root, return null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getParentNode();\n}\nGet the treeNode's all parent nodes. (Include itself)
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tArray of treeNode's all parent nodes. (Include itself)
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getPath();\n}\nGet the treeNode's previous sibling node.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tJSON data object of the treeNode's previous sibling node
\n\tIf have not the previous node, return null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar node = sNodes[0].getPreNode();\n}\nForce node checkBox / radio to the half-checked status. It is valid when [setting.check.enable = true & treeNode.nocheck = false]
\n\t\t\t1. If you force to the half-checked status, zTree will not automatically calculated the half-checked status about this node.
\n\t\t\t2. Until you set treeNode.halfCheck to false or null, zTree will automatically calculated the half-checked status about this node.
\n\t\t\t3. zTree support identification string 'true' & 'false'.
\n\t\t\tDefaul: false
\n\t\ttrue means: the checkbox or radio is half-checked when zTree is initialized.
\n\tfalse means: the half-checked status will be automatically calculated
\n\tvar nodes = [\n{ \"id\":1, \"name\":\"test1\", isParent:true, checked:true, halfCheck:true },\n{ \"id\":2, \"name\":\"test2\", isParent:true, checked:false, halfCheck:true },\n{ \"id\":3, \"name\":\"test3\", isParent:true, checked:true },\n{ \"id\":4, \"name\":\"test4\", isParent:true, checked:false }\n]URL path of node's custom icon.
\n\t\t\t1. If you only set the 'icon' attribute to parent node, the parent node will only show one icon when it is expanded or collapsed.
\n\t\t\t2. If you need to show two icons when it is expanded or collapsed, please set the 'treeNode.iconOpen' and 'treeNode.iconClose' attribute.
\n\t\t\t3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.
\n\t\t\tDefault: undefined
\n\t\tIcon image url can be a relative path or absolute path.
\n\tIf use a relative path, please note the relationship between icon image and the page, ensure the correct image path.
\n\tvar nodes = [\n\t//Only show one icon when it is expanded or collapsed.\n\t{ name:\"Parent Node 1\", icon:\"/img/parent.gif\"},\n\n\t//Show two icons when it is expanded or collapsed.\n\t{ name:\"Parent Node 2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"},\n\n\t//the custom icon for leaf node\n\t{ name:\"Leaf Node\", icon:\"/img/leaf.gif\"}\n]URL path of parent node's custom icon when it is collapsed.
\n\t\t\t1. Only parent node support this attribute.
\n\t\t\t2. This attribute must be used simultaneously with 'iconOpen' attribute.
\n\t\t\t3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.
\n\t\t\tDefault: undefined
\n\t\tIcon image url can be a relative path or absolute path.
\n\tIf use a relative path, please note the relationship between icon image and the page, ensure the correct image path.
\n\tvar nodes = [\n\t//Only show one icon when it is expanded or collapsed.\n\t{ name:\"Parent Node 1\", icon:\"/img/parent.gif\"},\n\n\t//Show two icons when it is expanded or collapsed.\n\t{ name:\"Parent Node 2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"},\n\n\t//the custom icon for leaf node\n\t{ name:\"Leaf Node\", icon:\"/img/leaf.gif\"}\n]URL path of parent node's custom icon when it is expanded.
\n\t\t\t1. Only parent node support this attribute.
\n\t\t\t2. This attribute must be used simultaneously with 'iconClose' attribute.
\n\t\t\t3. If you need to use css to set the custom icon, please set the 'treeNode.iconSkin' attribute.
\n\t\t\tDefault: undefined
\n\t\tIcon image url can be a relative path or absolute path.
\n\tIf use a relative path, please note the relationship between icon image and the page, ensure the correct image path.
\n\tvar nodes = [\n\t//Only show one icon when it is expanded or collapsed.\n\t{ name:\"Parent Node 1\", icon:\"/img/parent.gif\"},\n\n\t//Show two icons when it is expanded or collapsed.\n\t{ name:\"Parent Node 2\", iconOpen:\"/img/open.gif\", iconClose:\"/img/close.gif\"},\n\n\t//the custom icon for leaf node\n\t{ name:\"Leaf Node\", icon:\"/img/leaf.gif\"}\n]The className of node's custom icon.
\n\t\t\t1. You need to modify the css, add the definition of className.
\n\t\t\t2. The css is simple, convenient, and support the parent node to switch icons when it is expanded or collapsed.
\n\t\t\t3. Recommend the use of CSS Sprites, can reduce repeating load the image, to avoid image flicker.
\n\t\t\t4. The 'iconSkin' support IE6 in zTree v3.x.
\n\t\t\t5. If you need to use image's URL to set the custom icon, please set the 'treeNode.icon' or 'treeNode.iconOpen' or 'treeNode.iconClose' attribute.
\n\t\t\tDefault: undefined
\n\t\tThe string about custom icon's className.
\n\tcss example：\n.ztree li span.button.diy01_ico_open, .ztree li span.button.diy01_ico_close{...}\n\n.ztree li span.button.diy02_ico_open{...}\n.ztree li span.button.diy02_ico_close{...}\n\n.ztree li span.button.diy03_ico_docu{...}\n\nnode's data example：\nvar nodes = [\n\t//Only show one icon when it is expanded or collapsed.\n\t{ name:\"Parent Node 1\", iconSkin:\"diy01\"},\n\n\t//Show two icons when it is expanded or collapsed.\n\t{ name:\"Parent Node 2\", iconSkin:\"diy02\"},\n\n\t//the custom icon for leaf node\n\t{ name:\"Leaf Node\", iconSkin:\"diy03\"}\n]Judge whether the node's child nodes being loaded asynchronously.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\ttrue means: the node's child nodes is being loaded asynchronously
\n\tfalse means: the node's child nodes is not being loaded asynchronously
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isAjaxing = sNodes[0].isAjaxing;\n}\nJudge whether the node is the sibling nodes's first node.
\n\t\t\tIf you use the 'exhide' pack, so this attribute will only support the node which be shown.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\ttrue means: the node is first node.
\n\tfalse means: the node is not first node.
\n\tIf the node has been hidden, isFirstNode = false
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isFirstNode = sNodes[0].isFirstNode;\n}\nJudge whether the node has been hidden.
\n\t\t\t1. When initialize zTree, the nodes which be set 'isHidden = true' will be hidden.
\n\t\t\t\n\t\t\t2. Please don't change this attribute of the nodes which have been created. If you want to hide or show nodes, please use 'hideNode() / hideNodes() / showNode() / showNodes()' methods.
\n\t\ttrue means: this node is hidden.
\n\tfalse means: this node is shown.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getNodes();\nif (sNodes.length > 0) {\n\tvar isHidden = sNodes[0].isHidden;\n}\nUsed to record the hover status of node's DOM. For 'setting.view.addHoverDom / removeHoverDom'.
\n\t\t\tDo not initialize or modify it, it is an internal argument.
\n\t\t\tDefault: false
\n\t\ttrue means: the node's DOM is in hover.
\n\tfalse means: the node's DOM is not in hover.
\n\tJudge whether the node is the sibling nodes's last node.
\n\t\t\tIf you use the 'exhide' pack, so this attribute will only support the node which be shown.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\ttrue means: the node is last node.
\n\tfalse means: the node is not last node.
\n\tIf the node has been hidden, isLastNode = false
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isLastNode = sNodes[0].isLastNode;\n}\nJudge whether the node is the parent node.
\n\t\t\t1. When zTree initialize the node data, the node which has children is set to true, otherwise false.
\n\t\t\t2. When zTree initialize the node data, if set treeNode.isParent to true, the node will be set to be parent node.
\n\t\t\t3. In order to solve the problem of someone make json data, supporting \"false\", \"true\" format of the data string.
\n\t\ttrue means: the node is parent node.
\n\tfalse means: the node is not parent node.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isParent = sNodes[0].isParent;\n}\nThe level of node
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\tThe root node's level = 0, and next level = 1, ...
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar level = sNodes[0].level;\n}\nThe node's name
\n\t\t\t1. If you want to change 'name' attribute, please modify the 'setting.data.key.name' attribute.
\n\t\t\tDefault: undenfined
\n\t\tString object. The HTML special characters are escaped
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\"},\n\t{ \"id\":2, \"name\":\"test2\"},\n\t{ \"id\":3, \"name\":\"test3\"}\n]1. Set node to hide the checkbox or radio. It is valid when [setting.check.enable = true]
\n\t\t\t2. zTree support identification string 'true' & 'false'.
\n\t\t\tDefault: false
\n\t\ttrue means: the node hide the checkbox or radio, and don't affect the checked association, and don't affect its parent node's half-checked status.
\n\tfalse means: the node show the checkbox or radio.
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"nocheck\":true},\n\t{ \"id\":2, \"name\":\"test2\"},\n\t{ \"id\":3, \"name\":\"test3\"}\n]Used to record the parent node's expand status.
\n\t\t\t1. When zTree initialize the node data, if you set treeNode.open = true, zTree will default expand this parent node.
\n\t\t\t2. Leaf node's 'open' attribute is false.
\n\t\t\t3. In order to solve the problem of someone make json data, supporting \"false\", \"true\" format of the data string.
\n\t\t\t4. When setting.async.enable = false, the parent node will be expanded which have no child nodes and its attribute 'open' is true. (v3.5.15+)
\n\t\t\tDefault: false
\n\t\ttrue means: the parent node is expanded.
\n\tfalse means: the parent node is collapsed.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar isOpen = sNodes[0].open;\n}\nThe unique identifier of node's parent node.
\n\t\t\t1. zTree v3.x using 'parentTId' replaced the original 'parentNode' attribute, and increased getParentNode () method, in order to avoid the original 'parentNode' cause the clone () method infinite loop.
\n\t\t\t2. Do not initialize or modify it, it is created by the zTree.
\n\t\tString object of node's parent node's tId. please see API about 'treeNode.tId'
\n\tIf treeNode is root node, parentTId is null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar parentTId = sNodes[0].parentTId;\n}\nThe unique identifier of node.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\ttId rules: setting.treeId + \"_\" + zTree counter
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar tId = sNodes[0].tId;\n}\nUsed to set the target where the node is clicked to open url. It is valid when [treeNode.url exists]
\n\t\t\tDefault: undefined
\n\t\tAs same as <a> tag's 'target' attribute. e.g. '_blank', '_self' or other window name.
\n\tif this attribute is omitted, zTree default set it to '_blank'
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"test1\", \"url\":\"http://myTest.com\", \"target\":\"_blank\"},\n\t......\n]The URL of node link
\n\t\t\t1. In edit mode (setting.edit.enable = true) , this feature fails. If you must use a similar feature, please use the 'onClick' callback for their own control.
\n\t\t\t2. If you use the 'onClick' callback function to control opening URL , then set the URL in the other custom attribute, do not use the 'url' attribute.
\n\t\t\tDefault: undefined
\n\t\tAs same as <a> tag's 'href' attribute.
\n\tvar nodes = [\n\t{ \"id\":1, \"name\":\"Google CN\", \"url\":\"http://g.cn\"},\n\t......\n]Judge whether the parent node's child nodes will be loaded asynchronously when the parent node is expanded.
\n\t\t\tDo not initialize or modify it, it is created by the zTree.
\n\t\t\tDefault：false (the parent node which have no child nodes); true (the parent node which have child nodes or the leaf node)
\n\t\ttrue means: the node's child nodes will not be loaded asynchronously when the parent node is expanded.
\n\tfalse means: the node's child nodes will be loaded asynchronously when the parent node is expanded.
\n\tThis attribute will not effect to 'reAsyncChildNodes()' method
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar sNodes = treeObj.getSelectedNodes();\nif (sNodes.length > 0) {\n\tvar zAsync = sNodes[0].zAsync;\n}\nAdd nodes
\n\t\t\tIn order to avoid duplication data resulting from repeated initialization, zTree v3.x will automatically clone node data when zTree initialized or add nodes. If you need to get the data objects within the zTree, please get the return value of this method.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe additional node's parent node. If additional node is root node, please the parentNode is null.
\n\tPlease ensure this node data object is a data object within zTree.
\n\tThe index of the parentNode's children where the newnodes will be added (the value start from 0)
\n\tWhen index = -1, the newnodes will be added to the last
\n\tThis parameter can be ignore.
\n\tv3.5.19+
\n\tThe node data's JSON object collection which need to increase, refer to 'treeNode treeNode data details'
\n\t1. zTree v3.x support to add single node, that is, if you only add a node, you can don't use the array.
\n\t2. If you use simple data model, please refer to the attributes within the 'setting.data.simpleData'.
\n\tSet whether to automatically expand the parent node, after add nodes.
\n\tisSilent = true means: don't auto expand the parent node. Otherwise auto expand.
\n\treturn the new nodes in zTree
\n\tIf the newNodes is single data object, the return value is a array with length is 1.
\n\tNote: the node data JSON object in the return value is not equal to the JSON object in the 'newNodes'.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar newNode = {name:\"newNode1\"};\nnewNode = treeObj.addNodes(null, newNode);\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar newNodes = [{name:\"newNode1\"}, {name:\"newNode2\"}, {name:\"newNode3\"}];\nnewNodes = treeObj.addNodes(null, newNodes);\nCancel the edit name status. Can restore the original name, and can also force assigned to a new name.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tRe given a new name
\n\tIf this parameter is omitted, then restore the original name.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelEditName();\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelEditName(\"test_new_name\");\nTo cancel the selected node.
\n\t\t\tzTree v3.x support to select multiple nodes, so you can cancel a single selected node, and you can cancel all of the selected nodes too.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to cancel selected.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tIf you omit this parameter, zTree will cancel all of the selected nodes.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.cancelSelectedNode();\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) { \n\ttreeObj.cancelSelectedNode(nodes[0]);\n}\nCheck or unCheck all nodes which have been initialized. It is valid when [setting.check.enable = true & setting.check.chkStyle = \"checkbox\"]
\n\t\t\tThis method does not trigger 'beforeCheck' or 'onCheck' callback function.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tchecked = true means: check all nodes.
\n\tchecked = false means: uncheck all nodes.
\n\tDon't affect the node which 'nocheck' attribute is true.
\n\tDon't affect the node is not loaded.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.checkAllNodes(true);\nCheck or unCheck a single node. It is valid when [setting.check.enable = true]
\n\t\t\tUse checkNode() method of zTree v3.x can trigger 'beforeCheck' or 'onCheck' callback function. for reduce redundant code.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to be checked or unchecked.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tchecked = true means: check node.
\n\tchecked = false means: uncheck node.
\n\tIf this parameter is omitted, then toggle check or uncheck depend this node's expanded state.
\n\tDon't affect the node which 'nocheck' attribute is true.
\n\tcheckTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.
\n\tcheckTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.
\n\tWhen checkTypeFlag = false and treeNode.checked = checked, will not trigger callback function.
\n\tDon't affect the parent and child nodes which 'nocheck' attribute is true.
\n\tcallbackFlag = true means: call this method, will trigger 'beforeCheck' & 'onCheck' callback.
\n\tcallbackFlag = false means: call this method, will not trigger callback.
\n\tIf this parameter is omitted, it is same as 'callbackFlag = false'
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.checkNode(nodes[i], true, true);\n}\nCopy the node
\n\t\t\tWhen copy nodes, zTree v3.x will clone nodes. If you need to get the data object in zTree, please get the return value of this method.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node to be target.
\n\tIf copy the node to root node, please set the 'targetNode' to null.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tJSON data object of the node to be copied.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tCopied to the target node's relative position.
\n\t\"inner\" means: to be taregetNode's child node.
\n\t\"prev\" means: to be taregetNode's previous sibling node.
\n\t\"next\" means: to be taregetNode's next sibling node.
\n\tAfter copy the node, whether to automatically expand its parent node.
\n\tisSilent = true means: don't expand its parent node.
\n\tisSilent = false or omit this parameter means: expand its parent node.
\n\treturn the new node in zTree
\n\tNote: the node data JSON object in the return value is not equal to the treeNode.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.copyNode(nodes[0], nodes[1], \"inner\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.copyNode(nodes[0], nodes[1], \"before\");\nFrom zTree v3.4, zTree support the method for destruction.
\n\t\t\t1. This method can destroy the zTreeObj's zTree.
\n\t\t\t2. If you want to destory all of the zTrees, you can use the '$.fn.zTree.destroy()' method.
\n\t\t\t3. If you want to use the tree which has been destroyed, you must use the 'init()' method at first.
\n\t\tno return value
\n\tvar zTreeObj = $.fn.zTree.getZTreeObj(\"treeDemo\");\nzTreeObj.destroy();\nStart editing the node's name.
\n\t\t\t1. If need to cancel editing the node's name, please use cancelEditName(newName) method.
\n\t\t\t2. This method can be used to set the editing node‘s input box to get focus.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tJSON data object of the node to be editing name
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.editName(nodes[0]);\nExpand or collapse all nodes.
\n\t\t\tThis method does not trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\texpandFlag = true means: expand all nodes.
\n\texpandFlag = false means: collapse all nodes.
\n\treturn the result of expand or collapse.
\n\ttrue means: expand all nodes
\n\tfalse means: collapse all nodes
\n\tnull means: have no parent node to expand or collapse.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.expandAll(true);\nExpand or collapse single node.
\n\t\t\tUse expandNode() method of zTree v3.x can trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback function. for reduce redundant code.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node to be expanded or collapsed
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\texpandFlag = true means: expand the node.
\n\texpandFlag = false means: collapse the node.
\n\tIf this parameter is omitted, then toggle expand or collapse depend this node's expanded state.
\n\tsonSign = true means: expand or collapse all of the child nodes depend the 'expandFlag' parameter.
\n\tsonSign = false means: only expand or collapse this node.
\n\tWhen sonSign = false and treeNode.open = expandFlag, will not trigger the callback.
\n\tIf this parameter is omitted, it is same as 'sonSign = false'.
\n\tfocus = true means: after expand or collapse, set the focus of this node for view.
\n\tfocus = false means: after expand or coolapse, don't set the focus of this node.
\n\tIf this parameter is omitted, it is same as 'focus = true'.
\n\tcallbackFlag = true means: call this method, will trigger 'beforeExpand / onExpand' or 'beforeCollapse / onCollapse' callback.
\n\tcallbackFlag = false means: call this method, will not trigger callback.
\n\tIf this parameter is omitted, it is same as 'callbackFlag = false'
\n\treturn the result of expand or collapse.
\n\ttrue means: expand node
\n\tfalse means: collapse node
\n\tnull means: the node is not parent node.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.expandNode(nodes[0], true, true, true);\n}\nGet the collection of nodes which be changed checked status. (Compared with the original data checkedOld) It is valid when [setting.check.enable = true]
\n\t\t\tPlease use zTree object to executing the method.
\n\t\treturn the collection of nodes which be changed checked status (Array)
\n\tIf you need to get the collection of nodes which changed the checked status, when nodes be checked or unchecked, so please set treeNode.checkedOld = treeNode.checked ( for all of the be changed checked status nodes ).
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getChangeCheckedNodes();\nGet the collection of nodes which be checked or unchecked. It is valid when [setting.check.enable = true]
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tchecked = true means: get the collection of nodes which be checked
\n\tchecked = false means: get the collection of nodes which be unchecked
\n\tIf this parameter is omitted, it is same as 'checked = true'
\n\tDon't get the nodes which 'nocheck' attribute is true.
\n\treturn the collection of nodes which be checked or unchecked. (Array)
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getCheckedNodes(true);\nAccording to the node data attribute, search the node which exactly matches, and get the JSON object of node.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe name of attribute which need to exactly match
\n\tThe value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.
\n\tThe search range, you can search node from a parent node's child nodes.
\n\tIf this parameter is omitted, zTree will search node from all nodes.
\n\tJSON data object of the node which be searched.
\n\t1. If search none node, return null.
\n\t2. If there are many nodes can be searched, return the first node.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByParam(\"id\", 1, null);\nAccording the unique identifier tId of zTree, quick get the node's JSON data object.
\n\t\t\tGet the node from the cache, don't need to search from all nodes.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe unique identifier of node.
\n\tJSON data object of the node which be searched.
\n\tIf no result, return null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByTId(\"tree_10\");\nGet the node's index in the same level nodes. (start from 0)
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to get index.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\treturn the index. (start from 0)
\n\tIf there is no this node, return -1.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\tvar index = treeObj.getNodeIndex(nodes[0]);\n}\nGet all of the nodes in zTree
\n\t\t\tPlease use zTree object to executing the method.
\n\t\treturn all of the nodes
\n\t1. This array is a collection of the root nodes (the default child nodes are in the 'children' attributes);
\n\t2. Traverse all the nodes need to use recursion, or the use of transformToArray() method make the nodes to be a simple array.
\n\t3. For the asynchronous loading mode, can't get the nodes which are yet loaded.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\nSearch the single node's data or collection of nodes's data by custom rules.
\n\t\t\tCan be customized complex search rules.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tCustom search function. e.g. function filter(node) {...}
\n\tfilter's parameter: node (node's data -- JSON)
\n\tfilter's return: boolean (true means: match the rules; false means: don't match the rules)
\n\tisSingle = true means: search only one node
\n\tisSingle = false means: search the array of the nodes
\n\tIf this parameter is omitted, as same as false
\n\tThe search range, you can search node from a parent node's child nodes.
\n\tIf this parameter is omitted, zTree will search node from all nodes.
\n\tCustom data object by user, used to calculate in the filter function.
\n\tIf isSingle = true, will return the first node's data (JSON) what be matched. If no match, return null.
\n\tIf isSingle = false, will return the array of all nodes's data what be matched. if no match, return [ ].
\n\tfunction filter(node) {\n return (node.level == 2 && node.name.indexOf(\"test\")>-1);\n}\n......\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodesByFilter(filter, true); // search only one node\nvar nodes = treeObj.getNodesByFilter(filter); // search the array of the nodes\nAccording to the node data attribute, search the nodes which exactly matches, and get the JSON objects collection of nodes.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe name of attribute which need to exactly match
\n\tThe value which need to exactly match, can be any type, please ensure its type consistent with the attribute values.
\n\tThe search range, you can search node from a parent node's child nodes.
\n\tIf this parameter is omitted, zTree will search node from all nodes.
\n\tThe JSON data objects collection of the nodes which be searched.
\n\tIf search none node, return [ ].
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParam(\"name\", \"test\", null);\nAccording to the node data attribute, search the nodes which fuzzy matches, and get the JSON objects collection of nodes.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe name of attribute which need to fuzzy match
\n\tThe value which need to fuzzy match.
\n\tThe type of value can only be String
\n\tThe search range, you can search node from a parent node's child nodes.
\n\tIf this parameter is omitted, zTree will search node from all nodes.
\n\tThe JSON data objects collection of the nodes which be searched.
\n\tIf search none node, return [ ].
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParamFuzzy(\"name\", \"test\", null);\nGet the JSON data objects collection of the selected nodes in zTree.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe JSON data objects collection of the selected nodes.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nTo hide any node.
\n\t\t\t1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.
\n\t\t\t2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tJSON data object of the node to be hidden
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.hideNode(nodes[0]);\nTo hide a group of nodes.
\n\t\t\t1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.
\n\t\t\t2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tthe array of the nodes which will be hidden
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.hideNodes(nodes[0].children);\nMove the node
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node to be target.
\n\tIf move the node to root node, please set the 'targetNode' to null.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tJSON data object of the node to be moved.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tMoved to the target node's relative position.
\n\t\"inner\" means: to be taregetNode's child node.
\n\t\"prev\" means: to be taregetNode's previous sibling node.
\n\t\"next\" means: to be taregetNode's next sibling node.
\n\tAfter move the node, whether to automatically expand its parent node.
\n\tisSilent = true means: don't expand its parent node.
\n\tisSilent = false or omit this parameter means: expand its parent node.
\n\treturn the node which be moved, it is same as the 'treeNode' parameter.
\n\tReturn null means: move node has failed. The cause:
\n\t\t 1. the targetNode is the treeNode's parent node, and moveType = \"inner\"
\n\t\t 2. the targetNode is the treeNode's child node.\n\t
var treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.moveNode(nodes[0], nodes[1], \"inner\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\ntreeObj.moveNode(nodes[0], nodes[1], \"prev\");\nForced asynchronous loading child nodes of parent node. It is valid when [setting.async.enable = true]\n
\nYou can use this method to reload child nodes.
\nPlease use zTree object to executing the method.
\nThe parent node which will asynchronous loading child nodes.
\n1. If parentNode = null, it is same as reload root nodes.
\n2. If parentNode.isParent = false, don't load nodes.
\n3. Please ensure that this data object is an internal node data object in\n zTree.
\nreloadType = \"refresh\" means: reload child nodes.
\nreloadType != \"refresh\" means: append to load child nodes.
\nSet whether to automatically expand the parent node, after load nodes.
\nisSilent = true means: don't auto expand the parent node. Otherwise auto expand.
\nzTree will trigger this callback() function after reAsyncChildNodes()
\nno return value
\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.reAsyncChildNodes(null, \"refresh\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.reAsyncChildNodes(nodes[0], \"refresh\");\n}\nForced asynchronous loading child nodes of parent node ( for ES6 Promise ). It is valid when [setting.async.enable = true]\n
\nYou can use this method to reload child nodes.
\nPlease use zTree object to executing the method.
\nv3.5.29+
\nThe parent node which will asynchronous loading child nodes.
\n1. If parentNode = null, it is same as reload root nodes.
\n2. If parentNode.isParent = false, don't load nodes.
\n3. Please ensure that this data object is an internal node data object in\n zTree.
\nreloadType = \"refresh\" means: reload child nodes.
\nreloadType != \"refresh\" means: append to load child nodes.
\nSet whether to automatically expand the parent node, after load nodes.
\nisSilent = true means: don't auto expand the parent node. Otherwise auto expand.
\nPromise Object of ES6
\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.reAsyncChildNodes(null, \"refresh\");\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes.length>0) {\n\ttreeObj.reAsyncChildNodes(nodes[0], \"refresh\");\n}\nRefresh zTree
\n\t\t\tIf you have no special need, try not to use this method. If you refresh single node, please use updateNode() method. If you refresh child nodes in dynamic mode, please use the reAsyncChildNodes() method.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.refresh();\nRemove a parent node's child nodes
\n\t\t\t1. After remove child nodes, the parent node will become a leaf node. Such as the need to maintain the parent node is still a parent node, set 'setting.data.keep.parent' attribute.
\n\t\t\t2. Do not use this method to empty the root. If you need to empty the root, you can initialization zTree, and set the initial nodes is null.
\n\t\t\t3. This method does not trigger any callback function.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tThe parent node which need to clear its child nodes.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tReturn the parent node's child nodes which have been removed. If has no child nodes, return null.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nif (nodes && nodes.length>0) {\n\ttreeObj.removeChildNodes(nodes[0]);\n}\nRemove a node
\n\t\t\tUse removeNode() method of zTree v3.x can trigger 'beforeRemove / onRemove' callback function. for reduce redundant code.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node to be removed.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tcallbackFlag = true means: call this method, will trigger 'beforeRemove' & 'onRemove' callback.
\n\tcallbackFlag = false means: call this method, will not trigger callback.
\n\tIf this parameter is omitted, it is same as 'callbackFlag = false'
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.removeNode(nodes[i]);\n}\nSelect a node
\n\t\t\tzTree v3.x supports select multiple nodes.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node to be selected.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\taddFlag = true means: append to select node, don't affect the previously selected node, can select multiple nodes.
\n\taddFlag = false (default) means: select single node, prior the selected node is deselected.
\n\tIf setting.view.selectedMulti = false, this para, this parameter is not valid, always select single node
\n\tisSilent = true means: when you select node, zTree will not scroll the node into view.
\n\tisSilent = false (default) means: when you select node, zTree will scroll the node into view.
\n\t(v3.5.23+)
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\nif (nodes.length>0) {\n\ttreeObj.selectNode(nodes[0]);\n}\nSet the node's checkbox or radio is disabled or remove disabled. It is valid when [setting.check.enable = true]
\n\t\t\t1. After the node's checkbox / radio is disabled, it can not be checked or unchecked, but it can affect the half-checked status of the parent node.
\n\t\t\t2. Please do not directly modify the 'chkDisabled' attribute of the loaded node.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tJSON data object of the node which need to be checked or unchecked.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tdisabled = true means: the node's checkbox / radio is disabled.
\n\tdisabled = false means: the node's checkbox / radio is removed disabled.
\n\tIf this parameter is omitted, it is same as disabled = false
\n\tDon't affect the node which 'nocheck' attribute is true.
\n\tinheritParent = true means: all parent nodes's disabled status will be same as this node.
\n\tinheritParent = false means: all parent nodes's disabled status will be not affected.
\n\tIf this parameter is omitted, it is same as 'inheritParent = false'
\n\tinheritChildren = true means: all child nodes's disabled status will be same as this node.
\n\tinheritChildren = false means: all child nodes's disabled status will be not affected.
\n\tIf this parameter is omitted, it is same as 'inheritChildren = false'
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getSelectedNodes();\nfor (var i=0, l=nodes.length; i < l; i++) {\n\ttreeObj.setChkDisabled(nodes[i], true);\n}\nEdit mode and normal mode switch.
\n\t\t\tTo use edit mode, please set the attributes in 'setting.edit'
\n\t\t\tPlease use zTree object to executing the method.
\n\t\ttrue means: set zTree to edit mode.
\n\tfalse means: set zTree to normal mode.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\ntreeObj.setEditable(true);\nThe configuration data of zTree, refer to \"setting details\"
\n\t\t\tzTree v3.x to cancel the original operation setting method, so users can modify.
\n\t\t\tNote: Modify the parameters which affect zTree initialization will not work, please first understand the different attributes.
\n\t\tTo hide any node which be hidden.
\n\t\t\t1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.
\n\t\t\t2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tJSON data object of the node to be shown
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar node = treeObj.getNodeByParam(\"isHidden\", true);\nif (node) {\n treeObj.showNode(node);\n}\nTo show a group of nodes which be hidden.
\n\t\t\t1. This feature can't support the 'exedit' feature, so please don't use this feature in edit mode.
\n\t\t\t2. If you hide or show the nodes, it will effect the 'isFirstNode' and 'isLastNode' attribute.
\n\t\t\t3. Please use zTree object to executing the method.
\n\t\tthe array of the nodes which will be shown
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodesByParam(\"isHidden\", true);\ntreeObj.showNodes(nodes);\nTransform the zTree nodes data into simple array. (To avoid the user to write code to traverse all nodes)
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to be transformed.
\n\tor JSON data objects collection of the nodes which need to be transformed.
\n\tThe JSON data objects array of the nodes which be transformed.
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.transformToArray(treeObj.getNodes());\nTransform the simple array into zTree nodes data.
\n\t\t\tIf you use this method, you must set 'setting.data.simpleData.idKey' and 'setting.data.simpleData.pIdKey' attribute, and let the data are consistent with parent-child relationship.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to be transformed.
\n\tor JSON data objects array of the nodes which need to be transformed.
\n\tStandard data which zTree use. The child nodes are stored in the parent node's 'children' attribute.
\n\tIf simpleNodes is a single JSON, so the return array's length is 1.
\n\tvar setting = {\n\tdata: {\n\t\tsimpleData: {\n\t\t\tenable: true,\n\t\t\tidKey: \"id\",\n\t\t\tpIdKey: \"pId\",\n\t\t\trootPId: 0\n\t\t}\n\t}\n};\nvar simpleNodes = [\n {\"id\":1, \"pId\":0, \"name\":\"test1\"},\n {\"id\":11, \"pId\":1, \"name\":\"test11\"},\n {\"id\":12, \"pId\":1, \"name\":\"test12\"},\n {\"id\":111, \"pId\":11, \"name\":\"test111\"}\n];\nvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.transformTozTreeNodes(simpleNodes);\nUpdate node data. Primarily used to update the node's DOM.
\n\t\t\t1. Can update the attributes for display (e.g. 'name', 'target', 'url', 'icon', 'iconSkin', 'checked', 'nocheck'), do not update the other attributes. For example: If you need to expand the node, please use expandNode() method, do not modify the 'open' attribute.
\n\t\t\t2. Use updateNode() method of zTree can't trigger 'beforeCheck' or 'onCheck' callback function.
\n\t\t\tPlease use zTree object to executing the method.
\n\t\tJSON data object of the node which need to update.
\n\tPlease ensure that this data object is an internal node data object in zTree.
\n\tcheckTypeFlag = true means: According to 'setting.check.chkboxType' attribute automatically check or uncheck the parent and child nodes.
\n\tcheckTypeFlag = false means: only check or uncheck this node, don't affect its parent and child nodes.
\n\tThis parameter is valid when 'setting.check.enable = true' and 'setting.check.chkStyle = \"checkbox\"'
\n\tDon't affect the parent and child nodes which 'nocheck' attribute is true.
\n\tno return value
\n\tvar treeObj = $.fn.zTree.getZTreeObj(\"tree\");\nvar nodes = treeObj.getNodes();\nif (nodes.length>0) {\n\tnodes[0].name = \"test\";\n\ttreeObj.updateNode(nodes[0]);\n}\n请尝试按下 Ctrl 或 Cmd 键进行 多节点选择 和 取消选择
\n\t\t\t\t\tclick log:
\n\t\t\t\t\t
试试看：
\n\t\t\t\t\t expandNode 方法是否触发 callback
\n\t\t\t\t\t 单个节点--[ 展开 ]\n\t\t\t\t\t [ 折叠 ]\n\t\t\t\t\t [ 展开 / 折叠 切换 ]
\n\t\t\t\t\t 单个节点（包括子节点）--[ 展开 ]\n\t\t\t\t\t [ 折叠 ]
\n\t\t\t\t\t 全部节点--[ 展开 ]\n\t\t\t\t\t [ 折叠 ]
使用 zTreeObj.expandNode 方法，详细请参见 API 文档中的相关内容
\n\t\t\t\t\tcollapse / expand log:
\n\t\t\t\t\t
请尝试鼠标在 zTree 上胡乱点击（左键、右键）吧，顺便看看 log
\n\t\t\t\t\tmousedown event log:
\n\t\t\t\t\t
搜索试试看：
\n\t\t\t\t\t\t属性值( value )：
\n\t\t\t\t\t\t属性( key )：name (string)
\n\t\t\t\t\t\tlevel (number) ... 根节点 level = 0
\n\t\t\t\t\t\tid (number)
\n\t\t\t\t\t\t方法：getNodeByParam
\n\t\t\t\t\t\tgetNodesByParam
\n\t\t\t\t\t\tgetNodesByParamFuzzy (only string)
\n\t\t\t\t\t\tgetNodesByFilter (参考本页源码中 function filter)
\n\t\t\t\t\t
例如：\nvar nodes = [\n\t{id:1, pId:0, name: \"父节点1\"},\n\t{id:11, pId:1, name: \"子节点1\"},\n\t{id:12, pId:1, name: \"子节点2\"}\n];例如：\nvar nodes = [\n\t{name: \"父节点1\", children: [\n\t\t{name: \"子节点1\"},\n\t\t{name: \"子节点2\"}\n\t]}\n];父子关联关系：
\n\t\t\t\t\t\t被勾选时：关联父\n\t\t\t\t\t\t关联子
\n\t\t\t\t\t\t取消勾选时：关联父\n\t\t\t\t\t\t关联子
\n\t\t\t\t\t\t
去勾选 checkbox 比较下面的数字变化：
\n\t\t\t\t\t
这里还演示了 checkNode / checkAllNodes 方法触发 beforeCheck / onCheck 事件回调函数的情况，试试看：
\n\t\t\t\t\t setting.check.autoCheckTrigger: false
\n\t\t\t\t\t 执行勾选方法是否触发 callback
\n\t\t\t\t\t 单节点--[ 勾选 ]\n\t\t\t\t\t [ 取消勾选 ]\n\t\t\t\t\t [ 勾选 切换 ]
\n\t\t\t\t\t 单节点 ( 影响父子 )--[ 勾选 ]\n\t\t\t\t\t [ 取消勾选 ]\n\t\t\t\t\t [ 勾选 切换 ]
\n\t\t\t\t\t 全部节点--[ 勾选 ]\n\t\t\t\t\t [ 取消勾选 ]
使用 zTreeObj.checkNode / checkAllNodes 方法，详细请参见 API 文档中的相关内容
\n\t\t\t\t\tbeforeCheck / onCheck log:
\n\t\t\t\t\t
radio 分组范围：同一级内\n\t\t\t\t\t\t整棵树内
\n\t\t\t\t\t\t
基本拖拽设置：
\n\t\t\t\t\t\t允许复制\n\t\t\t\t\t\t允许移动
\n\t\t\t\t\t\t
拖拽相对位置设置：
\n\t\t\t\t\t\tprev\n\t\t\t\t\t\tinner\n\t\t\t\t\t\tnext
\n\t\t\t\t\t\t
在对这些灵活的配置熟悉以后，相信你能够做出更加合理的拖拽规则！
\n\t\t\t\t\t 拖拽节点时自动展开父节点是否触发 callback
\n\t\t\t\t\tdrag / drop log:
\n\t\t\t\t\t
基本编辑按钮设置：
\n\t\t\t\t\t\t显示删除按钮\n\t\t\t\t\t\t显示编辑按钮
\n\t\t\t\t\t\tremove 按钮的 title:
\n\t\t\t\t\t\trename 按钮的 title: \n\t\t\t\t\t\t
对节点进行 增 / 删 / 改，试试看：
\n\t\t\t\t\t removeNode 方法是否触发 callback
\n\t\t\t\t\t [ 增加父节点 ]\n\t\t\t\t\t [ 增加叶子节点 ]\n\t\t\t\t\t [ 编辑名称 ]
\n\t\t\t\t\t [ 删除节点 ]\n\t\t\t\t\t [ 清空子节点 ]
\n\t\t\t\t\tremove log:
\n\t\t\t\t\t
在对这些灵活的配置熟悉以后，相信你能够做出更加合理的编辑界面！
\n\t\t\t\t\t 编辑名称时是否全选 text
\n\t\t\t\t\tremove / rename log: 红色 表示取消编辑操作 (v3.5.13+)
\n\t\t\t\t\t
隐藏、显示节点，看看树的变化：
\n\t\t\t\t\t试试看：[ 隐藏选中的节点 ]\n\t\t\t\t\t [ 显示全部被隐藏的节点 ]
\n\t\t\t\t\t
隐藏、显示节点，看看树的变化：
\n\t\t\t\t\t试试看：[ 隐藏选中的节点 ]\n\t\t\t\t\t [ 显示全部被隐藏的节点 ]
\n\t\t\t\t\t
隐藏、显示节点，看看树的变化：
\n\t\t\t\t\t试试看：[ 隐藏选中的节点 ]\n\t\t\t\t\t [ 显示全部被隐藏的节点 ]
\n\t\t\t\t\t
| \n | \n \n \n | \n
Mode:
\n \n \n \n
\n \t\t\t\t
搜索试试看：
\n\t\t\t\t\t\t关键字：
\n\t\t\t\t\t
This Demo can only select one parent node
\n\t\t\t\t\tTry: [ reload ] [ append ]
'isSilent' parameter is only for the collapsed state of the parent node.
\n\t\t\t\t\tTry: [ Quietly reloaded ] [ Quietly append ]
\n\t\t\t\t\tasync log:
\n\t\t\t\t\t
Try pressing the Ctrl or Cmd key for multi-node selection and deselection.
\n\t\t\t\t\tclick log:
\n\t\t\t\t\t
Try:
\n\t\t\t\t\t Whether trigger the callback when execution expandNode() method.
\n\t\t\t\t\t Single Node --[ expand ]\n\t\t\t\t\t [ collapse ]\n\t\t\t\t\t [ toggle ]
\n\t\t\t\t\t Single Node (including child) --[ expand ]\n\t\t\t\t\t [ collapse ]
\n\t\t\t\t\t All Nodes --[ expand All ]\n\t\t\t\t\t [ collapse All ]
How to use zTreeObj.updateNode method, please see the API documentation.
\n\t\t\t\t\tcollapse / expand log:
\n\t\t\t\t\t
Try clicking with the mouse on the zTree (left or right), by the way to see log.
\n\t\t\t\t\tmousedown event log:
\n\t\t\t\t\t
Try to search:
\n\t\t\t\t\t\tattribute( value ):
\n\t\t\t\t\t\tattribute( key ): name (string)
\n\t\t\t\t\t\tlevel (number) ... root node's level is 0
\n\t\t\t\t\t\tid (number)
\n\t\t\t\t\t\tmethod: getNodeByParam
\n\t\t\t\t\t\tgetNodesByParam
\n\t\t\t\t\t\tgetNodesByParamFuzzy (only string)
\n\t\t\t\t\t\tgetNodesByFilter (see source: function filter)
\n\t\t\t\t\t
For example:\nvar nodes = [\n\t{id:1, pId:0, name: \"pNode 01\"},\n\t{id:11, pId:1, name: \"child 01\"},\n\t{id:12, pId:1, name: \"child 02\"}\n];For example:\nvar nodes = [\n\t{name: \"pNode 01\", children: [\n\t\t{name: \"child 01\"},\n\t\t{name: \"child 02\"}\n\t]}\n];This Demo can only select one parent node
\n\t\t\t\t\tTry: [ Change Name ]\n\t\t\t\t\t [ Change Icon ]
\n\t\t\t\t\t [ Change Color ]\n\t\t\t\t\t [ Change Italic Font ]
Linkage relationship between parent and child nodes:
\n\t\t\t\t\t\tcheck: affect the parent\n\t\t\t\t\t\taffect the child
\n\t\t\t\t\t\tuncheck: affect the parent\n\t\t\t\t\t\taffect the child
\n\t\t\t\t\t\t
Try:
\n\t\t\t\t\tdisabled: affect the parent\n\t\t\t\t\taffect the child
\n\t\t\t\t\tunDisabled: affect the parent\n\t\t\t\t\taffect the child
\n\t\t\t\t\t [ be disabled ]\n\t\t\t\t\t [ be abled ]
Check the checkbox, observe the number of changes:
\n\t\t\t\t\t
By the way also demonstrates how to use the 'checkNode / checkAllNodes' method triggers 'beforeCheck / onCheck' callback, Try:
\n\t\t\t\t\t setting.check.autoCheckTrigger: false
\n\t\t\t\t\t Whether trigger the callback when execution checkNode() method.
\n\t\t\t\t\t Node --[ check ]\n\t\t\t\t\t [ uncheck ]\n\t\t\t\t\t [ toggle ]
\n\t\t\t\t\t Node (relationships) --[ check ]\n\t\t\t\t\t [ uncheck ]\n\t\t\t\t\t [ toggle ]
\n\t\t\t\t\t All Nodes --[ check ]\n\t\t\t\t\t [ uncheck ]
How to use 'zTreeObj.checkNode / checkAllNodes' method, please see the API documentation.
\n\t\t\t\t\tbeforeCheck / onCheck log:
\n\t\t\t\t\t
Try:
\n\t\t\t\t\t [ hide checkbox ]\n\t\t\t\t\t [ show checkbox ]\n\t\t\t\t
group range of radio:
within the same level\n\t\t\t\t\t\twithin the whole tree
\n\t\t\t\t\t\t
Try:
\n\t\t\t\t\t [ be disabled ]\n\t\t\t\t\t [ be abled ]
By the way also demonstrates how to use the 'checkNode' method triggers 'beforeCheck / onCheck' callback, Try:
\n\t\t\t\t\t Whether trigger the callback when execution checkNode() method.
\n\t\t\t\t\t [ check ]\n\t\t\t\t\t [ uncheck ]
How to use 'zTreeObj.checkNode' method, please see the API documentation.
\n\t\t\t\t\tbeforeCheck / onCheck log:
\n\t\t\t\t\t
Basic settings:
\n\t\t\t\t\t\tcan Copy\n\t\t\t\t\t\tcan Move
\n\t\t\t\t\t\t
Position settings:
\n\t\t\t\t\t\tprev\n\t\t\t\t\t\tinner\n\t\t\t\t\t\tnext
\n\t\t\t\t\t\t
After be familiar with these configurations, I think you can design a more flexible and rational rules!
\n\t\t\t\t\t 拖拽节点时自动展开父节点是否触发 callback
\n\t\t\t\t\tdrag / drop log:
\n\t\t\t\t\t
Edit button setting:
\n\t\t\t\t\t\tshow remove button\n\t\t\t\t\t\tshow edit button
\n\t\t\t\t\t\ttitle for remove:
\n\t\t\t\t\t\ttitle for rename: \n\t\t\t\t\t\t
Try to edit node:
\n\t\t\t\t\t Whether trigger the callback when execution removeNode() method.
\n\t\t\t\t\t [ add parent node ]\n\t\t\t\t\t [ add leaf node ]\n\t\t\t\t\t [ edit name ]
\n\t\t\t\t\t [ remove node ]\n\t\t\t\t\t [ make child nodes to empty ]
\n\t\t\t\t\tremove log:
\n\t\t\t\t\t
After be familiar with these configurations, I think you can design a more flexible and rational rules!
\n\t\t\t\t\t Whether select all text, when edit node's name.
\n\t\t\t\t\tremove / rename log: RED is cancel edit (v3.5.13+)
\n\t\t\t\t\t
Hide or show the nodes:
\n\t\t\t\t\tTry: [ Hide the nodes which be selected ]
\n\t\t\t\t\t [ Show all of the nodes which be hidden ]
\n\t\t\t\t\t
Hide or show the nodes:
\n\t\t\t\t\tTry: [ Hide the nodes which be selected ]
\n\t\t\t\t\t [ Show all of the nodes which be hidden ]
\n\t\t\t\t\t
Hide or show the nodes:
\n\t\t\t\t\tTry: [ Hide the nodes which be selected ]
\n\t\t\t\t\t [ Show all of the nodes which be hidden ]
\n\t\t\t\t\t
| \n | \n \n \n | \n
Mode:
\n \n \n \n
\n \t\t\t\t
Try to search：
\n\t\t\t\t\t\tKeywords：
\n\t\t\t\t\t
Mode:
\n \n \n \n
\n \t\t\t\t
哦豁，403错误！
\n哦豁，404错误！
\n哦豁，500错误！
\n| ID | \n用户 | \n金额 | \n时间 | \n渠道 | \n
|---|---|---|---|---|
| 001 | \n*明 | \n￥3.80 | \n2018-07-16 | \n\n |
| 002 | \n*东 | \n￥6.80 | \n2018-08-05 | \n\n |
| 003 | \n** | \n￥0.01 | \n2018-08-08 | \n\n |
| 004 | \n*棣 | \n￥8.80 | \n2018-08-09 | \n\n |
| 005 | \n** | \n￥0.01 | \n2018-08-11 | \n\n |
| 006 | \n*你 | \n￥1.00 | \n2018-08-22 | \n\n |
\n okLayer.tableCheck()\n\n\n
\n// 对表格进行批量操作时的预检查\nokLayer.tableCheck(table)\n\n\n \n
\n okLayer.tableOperationMsg()\n\n\n
\n// 对表格操作后的提示信息\nokLayer.tableOperationMsg(\"批量启用成功\");\nokLayer.tableOperationMsg(\"批量停用成功\");\n\n\n \n
\n okLayer.confirm()\n\n\n
\nokLayer.confirm(\"确定要批量删除吗？\", function (index) {\n layer.close(index);\n // 代码逻辑\n});\n\n\n\t\n\t\n\t\tokLayer.open()\n\t\n\n
\n/**\n * 弹窗打开窗口页面\n * @param title 标题\n * @param content 内容url\n * @param width 弹窗宽度\n * @param height 弹窗高度\n * @param successFunction 弹出后回调函数\n * @param endFunction 销毁后回调函数\n */\nokLayer.open(\"添加用户\", \"user-add.html\", \"90%\", \"90%\", function(layero, index) {}, function() {})\n\n\n 菜单树json串\n\n\n
\n{\n \"status\": 1000,\n \"msg\": \"操作成功\",\n \"data\": {\n \"title\": \"多级菜单\",\n \"path\": \"\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false,\n \"children\": [\n {\n \"title\": \"购物网站\",\n \"path\": \"\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false,\n \"children\": [\n {\n \"title\": \"苏宁\",\n \"path\": \"https://www.suning.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"京东\",\n \"path\": \"https://www.jd.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"阿里\",\n \"path\": \"\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false,\n \"children\": [\n {\n \"title\": \"淘宝\",\n \"path\": \"https://www.taobao.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"天猫\",\n \"path\": \"https://www.tmall.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"聚划算\",\n \"path\": \"https://ju.taobao.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n }\n ]\n }\n ]\n },\n {\n \"title\": \"新浪微博\",\n \"path\": \"https://www.sina.com.cn\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"搜索引擎\",\n \"path\": \"\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false,\n \"children\": [\n {\n \"title\": \"百度\",\n \"path\": \"https://www.baidu.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"谷歌\",\n \"path\": \"https://www.google.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"360搜索\",\n \"path\": \"https://www.so.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n }\n ]\n },\n {\n \"title\": \"搜狐\",\n \"path\": \"http://www.sohu.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n },\n {\n \"title\": \"网易\",\n \"path\": \"https://www.163.com\",\n \"font\": \"layui-icon\",\n \"icon\": \"\",\n \"spread\": false\n }\n ]\n }\n}\n\n\n \n \n 调用生成菜单树\n\n\n
\n// 生成左侧菜单树\nokMenu.generatorMenu(\"data/menu.json\", \"get\");\n\n
\n 使用方法1：用按钮点击打开\n\n\n
\n/**\n * 添加tab\n * @param title 标题\n * @param path 路径\n */\nokTab.tabAdd(\"ok-tool\", \"http://www.xlbweb.cn\")\n\n\n \n\t\n
\n 使用方法1：在index.html左侧中添加\n\n\n
\n
\n 使用方法2：在index.html顶部中添加\n\n\n
\n\n\n\n \n
\n 使用方法3：用按钮点击打开\n\n\n
\n/**\n * 添加tab\n * @param title 标题\n * @param path 路径\n */\nokTab.tabAdd(\"ok-tool\", \"http://www.xlbweb.cn\")\n\n\n \n\t\n\t\n\t\n
\n okUtils.ajax()\n\n\n
\n/**\n * 弹窗打开窗口页面\n * @param url 请求url\n * @param type 请求类型\n * @param param 请求参数\n */\nokUtils.ajax(\"/user/batchDel\", \"post\", {idsStr: idsStr}).done(function (response) {\n console.log(response)\n okLayer.tableOperationMsg(\"批量删除成功\");\n}).fail(function (error) {\n console.log(error)\n});\n\n\n \n \n okUtils.table.xxx()\n\n\n
\n// 做批量操作时，table行数据检查\nokUtils.table.batchCheck(table)\n// table页面操作执行成功后的提示\nokUtils.table.successMsg()\n\n\n \n
\n okUtils.isNum()\n\n\n
\n// 判断是否为一个正常的数字\nokUtils.isNum()\n// 判断一个数字是否包括在某个范围\nokUtils.isNum(num, begin, end)\n\n\n \n
\n okUtils.date.xxx()\n\n\n
\n// 格式化日期时间\nokUtils.dateFormat(date, fmt)\n\n
\n 使用方法1：在index.html左侧中添加\n\n
\n
\n 使用方法2：在index.html顶部中添加\n\n
\n\n \n\n \n
\n 使用方法3：用按钮点击打开\n\n
\n/**\n * 添加tab\n * @param title 标题\n * @param path 路径\n * @param tabId tabId必须唯一\n */\ntabAdd(\"百度\", \"http://www.xlbweb.cn\", \"11-1\")\n\n \n
\n 欢迎管理员：bobi！当前时间: \n\n \n\n
\n 系统基本参数\n\n
| 本机IP地址 | \n1.1.1.1 | \n
| ok-admin v1.0 服务器地址 | \nhttp://ok-admin-v1.xlbweb.cn | \n
| ok-admin v2.0 服务器地址 | \n\t\thttp://ok-admin.xlbweb.cn | \n\t\t
| 操作系统 | \nCentOS | \n
| 运行环境 | \nJDK 1.8.0_171 | \n
| 数据库版本 | \nMySQL 5.7 | \n
| 最大上传限制 | \n5M | \n
| 当前用户权限 | \n超级管理员 | \n
| 剩余空间 | \n888888M | \n
\n 作者信息\n\n
| 开发者 | \nbobi - bobi1234@foxmail.com | \n
| 下载地址1 | \n\n Gitee\n 目前正在不间断迭代开发中，请大家多多\n Star\n ，您的鼓励就是我开发的动力，O(∩_∩)O谢谢~\n | \n
| 下载地址2 | \n\n Github\n 目前正在不间断迭代开发中，请大家多多\n Star\n ，您的鼓励就是我开发的动力，O(∩_∩)O谢谢~\n | \n
\n 更新日志\n\n
\n ok-admin大体架构成型。\n
不枉近半个月日日夜夜与之为伴。\n
无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 \n
毕业答辩结束，至此感觉大学，就这样结束了。送两句话给自己：
\n\n 正在准备毕业答辩\n
常常在想，要是有一个满足我项目所有基础页面的CMS该多好\n
今天，初始化项目\n