{"version":3,"sources":["webpack:///./src/components/common/Blockly.vue?eeb5","webpack:///./src/views/help/aiTEditorHelp/HelpDocument.vue?cbd3","webpack:///./src/views/help/aiTEditorHelp/AiIntroducePage.vue?1371","webpack:///src/views/help/aiTEditorHelp/AiIntroducePage.vue","webpack:///./src/views/help/aiTEditorHelp/AiIntroducePage.vue?02c6","webpack:///./src/views/help/aiTEditorHelp/AiIntroducePage.vue","webpack:///./src/views/help/aiTEditorHelp/AiTEditorHelp.js","webpack:///src/views/help/aiTEditorHelp/HelpDocument.vue","webpack:///./src/views/help/aiTEditorHelp/HelpDocument.vue?00bf","webpack:///./src/views/help/aiTEditorHelp/HelpDocument.vue","webpack:///./public/images/ico37-1.png","webpack:///./node_modules/core-js/modules/es.array.sort.js","webpack:///./src/assets/images/HelpDocument/image1.2.1.png","webpack:///./src/views/help/HelpDocumentPage.vue?9562","webpack:///./src/components/common/Blockly.vue?6c39","webpack:///src/components/common/Blockly.vue","webpack:///./src/components/common/Blockly.vue?cb8b","webpack:///./src/components/common/Blockly.vue","webpack:///src/views/help/HelpDocumentPage.vue","webpack:///./src/views/help/HelpDocumentPage.vue?c3ad","webpack:///./src/views/help/HelpDocumentPage.vue","webpack:///./src/views/help/aiTEditorHelp/HelpDocument.vue?78f0","webpack:///./src/views/help/HelpDocumentPage.vue?82f8","webpack:///./src/assets/images/HelpDocument/aiIntroduce-image.png","webpack:///./src/axios/personalSpace/AiEditor/blocks.api.js","webpack:///./src/axios/personalSpace/AiEditor/blocks.js","webpack:///./src/views/help/aiTEditorHelp/AiIntroducePage.vue?5027"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","key","name","class","navState","type","on","$event","navClick","_s","filterToolList","ref","attrs","defaultProps","blocksId","handleNodeClick","_e","directives","rawName","value","expression","currentHelp","hashId","staticRenderFns","_m","toTop","rightnavs","rightdropnavs","index","active","onScrollTop","title","staticStyle","props","Number","default","components","data","scrollTop","Items","created","document","body","documentElement","setTimeout","mounted","window","addEventListener","onScroll","destroy","removeEventListener","methods","navContents","forEach","offsetTopArr","push","offsetTop","n","navIndex","smoothDown","targetOffsetTop","STEP","requestAnimationFrame","smoothUp","component","Inits","id","content","blockText","Events","Control","Operators","Text","List","Dictionary","Variable","Function","Media","AiIntroducePage","HelpDocumentPage","navStateName","blocksTypes","toolList","children","label","watch","handler","computed","onHashId","val","onNavState","location","hash","split","console","log","creatBlock","newArr","map","blocksLabelTitle","blocksName","parentId","dataList","blocksLabel","blocksDescribe","blocksCase","length","convert","treeHandler","prev","blocksLevel","next","blocksOrder","listSort","arr","item2","iterated","defineBlockJs","list","blockJs","call","blockListHandler","replace","module","exports","$","aFunction","toObject","fails","sloppyArrayMethod","nativeSort","sort","test","FAILS_ON_UNDEFINED","undefined","FAILS_ON_NULL","SLOPPY_METHOD","FORCED","target","proto","forced","comparefn","style","height","stopPropagation","modeToCode","workspaceIsVisible","model","callback","$$v","pythonEditorCode","String","workspace","rendererName","codeIcon","blocklyInit","blockToWorkspace","reg_xml","slice","pos_y","attemptCodeGeneration","checkAllGeneratorFunctionsDefined","generator","code","workspaceToCode","blocks","getAllBlocks","missingBlockGenerators","i","blockType","indexOf","valid","msg","blocksGradient","defaultBlockStyles","blocklySvg","getElementsByClassName","styleName","colour","colourPrimary","defs","createElementNS","linearGradient","setAttribute","stop_1","stop_2","appendChild","beforeUpdate","updated","destroyed","activated","Array","hashIdState","intervalNum","intervalSum","helpList","JSON","parse","stringify","deep","$nextTick","immediate","tag","process","new_service_basis","getEnv","service_basis","service_data","getBlockList","getModelBlockList","getMediaByTrainingId","insertMedia","updateMedia","deleteMedia","axios","post","api"],"mappings":"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","file":"js/chunk-30bc9b68.786d2114.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blockly.vue?vue&type=style&index=0&id=2768f962&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blockly.vue?vue&type=style&index=0&id=2768f962&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"help-document\"},[_c('gat-head'),_c('div',{staticClass:\"help-center clearfix\"},[_c('div',{staticClass:\"help-left\"},[_c('h2',{staticClass:\"title\"},[_vm._v(\"积木盒子\")]),_c('ul',[_vm._l((_vm.blocksTypes),function(item){return _c('li',{key:item.name,class:['item', _vm.navState === item.type ? 'active' : ''],on:{\"click\":function($event){return _vm.navClick(item.type)}}},[_c('span',[_vm._v(_vm._s(item.name))])])}),_c('hr'),(_vm.filterToolList.length)?_c('el-tree',{ref:\"toolTree\",attrs:{\"data\":_vm.filterToolList,\"props\":_vm.defaultProps,\"node-key\":\"blocksId\",\"default-expanded-keys\":[_vm.blocksId],\"default-checked-keys\":[_vm.blocksId],\"accordion\":\"\",\"highlight-current\":true},on:{\"node-click\":_vm.handleNodeClick}}):_vm._e()],2)]),(_vm.navState === 'AiIntroduce')?_c('ai-introduce-page'):_vm._e(),_c('help-document-page',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.navState !== 'AiIntroduce'),expression:\"navState !== 'AiIntroduce'\"}],attrs:{\"currentHelp\":_vm.currentHelp,\"hashId\":_vm.hashId}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"help-right\"},[_c('div',{staticClass:\"left\"}),_vm._m(0),_c('div',{staticClass:\"navs\"},[_c('span',{on:{\"click\":_vm.toTop}},[_vm._v(_vm._s(_vm.rightnavs))]),_c('ul',{staticClass:\"drop\"},_vm._l((_vm.rightdropnavs.Items),function(item,index){return _c('li',{key:index,class:{ active: _vm.active === index },on:{\"click\":function($event){return _vm.onScrollTop(index)}}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(_vm._s(item.title))])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mid\"},[_c('a',{attrs:{\"id\":\"event_1\"}}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"section\"},[_c('h1',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_2\",\"href\":\"#标题一\"}},[_vm._v(\"#\")]),_vm._v(\"AI Training编辑器介绍 \")]),_c('br'),_c('h2',[_c('a',{staticClass:\"header-anchor\",attrs:{\"href\":\"\"}},[_vm._v(\"#\")]),_vm._v(\" Python介绍 \")]),_c('p',[_vm._v(\" 近年来，伴随着人工智能技术的迅速发展，Python编程也越来受AI从业者的青睐。由于Python语法具有简单性和多功能性等特点，其已成为开发人员最喜欢的人工智能开发编程语言之一。Python最打动人心的地方之一就是便携性，它可以在Linux、Windows、Mac OS和UNIX等平台上使用；允许用户创建交互式的、解释的、模块化的、动态的、可移植的和高级的代码。 \")])]),_c('div',{staticClass:\"section\"},[_c('a',{staticStyle:{\"margin-bottom\":\"100px\"}}),_c('h2',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_3\",\"href\":\"\"}},[_vm._v(\"#\")]),_vm._v(\" 认识AI Training编辑器 \")]),_c('p',[_vm._v(\" 国泰安为人工智能初学者专门提供了AI Training编辑器，无需安装任何环境，可直接在云端进行运行，并展示计算的结果和图形，有效降低了大家学习Python的门槛，通过搭积木和人性化的交互方式提高了初学者的学习积极性。让我们先来简单认识下AI Training编辑器吧！ \")]),_c('p',[_vm._v(\" AI Training主要分为四大区域，积木分类区、编程区、终端区和绘图区，同时还拥有双模式（积木模式和查看代码），支持通过搭积木的方式写出Python代码，完成有独创的Python图形化编程，也可快速切换查看积木程序对应的Python代码。 \")]),_c('div',[_c('img',{attrs:{\"src\":require(\"../../../assets/images/HelpDocument/aiIntroduce-image.png\"),\"alt\":\"开始进入\"}})]),_c('p',[_vm._v(\" 积木分类区：对积木元素进行分类，主要按照事件、控制、运算、类型、变量等划分，积木元素可通过拖拉拽的方式移动至编辑区。 \")]),_c('p',[_vm._v(\" 编程区：通过积木/查看代码编写Python程序。 \")]),_c('p',[_vm._v(\" 终端区：点击“运行”显示编程区运行后的结果，点击“清除”可清空所有运行记录。 \")]),_c('p',[_vm._v(\" 绘图区：展示运行后的图形效果。 \")])]),_c('div',{staticClass:\"section\"},[_c('h2',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_4\",\"href\":\"\"}},[_vm._v(\"#\")]),_vm._v(\" 在线运行代码 \")]),_c('p',[_vm._v(\" 无需安装任何环境，直接打开网页就可以在AI Training编辑器以搭积木形式编写Python代码，并在线运行显示出结果和图形。 \")]),_c('p',[_c('strong',[_vm._v(\"AI Training编辑器目前支持在线运行的库包括：\")])]),_c('p',[_c('ul',[_c('li',[_vm._v(\"math\")]),_c('li',[_vm._v(\"random\")]),_c('li',[_vm._v(\"turtle\")]),_c('li',[_vm._v(\"time (partial)\")]),_c('li',[_vm._v(\"random (partial)\")]),_c('li',[_vm._v(\"urllib (partial)\")]),_c('li',[_vm._v(\"unittest\")]),_c('li',[_vm._v(\"image\")]),_c('li',[_vm._v(\"DOM (partial)\")]),_c('li',[_vm._v(\"re (partial)\")])])])]),_c('div',{staticClass:\"section\"},[_c('h2',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_5\",\"href\":\"\"}},[_vm._v(\"#\")]),_vm._v(\" 积木/代码模式切换 \")]),_c('p',[_vm._v(\" AI Training编辑器可以自由切换代码、积木两种模式，“积木编程”即系统内置把一些基本的Python代码转换成各种类型的积木，用户只需通过“拖拉拽”的方式拼接功能积木，快速搭建项目，从而达到学习Python的目的；“查看代码”即可以快速查看当前项目的积木程序对应的Python代码。 \")]),_c('p',[_vm._v(\"在【积木编程】完成程序拼搭后，点击【查看代码】按钮将积木转换成真正的Python语言。\")]),_c('p',[_c('img',{attrs:{\"src\":require(\"../../../assets/images/HelpDocument/image1.2.1.png\"),\"alt\":\"开始进入\"}})])]),_c('div',{staticClass:\"section\"})])])}]\n\nexport { render, staticRenderFns }","<!-- 辅助文档-AI Training编辑器介绍 -->\n<template>\n  <div class=\"help-right\">\n    <div class=\"left\"></div>\n    <div class=\"mid\">\n      <a id=\"event_1\"></a>\n      <div class=\"content\">\n        <div class=\"section\">\n          <h1>\n            <a id=\"event_2\" href=\"#标题一\" class=\"header-anchor\">#</a>AI Training编辑器介绍\n          </h1>\n          <br/>\n          <h2>\n            <a href class=\"header-anchor\">#</a> Python介绍\n          </h2>\n          <p>\n            近年来，伴随着人工智能技术的迅速发展，Python编程也越来受AI从业者的青睐。由于Python语法具有简单性和多功能性等特点，其已成为开发人员最喜欢的人工智能开发编程语言之一。Python最打动人心的地方之一就是便携性，它可以在Linux、Windows、Mac OS和UNIX等平台上使用；允许用户创建交互式的、解释的、模块化的、动态的、可移植的和高级的代码。\n          </p>\n        </div>\n\n        <div class=\"section\">\n          <a style=\"margin-bottom:100px;\"></a>\n          <h2>\n            <a id=\"event_3\" href=\"\" class=\"header-anchor\">#</a>\n             认识AI Training编辑器\n          </h2>\n          <p>\n            国泰安为人工智能初学者专门提供了AI Training编辑器，无需安装任何环境，可直接在云端进行运行，并展示计算的结果和图形，有效降低了大家学习Python的门槛，通过搭积木和人性化的交互方式提高了初学者的学习积极性。让我们先来简单认识下AI Training编辑器吧！\n          </p>\n          <p>\n            AI Training主要分为四大区域，积木分类区、编程区、终端区和绘图区，同时还拥有双模式（积木模式和查看代码），支持通过搭积木的方式写出Python代码，完成有独创的Python图形化编程，也可快速切换查看积木程序对应的Python代码。\n          </p>\n          <div>\n            <img src=\"../../../assets/images/HelpDocument/aiIntroduce-image.png\" alt=\"开始进入\" />\n          </div>\n          <p>\n            积木分类区：对积木元素进行分类，主要按照事件、控制、运算、类型、变量等划分，积木元素可通过拖拉拽的方式移动至编辑区。\n          </p>\n          <p>\n            编程区：通过积木/查看代码编写Python程序。\n          </p>\n          <p>\n            终端区：点击“运行”显示编程区运行后的结果，点击“清除”可清空所有运行记录。\n          </p>\n          <p>\n            绘图区：展示运行后的图形效果。\n          </p>\n          <!-- <ul>\n            <li>\n              <p>\n                编程区：通过积木/查看代码编写Python程序。\n              </p>\n            </li>\n          </ul> -->\n        </div>\n\n        <div class=\"section\">\n          <h2>\n            <a id=\"event_4\" href=\"\" class=\"header-anchor\">#</a> 在线运行代码\n          </h2>\n          <p>\n            无需安装任何环境，直接打开网页就可以在AI Training编辑器以搭积木形式编写Python代码，并在线运行显示出结果和图形。\n          </p>\n          <p>\n            <strong>AI Training编辑器目前支持在线运行的库包括：</strong>\n          </p>\n          <p>\n            <ul>\n              <li>math</li>\n              <li>random</li>\n              <li>turtle</li>\n              <li>time (partial)</li>\n              <li>random (partial)</li>\n              <li>urllib (partial)</li>\n              <li>unittest</li>\n              <li>image</li>\n              <li>DOM (partial)</li>\n              <li>re (partial)</li>\n            </ul>\n          </p>\n        </div>\n\n        <div class=\"section\">\n          <h2>\n            <a id=\"event_5\" href=\"\" class=\"header-anchor\">#</a> 积木/代码模式切换\n          </h2>\n          <p>\n            AI Training编辑器可以自由切换代码、积木两种模式，“积木编程”即系统内置把一些基本的Python代码转换成各种类型的积木，用户只需通过“拖拉拽”的方式拼接功能积木，快速搭建项目，从而达到学习Python的目的；“查看代码”即可以快速查看当前项目的积木程序对应的Python代码。\n          </p>\n          <p>在【积木编程】完成程序拼搭后，点击【查看代码】按钮将积木转换成真正的Python语言。</p>\n          <p>\n            <img\n              src=\"../../../assets/images/HelpDocument/image1.2.1.png\"\n              alt=\"开始进入\"\n            />\n          </p>\n        </div>\n        \n        <div class=\"section\"></div>\n      </div>\n    </div>\n\n    <!-- 右侧菜单导航 -->\n    <div class=\"navs\">\n      <span @click=\"toTop\">{{ rightnavs }}</span>\n      <ul class=\"drop\">\n        <li\n          :class=\"{ active: active === index }\"\n          v-for=\"(item, index) in rightdropnavs.Items\"\n          :key=\"index\"\n          @click=\"onScrollTop(index)\"\n        >\n          <a href=\"javascript:;\">{{ item.title }}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\n// import GatFooter from \"@/components/common/GatFooter.vue\";\n\nexport default {\n  name: 'AiIntroducePage',\n  props: {\n    hashId: {\n      type: Number,\n      default: 0,\n    },\n  },\n  components: {},\n  data() {\n    return {\n      active: 0, // 当前激活的导航索引\n      scrollTop: 0,\n      rightnavs: 'AI Training编辑器介绍',\n      rightdropnavs: {\n        Items: [\n          {\n            title: ' Python介绍',\n          },\n          {\n            title: ' 认识AI Training编辑器',\n          },\n          {\n            title: ' 在线运行代码',\n          },\n          {\n            title: ' 代码/积木模式切换',\n          }\n        ],\n      },\n    }\n  },\n  created() {\n    document.body.scrollTop = 0\n    document.documentElement.scrollTop = 0\n    // 积木跳转过来触发事件锚点位置 \n    if (this.hashId !== 0) {\n      setTimeout(()=>{\n        this.onScrollTop(this.hashId - 1)\n      }, 200)\n    }\n  },\n  mounted() {\n    // 监听滚动事件\n    window.addEventListener('scroll', this.onScroll, false)\n  },\n  destroy() {\n    // 必须移除监听器，不然当该vue组件被销毁了，监听器还在就会出错\n    window.removeEventListener('scroll', this.onScroll)\n  },\n  methods: {\n    // 滚动监听器\n    onScroll() {\n      // 获取所有锚点元素\n      const navContents = document.querySelectorAll('.content .section')\n      // 所有锚点元素的 offsetTop\n      const offsetTopArr = []\n      navContents.forEach((item) => {\n        offsetTopArr.push(item.offsetTop)\n      })\n      // 获取当前文档流的 scrollTop\n      const scrollTop =\n        document.documentElement.scrollTop || document.body.scrollTop\n      // 定义当前点亮的导航下标\n      let navIndex = 0\n      for (let n = 0; n < offsetTopArr.length; n++) {\n        // 如果 scrollTop 大于等于第n个元素的 offsetTop 则说明 n-1 的内容已经完全不可见\n        // 那么此时导航索引就应该是n了\n        if (scrollTop + 160 >= offsetTopArr[n]) {\n          navIndex = n\n        }\n      }\n      this.active = navIndex\n    },\n    // 跳转到指定索引的元素\n    onScrollTop(index) {\n      // 获取目标的 offsetTop\n      // css选择器是从 1 开始计数，我们是从 0 开始，所以要 +1\n      const targetOffsetTop = document.querySelector(\n        `.content .section:nth-child(${index + 1})`\n      ).offsetTop\n      // 获取当前 offsetTop\n      let scrollTop =\n        document.documentElement.scrollTop || document.body.scrollTop\n      // 定义一次跳 50 个像素，数字越大跳得越快，但是会有掉帧得感觉\n      const STEP = 50\n      // 判断是往下滑还是往上滑\n      if (scrollTop + 160 > targetOffsetTop) {\n        // 往上滑\n        smoothUp()\n      } else {\n        // 往下滑\n        smoothDown()\n      }\n      // 定义往下滑函数\n      function smoothDown() {\n        // 如果当前 scrollTop 小于 targetOffsetTop 说明视口还没滑到指定位置\n        if (scrollTop < targetOffsetTop) {\n          // 如果和目标相差距离大于等于 STEP 就跳 STEP\n          // 否则直接跳到目标点，目标是为了防止跳过了。\n          if (targetOffsetTop - scrollTop >= STEP) {\n            scrollTop += STEP\n          } else {\n            scrollTop = targetOffsetTop\n          }\n          document.body.scrollTop = scrollTop - 100\n          document.documentElement.scrollTop = scrollTop - 100\n          // 关于 requestAnimationFrame 可以自己查一下，在这种场景下，相比 setInterval 性价比更高\n          requestAnimationFrame(smoothDown)\n        }\n      }\n      // 定义往上滑函数\n      function smoothUp() {\n        if (scrollTop > targetOffsetTop) {\n          if (scrollTop - targetOffsetTop >= STEP) {\n            scrollTop -= STEP\n          } else {\n            scrollTop = targetOffsetTop\n          }\n          document.body.scrollTop = scrollTop - 100\n          document.documentElement.scrollTop = scrollTop - 100\n          requestAnimationFrame(smoothUp)\n        }\n      }\n    },\n    toTop() {\n      if (document.documentElement.scrollTop) {\n        document.documentElement.scrollTop = 0\n      } else {\n        document.body.scrollTop = 0\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.help {\n  &-left {\n    position: fixed;\n    width: 220px;\n    height: 100%;\n    margin-right: 10px;\n    background: #fff;\n\n    .title {\n      line-height: 60px;\n      font-size: 16px;\n      color: #333;\n      text-align: center;\n    }\n    .item {\n      border-left: 3px solid transparent;\n      text-indent: 17px;\n      font-size: 14px;\n      color: #333;\n      line-height: 40px;\n      cursor: pointer;\n      &:hover,\n      &.active {\n        border-left: 3px solid #4c88ff;\n        background: #dfeaff;\n      }\n    }\n  }\n  &-right {\n    float: right;\n    width: 970px;\n    min-height: 780px;\n    background: #fff;\n    .left,\n    .right,\n    .mid {\n      float: left;\n      width: 14%;\n      min-height: 20px;\n    }\n    .mid {\n      width: 72%;\n    }\n\n    h1 {\n      font-size: 2.2rem;\n    }\n    h2 {\n      font-size: 1.65rem;\n      padding-bottom: 0.3rem;\n      border-bottom: 1px solid #eaecef;\n    }\n    p,\n    ul {\n      line-height: 1.7;\n    }\n    ul {\n      padding-left: 1.2em;\n    }\n    strong {\n      font-weight: 600;\n    }\n    .content pre,\n    .content pre[class*='language-'] {\n      background-color: #282c34;\n      line-height: 1.4;\n      border-radius: 6px;\n      padding: 1.25rem 1.5rem;\n      margin: 0.85rem 0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      overflow: auto;\n      position: relative;\n    }\n    .content pre:before,\n    .content pre[class*='language-']:before {\n      position: absolute;\n      top: 0.8em;\n      right: 1em;\n      font-size: 0.75rem;\n      color: hsla(0, 0%, 100%, 0.4);\n    }\n    .content code {\n      color: #476582;\n      padding: 0.25rem 0.5rem;\n      margin: 0;\n      font-size: 0.85em;\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n    }\n    .content pre[class*='language-'] code,\n    .content pre code {\n      color: #fff;\n      padding: 0;\n      background-color: transparent;\n      border-radius: 0;\n    }\n    .token.comment,\n    .token.doctype,\n    .token.prolog {\n      color: #999;\n    }\n\n    a.header-anchor {\n      font-size: 0.85em;\n      float: left;\n      margin-left: -0.87em;\n      padding-right: 0.23em;\n      margin-top: 0.125em;\n      opacity: 0;\n    }\n    .content:not(.custom) > h1,\n    .content:not(.custom) > h2,\n    .content:not(.custom) > h3,\n    .content:not(.custom) > h4,\n    .content:not(.custom) > h5,\n    .content:not(.custom) > h6 {\n      margin-top: -3.1rem;\n      padding-top: 4.6rem;\n      margin-bottom: 0;\n    }\n    p {\n      margin: 1em 0;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    .toc-box,\n    .toc-scroll-mask {\n      bottom: 180px;\n      position: fixed;\n      right: 3.57%;\n    }\n    .table-of-contents.active {\n      display: block;\n      width: 200px;\n    }\n    .table-of-contents.active > ul {\n      position: relative;\n      margin-top: 0;\n      padding-left: 0;\n    }\n    .table-of-contents.active > ul > li {\n      position: relative;\n    }\n    .table-of-contents li {\n      list-style: none;\n    }\n    .table-of-contents.active > ul > li:before {\n      left: 15px;\n      top: 14px;\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 100%;\n      background-color: #eaecef;\n    }\n    .table-of-contents.active > ul > li > a {\n      font-size: 16px;\n      margin-left: 32px;\n      color: #333;\n    }\n    .table-of-contents.active > ul > li > ul {\n      position: relative;\n      max-height: 300px;\n      padding-left: 32px;\n    }\n    .table-of-contents.active > ul > li > ul > li {\n      position: relative;\n      white-space: nowrap;\n    }\n    .table-of-contents > ul > li > ul > li.active a {\n      color: #35c4ff;\n    }\n    .table-of-contents.active > ul > li > ul > li:after {\n      content: '';\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background-color: #35c4ff;\n      left: -21px;\n      top: 50%;\n      margin-top: -2px;\n      display: none;\n    }\n    .table-of-contents.active > ul > li.active:after,\n    .table-of-contents.active > ul > li > ul > li.active:after {\n      display: block;\n    }\n    .table-of-contents.active > ul:before {\n      left: 9px;\n      top: 12px;\n    }\n    .table-of-contents.active a {\n      font-size: 14px;\n      color: #666;\n    }\n    .table-of-contents.active > ul:after,\n    .table-of-contents.active > ul:before {\n      content: '';\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      border: 2px solid #eaecef;\n      background-color: #fff;\n      z-index: 10;\n    }\n    .table-of-contents.active > ul:after {\n      left: 9px;\n      top: 100%;\n      margin-top: 5px;\n    }\n    code,\n    kbd {\n      font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New,\n        monospace;\n    }\n    ul ul {\n      list-style-type: circle;\n      margin-block-start: 0px;\n      margin-block-end: 0px;\n    }\n  }\n}\n.gat-head {\n  width: 100%;\n  // position: fixed !important;\n  top: 0;\n  z-index: 3;\n  box-sizing: border-box;\n}\n\n.clearfix:after {\n  display: block;\n  height: 0;\n  visibility: hidden;\n  clear: both;\n  content: '';\n}\n\n.navs {\n  position: fixed;\n  bottom: 80px;\n  right: 2%;\n  &:before {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: 2px solid #eaecef;\n    background-color: #fff;\n    z-index: 10;\n    left: -12px;\n    top: 9px;\n  }\n  &:after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: 2px solid #eaecef;\n    background-color: #fff;\n    z-index: 10;\n    left: -12px;\n    top: 100%;\n    margin-top: 5px;\n  }\n  .drop {\n    list-style: none;\n    padding-left: 0;\n  }\n  span {\n    padding-left: 15px;\n    cursor: pointer;\n    color: #333;\n  }\n}\n\n.drop li {\n  position: relative;\n  padding-left: 15px;\n  &:before {\n    left: -7px;\n    top: 0px;\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 120%;\n    background-color: #eaecef;\n  }\n  a {\n    font-size: 14px;\n    color: #666;\n  }\n}\n.drop li.active {\n  &:after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #35c4ff;\n    left: -10px;\n    top: 50%;\n    margin-top: -5px;\n  }\n  a {\n    color: #35c4ff;\n    border-color: #35c4ff;\n  }\n}\n.help-right .content {\n  padding: 50px 0;\n  .section {\n    // min-height: 340px;\n    margin-bottom: 30px;\n    p {\n      text-indent: 2em;\n    }\n  }\n  .section:last-child {\n    min-height: 55vh;\n  }\n}\n.help-left .item {\n  a {\n    color: #2c3e50;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiIntroducePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiIntroducePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AiIntroducePage.vue?vue&type=template&id=36447374&scoped=true&\"\nimport script from \"./AiIntroducePage.vue?vue&type=script&lang=js&\"\nexport * from \"./AiIntroducePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AiIntroducePage.vue?vue&type=style&index=0&id=36447374&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36447374\",\n  null\n  \n)\n\nexport default component.exports","let Inits=[\n  {\n    rightnavs: '元素',  \n    id: 'gta_ai_event_item',\n    title: '',\n    content:'。',\n    blockText: `<block type=\"gta_ai_event_item\"></block>`,\n  }\n]\n// 事件\nlet Events = [\n  {\n    rightnavs: '事件',\n    id: 'gta_ai_event_1',\n    title: '开始进入Python的世界',\n    content:\n      '这块积木代表“程序的开端”，并没有实际作用，在Python程序中，它仅仅是一句注释，不会被运行。',\n    blockText: `<block type=\"gta_ai_event_1\"></block>`,\n  },\n  {\n    id: 'gta_ai_event_2',\n    title: '打印',\n    blockText: `<block type=\"gta_ai_event_2\"></block>`,\n    content: '可用来打印文本、变量、布尔值、列表等内容显示在终端区。',\n  },\n  {\n    id: 'gta_ai_event_print',\n    title: '可嵌套积木的打印',\n    blockText: `<block type=\"gta_ai_event_print\">\n          <value name=\"NAME\">\n            <shadow type=\"gta_ai_event_item\"> </shadow>\n          </value>\n        </block>`,\n    content: '第二个打印积木，可打印嵌套内的积木脚本',\n  },\n  {\n    id: 'gta_ai_event_3',\n    title: '注释',\n    blockText: `<block type=\"gta_ai_event_3\"></block>`,\n    content:\n      '注释的代码不会被执行，以#为开头注释在单行中，注释主要为提醒作用，也方便他人轻松解读代码的意思，增加可读性。',\n  },\n  {\n    id: 'gta_ai_event_4',\n    title: '执行代码（嵌套）',\n    blockText: `<block type=\"gta_ai_event_4\"></block>`,\n    content:\n      '该积木没有实际的用途。Python是一门非常强大的语言，不能将所有的函数转换成我们使用的积木，当你需要用到这些语句时，可以直接在积木里面编写你需要的函数，计算机即可直接运行您写的所有代码。积木的使用方式需要嵌套在其他积木内生效。',\n  },\n  {\n    id: 'gta_ai_event_5',\n    title: '执行代码（不可嵌套）',\n    blockText: `<block type=\"gta_ai_event_5\"></block>`,\n    content:\n      '该积木没有实际的用途。Python是一门非常强大的语言，不能将所有的函数转换成我们使用的积木，当你需要用到这些语句时，可以直接在积木里面编写你需要的函数，计算机即可直接运行您写的所有代码。',\n  },\n  {\n    id: 'gta_ai_event_6',\n    title: '显示',\n    blockText: `<block type=\"gta_ai_event_6\">\n          <value name=\"NAME\">\n            <shadow type=\"gta_ai_event_item\"></shadow>\n          </value>\n        </block>`,\n    content: '可用来显示变量、摄像头画面等内容。',\n  },\n  {\n    id: 'gta_ai_event_7',\n    title: '显示文本',\n    blockText: `<block type=\"gta_ai_event_7\">\n          <value name=\"NAME_2\">\n            <shadow type=\"gta_ai_event_item\"></shadow>\n          </value>\n        </block>`,\n    content: '可用来显示文本内容。',\n  },\n  {\n    id: 'gta_ai_event_8',\n    title: '显示媒体图像并注释',\n    blockText: `<block type=\"gta_ai_event_8\"></block>`,\n    content: '可用来显示媒体摄像头拍摄的画面、图片内容，并加以注释。',\n  },\n  {\n    id: 'gta_ai_event_9',\n    title: '设置显示大小',\n    blockText: `<block type=\"gta_ai_event_9\">\n          <value name=\"imageSrc\">\n            <shadow type=\"gta_ai_event_item\"></shadow>\n          </value>\n          <value name=\"imageSize\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">0</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '可设置文本、图片、视频等对象在运行区域的大小。',\n  },\n  {\n    id: 'gta_ai_event_10',\n    title: '运行区划分为_',\n    blockText: `<block type=\"gta_ai_event_10\"></block>`,\n    content:\n      '将显示的绘图区划分为四个宫格来显示不一样的内容，支持将划分区分为1、4、9等分的宫格。',\n  },\n  {\n    id: 'gta_ai_event_11',\n    title: '在分区_运行结果',\n    blockText: `<block type=\"gta_ai_event_11\"></block>`,\n    content:\n      '选择好哪个分区来显示对应运行结果的内容，分区的数字可根据实际情况进行修改。',\n  },\n  {\n    id: 'gta_ai_event_12',\n    title: '分区_标题为',\n    blockText: `<block type=\"gta_ai_event_12\"></block>`,\n    content: '对选择好的分区命名，分区的数字可根据实际情况进行修改。',\n  },\n]\n\n// 控制\nlet Control = [\n  {\n    rightnavs: '控制',\n    id: 'controls_repeat_ext',\n    title: '重复执行（）次',\n    content:\n      '重复执行是一个嵌套的积木，积木中间可以嵌套其他积木，嵌套的积木部分就是循环的内容。\\n积木上面的数字为重复执行的次数，执行完毕后，再执行积木下方的脚本。',\n    blockText: `<block type=\"controls_repeat_ext\">\n    <value name=\"TIMES\">\n      <shadow type=\"math_number\">\n        <field name=\"NUM\">20</field>\n      </shadow>\n    </value>\n  </block>`,\n  },\n  {\n    id: 'gta_controls_whileUntil',\n    title: '如果…重复执行',\n    blockText: `<block type=\"gta_controls_whileUntil\">\n    <value name=\"NAME1\">\n      <shadow type=\"logic_null\"></shadow>\n    </value>\n  </block>`,\n    content: '如果满足条件，则重复执行嵌套中的代码，如果不满足条件，则不执行。',\n  },\n  {\n    id: 'controls_for',\n    title: '变量“i”从_数到_每次增加_',\n    blockText: `<block type=\"controls_for\">\n    <value name=\"FROM\">\n      <shadow type=\"math_number\">\n        <field name=\"NUM\">1</field>\n      </shadow>\n    </value>\n    <value name=\"TO\">\n      <shadow type=\"math_number\">\n        <field name=\"NUM\">10</field>\n      </shadow>\n    </value>\n    <value name=\"BY\">\n      <shadow type=\"math_number\">\n        <field name=\"NUM\">1</field>\n      </shadow>\n    </value>\n  </block>`,\n    content:\n      '用变量”i”记录从开始数值到终止数值之间的数值，数值按指定间隔增加，并执行指定的块。',\n  },\n  {\n    id: 'controls_forEach',\n    title: '为列表_里的每一项_执行',\n    blockText: `<block type=\"controls_forEach\">\n    <value name=\"LIST\">\n      <block type=\"variables_get\">\n        <field name=\"VAR\">列表</field>\n      </block>\n    </value>\n  </block>`,\n    content: '遍历列表中的每一项，将变量“i”设为所选项，并执行一些语句。',\n  },\n  {\n    id: 'break_continue',\n    title: '跳出循环',\n    blockText: `<block type=\"break_continue\"></block>`,\n    content: '跳出包含它的循环；需要注意的是这个块只能在循环内使用。',\n  },\n  {\n    id: 'controls_if',\n    title: '如果…那么',\n    blockText: `<block type=\"controls_if\">\n    <value name=\"IF0\">\n      <shadow type=\"logic_null\"></shadow>\n    </value>\n  </block>`,\n    content: '如果满足条件，则执行嵌套中的代码，如果不满足条件，则不执行。',\n  },\n  {\n    id: 'logic_negate',\n    title: '非…',\n    blockText: `<block type=\"logic_negate\">\n    <value name=\"BOOL\">\n      <shadow type=\"logic_null\">\n        <field></field>\n      </shadow>\n    </value>\n  </block>`,\n    content: '如果输入结果为假，则返回真；如果输入结果为真，则返回假。',\n  },\n  {\n    id: 'logic_ternary',\n    title: '断言__如果为真，__如果为假__',\n    blockText: `<block type=\"logic_ternary\">\n    <value name=\"IF\">\n      <shadow type=\"logic_null\"></shadow>\n    </value>\n    <value name=\"THEN\">\n      <shadow type=\"gta_ai_controls_item\"></shadow>\n    </value>\n    <value name=\"ELSE\">\n      <shadow type=\"gta_ai_controls_item\"></shadow>\n    </value>\n  </block>`,\n    content:\n      '检查“断言”里的条件语句。如果条件为真，则返回“如果为真”的值，否则，则返回“如果为假”的值。',\n  },\n  {\n    id: 'waiting_time',\n    title: ' 等待（）秒',\n    blockText: `<block type=\"waiting_time\"></block>`,\n    content:\n      '执行程序时，“等待1秒”，也可理解为“睡眠1秒”，适用于某些情况下需要人为让程序延迟的时候。',\n  },\n]\n\n// 运算\nlet Operators = [\n  {\n    rightnavs: '运算',\n    id: 'math_number',\n    title: ' 一个数值',\n    content: '一个数值，可以输入任意数值。',\n    blockText: `<block type=\"math_number\">\n          <field name=\"NUM\">123</field>\n        </block>`,\n  },\n  {\n    id: 'math_arithmetic_add',\n    title: '数字运算',\n    blockText: `<block type=\"math_arithmetic_add\">\n          <value name=\"A\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n          <value name=\"B\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '四则运算，对数字进行加减乘除处理，加法还可以把字符串、列表相加。',\n  },\n  {\n    id: 'logic_compare_1',\n    title: '比较式',\n    blockText: `<block type=\"logic_compare_1\">\n          <value name=\"A\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n          <value name=\"B\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      '比较表达式为布尔表达式，如果条件成立，则返回True，条件不成立则返回False。',\n  },\n  {\n    id: 'logic_operation',\n    title: '逻辑运算',\n    blockText: `<block type=\"logic_operation\">\n          <value name=\"A\">\n            <shadow type=\"logic_null\">\n              <field></field>\n            </shadow>\n          </value>\n          <value name=\"B\">\n            <shadow type=\"logic_null\">\n              <field></field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      ' “并且”两边的条件同时成立，这个布尔表达式才算成立。\\n“或”两边只要有一边条件成立，这个布尔值表达式就算成立。',\n  },\n  {\n    id: 'logic_boolean',\n    title: '逻辑运算：“非”',\n    blockText: `<block type=\"logic_boolean\"></block>`,\n    content: '对当前的布尔表达式取反，如果当前表达式成立，则返回的值为不成立。',\n  },\n  {\n    id: 'math_random_int',\n    title: '随机整数',\n    blockText: `<block type=\"math_random_int\">\n          <value name=\"FROM\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n          <value name=\"TO\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">100</field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      '1到10中随机取一个整数，区间[1,10]，前闭后闭，1和10两个值都有可能随机取到。',\n  },\n  {\n    id: 'math_modulo',\n    title: '除法求余数',\n    blockText: `<block type=\"math_modulo\">\n          <value name=\"DIVIDEND\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n          <value name=\"DIVISOR\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      '余数指整数除法中被除数未被除尽部分，且余数的取值范围为0到除数之间（不包括除数）的整数。例如：64除以10，商数为6，余数为4。',\n  },\n  {\n    id: 'math_single',\n    title: '绝对值',\n    blockText: `<block type=\"math_single\">\n          <value name=\"NUM\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      '绝对值是指一个数在数轴上所对应点到原点的距离，用“| |”来表示。\\n正数和0的绝对值为它本身。\\n负数的绝对值是它的相反数。',\n  },\n  {\n    id: 'math_trig',\n    title: '正弦值',\n    blockText: `<block type=\"math_trig\">\n          <value name=\"NUM\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">45</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '返回指定角度的正弦值（非弧度）。',\n  },\n  {\n    id: 'math_constant',\n    title: '常见值',\n    blockText: `<block type=\"math_constant\"></block>`,\n    content:\n      ' 返回一个常见量：π（3.141…）、e（2.718…）、φ（1.618…）、平方根（1.414…）、开平方根（0.707…）或∞无限大”。',\n  },\n  {\n    id: 'math_number_property',\n    title: '检查数值属性',\n    blockText: `<block type=\"math_number_property\">\n          <value name=\"NUMBER_TO_CHECK\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">0</field>\n            </shadow>\n          </value>\n        </block>`,\n    content:\n      ' 检查一个数值是否是偶数、奇数、质数、自然数、正数、负数或者是否能被某数整除。返回真或假。',\n  },\n  {\n    id: 'math_round',\n    title: '四舍五入',\n    blockText: `<block type=\"math_round\">\n          <value name=\"NUM\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">3.1</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '数值小数点后数字向上或向下舍入。',\n  },\n  {\n    id: 'math_random_float',\n    title: '随机小数',\n    blockText: `<block type=\"math_random_float\"></block>`,\n    content: '返回一个介于0.0到1.0之间（含边界）的随机数。',\n  },\n  {\n    id: 'math_on_list',\n    title: '列表中数值的和',\n    blockText: `<block type=\"math_on_list\">\n          <value name=\"LIST\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '返回列表中的所有数值的和。',\n  },\n  {\n    id: 'math_constrain',\n    title: '将数值限制在指定数值范围',\n    blockText: `<block type=\"math_constrain\">\n          <value name=\"VALUE\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">50</field>\n            </shadow>\n          </value>\n          <value name=\"LOW\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n          <value name=\"HIGH\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">100</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '将一个数值限制在两个指定的数值范围（含边界）之间。',\n  },\n  {\n    id: 'math_atan2',\n    title: '反正切值',\n    blockText: `<block type=\"math_atan2\">\n          <value name=\"X\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n          <value name=\"Y\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">1</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '返回点（X,Y）的反正切值，范围为-180度到180度。',\n  },\n]\n\n// 字符串\nlet Text = [\n  {\n    rightnavs: '字符串',\n    id: 'text',\n    title: ' 字符串',\n    content: '新建一个字符串。',\n    blockText: `<block type=\"text\"></block>`,\n  },\n  {\n    id: 'text_join',\n    title: '建立文本从__',\n    blockText: `<block type=\"text_join\"></block>`,\n    content: '通过串起任意数量的项以建立一段文本。',\n  },\n  {\n    id: 'text_length',\n    title: '文本的长度',\n    blockText: `<block type=\"text_length\">\n          <value name=\"VALUE\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">abc</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '返回给定文本的字母数（包括空格）。',\n  },\n  {\n    id: 'gta_ai_variable_change',\n    title: '将数字转化为整数',\n    blockText: `<block type=\"gta_ai_variable_change\"></block>`,\n    content:\n      '将文本对象转化为整数类。若输入的不是整数，系统将会报错。“并且”两边的条件同时成立，这个布尔表达式才算成立。',\n  },\n  {\n    id: 'gta_ai_variable_change_2',\n    title: '将数字转化为整数',\n    blockText: `<block type=\"gta_ai_variable_change_2\">\n    <value name=\"NAME\">\n      <shadow type=\"text\">\n        <field name=\"TEXT\"></field>\n      </shadow>\n    </value>\n  </block>`,\n    content:\n      '将文本对象转化为整数类。若输入的不是整数，系统将会报错。“并且”两边的条件同时成立，这个布尔表达式才算成立。',\n  },\n  {\n    id: 'text_changeCase',\n    title: '文字大小写模式',\n    blockText: `<block type=\"text_changeCase\">\n          <value name=\"TEXT\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">abc</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '用不同的大小写模式复制并返回这段文字。',\n  },\n  {\n    id: 'gta_ai_text_include',\n    title: '判断一串字符中是否包含特定字符',\n    blockText: `<block type=\"gta_ai_text_include\"></block>`,\n    content: '判断前一个空格中的字符是否存在于后面的字符串中。',\n  },\n  {\n    id: 'gta_ai_text_include_2',\n    title: '判断一串字符中是否包含特定字符',\n    blockText: `<block type=\"gta_ai_text_include_2\">\n    <value name=\"NAME\">\n      <shadow type=\"text\">\n        <field name=\"TEXT\">Hello</field>\n      </shadow>\n    </value>\n    <value name=\"NAME2\">\n      <shadow type=\"text\">\n        <field name=\"TEXT\">Hello</field>\n      </shadow>\n    </value>\n  </block>`,\n    content: '判断前一个空格中的字符是否存在于后面的字符串中。',\n  },\n  {\n    id: 'text_isEmpty',\n    title: '判断文本是否为空',\n    blockText: `<block type=\"text_isEmpty\">\n          <value name=\"VALUE\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\"></field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '如果给定的文本为空，则返回真。',\n  },\n  {\n    id: 'text_indexOf',\n    title: '文本中寻找第一次/最后一次出现的字符',\n    blockText: `<block type=\"text_indexOf\">\n          <value name=\"VALUE\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">文本</field>\n            </block>\n          </value>\n          <value name=\"FIND\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">abcd</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '寻找文本中第一次/最后一次出现特定的字符串的位置。',\n  },\n  {\n    id: 'lists_split',\n    title: '从文本制作列表',\n    blockText: `<block type=\"lists_split\">\n          <value name=\"INPUT\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">文本</field>\n            </block>\n          </value>\n          <value name=\"DELIM\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">,</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '将文本分割为列表。',\n  },\n  {\n    id: 'lists_split_1',\n    title: '从列表拆出文本',\n    blockText: `<block type=\"lists_split_1\">\n          <value name=\"INPUT\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n          <value name=\"DELIM\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">,</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '将列表分拼接为文本。',\n  },\n  {\n    id: 'text_getSubstring',\n    title: '取得子字符',\n    blockText: `<block type=\"text_getSubstring\">\n          <value name=\"STRING\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">文本</field>\n            </block>\n          </value>\n          <value name=\"AT1\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n          <value name=\"AT2\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\"></field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '获取文本的子字符。',\n  },\n  {\n    id: 'text_append',\n    title: '附加文本',\n    blockText: `<block type=\"text_append\">\n          <value name=\"TEXT\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">abc</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '在文本后面添加文本进去。',\n  },\n  {\n    id: 'text_trim',\n    title: '消除其两侧的空白',\n    blockText: `<block type=\"text_trim\">\n          <value name=\"TEXT\">\n            <shadow type=\"text\">\n              <field name=\"TEXT\">abc</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '删除文本两侧的空白符。',\n  },\n]\n\n// 列表\nlet List = [\n  {\n    rightnavs: '列表',\n    id: 'lists_create_with',\n    title: ' 创建空列表',\n    content: '新建一个列表类型数据',\n    blockText: `<block type=\"lists_create_with\">\n          <mutation items=\"0\"></mutation>\n        </block>`,\n  },\n  {\n    id: 'lists_establish_with',\n    title: '建立列表从__',\n    blockText: `<block type=\"lists_establish_with\">\n          <mutation items=\"2\"></mutation>\n        </block>`,\n    content: '通过串起任意数量的项以建立一个列表',\n  },\n  {\n    id: 'lists_setIndex',\n    title: '在列表中设置',\n    blockText: `<block type=\"lists_setIndex\">\n          <value name=\"LIST\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '设置列表某个索引的值',\n  },\n  {\n    id: 'lists_getIndex',\n    title: '在列表中取得',\n    blockText: `<block type=\"lists_getIndex\">\n          <value name=\"VALUE\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '获取列表某个索引的值',\n  },\n  {\n    id: 'lists_indexOf',\n    title: '在列表中寻找第一次出现的项',\n    blockText: `<block type=\"lists_indexOf\">\n          <value name=\"VALUE\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '获取列表某个数据第一次出现的索引。',\n  },\n  {\n    id: 'lists_length',\n    title: '列表的长度',\n    blockText: `<block type=\"lists_length\">\n          <value name=\"VALUE\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '获取列表的长度。',\n  },\n  {\n    id: 'lists_getSublist',\n    title: '在列表中获取子列表从#',\n    blockText: `<block type=\"lists_getSublist\">\n          <value name=\"LIST\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '获取子列表',\n  },\n  {\n    id: 'lists_isEmpty',\n    title: '列表是空的',\n    blockText: `<block type=\"lists_isEmpty\">\n          <value name=\"VALUE\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '判断是否空列表。',\n  },\n  {\n    id: 'lists_repeat',\n    title: '建立列表使用项',\n    blockText: `<block type=\"lists_repeat\">\n          <value name=\"ITEM\">\n            <block type=\"text\"></block>\n          </value>\n          <value name=\"NUM\">\n            <shadow type=\"math_number\">\n              <field name=\"NUM\">5</field>\n            </shadow>\n          </value>\n        </block>`,\n    content: '建立列表使用项',\n  },\n  {\n    id: 'gta_ai_lists_include',\n    title: '存在于列表',\n    blockText: `<block type=\"gta_ai_lists_include\">\n          <value name=\"NAME2\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">列表</field>\n            </block>\n          </value>\n        </block>`,\n    content: '存在于列表',\n  },\n  {\n    id: 'gta_ai_lists_include_2',\n    title: '存在于列表',\n    blockText: `<block type=\"gta_ai_lists_include_2\">\n    <value name=\"NAME\">\n      <shadow type=\"text\">\n        <field name=\"TEXT\"></field>\n      </shadow>\n    </value>\n    <value name=\"NAME2\">\n      <block type=\"variables_get\">\n        <field name=\"VAR\">{listVariable}</field>\n      </block>\n    </value>\n  </block>`,\n    content: '存在于列表',\n  },\n  {\n    id: 'lists_sort',\n    title: '列表排序',\n    blockText: `<block type=\"lists_sort\"></block>`,\n    content: '列表排序。',\n  },\n]\n\n// 字典\nlet Dictionary = [\n  {\n    rightnavs: '字典',\n    id: 'create_dict',\n    title: '设置一个键和值',\n    content: '分别设置字典的键和值，作为创建字典的键值对属性',\n    blockText: `<block type=\"create_dict\"></block>`,\n  },\n  {\n    id: 'dict_create_with',\n    title: '创建字典',\n    blockText: `<block type=\"dict_create_with\">\n          <mutation items=\"1\"></mutation>\n        </block>`,\n    content: '建立一个字典DT类型的数据，字典属性为键值对映射格式',\n  },\n  {\n    id: 'set_dict',\n    title: '设置键与值',\n    blockText: `<block type=\"set_dict\"></block>`,\n    content: '通过键“nb”查找到对应的值，并且返回值。',\n  },\n  {\n    id: 'gta_ai_get_dict_key',\n    title: '读取键名对应的值',\n    blockText: `<block type=\"gta_ai_get_dict_key\"></block>`,\n    content: '读取某个键的值',\n  },\n  {\n    id: 'length_of_dict',\n    title: '键总数',\n    blockText: `<block type=\"length_of_dict\"></block>`,\n    content: '获取字典DT中键的总数，返回一个整数型数字。',\n  },\n  {\n    id: 'del_dict_key',\n    title: '删除字典',\n    blockText: `<block type=\"del_dict_key\"></block>`,\n    content: ' 删除字典DT的键“nb”以及”nb”对应的值。',\n  },\n  {\n    id: 'del_dict_key_2',\n    title: '删除字典',\n    blockText: `      <block type=\"del_dict_key_2\">\n    <value name=\"key\">\n     <block type=\"text\">\n       <field name=\"TEXT\"></field>\n     </block>\n   </value>\n </block>`,\n    content: ' 删除字典DT的键“nb”以及”nb”对应的值。',\n  },\n  {\n    id: 'gta_ai_dict_include',\n    title: '键是否存在',\n    blockText: `<block type=\"gta_ai_dict_include\">\n          <value name=\"NAME2\">\n            <block type=\"variables_get\">\n              <field name=\"VAR\">DT</field>\n            </block>\n          </value>\n        </block>`,\n    content: '通过键“nb”查找到对应的值，并且返回值。',\n  },\n  {\n    id: 'gta_ai_dict_include_2',\n    title: '键是否存在',\n    blockText: `<block type=\"gta_ai_dict_include_2\">\n    <value name=\"NAME\">\n      <shadow type=\"text\">\n        <field name=\"TEXT\"></field>\n      </shadow>\n    </value>\n    <value name=\"NAME2\">\n      <block type=\"variables_get\">\n        <field name=\"VAR\">DT</field>\n      </block>\n    </value>\n  </block>`,\n    content: '通过键“nb”查找到对应的值，并且返回值。',\n  },\n]\n\n// 变量\nlet Variable = [\n  {\n    rightnavs: '变量',\n    id: 'variables_set',\n    title: '赋值变量',\n    blockText: `<block type=\"variables_set\"></block>`,\n    content: `AA=0这句赋值语句，不仅给变量赋值了数字0，同时还定义了变量当前的数据类型是数字。数字类型的变量不能直接使用字符串、列表、字典等其他数据类型的数据规则进行改变，否则会报错。\n\n    但是在Python中变量的数据类型是动态的，重新定义便可以改变变量的数据类型，这也是Python语言的一大特点。\n\n    实际上，在代码模式下，AA=0这句短短的代码，同时完成了创建变量、定义变量的数据类型、给变量赋值三项任务。\n\n    提醒：所有的变量都必须有初始赋值的过程，否则直接调用变量会报错哦~`,\n  },\n  {\n    id: 'math_change',\n    title: '变量增加',\n    content: `变量增加值。`,\n    blockText: `<block type=\"math_change\"></block>`,\n  },\n  {\n    id: 'variables_get',\n    title: '获取变量',\n    blockText: `<block type=\"variables_get\"> </block>`,\n    content: `AA=0这句赋值语句，不仅给变量赋值了数字0，同时还定义了变量当前的数据类型是数字。数字类型的变量不能直接使用字符串、列表、字典等其他数据类型的数据规则进行改变，否则会报错。\n\n    但是在Python中变量的数据类型是动态的，重新定义便可以改变变量的数据类型，这也是Python语言的一大特点。\n\n    实际上，在代码模式下，AA=0这句短短的代码，同时完成了创建变量、定义变量的数据类型、给变量赋值三项任务。\n\n    提醒：所有的变量都必须有初始赋值的过程，否则直接调用变量会报错哦~`,\n  },\n]\n\n// 函数\nlet Function = [\n  {\n    rightnavs: '函数',\n    id: 'procedures_defnoreturn',\n    title: '定义无返回函数',\n    content: `含义：\n    1. 定义函数时，需要先定义函数的名称，点击上图中字母function所在的区域，就可以编 辑函数名。\n    函数名需要满足以下几条规则：\n    函数名可以同时包含字母和数字，但不能以数字开头。\n    函数名中的字符必须是字母、数字、下划线或者汉字，不能使用其他字符。\n    函数名区分大小写。\n    函数不可以与关键词同名，同时为了防止一些理解上的误会，在积木模式下数名 不可以与任何Python其他内置函数同名。\n    2. 要使用函数，光对函数进行定义可不行哦！函数定义只是构造了这个函数，要使函数真 正发挥作用，还要对函数进行调用，后面的部分会详细讲到如何调用函数。`,\n    blockText: `<block type=\"procedures_defnoreturn\"></block>`,\n  },\n  // {\n  //   id: 'procedures_mutatorcontainer',\n  //   title: '定义有返回函数',\n  //   blockText: `<block type=\"procedures_mutatorcontainer\"></block>`,\n  //   content: '函数定义后，要调用它，函数才能发挥它的效果哦。',\n  // },\n  {\n    id: 'procedures_defreturn',\n    title: '输出值函数',\n    blockText: `<block type=\"procedures_defreturn\"></block>`,\n    content: `含义：\n    1. 创建一个有输出值的函数。\n    2. 要将一个函数结束运行时得出的信息传递给程序的剩余部分，可以使用带“返回”的函数。\n    3. 当运行到“返回”时，函数会停止运行，并返回对应表达式的值。\n      有返回值的函数是椭圆型的哦，可以塞到其他的积木中，返回值能够被运行。`,\n  },\n  {\n    id: 'procedures_ifreturn',\n    title: '如果…..返回…..',\n    blockText: `<block type=\"procedures_ifreturn\"></block>`,\n    content:\n      '如果里面的值判断为真，则返回相关数值。提示：这个块只能在函数内部使用。',\n  },\n]\n\n// 媒体\nlet Media = [\n  {\n    rightnavs: '媒体',\n    id: 'play_audio',\n    title: '播放音频',\n    content: '开始播放音频。',\n    blockText: `<block type=\"play_audio\"></block>`,\n  },\n  {\n    id: 'pause_audio',\n    title: '停止播放音频',\n    blockText: `<block type=\"pause_audio\"> </block>`,\n    content: '停止播放音频。',\n  },\n  {\n    id: 'volume_add_audio',\n    title: '音量增加',\n    blockText: `<block type=\"volume_add_audio\"></block>`,\n    content:\n      '用于对音量的大小进行控制，可以为负数或正整数，负数为减小音量，正数为增加音量。',\n  },\n  {\n    id: 'volume_set_audio',\n    title: '音量设置',\n    blockText: `<block type=\"volume_set_audio\"></block>`,\n    content: '将音量设定到固定值。',\n  },\n]\n\nexport default {\n  Inits,\n  Events,\n  Control,\n  Operators,\n  Text,\n  List,\n  Dictionary,\n  Variable,\n  Function,\n  Media,\n}\n","<!-- 帮助文档 -->\n<template>\n  <div class=\"help-document\">\n    <gat-head></gat-head>\n    <div class=\"help-center clearfix\">\n      <!-- 左侧导航菜单 -->\n      <div class=\"help-left\">\n        <h2 class=\"title\">积木盒子</h2>\n        <ul>\n          <li\n            v-for=\"item in blocksTypes\"\n            :key=\"item.name\"\n            :class=\"['item', navState === item.type ? 'active' : '']\"\n            @click=\"navClick(item.type)\"\n          >\n            <span>{{ item.name }}</span>\n          </li>\n          <hr />\n          <el-tree\n            v-if=\"filterToolList.length\"\n            :data=\"filterToolList\"\n            :props=\"defaultProps\"\n            node-key=\"blocksId\"\n            :default-expanded-keys=\"[blocksId]\"\n            :default-checked-keys=\"[blocksId]\"\n            accordion\n            :highlight-current=\"true\"\n            @node-click=\"handleNodeClick\"\n            ref=\"toolTree\"\n          >\n          </el-tree>\n        </ul>\n      </div>\n      <!-- 右侧主内容 -->\n      <ai-introduce-page\n        v-if=\"navState === 'AiIntroduce'\"\n      ></ai-introduce-page>\n      <!-- <kee-alive> -->\n      <help-document-page\n        v-show=\"navState !== 'AiIntroduce'\"\n        :currentHelp=\"currentHelp\"\n        :hashId=\"hashId\"\n      ></help-document-page>\n      <!-- </kee-alive> -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport PYTHON from '@/axios/personalSpace/AiEditor/blocks.js'\nimport AiIntroducePage from './AiIntroducePage.vue'\nimport HelpDocumentPage from '../HelpDocumentPage.vue'\nimport HelpData from './AiTEditorHelp.js'\n\n// import GatFooter from '@/components/common/GatFooter.vue'\nimport Blockly from '@/assets/blockly/renderers/index.js'\nimport { mapGetters } from 'vuex'\nexport default {\n  name: 'help-document',\n  components: {\n    AiIntroducePage,\n    HelpDocumentPage,\n    // NavMenu,\n    // GatFooter,\n  },\n\n  data() {\n    return {\n      currentHelp: [],\n      scrollTop: 0,\n      navState: 'AiIntroduce',\n      navStateName: '',\n      hashId: 'Events',\n      blocksTypes: [\n        { name: 'AI Training编辑器介绍', type: 'AiIntroduce' },\n        { name: '事件 (Events)', type: 'Events' },\n        { name: '控制 (Control)', type: 'Control' },\n        { name: '运算 (Operators)', type: 'Operators' },\n        { name: '字符串 (Text)', type: 'Text' },\n        { name: '列表 (List)', type: 'List' },\n        { name: '字典 (Dictionary)', type: 'Dictionary' },\n        { name: '变量 (Variable)', type: 'Variable' },\n        { name: '函数 (Function)', type: 'Function' },\n        { name: '媒体 (Media)', type: 'Media' },\n        // { name: '海龟库 (Turtle)', type: 'Turtle' },\n      ],\n      // blockList: [],\n      toolList: [], // 接口返回模型列表\n      filterToolList: [], // 过滤返回模型列表\n      blocksId: '',\n      defaultProps: {\n        children: 'children',\n        label: 'blocksName',\n      },\n    }\n  },\n  watch: {\n    currentHelp: {\n      handler(val) {\n        // console.log('val ', val)\n      },\n      // deep: true,\n      // immediate: true,\n    },\n  },\n  computed: {\n    ...mapGetters(['trainingBlockList']),\n  },\n  async mounted() {\n    await this.getBlockList()\n    let navStateName = window.location.search.split('=')[1] || 'AiIntroduce'\n    this.navStateName = navStateName\n    this.blocksId = navStateName.replace(/-/g, '')\n    if (this.blocksId) {\n      // if(this.blocksId &&this.blocksId !=\"AiIntroduce\"){\n      console.log('this.blocksId', this.blocksId)\n      // this.currentHelp = null\n      this.currentHelp = HelpData.Inits\n      this.navClick(this.blocksId)\n    }\n  },\n  // mounted() {},\n  methods: {\n    onHashId(val) {\n      this.hashId = val\n    },\n    onNavState(val) {\n      this.navClick(val)\n    },\n    navClick(val) {\n      this.navState = val\n      // console.log('this.navStateName',this.navStateName)\n      if (this.navStateName !== 'AiIntroduce') {\n        // if (val === this.navStateName) {\n        this.hashId = window.location.hash.split('#')[1]\n        console.log('this.hashId--2', this.hashId)\n      }\n\n      switch (true) {\n        case val === 'Events':\n          // if(this.currentHelp&&this.currentHelp[0].id !=HelpData.Events[0].id){\n          //   }\n          this.currentHelp = HelpData.Events\n          break\n        case val === 'Control':\n          this.currentHelp = HelpData.Control\n          break\n        case val === 'Operators':\n          this.currentHelp = HelpData.Operators\n          break\n        case val === 'Text':\n          this.currentHelp = HelpData.Text\n          break\n        case val === 'List':\n          this.currentHelp = HelpData.List\n          break\n        case val === 'Dictionary':\n          this.currentHelp = HelpData.Dictionary\n          break\n        case val === 'Variable':\n          this.currentHelp = HelpData.Variable\n          break\n        case val === 'Function':\n          this.currentHelp = HelpData.Function\n          break\n        case val === 'Media':\n          this.currentHelp = HelpData.Media\n          break\n        case val === 'AiIntroduce':\n          //  this.currentHelp =null\n          break\n        default:\n          setTimeout(() => {\n            console.log('---val', val)\n            if (val) {\n              this.handleNodeClick(val)\n            }\n          }, 1000)\n          break\n      }\n    },\n\n    creatBlock(arr) {\n      const newArr = arr.filter((item) =>\n        /^[\\u4e00-\\u9fa5a-zA-Z]*$/.test(item.blocksName)\n      )\n      newArr.map((item) => {\n        if (item.children && item.children !== 0 && item.children[0] !== null) {\n          item.children = this.creatBlock(item.children)\n        }\n        return item\n      })\n      return newArr\n    },\n\n    handleNodeClick(data) {\n      let blocksId,\n        dataList = []\n      if (typeof data == 'object') {\n        blocksId = data.blocksId\n      } else {\n        blocksId = data\n      }\n\n      creatBlock(this.toolList, blocksId)\n\n      function creatBlock(toolList, id, blocksLabelTitle) {\n        toolList.forEach((item) => {\n          if (\n            item.children &&\n            item.children.length !== 0 &&\n            item.children[0] !== null\n          ) {\n            creatBlock(item.children, id, item.blocksName)\n          } else {\n            if (item.parentId === id) {\n              dataList.push({\n                rightnavs: blocksLabelTitle || item.blocksLabel,\n                id: item.blocksName,\n                title: item.blocksLabel || item.blocksName,\n                content: item.blocksDescribe,\n                blocksCase: item.blocksCase,\n                blockText: `<block type=\"${item.blocksName}\"></block>`,\n              })\n            }\n          }\n        })\n      }\n      // console.log('dataList',dataList)\n      if (dataList && dataList.length) {\n        this.navState = blocksId\n      }\n      this.currentHelp = dataList\n    },\n\n    // 过滤掉积木块节点\n    convert(arr) {\n      const newArr = arr.filter((item) =>\n        /^[\\u4e00-\\u9fa5a-zA-Z]*$/.test(item.blocksName)\n      )\n      newArr.map((item) => {\n        if (\n          item.children &&\n          item.children.length != 0 &&\n          item.children[0] !== null\n        ) {\n          item.children = this.convert(item.children)\n        }\n        return item\n      })\n      return newArr\n    },\n    async getBlockList() {\n      let self = this,\n        blockList = []\n\n      if (this.trainingBlockList && this.trainingBlockList.length) {\n        blockList = self.blockListHandler(this.trainingBlockList)\n        await self.defineBlockJs(blockList)\n        self.toolList = this.treeHandler(blockList) // 处理成树形数据结构\n\n        let toolList = JSON.parse(JSON.stringify(this.toolList))\n        self.filterToolList = this.convert(toolList) // 过滤掉积木块节点\n      } else {\n        PYTHON.getBlockList()\n          .then((res) => {\n            if (res && res.isSuccess) {\n              blockList = res.data\n              blockList = self.blockListHandler(blockList)\n              self.defineBlockJs(blockList)\n              self.toolList = this.treeHandler(blockList) // 处理成树形数据结构\n              let toolList = JSON.parse(JSON.stringify(this.toolList))\n              self.filterToolList = this.convert(toolList) // 过滤掉积木块节点\n            } else {\n              self.toolList = []\n            }\n          })\n          .catch((err) => console.log(err))\n      }\n    },\n    // 处理成树形数据结构\n    treeHandler(list) {\n      let listSort = list.sort((prev, next) => {\n        if (prev.blocksLevel - next.blocksLevel != 0) {\n          return prev.blocksLevel - next.blocksLevel\n        } else {\n          return prev.blocksOrder - next.blocksOrder\n        }\n      })\n      //  构造树\n      let arr = []\n      listSort.forEach((item) => {\n        if (item.blocksCase) {\n          // console.log('item',item)\n        }\n        item.children = []\n        if (item.parentId == '00000000000000000000000000000000') {\n          // if (item.parentId == '00000000-0000-0000-0000-000000000000') {\n          arr.push(item)\n        } else {\n          iterated(arr)\n          //迭代器\n          /* eslint-disable */\n\n          function iterated(arr) {\n            if (!arr || !arr.length) return //跳出迭代\n            arr.forEach((item2) => {\n              if (item.parentId == item2.blocksId) {\n                if (item2.blocksCase) {\n                  // console.log('item2',item2)\n                }\n                return item2.children.push(item) //跳出循环\n              } else {\n                iterated(item2.children) //迭代\n              }\n            })\n          }\n        }\n      })\n      return arr\n    },\n    defineBlockJs(list) {\n      let reg_label = /<label/\n      console.log('list.length', list.length)\n      list.forEach((blockObj) => {\n        if (\n          blockObj &&\n          blockObj.blocksContent &&\n          blockObj.showType != 1 &&\n          !reg_label.test(blockObj.blocksContent)\n        ) {\n          let blockJs = new Function('Blockly', blockObj['blocksContent'])\n\n          if (Blockly) {\n            // blockJs(Blockly)\n            // console.log('Blockly',Blockly)\n            //须异步，不然容器出错\n            setTimeout(() => {\n              blockJs.call(this, Blockly)\n            }, 10)\n          }\n        }\n      })\n    },\n    blockListHandler(trainingBlockList) {\n      let list = [...trainingBlockList]\n      list.forEach((item) => {\n        item.blocksId = item.blocksId.replace(/-/g, '')\n        item.parentId = item.parentId.replace(/-/g, '')\n      })\n      return list\n    },\n  }, //methods end\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.help {\n  &-document {\n    background: #f2f5fc;\n  }\n  &-center {\n    width: 1200px;\n    margin: 0 auto;\n    padding-top: 120px;\n    box-sizing: border-box;\n  }\n  &-left {\n    position: fixed;\n    // width: 20%;\n    min-width: 220px;\n    // height: 100%;\n    margin-right: 10px;\n    background: #fff;\n    height: 85%;\n    overflow-x: hidden;\n    overflow-y: auto;\n\n    .title {\n      line-height: 60px;\n      font-size: 16px;\n      color: #333;\n      text-align: center;\n    }\n    .item {\n      border-left: 3px solid transparent;\n      text-indent: 17px;\n      font-size: 14px;\n      color: #333;\n      line-height: 40px;\n      cursor: pointer;\n      &:hover,\n      &.active {\n        border-left: 3px solid #4c88ff;\n        background: #dfeaff;\n      }\n      a {\n        font-size: 14px;\n        color: #333;\n      }\n    }\n  }\n}\n.help-document .gat-head {\n  width: 100%;\n  position: fixed !important;\n  top: 0;\n  z-index: 3;\n  box-sizing: border-box;\n}\n\n.help-document {\n  /deep/ .el-tree-node__content {\n    height: 40px;\n    border-left: 3px solid transparent;\n    text-indent: 17px;\n    font-size: 14px;\n    color: #333;\n    line-height: 40px;\n    cursor: pointer;\n    &:hover,\n    &.active {\n      border-left: 3px solid #4c88ff;\n      background: #dfeaff;\n    }\n  }\n  /deep/ .el-tree-node.is-current > .el-tree-node__content {\n    background: #f0f4ff;\n    color: #3c77fe;\n    font-weight: bold;\n\n    // border-left: 3px solid #4c88ff;\n    // background: #dfeaff;\n  }\n  /deep/ .el-tree-node__content > .el-tree-node__expand-icon {\n    width: 10px;\n    height: 10px;\n  }\n  /deep/.el-tree-node__content {\n    text-indent: 0;\n  }\n}\n\n.clearfix:after {\n  display: block;\n  height: 0;\n  visibility: hidden;\n  clear: both;\n  content: '';\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HelpDocument.vue?vue&type=template&id=893be4b6&scoped=true&\"\nimport script from \"./HelpDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./HelpDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HelpDocument.vue?vue&type=style&index=0&id=893be4b6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"893be4b6\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAYAAAAWGF8bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI4N0E1NDA3NjlEMDExRUFBMkFFQzc2RkExRkIyMTRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI4N0E1NDA4NjlEMDExRUFBMkFFQzc2RkExRkIyMTRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Qjg3QTU0MDU2OUQwMTFFQUEyQUVDNzZGQTFGQjIxNEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg3QTU0MDY2OUQwMTFFQUEyQUVDNzZGQTFGQjIxNEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7I6hLQAAABR0lEQVR42oyUv2rCUBjFm1To1MUHkA7BzcWlQruYMRFKQetoX6JUqHufovQPFHwKR6fiUkuHvoAZFIwoFqrxpJ7I19sbcwO/IZ/nnPvlu95rRVF0YPh0wArc71XFgYaEoJulszVr+OALtEWtAI7BkO+31HhZHVbBHCyAK+petH0u+e5SM6dnlyHDTsEUfIOastANA4ui5lM7pfdPYAmMwQ9oaGbzzI4OlXqDnjEzfgMdMAJrcJ0y7DcwSPmtRW+c4cSFPj/nKcVgc1Yve3b3kRn9pMOArdc1YofidkpYnd4g6TCZ4YRD9hTDBQN9TZhHz0TOUO5yyM+Tf5k7Bp4oYS61oW6XVdFMiF5psoSuQo26+L+T0gNNMALnrJXAZ3wGhO6Mmit6jM9yDizBg+mZtzNumCI4Ah+mV5KVcX3lQRm8g8AkcCPAAPMl4/WUwn9YAAAAAElFTkSuQmCC\"","'use strict';\nvar $ = require('../internals/export');\nvar aFunction = require('../internals/a-function');\nvar toObject = require('../internals/to-object');\nvar fails = require('../internals/fails');\nvar sloppyArrayMethod = require('../internals/sloppy-array-method');\n\nvar nativeSort = [].sort;\nvar test = [1, 2, 3];\n\n// IE8-\nvar FAILS_ON_UNDEFINED = fails(function () {\n  test.sort(undefined);\n});\n// V8 bug\nvar FAILS_ON_NULL = fails(function () {\n  test.sort(null);\n});\n// Old WebKit\nvar SLOPPY_METHOD = sloppyArrayMethod('sort');\n\nvar FORCED = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || SLOPPY_METHOD;\n\n// `Array.prototype.sort` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.sort\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? nativeSort.call(toObject(this))\n      : nativeSort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","module.exports = __webpack_public_path__ + \"img/image1.2.1.747738b5.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"help-right\"},[_c('div',{staticClass:\"left\"}),_c('div',{staticClass:\"mid\"},[_c('a',{attrs:{\"id\":\"event_1\"}}),_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"section-wrap\"},[_c('h1',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_2\",\"href\":\"#标题一\"}},[_vm._v(\"#\")]),_vm._v(_vm._s(_vm.rightnavs)+\" \")])]),_vm._l((_vm.helpList),function(item,index){return _c('div',{key:item.title + item.content,staticClass:\"section\",attrs:{\"id\":item.id}},[_c('h2',[_c('a',{staticClass:\"header-anchor\",attrs:{\"id\":\"event_3\",\"href\":\"\"}},[_vm._v(\"#\")]),_vm._v(_vm._s(item.title)+\" \")]),_c('p',{staticClass:\"blockly-dom\",style:({ height: item.type == 'case' ? '500px' : '120px' })},[_c('Blockly-dom',{attrs:{\"id\":index + 1,\"blockText\":item.blockText}})],1),(item.blocksCase)?_c('span',[_vm._v(\"项目案例\")]):_vm._e(),(item.blocksCase)?_c('p',{staticClass:\"blockly-dom\",style:({ height: '500px' })},[_c('Blockly-dom',{attrs:{\"id\":item.id + index + 1,\"blockText\":item.blocksCase}})],1):_vm._e(),_vm._m(0,true),_c('ul',[_c('li',[_c('p',[_vm._v(_vm._s(item.content))])])])])}),_c('div',{staticClass:\"section\"})],2)]),_c('div',{staticClass:\"navs\"},[_c('span',{on:{\"click\":_vm.toTop}},[_vm._v(_vm._s(_vm.rightnavs))]),_c('ul',{staticClass:\"drop\"},_vm._l((_vm.helpList),function(item,index){return _c('li',{key:index,class:{ active: _vm.active === index },on:{\"click\":function($event){return _vm.onScrollTop(item.id)}}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(_vm._s(item.title))])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',[_c('strong',[_vm._v(\"含义：\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"blockly-content\"},[_c('span',{staticClass:\"mode-btn\",attrs:{\"id\":\"btnCodeEditer\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.modeToCode($event)}}},[_vm._v(_vm._s(_vm.workspaceIsVisible ? '查看代码' : '查看积木'))]),_c('python-editor',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.workspaceIsVisible),expression:\"!workspaceIsVisible\"}],attrs:{\"readOnly\":'nocursor',\"lineNumbers\":false},model:{value:(_vm.pythonEditorCode),callback:function ($$v) {_vm.pythonEditorCode=$$v},expression:\"pythonEditorCode\"}}),_c('div',{class:['blockly-box-component'],attrs:{\"id\":'blocklyBox' + _vm.id}}),_c('xml',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":'toolbox' + _vm.id}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"blockly-content\">\n    <!-- <img\n        :src=\"codeIcon\"\n        id=\"btnCodeEditer\"\n        @click=\"modeToCode\"\n        alt=\"切换模式\"\n      /> -->\n    <span class=\"mode-btn\" id=\"btnCodeEditer\" @click.stop=\"modeToCode\">{{\n      workspaceIsVisible ? '查看代码' : '查看积木'\n    }}</span>\n    <python-editor\n      v-model=\"pythonEditorCode\"\n      v-show=\"!workspaceIsVisible\"\n      :readOnly=\"'nocursor'\"\n      :lineNumbers=\"false\"\n    ></python-editor>\n    <div :id=\"'blocklyBox' + id\" :class=\"['blockly-box-component']\"></div>\n    <xml :id=\"'toolbox' + id\" style=\"display: none\">\n      <!-- <block type=\"gta_ai_event_1\"></block> -->\n    </xml>\n  </div>\n</template>\n\n<script>\nimport Blockly from '@/assets/blockly/renderers/index.js'\nimport GTheme from '@/assets/blockly/theme/gtheme.js'\nimport BlocklLangMsg from 'BlocklLangMsg'\nimport PythonEditor from '@/components/common/PythonEditor'\n\nexport default {\n  name: 'blockly',\n  components: { PythonEditor },\n  props: {\n    id: {\n      default: 0,\n    },\n    blockText: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      workspace: null,\n      rendererName: 'gta',\n      pythonEditorCode: '',\n      workspaceIsVisible: true,\n      codeIcon: require('../../../public/images/ico37-1.png'),\n    }\n  },\n\n  computed: {},\n\n  watch: {\n    pythonEditorCode(val){\n      // console.log('pythonEditorCode,workspaceIsVisible',val,this.workspaceIsVisible)\n    },\n  },\n\n  created() {},\n\n  mounted() {\n    // 主题设置\n    Blockly.Theme.GTheme = new Blockly.Theme(\n      GTheme.defaultBlockStyles,\n      GTheme.categoryStyles\n    )\n\n    //积木渐变\n    setTimeout(() => {\n      this.blocksGradient()\n    }, 1000)\n\n    Blockly.SPRITE.width = 296 * 1.5 // sprite 更改 296\n    require('@/assets/blockly/transhcan/trashcan.js')\n    Blockly.Trashcan.prototype.MARGIN_SIDE_ = 10 //0\n\n    // 载入编程语言y\n    require('../../../public/blockly/code/python_compressed.js')\n    //语言文本\n    require('../../../public/blockly/msg/details/zh-hans.js')\n\n    // 载入积木模块\n    require('@/assets/blockly/blocks/gta_ai_event.js')\n    require('@/assets/blockly/blocks/gta_ai_math.js')\n    require('@/assets/blockly/blocks/gta_ai_text.js')\n    require('@/assets/blockly/blocks/gta_ai_list.js')\n    require('@/assets/blockly/blocks/gta_ai_control.js')\n    require('@/assets/blockly/blocks/gta_ai_dict.js')\n    require('@/assets/blockly/blocks/gta_ai_procedures.js')\n    require('@/assets/blockly/blocks/gta_ai_variables.js')\n    require('@/assets/blockly/blocks/gta_ai_media.js')\n    require('@/assets/blockly/blocks/gta_ai_item.js')\n    require('@/assets/blockly/blocks/gta_ai_robot.js')\n    require('@/assets/blockly/blocks/gta_ai_robot_B.js')\n    require('@/assets/blockly/blocks/gta_ai_turtle.js')\n    //初始化\n    this.blocklyInit()\n    this.blockToWorkspace()\n    // this.workspace.markFocused();//居中\n    // this.workspace.setScale(1);//居中\n    // this.workspace.beginCanvasTransition();//居中\n    // this.workspace.scrollCenter();//居中\n  },\n  methods: {\n    blocklyInit(oldWorkspaceXml) {\n      this.workspace = Blockly.inject(\n        document.getElementById(`blocklyBox${this.id}`),\n        {\n          media: '../../blockly/media/',\n          // toolbox: document.getElementById(`toolbox${this.id}`),\n          zoom: { controls: false, wheel: false },\n          move: { wheel: true },\n          theme: Blockly.Theme.GTheme,\n          // MARK: 渲染器，用于积木的形状\n          renderer: this.rendererName,\n          //积木注释\n          comments: false,\n        }\n      )\n    },\n    //积木脚本生成到工作台\n    blockToWorkspace() {\n      let reg_xml = /<xml>/\n      let blockText = this.blockText\n      let reg_block_text = 'type='\n      let pos_y = `y=\"30\" x=\"30\" `\n      let index = blockText.indexOf(reg_block_text)\n      if (blockText && !reg_xml.test(blockText)) {\n        blockText = blockText.slice(0, index) + pos_y + blockText.slice(index)\n        let text = `<xml>${blockText}</xml>`\n        let xmlDom = Blockly.Xml.textToDom(text)\n        Blockly.Xml.domToWorkspace(xmlDom, this.workspace)\n      } else if (reg_xml.test(blockText)) {\n        // console.log('blockText',blockText);\n        //项目案例的解析\n        setTimeout(()=>{\n       let blockXml=  Blockly.Xml.textToDom(blockText)\n          Blockly.Xml.domToWorkspace(blockXml, this.workspace)\n        },300)\n      }\n    },\n    //代码模式的切换\n    modeToCode() {\n      this.workspaceIsVisible = !this.workspaceIsVisible\n      this.attemptCodeGeneration(Blockly.Python)\n    },\n    // 将积木转化为代码\n    attemptCodeGeneration(generator) {\n      if (this.checkAllGeneratorFunctionsDefined(generator)) {\n        var code = generator.workspaceToCode(this.workspace)\n        this.pythonEditorCode = code\n        // console.log(' var code',code)\n      }\n    },\n    // 检查是否所有的积木都有代码实现\n    checkAllGeneratorFunctionsDefined(generator) {\n      var blocks = this.workspace.getAllBlocks(false)\n      var missingBlockGenerators = []\n\n      for (var i = 0; i < blocks.length; i++) {\n        var blockType = blocks[i].type\n        if (!generator[blockType]) {\n          if (missingBlockGenerators.indexOf(blockType) == -1) {\n            missingBlockGenerators.push(blockType)\n          }\n        }\n      }\n      var valid = missingBlockGenerators.length == 0\n      if (!valid) {\n        var msg =\n          'The generator code for the following blocks not specified for ' +\n          generator.name_ +\n          ':\\n - ' +\n          missingBlockGenerators.join('\\n - ')\n        Blockly.alert(msg) // Assuming synchronous. No callback.\n      }\n      return valid\n    },\n    //设置积木渐变类型\n    blocksGradient() {\n      var defaultBlockStyles = GTheme.defaultBlockStyles\n      var blocklySvg = document.getElementsByClassName('blocklySvg')[0]\n      for (var i in defaultBlockStyles) {\n        var styleName = i //获取对象的键名\n        var colour = defaultBlockStyles[i].colourPrimary\n        var defs = document.createElementNS(\n          'http://www.w3.org/2000/svg',\n          'defs'\n        )\n        var linearGradient = document.createElementNS(\n          'http://www.w3.org/2000/svg',\n          'linearGradient'\n        )\n        linearGradient.setAttribute('id', styleName)\n        linearGradient.setAttribute('x1', '0%')\n        linearGradient.setAttribute('y1', '0%')\n        linearGradient.setAttribute('x2', '100%')\n        linearGradient.setAttribute('y2', '0%')\n        var stop_1 = document.createElementNS(\n          'http://www.w3.org/2000/svg',\n          'stop'\n        )\n        var stop_2 = document.createElementNS(\n          'http://www.w3.org/2000/svg',\n          'stop'\n        )\n        stop_1.setAttribute('offset', '0%')\n        stop_1.setAttribute('stop-opacity', '1')\n        stop_1.setAttribute('stop-color', colour)\n        stop_2.setAttribute('offset', '100%')\n        stop_2.setAttribute('stop-opacity', '1')\n        // stop_2.setAttribute(\"stop-opacity\", \"0.5\");\n        stop_2.setAttribute('stop-color', colour)\n        linearGradient.appendChild(stop_1)\n        linearGradient.appendChild(stop_2)\n        defs.appendChild(linearGradient)\n        blocklySvg.appendChild(defs)\n      }\n    },\n  },\n  beforeUpdate() {},\n  updated() {},\n  destroyed() {},\n  activated() {},\n}\n</script>\n<style lang=\"scss\" scoped>\n.blockly-content {\n  height: 100%;\n  width: 100%;\n  // position: absolute;\n  // top:0;\n  // left:0;\n  // right:0;\n  // bottom:0;\n  position: relative;\n  .mode-btn {\n    position: absolute;\n    z-index:3;\n    right: 10px;\n    margin-top: 5px;\n    cursor: pointer;\n    color: #fff;\n  }\n  .blockly-box-component {\n    width: 100%;\n    height: 100%;\n    text-align: left;\n    /deep/.blocklySvg {\n      background-color: #15234c;\n    }\n  }\n  .space-hide {\n    visibility: hidden;\n  }\n  /deep/.python-editor-content {\n    padding-bottom: 0px;\n    background-color: #15234c;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blockly.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Blockly.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Blockly.vue?vue&type=template&id=2768f962&scoped=true&\"\nimport script from \"./Blockly.vue?vue&type=script&lang=js&\"\nexport * from \"./Blockly.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Blockly.vue?vue&type=style&index=0&id=2768f962&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2768f962\",\n  null\n  \n)\n\nexport default component.exports","<!-- 辅助文档-媒体 -->\n<template>\n  <div class=\"help-right\">\n    <div class=\"left\"></div>\n    <div class=\"mid\">\n      <a id=\"event_1\"></a>\n      <div class=\"content\">\n        <div class=\"section-wrap\">\n          <h1>\n            <a id=\"event_2\" href=\"#标题一\" class=\"header-anchor\">#</a\n            >{{ rightnavs }}\n          </h1>\n        </div>\n        <div\n          class=\"section\"\n          :id=\"item.id\"\n          v-for=\"(item, index) in helpList\"\n          :key=\"item.title + item.content\"\n        >\n          <h2>\n            <a id=\"event_3\" href=\"\" class=\"header-anchor\">#</a>{{ item.title }}\n          </h2>\n          <p\n            class=\"blockly-dom\"\n            :style=\"{ height: item.type == 'case' ? '500px' : '120px' }\"\n          >\n            <Blockly-dom :id=\"index + 1\" :blockText=\"item.blockText\" />\n          </p>\n          <span v-if=\"item.blocksCase\">项目案例</span>\n          <p\n            class=\"blockly-dom\"\n            :style=\"{ height: '500px' }\"\n            v-if=\"item.blocksCase\"\n          >\n            <Blockly-dom\n              :id=\"item.id + index + 1\"\n              :blockText=\"item.blocksCase\"\n            />\n          </p>\n\n          <p>\n            <strong>含义：</strong>\n          </p>\n          <ul>\n            <li>\n              <p>{{ item.content }}</p>\n            </li>\n          </ul>\n        </div>\n        <div class=\"section\"></div>\n      </div>\n    </div>\n\n    <!-- 右侧菜单导航 -->\n    <div class=\"navs\">\n      <span @click=\"toTop\">{{ rightnavs }}</span>\n      <ul class=\"drop\">\n        <li\n          :class=\"{ active: active === index }\"\n          v-for=\"(item, index) in helpList\"\n          :key=\"index\"\n          @click=\"onScrollTop(item.id)\"\n        >\n          <a href=\"javascript:;\">{{ item.title }}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport BlocklyDom from '@/components/common/Blockly.vue'\n\nexport default {\n  name: 'turtlePage',\n  props: {\n    currentHelp: {\n      type: Array,\n      default() {\n        return []\n      },\n    },\n    hashId: {\n      type: String,\n      default: '',\n    },\n  },\n  components: { BlocklyDom },\n  data() {\n    return {\n      hashIdState: false, // true为积木跳转过来的状态\n      intervalNum: 0,\n      intervalSum: 5,\n      active: 0, // 当前激活的导航索引\n      scrollTop: 0,\n      rightnavs: '',\n      helpList: [],\n    }\n  },\n  watch: {\n    // 监听模块数据列表\n    currentHelp: {\n      handler(val) {\n        // 切换积木模块滚动条置顶\n        document.body.scrollTop = 0\n        document.documentElement.scrollTop = 0\n        if (val && val[0]) {\n          this.helpList = JSON.parse(JSON.stringify(val))\n          this.rightnavs = val[0].rightnavs\n        }\n      },\n      deep: true,\n      // immediate: true,\n    },\n    hashId: {\n      handler(value) {\n        if (value) {\n          // console.log('hashId---', value)\n          this.$nextTick(() => {\n            this.onScrollTop(value)\n          })\n        }\n      },\n      immediate: true,\n      deep: true,\n    },\n  },\n  created() {\n    document.body.scrollTop = 0\n    document.documentElement.scrollTop = 0\n  },\n  mounted() {\n    // 监听滚动事件\n    window.addEventListener('scroll', this.onScroll, false)\n  },\n  destroy() {\n    // 必须移除监听器，不然当该vue组件被销毁了，监听器还在就会出错\n    window.removeEventListener('scroll', this.onScroll)\n  },\n  methods: {\n    // 滚动监听器\n    onScroll() {\n      // 获取所有锚点元素\n      let navContents = document.querySelectorAll('.content > .section')\n\n      // 所有锚点元素的 offsetTop\n      let offsetTopArr = []\n      navContents.forEach((item) => {\n        offsetTopArr.push(item.offsetTop)\n      })\n      // 获取当前文档流的 scrollTop\n      let scrollTop =\n        document.documentElement.scrollTop || document.body.scrollTop\n      // 定义当前点亮的导航下标\n      let navIndex = 0\n      for (let n = 0; n < offsetTopArr.length; n++) {\n        // 如果 scrollTop 大于等于第n个元素的 offsetTop 则说明 n-1 的内容已经完全不可见\n        // 那么此时导航索引就应该是n了\n        if (scrollTop >= offsetTopArr[n]) {\n          navIndex = n\n        }\n      }\n      this.active = navIndex + 1\n    },\n    // 跳转到指定索引的元素\n    onScrollTop(data) {\n      // console.log('data---', data)\n      let hashId\n      if (typeof data == 'object') {\n        hashId = data.blocksName\n      } else {\n        hashId = data\n      }\n      // css选择器是从 1 开始计数，我们是从 0 开始，所以要 +1\n      let target = document.querySelector(`#${hashId}`)\n      // let target = document.querySelector(`.content #${hashId}`)\n\n      //intervalNum--循环遍历次数\n      if (!target && this.intervalNum < this.intervalSum) {\n        this.intervalNum += 1\n        setTimeout(() => {\n          this.onScrollTop(this.hashId)\n        }, 500)\n        return\n      } else if (!target) {\n        return\n      }\n      this.intervalNum = 0\n\n      const targetOffsetTop = target.offsetTop - 10\n\n      // 获取当前 offsetTop\n      let scrollTop =\n        document.documentElement.scrollTop || document.body.scrollTop\n      // 定义一次跳 50 个像素，数字越大跳得越快，但是会有掉帧得感觉\n      const STEP = 50\n\n      // 判断是往下滑还是往上滑\n      if (scrollTop + 160 > targetOffsetTop) {\n        // 往上滑\n        smoothUp()\n      } else {\n        // 往下滑\n        smoothDown()\n      }\n      // 定义往下滑函数\n      function smoothDown() {\n        // 如果当前 scrollTop 小于 targetOffsetTop 说明视口还没滑到指定位置\n        if (scrollTop < targetOffsetTop) {\n          // 如果和目标相差距离大于等于 STEP 就跳 STEP\n          // 否则直接跳到目标点，目标是为了防止跳过了。\n          if (targetOffsetTop - scrollTop >= STEP) {\n            scrollTop += STEP\n          } else {\n            scrollTop = targetOffsetTop\n          }\n          document.body.scrollTop = scrollTop - 100\n          document.documentElement.scrollTop = scrollTop - 100\n          // 关于 requestAnimationFrame 可以自己查一下，在这种场景下，相比 setInterval 性价比更高\n          requestAnimationFrame(smoothDown)\n        }\n      }\n      // 定义往上滑函数\n      function smoothUp() {\n        if (scrollTop > targetOffsetTop) {\n          if (scrollTop - targetOffsetTop >= STEP) {\n            scrollTop -= STEP\n          } else {\n            scrollTop = targetOffsetTop\n          }\n          document.body.scrollTop = scrollTop - 100\n          document.documentElement.scrollTop = scrollTop - 100\n          requestAnimationFrame(smoothUp)\n        }\n      }\n    },\n    toTop() {\n      if (document.documentElement.scrollTop) {\n        document.documentElement.scrollTop = 0\n      } else {\n        document.body.scrollTop = 0\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.help {\n  &-left {\n    position: fixed;\n    width: 220px;\n    height: 100%;\n    margin-right: 10px;\n    background: #fff;\n\n    .title {\n      line-height: 60px;\n      font-size: 16px;\n      color: #333;\n      text-align: center;\n    }\n    .item {\n      border-left: 3px solid transparent;\n      text-indent: 17px;\n      font-size: 14px;\n      color: #333;\n      line-height: 40px;\n      cursor: pointer;\n      &:hover,\n      &.active {\n        border-left: 3px solid #4c88ff;\n        background: #dfeaff;\n      }\n    }\n  }\n  &-right {\n    float: right;\n    width: 970px;\n    min-height: 780px;\n    background: #fff;\n    .left,\n    .right,\n    .mid {\n      float: left;\n      width: 14%;\n      min-height: 20px;\n    }\n    .mid {\n      width: 72%;\n    }\n\n    h1 {\n      font-size: 2.2rem;\n    }\n    h2 {\n      font-size: 1.65rem;\n      padding-bottom: 0.3rem;\n      border-bottom: 1px solid #eaecef;\n    }\n    p,\n    ul {\n      line-height: 1.7;\n    }\n    ul {\n      padding-left: 1.2em;\n    }\n    strong {\n      font-weight: 600;\n    }\n    .content pre,\n    .content pre[class*='language-'] {\n      background-color: #282c34;\n      line-height: 1.4;\n      border-radius: 6px;\n      padding: 1.25rem 1.5rem;\n      margin: 0.85rem 0;\n      white-space: pre-wrap;\n      word-break: break-word;\n      overflow: auto;\n      position: relative;\n    }\n    .content pre:before,\n    .content pre[class*='language-']:before {\n      position: absolute;\n      top: 0.8em;\n      right: 1em;\n      font-size: 0.75rem;\n      color: hsla(0, 0%, 100%, 0.4);\n    }\n    .content code {\n      color: #476582;\n      padding: 0.25rem 0.5rem;\n      margin: 0;\n      font-size: 0.85em;\n      background-color: rgba(27, 31, 35, 0.05);\n      border-radius: 3px;\n    }\n    .content pre[class*='language-'] code,\n    .content pre code {\n      color: #fff;\n      padding: 0;\n      background-color: transparent;\n      border-radius: 0;\n    }\n    .token.comment,\n    .token.doctype,\n    .token.prolog {\n      color: #999;\n    }\n\n    a.header-anchor {\n      font-size: 0.85em;\n      float: left;\n      margin-left: -0.87em;\n      padding-right: 0.23em;\n      margin-top: 0.125em;\n      opacity: 0;\n    }\n    .content:not(.custom) > h1,\n    .content:not(.custom) > h2,\n    .content:not(.custom) > h3,\n    .content:not(.custom) > h4,\n    .content:not(.custom) > h5,\n    .content:not(.custom) > h6 {\n      margin-top: -3.1rem;\n      padding-top: 4.6rem;\n      margin-bottom: 0;\n    }\n    p {\n      margin: 1em 0;\n    }\n    ul {\n      list-style-type: disc;\n    }\n    .toc-box,\n    .toc-scroll-mask {\n      bottom: 180px;\n      position: fixed;\n      right: 3.57%;\n    }\n    .table-of-contents.active {\n      display: block;\n      width: 200px;\n    }\n    .table-of-contents.active > ul {\n      position: relative;\n      margin-top: 0;\n      padding-left: 0;\n    }\n    .table-of-contents.active > ul > li {\n      position: relative;\n    }\n    .table-of-contents li {\n      list-style: none;\n    }\n    .table-of-contents.active > ul > li:before {\n      left: 15px;\n      top: 14px;\n      content: '';\n      position: absolute;\n      width: 1px;\n      height: 100%;\n      background-color: #eaecef;\n    }\n    .table-of-contents.active > ul > li > a {\n      font-size: 16px;\n      margin-left: 32px;\n      color: #333;\n    }\n    .table-of-contents.active > ul > li > ul {\n      position: relative;\n      max-height: 300px;\n      padding-left: 32px;\n    }\n    .table-of-contents.active > ul > li > ul > li {\n      position: relative;\n      white-space: nowrap;\n    }\n    .table-of-contents > ul > li > ul > li.active a {\n      color: #35c4ff;\n    }\n    .table-of-contents.active > ul > li > ul > li:after {\n      content: '';\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background-color: #35c4ff;\n      left: -21px;\n      top: 50%;\n      margin-top: -2px;\n      display: none;\n    }\n    .table-of-contents.active > ul > li.active:after,\n    .table-of-contents.active > ul > li > ul > li.active:after {\n      display: block;\n    }\n    .table-of-contents.active > ul:before {\n      left: 9px;\n      top: 12px;\n    }\n    .table-of-contents.active a {\n      font-size: 14px;\n      color: #666;\n    }\n    .table-of-contents.active > ul:after,\n    .table-of-contents.active > ul:before {\n      content: '';\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      border: 2px solid #eaecef;\n      background-color: #fff;\n      z-index: 10;\n    }\n    .table-of-contents.active > ul:after {\n      left: 9px;\n      top: 100%;\n      margin-top: 5px;\n    }\n    code,\n    kbd {\n      font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New,\n        monospace;\n    }\n    ul ul {\n      list-style-type: circle;\n      margin-block-start: 0px;\n      margin-block-end: 0px;\n    }\n  }\n}\n.gat-head {\n  width: 100%;\n  top: 0;\n  z-index: 5;\n  box-sizing: border-box;\n}\n\n.clearfix:after {\n  display: block;\n  height: 0;\n  visibility: hidden;\n  clear: both;\n  content: '';\n}\n\n.navs {\n  height: 100%;\n  max-height: 83%;\n  position: fixed;\n  // bottom: 23px;\n  right: 2%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: #f2f5fc;\n  padding-top: 10px;\n  /*修改滚动条样式*/\n  // &::-webkit-scrollbar{\n  //   width:10px;\n  //   height:10px;\n  //   /**/\n  // }\n  // &::-webkit-scrollbar-track{\n  //   background: rgb(239, 239, 239);\n  //   border-radius:2px;\n  // }\n  // &::-webkit-scrollbar-thumb{\n  //   background: #bfbfbf;\n  //   // border-radius:10px;\n  // }\n  // &::-webkit-scrollbar-thumb:hover{\n  //   background: #333;\n  // }\n  // &::-webkit-scrollbar-corner{\n  //   background: #179a16;\n  // }\n\n  &:before {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: 2px solid #eaecef;\n    background-color: #fff;\n    z-index: 10;\n    left: 0;\n    top: 9px;\n  }\n  &:after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    border: 2px solid #eaecef;\n    background-color: #fff;\n    z-index: 10;\n    left: 0;\n    // top: 100%;\n    margin-top: 5px;\n  }\n  .drop {\n    list-style: none;\n    padding-left: 0;\n  }\n  span {\n    padding-left: 20px;\n    cursor: pointer;\n    color: #333;\n  }\n}\n\n.drop li {\n  position: relative;\n  padding-left: 20px;\n  &:before {\n    // left: -7px;\n    left: 6px;\n    top: 0px;\n    content: '';\n    position: absolute;\n    width: 1px;\n    height: 120%;\n    background-color: #eaecef;\n  }\n  a {\n    font-size: 14px;\n    color: #666;\n  }\n}\n.drop li.active {\n  &:after {\n    content: '';\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background-color: #35c4ff;\n    left: 2px;\n    top: 55%;\n    margin-top: -5px;\n  }\n  a {\n    color: #35c4ff;\n    border-color: #35c4ff;\n  }\n}\n.help-right .content {\n  padding: 50px 0;\n\n  .section-wrap,\n  .section {\n    margin-bottom: 30px;\n    .blockly-dom {\n      height: 120px;\n      width: 700px;\n      overflow: hidden;\n    }\n  }\n  .section:last-child {\n    min-height: 55vh;\n  }\n}\n.help-left .item {\n  a {\n    color: #2c3e50;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocumentPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocumentPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HelpDocumentPage.vue?vue&type=template&id=733c22d9&scoped=true&\"\nimport script from \"./HelpDocumentPage.vue?vue&type=script&lang=js&\"\nexport * from \"./HelpDocumentPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HelpDocumentPage.vue?vue&type=style&index=0&id=733c22d9&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"733c22d9\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocument.vue?vue&type=style&index=0&id=893be4b6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocument.vue?vue&type=style&index=0&id=893be4b6&lang=scss&scoped=true&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocumentPage.vue?vue&type=style&index=0&id=733c22d9&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpDocumentPage.vue?vue&type=style&index=0&id=733c22d9&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/aiIntroduce-image.ae062e96.png\";","// const new_service_basis = window.gtaAiConfig.service_basis\n\n /* eslint-disable */ \n let tag= process.env.VUE_APP_TAG\n let new_service_basis=getEnv(tag).service_basis\n let service_data=getEnv(tag).service_data\n\nexport default {\n  // 标注项目接口\n  /**\n   * 获取编辑器的积木列表\n   */\n  getBlockList: `${new_service_basis}/ai/training/editor/getBlockList`,\n  /**\n   * 获取编辑器的部分积木列表---我的模型、公共模型部分\n   */\n   getModelBlockList: `${new_service_basis}/ai/training/editor/getModelBlockList`,\n\n  /**\n   *查询媒体积木\n   */\n  getMediaByTrainingId: `${new_service_basis}/ai/training/editor/getMediaByTrainingId`,\n  /**\n   * 新增媒体积木\n   */\n  insertMedia: `${new_service_basis}/ai/training/editor/insertMedia`,\n\n  /**\n   *  修改媒体积木\n   */\n  updateMedia: `${new_service_basis}/ai/training/editor/updateMedia`,\n  /**\n   *   删除媒体积木\n   */\n  deleteMedia: `${new_service_basis}/ai/training/editor/deleteMedia`,\n\n\n};\n","import axios from \"../../index\";\nimport api from \"./blocks.api\";\n\nexport default {\n  /**\n   * 获取积木列表\n   */\n  getBlockList(data = {}) {\n    return axios.post(api.getBlockList, data);\n  },\n   /**\n   * 获取编辑器的部分积木列表---我的模型、公共模型部分\n   */\n    getModelBlockList(data = {}) {\n    return axios.post(api.getModelBlockList, data);\n  },\n  \n  /**\n   * 查询媒体积木  @data projectId 项目id\n   */\n  getMediaByTrainingId(data = {}) {\n    return axios.post(api.getMediaByTrainingId, data);\n  },\n  /**\n   * 新增媒体积木  @data mediaFileName 媒体名称  mediaFileUrl 媒体文件url projectId 项目id\n   */\n  insertMedia(data = {}) {\n    return axios.post(api.insertMedia, data);\n  },\n  /**\n   * 修改媒体积木  @data mediaFileName 媒体名称  mediaFileUrl 媒体文件url \n   */\n  updateMedia(data = {}) {\n    return axios.post(api.updateMedia, data);\n  },\n  /**\n   * 删除媒体积木  @data mediaFileName 媒体名称  mediaFileUrl 媒体文件url \n   */\n  deleteMedia(data = {}) {\n    return axios.post(api.deleteMedia, data);\n  },\n  \n};\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiIntroducePage.vue?vue&type=style&index=0&id=36447374&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiIntroducePage.vue?vue&type=style&index=0&id=36447374&lang=scss&scoped=true&\""],"sourceRoot":""}