@zykjcommon/questions 0.0.13 → 0.0.14

package/src/components/questions/developmentEntry.js

@@ -3,9 +3,134 @@
  */
 //给VUE2用是编译前的文件，和vue2项目一起打包构建
 import Question_SingleChoice from './Question_SingleChoice.vue'
-export default {
-  install(Vue){
-    Vue.component('Question_SingleChoice',Question_SingleChoice)
-  },
-  Question_SingleChoice
+import Question_MultipleChoice from './Question_MultipleChoice.vue'
+import Question_Reading from './Question_Reading.vue'
+import Question_BriefAnswer from './Question_BriefAnswer.vue'
+import Question_FillBlank from './Question_FillBlank.vue'
+import Question_Programming from './Question_Programming.vue'
+import {questionMapper} from "./const";
+import fun from "../../assets/js/fun";
+import storeOptions from './store'
+export default function(store){
+  //动态注册store
+  store.registerModule('zykjcommonQuestions',storeOptions)
+  return {
+    install(Vue){
+      let version = fun.getVueVersion()
+      Vue.mixin({
+        methods: {
+          //公共解析questionItem方法
+          parseQuestionListItem(mode,question_list,answer_map,parentIndex = undefined){
+            function parseContent(arr,contentWidth){
+              arr.forEach((item)=>{
+                if(item['<>'] === 'img'){
+                  if(item.hasOwnProperty('width')){
+                    let width = Number(item.width)
+                    if(width > contentWidth){
+                      item.width = Math.floor(contentWidth)
+                      item.height && delete item.height
+                    }
+                  }
+                }
+                if(item.html && item.html.length){
+                  parseContent(item.html,contentWidth)
+                }
+              })
+            }
+            question_list.forEach((item,index)=>{
+              item.questionComponent = questionMapper[item.question_type]
+              // item.questionIndex = index + 1
+              if(parentIndex === undefined){
+                item.questionIndex = index + 1
+              }else{
+                item.questionIndex = (parentIndex + 1) + '-' + (index + 1)
+                item.questionIndex2 = index + 1
+              }
+              if(answer_map && answer_map.hasOwnProperty(item.question_id)){
+                item.answerMap = answer_map[item.question_id]
+                if(mode === 'analysis'){
+                  //analysis页面特殊处理
+                  if(item.answerMap.user_coding_file){
+                    item.answerMap.oss_temp_url = item.answerMap.user_coding_file
+                  }
+                  //analysis页面特殊处理score字段为 answerMap.question_max_score
+                  item.score = item.answerMap.question_max_score
+                  //预览接口学生答案以user_开头，为适配考试的学生答案，做处理
+                  let answerMapKeys = Object.keys(item.answerMap)
+                  let reg = /^user_/ig
+                  answerMapKeys.forEach((answerMapKeysItem)=>{
+                    if(reg.test(answerMapKeysItem)){
+                      let newProp = answerMapKeysItem.replace(reg,'')
+                      item.answerMap[newProp] = item.answerMap[answerMapKeysItem]
+                    }
+                  })
+                }
+              }else{
+                item.answerMap = null
+              }
+              let question_type = item.question_type
+              if(question_type == 3){
+                //判断题手动构造选项数组
+                item.exam_options_data = [
+                  {
+                    index:1,data:{
+                      name:'正确'
+                    }
+                  },
+                  {
+                    index:2,data:{
+                      name:'错误'
+                    }
+                  }
+                ]
+              }else{
+                if(item.exam_options_data && item.exam_options_data.length){
+                  item.exam_options_data.forEach((subItem,subIndex)=>{
+                    subItem.enIndex = fun.indexToEnIndex(subIndex+1)
+                  })
+                }
+              }
+              //转化content富文本
+              try{
+
+                let contentArr = JSON.parse(item.content)
+                let contentWidth = jQuery('.question-list').width() - 30
+                //图片宽度超出框架的时候把宽度设置成框架大小
+                parseContent(contentArr,contentWidth)
+                item.htmlContent = $.json2html({}, contentArr);
+              }catch(e){
+                item.htmlContent = item.content
+              }
+              //转化analysis富文本
+              try{
+                if(item.analysis){
+                  item.analysisHtmlContent = $.json2html({}, JSON.parse(item.analysis));
+                }else{
+                  item.analysisHtmlContent = ''
+                }
+              }catch(e){
+                item.analysisHtmlContent = item.analysis
+              }
+              //如果是阅读题要递归解析
+              if(item.sub_questions && item.sub_questions.length){
+                this.parseQuestionListItem(mode,item.sub_questions,answer_map,index)
+              }
+            })
+          }
+        }
+      })
+      Vue.component('Question_SingleChoice',Question_SingleChoice)
+      Vue.component('Question_MultipleChoice',Question_MultipleChoice)
+      Vue.component('Question_Reading',Question_Reading)
+      Vue.component('Question_BriefAnswer',Question_BriefAnswer)
+      Vue.component('Question_FillBlank',Question_FillBlank)
+      Vue.component('Question_Programming',Question_Programming)
+    },
+    Question_SingleChoice,
+    Question_MultipleChoice,
+    Question_Reading,
+    Question_BriefAnswer,
+    Question_FillBlank,
+    Question_Programming
+  }
 }

package/src/components/questions/entry.js

@@ -3,24 +3,8 @@
  */
 // import ZYKJQuestionsPlugin from "../../../dist/zykjcommon-questions.umd.min"
 // import ZYKJQuestionsPluginDev from "./developmentEntry.js"
-function getVueVersion(){
-  let version = ''
-  /*if(!Vue){
-    if(createApp){
-      let v = createApp({})
-      version = v.version
-    }else{
-      version = 'undefined'
-    }
-  }else{
-    version = Vue.version || 'undefined'
-  }*/
-  let Vue = require('vue')
-  Vue = Vue.default || Vue
-  version = Vue.version || 'undefined'
-  return version
-}
-let version = getVueVersion()
+import fun from "../../assets/js/fun";
+let version = fun.getVueVersion()
 let exportObj = null
 if(version!='undefined'){
   version = parseInt(version)

package/src/components/questions/store.js

@@ -0,0 +1,44 @@
+let api = {
+  editorUrl: '/open/editor-url'
+}
+import {postWeb,getWeb} from "../../assets/js/http.js";
+/**
+ * user模块
+ */
+
+
+const state = {
+  pythonCodeWebPath:'',
+  scratchCodeWebPath:'',
+  cplusCodeWebPath:''
+}
+
+export default {
+  namespaced: true,
+  state,
+  getters: {},
+  mutations: {
+    setCodeWebPath(state, payload) {
+      state.pythonCodeWebPath = payload.pythonCodeWebPath
+      state.scratchCodeWebPath = payload.scratchCodeWebPath
+      state.cplusCodeWebPath = payload.cplusCodeWebPath
+    }
+  },
+  actions: {
+    getEditorUrlActions({commit,dispatch}){
+      return new Promise((resolve, reject) => {
+        getWeb(`${api.editorUrl}`).then((res) => {
+          let {error_code, data} = res;
+          if (!error_code){
+            let {pythonCodeWebPath,scratchCodeWebPath,cplusCodeWebPath} = data
+            commit('setCodeWebPath',{pythonCodeWebPath,scratchCodeWebPath,cplusCodeWebPath})
+          }
+          resolve(res)
+        }, (err) => {
+          reject(err)
+        })
+      })
+    }
+  }
+}
+  

package/src/main.ts

@@ -41,18 +41,6 @@ import '@src/assets/js/arms'
 let vueInstance = createApp(App)
 // console.log(vueInstance,77);
 
-// import ZYKJQuestionsPlugin from "@src/components/questions/entry.js"
-// console.log(ZYKJQuestionsPlugin,799);
-// vueInstance.use(ZYKJQuestionsPlugin as any)
-// import '../dist/zykjcommon-questions.css';
-
-import ZYKJQuestionsPlugin from "@zykjcommon/questions"
-vueInstance.use(ZYKJQuestionsPlugin as any)
-import '@zykjcommon/questions/dist/zykjcommon-questions.css';
-
-// console.log(ZYKJQuestionsPlugin,111);
-
-
 vueInstance.component('remote-js', {
   render() {
     let self = this;
@@ -115,7 +103,7 @@ vueInstance.component('remote-css', {
     }
   }
 })
-vueInstance.component('Loading',Loading)
+// vueInstance.component('Loading',Loading)
 vueInstance.component('ContentDialog',ContentDialog)
 //全局注册题型组件
 // Object.keys(QuestionReader).forEach((key)=>{
@@ -181,5 +169,21 @@ vueInstance.directive('returnTop',{
 })
 
 vueInstance.use(validationPlugin)
+
+
+
+import ZYKJQuestionsPlugin from "@src/components/questions/entry.js"
+vueInstance.use((ZYKJQuestionsPlugin as any)(store))
+import '../dist/zykjcommon-questions.css';
+
+// import ZYKJQuestionsPlugin from "@zykjcommon/questions"
+// import ZYKJQuestionsPlugin from "@src/components/questions/developmentEntry.js"
+// vueInstance.use((ZYKJQuestionsPlugin as any)(store))
+// import '@zykjcommon/questions/dist/zykjcommon-questions.css';
+// import '@src/assets/scss/questions/index.scss';
+
+// console.log(ZYKJQuestionsPlugin,111);
+
+
 vueInstance.use(store).use(router(store)).mount('#app')
 window.vm.$store = store