@wg-npm/survey-response 0.5.136 → 0.5.138

package/dist/survey-response.esm.js

@@ -1,10 +1,10 @@
 import Vue from 'vue';
 import _ from 'lodash';
 import { Row, Icon, FormItem, CheckboxGroup, Checkbox, Col, Input, RadioGroup, Radio, Tooltip, Card, Slider, InputNumber, Form } from 'view-design';
+import { showInput, formatTitle, translate } from '@wg-npm/survey-core';
 import deepmerge from 'deepmerge';
-import { translate } from '@wg-npm/survey-core';
 
-var script$f = Vue.extend({
+var script$g = Vue.extend({
     name: "empty-question",
     components: {
         Row,
@@ -142,44 +142,44 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$f = script$f;
-var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"fill-width mb20 no-data"},[_c('Row',[_c('img',{staticClass:"empty_box-copy",attrs:{"src":__$_require_images_empty_box_copy_svg__}})]),_vm._v(" "),_c('Row',[_c('span',{staticClass:"no-data-span"},[_vm._v(_vm._s(_vm.$t("survey_response.question.noQuestion")))])])],1)};
-var __vue_staticRenderFns__$f = [];
+const __vue_script__$g = script$g;
+var __vue_render__$g = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"fill-width mb20 no-data"},[_c('Row',[_c('img',{staticClass:"empty_box-copy",attrs:{"src":__$_require_images_empty_box_copy_svg__}})]),_vm._v(" "),_c('Row',[_c('span',{staticClass:"no-data-span"},[_vm._v(_vm._s(_vm.$t("survey_response.question.noQuestion")))])])],1)};
+var __vue_staticRenderFns__$g = [];
 
   /* style */
-  const __vue_inject_styles__$f = function (inject) {
+  const __vue_inject_styles__$g = function (inject) {
     if (!inject) return
     inject("data-v-9b95ccca_0", { source: ".fill-width[data-v-9b95ccca]{width:100%;text-align:center}.no-data span[data-v-9b95ccca]{text-align:center;color:rgba(0,0,0,.65)}.no-data .no-data-span[data-v-9b95ccca]{font-size:24px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$f = "data-v-9b95ccca";
+  const __vue_scope_id__$g = "data-v-9b95ccca";
   /* module identifier */
-  const __vue_module_identifier__$f = undefined;
+  const __vue_module_identifier__$g = undefined;
   /* functional template */
-  const __vue_is_functional_template__$f = false;
+  const __vue_is_functional_template__$g = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
-    __vue_inject_styles__$f,
-    __vue_script__$f,
-    __vue_scope_id__$f,
-    __vue_is_functional_template__$f,
-    __vue_module_identifier__$f,
+  const __vue_component__$g = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
+    __vue_inject_styles__$g,
+    __vue_script__$g,
+    __vue_scope_id__$g,
+    __vue_is_functional_template__$g,
+    __vue_module_identifier__$g,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-  var EmptyQuestion = __vue_component__$f;
+  var EmptyQuestion = __vue_component__$g;
 
-var script$e = Vue.extend({
+var script$f = Vue.extend({
     name: "question-title",
     components: { Icon },
     inject: ["$rootComponent"],
@@ -195,8 +195,15 @@ var script$e = Vue.extend({
         language: {
             type: String,
         },
+        customQuestion: {
+            type: Object,
+            required: false,
+        },
     },
     computed: {
+        customFilledTitle() {
+            return this.customQuestion?.filledTitle;
+        },
         haveStar() {
             return this.question?.options?.starEnabled ?? false;
         },
@@ -204,13 +211,24 @@ var script$e = Vue.extend({
             return this.question.type == "SINGLE_SELECTION";
         },
     },
+    methods: {
+        getShowInput(index, formatTitle) {
+            return showInput(index, formatTitle);
+        },
+        getTitle(question) {
+            return formatTitle(question, this.$rootComponent.currentLanguage);
+        },
+    },
 });
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 
 /* template */
-var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question-title"},[(_vm.question.type !== 'text_title')?_c('span',[(_vm.question.options.required)?_c('label',{staticClass:"require-label"},[_vm._v("*")]):_vm._e(),_vm._v(" "),(_vm.question.header.number)?_c('label',{staticClass:"number"},[_vm._v(_vm._s(_vm.question.header.number)+".")]):_vm._e()]):_vm._e(),_vm._v(" "),_c('span',{staticClass:"content"},[_vm._v(_vm._s(_vm.i18nText(_vm.question.header.text)))]),_vm._v(" "),(_vm.haveStar)?_c('span',{staticClass:"options-explain"},[(_vm.isSingleSelection)?_c('span',[_vm._v("\n      ("+_vm._s(_vm.t(
+var __vue_render__$f = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"question-title"},[(_vm.question.type !== 'text_title')?_c('span',{staticClass:"pr-sm"},[(_vm.question.options.required)?_c('label',{staticClass:"require-label"},[_vm._v("*")]):_vm._e(),_vm._v(" "),(_vm.question.header.number)?_c('label',{staticClass:"number"},[_vm._v(_vm._s(_vm.question.header.number)+".")]):_vm._e()]):_vm._e(),_vm._v(" "),_vm._l((_vm.getTitle(_vm.question)),function(title,index){return _c('div',{key:index,staticClass:"flex"},[(title !== '')?_c('span',{staticClass:"content"},[_vm._v(_vm._s(title))]):_vm._e(),_vm._v(" "),_vm._l((_vm.customFilledTitle),function(customTitle){return _c('div',{key:index + customTitle.index},[(title === '' && index === customTitle.index)?_c('span',{staticClass:"content"},[_vm._v(_vm._s(customTitle.title))]):_c('div',[(
+            _vm.getShowInput(index, _vm.getTitle(_vm.question)) &&
+            index === customTitle.index
+          )?_c('span',{staticClass:"content"},[_vm._v(_vm._s(customTitle.title))]):_vm._e()])])})],2)}),_vm._v(" "),(_vm.haveStar)?_c('span',{staticClass:"options-explain"},[(_vm.isSingleSelection)?_c('span',[_vm._v("\n      ("+_vm._s(_vm.t(
           "survey_creator.question.star_single",
           _vm.$rootComponent.currentLanguage
         ))+"\n      "),_c('span',[_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1),_vm._v(")\n    ")]):_c('span',[_vm._v("\n      (\n      "+_vm._s(_vm.t(
@@ -222,39 +240,41 @@ var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _
         ))+"\n      "+_vm._s(_vm.question.options.starMinCount)+"\n      "+_vm._s(_vm.t(
           "survey_creator.question.star_multi_suffix",
           _vm.$rootComponent.currentLanguage
-        ))+"\n      )\n    ")],1)]):_vm._e()])};
-var __vue_staticRenderFns__$e = [];
+        ))+"\n      )\n    ")],1)]):_vm._e()],2)};
+var __vue_staticRenderFns__$f = [];
 
   /* style */
-  const __vue_inject_styles__$e = undefined;
+  const __vue_inject_styles__$f = function (inject) {
+    if (!inject) return
+    inject("data-v-32eb22f3_0", { source: ".flex[data-v-32eb22f3]{display:flex;align-items:center;white-space:nowrap}.pr-sm[data-v-32eb22f3]{padding-right:4px}", map: undefined, media: undefined });
+
+  };
   /* scoped */
-  const __vue_scope_id__$e = undefined;
+  const __vue_scope_id__$f = "data-v-32eb22f3";
   /* module identifier */
-  const __vue_module_identifier__$e = undefined;
+  const __vue_module_identifier__$f = undefined;
   /* functional template */
-  const __vue_is_functional_template__$e = false;
-  /* style inject */
-  
+  const __vue_is_functional_template__$f = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
-    __vue_inject_styles__$e,
-    __vue_script__$e,
-    __vue_scope_id__$e,
-    __vue_is_functional_template__$e,
-    __vue_module_identifier__$e,
+  const __vue_component__$f = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
+    __vue_inject_styles__$f,
+    __vue_script__$f,
+    __vue_scope_id__$f,
+    __vue_is_functional_template__$f,
+    __vue_module_identifier__$f,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
 
-  var QuestionTitle = __vue_component__$e;
+  var QuestionTitle = __vue_component__$f;
 
 var OptionLayoutMixin = Vue.extend({
     methods: {
@@ -275,10 +295,30 @@ var OptionLayoutMixin = Vue.extend({
     },
 });
 
-var script$d = Vue.extend({
+var QuestionMixin = Vue.extend({
+    props: {
+        index: Number,
+        surveyIndex: Number,
+        isMoreSurvey: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
+    },
+    computed: {
+        answerProp() {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].answer`
+                : `answers[${this.index}].answer`;
+        },
+    },
+    methods: {},
+});
+
+var script$e = Vue.extend({
     name: "multi-selection",
     inject: ["$rootComponent"],
-    mixins: [OptionLayoutMixin],
+    mixins: [OptionLayoutMixin, QuestionMixin],
     components: {
         FormItem,
         CheckboxGroup,
@@ -292,7 +332,6 @@ var script$d = Vue.extend({
             type: Object,
             required: true,
         },
-        index: Number,
         answer: {
             type: Object,
             required: true,
@@ -309,6 +348,11 @@ var script$d = Vue.extend({
         },
     },
     methods: {
+        inputAnswerProp(inputIndex) {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].inputAnswers[${inputIndex}].inputText`
+                : `answers[${this.index}].inputAnswers[${inputIndex}].inputText`;
+        },
         setCheckboxStatus() {
             let exclusiveChoiceId = "";
             const notExclusiveChoices = new Array();
@@ -358,10 +402,10 @@ var script$d = Vue.extend({
 });
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 
 /* template */
-var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
+var __vue_render__$e = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
     required: _vm.question.options.required && !_vm.question.options.disabled,
     type: 'array',
     min: 1,
@@ -371,7 +415,7 @@ var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _
             _vm.question.options.disabled}},[_c('span',[_vm._v(_vm._s(_vm.i18nText(choice.text)))])]),_vm._v(" "),_vm._l((_vm.value.inputAnswers),function(inputAnswer,inputIndex){return _c('div',{key:inputIndex},[(
               choice.id === inputAnswer.choiceId &&
               _vm.value.answer.includes(choice.id)
-            )?_c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].inputAnswers[" + inputIndex + "].inputText"),"rules":[
+            )?_c('FormItem',{attrs:{"prop":_vm.inputAnswerProp(inputIndex),"rules":[
               {
                 required: true,
                 message: _vm.t('survey_response.question.choice_required'),
@@ -384,43 +428,44 @@ var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _
                   _vm.question.options.inputMinLength ]),
                 trigger: 'blur',
               } ]}},[_c('Input',{attrs:{"disabled":_vm.question.options.readonly || choice.readonly},model:{value:(inputAnswer.inputText),callback:function ($$v) {_vm.$set(inputAnswer, "inputText", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"inputAnswer.inputText"}})],1):_vm._e()],1)})],2)}),1)],1)],1)};
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 
   /* style */
-  const __vue_inject_styles__$d = function (inject) {
+  const __vue_inject_styles__$e = function (inject) {
     if (!inject) return
-    inject("data-v-7d217d7a_0", { source: ".ivu-row-flex-start[data-v-7d217d7a]{align-items:center}.ivu-checkbox-group-item[data-v-7d217d7a]{display:flex;flex-direction:row;align-items:center}.choice-title[data-v-7d217d7a]{margin-left:8px;margin-right:8px}.choice-score[data-v-7d217d7a]{margin-right:8px}", map: undefined, media: undefined });
+    inject("data-v-4b6d70c8_0", { source: ".ivu-row-flex-start[data-v-4b6d70c8]{align-items:center}.ivu-checkbox-group-item[data-v-4b6d70c8]{display:flex;flex-direction:row;align-items:center}.choice-title[data-v-4b6d70c8]{margin-left:8px;margin-right:8px}.choice-score[data-v-4b6d70c8]{margin-right:8px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$d = "data-v-7d217d7a";
+  const __vue_scope_id__$e = "data-v-4b6d70c8";
   /* module identifier */
-  const __vue_module_identifier__$d = undefined;
+  const __vue_module_identifier__$e = undefined;
   /* functional template */
-  const __vue_is_functional_template__$d = false;
+  const __vue_is_functional_template__$e = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$d = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
-    __vue_inject_styles__$d,
-    __vue_script__$d,
-    __vue_scope_id__$d,
-    __vue_is_functional_template__$d,
-    __vue_module_identifier__$d,
+  const __vue_component__$e = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
+    __vue_inject_styles__$e,
+    __vue_script__$e,
+    __vue_scope_id__$e,
+    __vue_is_functional_template__$e,
+    __vue_module_identifier__$e,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-  var MultiSelection = __vue_component__$d;
+  var MultiSelection = __vue_component__$e;
 
-var script$c = Vue.extend({
+var script$d = Vue.extend({
     name: "short-answer",
+    mixins: [QuestionMixin],
     components: {
         FormItem,
         Input,
@@ -430,7 +475,6 @@ var script$c = Vue.extend({
             type: Object,
             required: true,
         },
-        index: Number,
         answer: {
             type: Object,
             required: true,
@@ -473,49 +517,49 @@ var script$c = Vue.extend({
 });
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$d = script$d;
 
 /* template */
-var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.readonly || _vm.question.options.disabled)?_c('div',{staticClass:"processed-answer",domProps:{"innerHTML":_vm._s(_vm.decodeHTML(_vm.value))}}):_c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
+var __vue_render__$d = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.readonly || _vm.question.options.disabled)?_c('div',{staticClass:"processed-answer",domProps:{"innerHTML":_vm._s(_vm.decodeHTML(_vm.value))}}):_c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
       required: _vm.question.options.required,
       message: _vm.t('survey_response.question.question_required'),
     }}},[(_vm.question.options && _vm.question.options.wordLimit)?_c('Input',{attrs:{"type":"textarea","rows":4,"show-word-limit":"","placeholder":_vm.placeholder,"maxlength":_vm.question.options.wordLimit,"disabled":_vm.question.options.readonly},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}}):_c('Input',{attrs:{"type":"textarea","rows":4,"placeholder":_vm.placeholder,"disabled":_vm.question.options.readonly},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}})],1)],1)};
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 
   /* style */
-  const __vue_inject_styles__$c = function (inject) {
+  const __vue_inject_styles__$d = function (inject) {
     if (!inject) return
-    inject("data-v-6a2d266c_0", { source: ".processed-answer[data-v-6a2d266c]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;min-height:94px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
+    inject("data-v-17e80611_0", { source: ".processed-answer[data-v-17e80611]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;min-height:94px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$c = "data-v-6a2d266c";
+  const __vue_scope_id__$d = "data-v-17e80611";
   /* module identifier */
-  const __vue_module_identifier__$c = undefined;
+  const __vue_module_identifier__$d = undefined;
   /* functional template */
-  const __vue_is_functional_template__$c = false;
+  const __vue_is_functional_template__$d = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$c = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
-    __vue_inject_styles__$c,
-    __vue_script__$c,
-    __vue_scope_id__$c,
-    __vue_is_functional_template__$c,
-    __vue_module_identifier__$c,
+  const __vue_component__$d = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
+    __vue_inject_styles__$d,
+    __vue_script__$d,
+    __vue_scope_id__$d,
+    __vue_is_functional_template__$d,
+    __vue_module_identifier__$d,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-  var ShortAnswer = __vue_component__$c;
+  var ShortAnswer = __vue_component__$d;
 
-var script$b = Vue.extend({
+var script$c = Vue.extend({
     name: "single-selection",
     components: {
         FormItem,
@@ -526,14 +570,13 @@ var script$b = Vue.extend({
         Icon,
         Input,
     },
-    mixins: [OptionLayoutMixin],
+    mixins: [OptionLayoutMixin, QuestionMixin],
     inject: ["responseStatus", "$rootComponent"],
     props: {
         question: {
             type: Object,
             required: true,
         },
-        index: Number,
         answer: {
             type: Object,
             required: true,
@@ -554,6 +597,11 @@ var script$b = Vue.extend({
         },
     },
     methods: {
+        inputAnswerProp(inputIndex) {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].inputAnswers[${inputIndex}].inputText`
+                : `answers[${this.index}].inputAnswers[${inputIndex}].inputText`;
+        },
         selChange(id) {
             _.each(this.question.choices, (choice) => {
                 if (choice.id == id) {
@@ -597,15 +645,15 @@ var script$b = Vue.extend({
 });
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$c = script$c;
 
 /* template */
-var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
+var __vue_render__$c = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
     required: _vm.question.options.required && !_vm.question.options.disabled,
     message: _vm.t('survey_response.question.question_required'),
   }}},[_c('RadioGroup',{staticClass:"question-choice",on:{"on-change":_vm.selChange},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", $$v);},expression:"value.answer"}},[_c('Row',{attrs:{"type":"flex","justify":"start","gutter":60}},_vm._l((_vm.question.choices),function(choice){return _c('Col',{key:choice.id,class:_vm.optionLayout,staticStyle:{"display":"flex"}},[_c('Radio',{key:choice.id,attrs:{"disabled":_vm.question.options.readonly || _vm.question.options.disabled,"label":choice.id},nativeOn:{"click":function($event){return _vm.toggleAnswer($event, choice.id, _vm.question.options.disabled)}}},[(_vm.haveStar(choice))?_c('span',[_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1):_vm._e(),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.i18nText(choice.text)))])]),_vm._v(" "),_vm._l((_vm.value.inputAnswers),function(inputAnswer,inputIndex){return _c('div',{key:inputIndex},[(
               choice.id === inputAnswer.choiceId && choice.id === _vm.value.answer
-            )?_c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].inputAnswers[" + inputIndex + "].inputText"),"rules":[
+            )?_c('FormItem',{attrs:{"prop":_vm.inputAnswerProp(inputIndex),"rules":[
               {
                 required: true,
                 message: _vm.t('survey_response.question.choice_required'),
@@ -618,42 +666,42 @@ var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _
                   _vm.question.options.inputMinLength ]),
                 trigger: 'blur',
               } ]}},[_c('Input',{attrs:{"disabled":_vm.question.options.readonly || _vm.question.options.disabled},model:{value:(inputAnswer.inputText),callback:function ($$v) {_vm.$set(inputAnswer, "inputText", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"inputAnswer.inputText"}})],1):_vm._e()],1)})],2)}),1)],1)],1)};
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 
   /* style */
-  const __vue_inject_styles__$b = function (inject) {
+  const __vue_inject_styles__$c = function (inject) {
     if (!inject) return
-    inject("data-v-7bdbd270_0", { source: ".ivu-row-flex-start[data-v-7bdbd270]{align-items:center}.ivu-radio-group-item[data-v-7bdbd270]{display:flex;flex-direction:row;align-items:center}.choice-title[data-v-7bdbd270]{margin-left:8px;margin-right:8px}", map: undefined, media: undefined });
+    inject("data-v-4c107963_0", { source: ".ivu-row-flex-start[data-v-4c107963]{align-items:center}.ivu-radio-group-item[data-v-4c107963]{display:flex;flex-direction:row;align-items:center}.choice-title[data-v-4c107963]{margin-left:8px;margin-right:8px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$b = "data-v-7bdbd270";
+  const __vue_scope_id__$c = "data-v-4c107963";
   /* module identifier */
-  const __vue_module_identifier__$b = undefined;
+  const __vue_module_identifier__$c = undefined;
   /* functional template */
-  const __vue_is_functional_template__$b = false;
+  const __vue_is_functional_template__$c = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$b = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
-    __vue_inject_styles__$b,
-    __vue_script__$b,
-    __vue_scope_id__$b,
-    __vue_is_functional_template__$b,
-    __vue_module_identifier__$b,
+  const __vue_component__$c = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
+    __vue_inject_styles__$c,
+    __vue_script__$c,
+    __vue_scope_id__$c,
+    __vue_is_functional_template__$c,
+    __vue_module_identifier__$c,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-  var SingleSelection = __vue_component__$b;
+  var SingleSelection = __vue_component__$c;
 
-var script$a = Vue.extend({
+var script$b = Vue.extend({
     name: "matrix",
     mixins: [OptionLayoutMixin],
     inject: ["responseStatus", "$rootComponent"],
@@ -670,6 +718,12 @@ var script$a = Vue.extend({
             required: true,
         },
         index: Number,
+        surveyIndex: Number,
+        isMoreSurvey: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
         answer: {
             type: Object,
             required: true,
@@ -688,6 +742,11 @@ var script$a = Vue.extend({
         },
     },
     methods: {
+        answerProp(subIndex) {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].answer[${subIndex}].answer`
+                : `answers[${this.index}].answer[${subIndex}].answer`;
+        },
         initData() {
             let subAnswers = {};
             _.each(this.value.answer, (data) => {
@@ -731,23 +790,23 @@ var script$a = Vue.extend({
 });
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$b = script$b;
 
 /* template */
-var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.question.subQuestions),function(subQuestion,subIndex){return _c('div',{key:subIndex,staticClass:"sub-question"},[_c('span',{staticClass:"number"},[_vm._v("\n      "+_vm._s(_vm.question.header.number)+"-"+_vm._s(subQuestion.number)+".")]),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.i18nText(subQuestion.text))+" ")]),_vm._v(" "),_c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer[" + subIndex + "].answer"),"rules":{
+var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._l((_vm.question.subQuestions),function(subQuestion,subIndex){return _c('div',{key:subIndex,staticClass:"sub-question"},[_c('span',{staticClass:"number"},[_vm._v("\n      "+_vm._s(_vm.question.header.number)+"-"+_vm._s(subQuestion.number)+".")]),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.i18nText(subQuestion.text))+" ")]),_vm._v(" "),_c('FormItem',{attrs:{"prop":_vm.answerProp(subIndex),"rules":{
         required: _vm.question.options.required && !_vm.question.options.disabled,
         message: _vm.t('survey_response.question.question_required'),
       }}},[_c('RadioGroup',{on:{"on-change":_vm.selChange},model:{value:(_vm.value.answer[subIndex].answer),callback:function ($$v) {_vm.$set(_vm.value.answer[subIndex], "answer", $$v);},expression:"value.answer[subIndex].answer"}},[_c('Row',{attrs:{"type":"flex","justify":"start","gutter":60}},_vm._l((_vm.question.choices),function(choice){return _c('Col',{key:choice.id,class:_vm.optionLayout},[_c('Radio',{key:choice.id,attrs:{"label":choice.id,"disabled":subQuestion.options.readonly || _vm.question.options.disabled},nativeOn:{"click":function($event){return _vm.toggleAnswer(choice.id, subIndex)}}},[_c('span',[_vm._v(_vm._s(_vm.i18nText(choice.text)))])])],1)}),1)],1)],1)],1)}),0)};
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 
   /* style */
-  const __vue_inject_styles__$a = undefined;
+  const __vue_inject_styles__$b = undefined;
   /* scoped */
-  const __vue_scope_id__$a = undefined;
+  const __vue_scope_id__$b = undefined;
   /* module identifier */
-  const __vue_module_identifier__$a = undefined;
+  const __vue_module_identifier__$b = undefined;
   /* functional template */
-  const __vue_is_functional_template__$a = false;
+  const __vue_is_functional_template__$b = false;
   /* style inject */
   
   /* style inject SSR */
@@ -756,38 +815,38 @@ var __vue_staticRenderFns__$a = [];
   
 
   
-  const __vue_component__$a = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
-    __vue_inject_styles__$a,
-    __vue_script__$a,
-    __vue_scope_id__$a,
-    __vue_is_functional_template__$a,
-    __vue_module_identifier__$a,
+  const __vue_component__$b = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
+    __vue_inject_styles__$b,
+    __vue_script__$b,
+    __vue_scope_id__$b,
+    __vue_is_functional_template__$b,
+    __vue_module_identifier__$b,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Matrix = __vue_component__$a;
+  var Matrix = __vue_component__$b;
 
-var script$9 = Vue.extend({});
+var script$a = Vue.extend({});
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$a = script$a;
 
 /* template */
-var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')};
-var __vue_staticRenderFns__$9 = [];
+var __vue_render__$a = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div')};
+var __vue_staticRenderFns__$a = [];
 
   /* style */
-  const __vue_inject_styles__$9 = undefined;
+  const __vue_inject_styles__$a = undefined;
   /* scoped */
-  const __vue_scope_id__$9 = undefined;
+  const __vue_scope_id__$a = undefined;
   /* module identifier */
-  const __vue_module_identifier__$9 = undefined;
+  const __vue_module_identifier__$a = undefined;
   /* functional template */
-  const __vue_is_functional_template__$9 = false;
+  const __vue_is_functional_template__$a = false;
   /* style inject */
   
   /* style inject SSR */
@@ -796,33 +855,33 @@ var __vue_staticRenderFns__$9 = [];
   
 
   
-  const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
-    __vue_inject_styles__$9,
-    __vue_script__$9,
-    __vue_scope_id__$9,
-    __vue_is_functional_template__$9,
-    __vue_module_identifier__$9,
+  const __vue_component__$a = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
+    __vue_inject_styles__$a,
+    __vue_script__$a,
+    __vue_scope_id__$a,
+    __vue_is_functional_template__$a,
+    __vue_module_identifier__$a,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var TextTitle = __vue_component__$9;
+  var TextTitle = __vue_component__$a;
 
-var script$8 = Vue.extend({
+var script$9 = Vue.extend({
     name: "fill-blank",
     components: {
         FormItem,
         Input,
     },
+    mixins: [QuestionMixin],
     props: {
         question: {
             type: Object,
             required: true,
         },
-        index: Number,
         answer: {
             type: Object,
             required: true,
@@ -865,47 +924,47 @@ var script$8 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$9 = script$9;
 
 /* template */
-var __vue_render__$8 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.readonly || _vm.question.options.disabled)?_c('div',{staticClass:"processed-answer",domProps:{"innerHTML":_vm._s(_vm.decodeHTML(_vm.value))}}):_c('FormItem',{attrs:{"prop":("answers[" + _vm.index + "].answer"),"rules":{
+var __vue_render__$9 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.readonly || _vm.question.options.disabled)?_c('div',{staticClass:"processed-answer",domProps:{"innerHTML":_vm._s(_vm.decodeHTML(_vm.value))}}):_c('FormItem',{attrs:{"prop":_vm.answerProp,"rules":{
       required: _vm.question.options.required,
       message: _vm.t('survey_response.question.question_required'),
     }}},[_c('Input',{attrs:{"placeholder":_vm.placeholder,"disabled":_vm.question.options.readonly},model:{value:(_vm.value.answer),callback:function ($$v) {_vm.$set(_vm.value, "answer", (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"value.answer"}})],1)],1)};
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$9 = [];
 
   /* style */
-  const __vue_inject_styles__$8 = function (inject) {
+  const __vue_inject_styles__$9 = function (inject) {
     if (!inject) return
-    inject("data-v-6f7b7148_0", { source: ".processed-answer[data-v-6f7b7148]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;height:32px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
+    inject("data-v-b766bdae_0", { source: ".processed-answer[data-v-b766bdae]{background-color:#f3f3f3;opacity:1;cursor:not-allowed;color:#ccc;width:100%;height:32px;border:1px solid #dcdee2;border-radius:4px;padding:4px 8px;line-height:1.5}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-6f7b7148";
+  const __vue_scope_id__$9 = "data-v-b766bdae";
   /* module identifier */
-  const __vue_module_identifier__$8 = undefined;
+  const __vue_module_identifier__$9 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$8 = false;
+  const __vue_is_functional_template__$9 = false;
   /* style inject SSR */
   
   /* style inject shadow dom */
   
 
   
-  const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
-    __vue_inject_styles__$8,
-    __vue_script__$8,
-    __vue_scope_id__$8,
-    __vue_is_functional_template__$8,
-    __vue_module_identifier__$8,
+  const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
+    __vue_inject_styles__$9,
+    __vue_script__$9,
+    __vue_scope_id__$9,
+    __vue_is_functional_template__$9,
+    __vue_module_identifier__$9,
     false,
     createInjector,
     undefined,
     undefined
   );
 
-  var FillBlank = __vue_component__$8;
+  var FillBlank = __vue_component__$9;
 
 var defaultLang = {
     survey_response: {
@@ -986,7 +1045,7 @@ var LocaleMixin = Vue.extend({
     },
 });
 
-var script$7 = Vue.extend({
+var script$8 = Vue.extend({
     name: "star",
     mixins: [LocaleMixin],
     props: {
@@ -1012,20 +1071,20 @@ var script$7 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$8 = script$8;
 
 /* template */
-var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"desc"},[_vm._v(_vm._s(_vm.getDesc()))])};
-var __vue_staticRenderFns__$7 = [];
+var __vue_render__$8 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"desc"},[_vm._v(_vm._s(_vm.getDesc()))])};
+var __vue_staticRenderFns__$8 = [];
 
   /* style */
-  const __vue_inject_styles__$7 = undefined;
+  const __vue_inject_styles__$8 = undefined;
   /* scoped */
-  const __vue_scope_id__$7 = undefined;
+  const __vue_scope_id__$8 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$7 = undefined;
+  const __vue_module_identifier__$8 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$7 = false;
+  const __vue_is_functional_template__$8 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1034,20 +1093,20 @@ var __vue_staticRenderFns__$7 = [];
   
 
   
-  const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
-    __vue_inject_styles__$7,
-    __vue_script__$7,
-    __vue_scope_id__$7,
-    __vue_is_functional_template__$7,
-    __vue_module_identifier__$7,
+  const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
+    __vue_inject_styles__$8,
+    __vue_script__$8,
+    __vue_scope_id__$8,
+    __vue_is_functional_template__$8,
+    __vue_module_identifier__$8,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Star = __vue_component__$7;
+  var Star = __vue_component__$8;
 
 class ExprEvaluationQuestion {
   questions;
@@ -1159,7 +1218,7 @@ class ExprEvaluationQuestion {
 }
 
 const SPLIT_LENGTH = 50;
-var script$6 = Vue.extend({
+var script$7 = Vue.extend({
     name: "expr-if",
     components: { Tooltip },
     mixins: [LocaleMixin],
@@ -1245,20 +1304,20 @@ var script$6 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$7 = script$7;
 
 /* template */
-var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Tooltip',{attrs:{"max-width":"200"}},[_c('span',{attrs:{"slot":"content"},domProps:{"innerHTML":_vm._s(this.descTitle)},slot:"content"}),_vm._v(" "),_c('span',{staticClass:"desc",domProps:{"innerHTML":_vm._s(this.desc)}})])};
-var __vue_staticRenderFns__$6 = [];
+var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Tooltip',{attrs:{"max-width":"200"}},[_c('span',{attrs:{"slot":"content"},domProps:{"innerHTML":_vm._s(this.descTitle)},slot:"content"}),_vm._v(" "),_c('span',{staticClass:"desc",domProps:{"innerHTML":_vm._s(this.desc)}})])};
+var __vue_staticRenderFns__$7 = [];
 
   /* style */
-  const __vue_inject_styles__$6 = undefined;
+  const __vue_inject_styles__$7 = undefined;
   /* scoped */
-  const __vue_scope_id__$6 = undefined;
+  const __vue_scope_id__$7 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$6 = undefined;
+  const __vue_module_identifier__$7 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$6 = false;
+  const __vue_is_functional_template__$7 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1267,22 +1326,22 @@ var __vue_staticRenderFns__$6 = [];
   
 
   
-  const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
-    __vue_inject_styles__$6,
-    __vue_script__$6,
-    __vue_scope_id__$6,
-    __vue_is_functional_template__$6,
-    __vue_module_identifier__$6,
+  const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
+    __vue_inject_styles__$7,
+    __vue_script__$7,
+    __vue_scope_id__$7,
+    __vue_is_functional_template__$7,
+    __vue_module_identifier__$7,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var If = __vue_component__$6;
+  var If = __vue_component__$7;
 
-var script$5 = Vue.extend({
+var script$6 = Vue.extend({
     name: "expr-else",
     mixins: [LocaleMixin],
     props: {
@@ -1293,20 +1352,20 @@ var script$5 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$6 = script$6;
 
 /* template */
-var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:"desc",domProps:{"innerHTML":_vm._s(_vm.t('survey_creator.question.evaluation.condition.other'))}})};
-var __vue_staticRenderFns__$5 = [];
+var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:"desc",domProps:{"innerHTML":_vm._s(_vm.t('survey_creator.question.evaluation.condition.other'))}})};
+var __vue_staticRenderFns__$6 = [];
 
   /* style */
-  const __vue_inject_styles__$5 = undefined;
+  const __vue_inject_styles__$6 = undefined;
   /* scoped */
-  const __vue_scope_id__$5 = undefined;
+  const __vue_scope_id__$6 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$5 = undefined;
+  const __vue_module_identifier__$6 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$5 = false;
+  const __vue_is_functional_template__$6 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1315,22 +1374,22 @@ var __vue_staticRenderFns__$5 = [];
   
 
   
-  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
-    __vue_inject_styles__$5,
-    __vue_script__$5,
-    __vue_scope_id__$5,
-    __vue_is_functional_template__$5,
-    __vue_module_identifier__$5,
+  const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
+    __vue_inject_styles__$6,
+    __vue_script__$6,
+    __vue_scope_id__$6,
+    __vue_is_functional_template__$6,
+    __vue_module_identifier__$6,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Else = __vue_component__$5;
+  var Else = __vue_component__$6;
 
-var script$4 = Vue.extend({
+var script$5 = Vue.extend({
     name: "expr",
     props: {
         item: {
@@ -1345,20 +1404,20 @@ var script$4 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$5 = script$5;
 
 /* template */
-var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.item.type,{tag:"component",attrs:{"conditions":_vm.item.conditions}})};
-var __vue_staticRenderFns__$4 = [];
+var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.item.type,{tag:"component",attrs:{"conditions":_vm.item.conditions}})};
+var __vue_staticRenderFns__$5 = [];
 
   /* style */
-  const __vue_inject_styles__$4 = undefined;
+  const __vue_inject_styles__$5 = undefined;
   /* scoped */
-  const __vue_scope_id__$4 = undefined;
+  const __vue_scope_id__$5 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$4 = undefined;
+  const __vue_module_identifier__$5 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$4 = false;
+  const __vue_is_functional_template__$5 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1367,22 +1426,22 @@ var __vue_staticRenderFns__$4 = [];
   
 
   
-  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
-    __vue_inject_styles__$4,
-    __vue_script__$4,
-    __vue_scope_id__$4,
-    __vue_is_functional_template__$4,
-    __vue_module_identifier__$4,
+  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
+    __vue_inject_styles__$5,
+    __vue_script__$5,
+    __vue_scope_id__$5,
+    __vue_is_functional_template__$5,
+    __vue_module_identifier__$5,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Expr = __vue_component__$4;
+  var Expr = __vue_component__$5;
 
-var script$3 = Vue.extend({
+var script$4 = Vue.extend({
     name: "Evaluation",
     components: {
         Row,
@@ -1420,20 +1479,20 @@ var script$3 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 
 /* template */
-var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.question.evaluationItems.length > 0)?_c('Row',{attrs:{"type":"flex","justify":"start","gutter":24}},_vm._l((_vm.question.evaluationItems),function(item){return _c('Col',{key:item.id,staticClass:"evaluation-item",attrs:{"xs":24,"sm":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"xl":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"md":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"lg":_vm.$rootComponent.layout === 'vertical' ? 24 : 6}},[_c('Card',{class:_vm.cardClasses(item.id),attrs:{"dis-hover":""}},[_c('div',{staticClass:"card-title",attrs:{"slot":"title"},slot:"title"},[_c('Icon',{staticClass:"icon",attrs:{"type":_vm.iconType(item.id),"size":36}})],1),_vm._v(" "),_c('div',{staticClass:"card-content"},[_c('Tooltip',{attrs:{"max-width":"200"}},[_c('p',{attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm.i18nText(item.text)))]),_vm._v(" "),_c('p',{staticClass:"text"},[_vm._v(_vm._s(_vm.i18nText(item.text)))])]),_vm._v(" "),_c(_vm.question.options.evaluationType,{tag:"component",attrs:{"item":item}})],1)])],1)}),1):_vm._e()],1)};
-var __vue_staticRenderFns__$3 = [];
+var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.question.evaluationItems.length > 0)?_c('Row',{attrs:{"type":"flex","justify":"start","gutter":24}},_vm._l((_vm.question.evaluationItems),function(item){return _c('Col',{key:item.id,staticClass:"evaluation-item",attrs:{"xs":24,"sm":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"xl":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"md":_vm.$rootComponent.layout === 'vertical' ? 24 : 6,"lg":_vm.$rootComponent.layout === 'vertical' ? 24 : 6}},[_c('Card',{class:_vm.cardClasses(item.id),attrs:{"dis-hover":""}},[_c('div',{staticClass:"card-title",attrs:{"slot":"title"},slot:"title"},[_c('Icon',{staticClass:"icon",attrs:{"type":_vm.iconType(item.id),"size":36}})],1),_vm._v(" "),_c('div',{staticClass:"card-content"},[_c('Tooltip',{attrs:{"max-width":"200"}},[_c('p',{attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm.i18nText(item.text)))]),_vm._v(" "),_c('p',{staticClass:"text"},[_vm._v(_vm._s(_vm.i18nText(item.text)))])]),_vm._v(" "),_c(_vm.question.options.evaluationType,{tag:"component",attrs:{"item":item}})],1)])],1)}),1):_vm._e()],1)};
+var __vue_staticRenderFns__$4 = [];
 
   /* style */
-  const __vue_inject_styles__$3 = undefined;
+  const __vue_inject_styles__$4 = undefined;
   /* scoped */
-  const __vue_scope_id__$3 = undefined;
+  const __vue_scope_id__$4 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$3 = undefined;
+  const __vue_module_identifier__$4 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$3 = false;
+  const __vue_is_functional_template__$4 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1442,22 +1501,22 @@ var __vue_staticRenderFns__$3 = [];
   
 
   
-  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
-    __vue_inject_styles__$3,
-    __vue_script__$3,
-    __vue_scope_id__$3,
-    __vue_is_functional_template__$3,
-    __vue_module_identifier__$3,
+  const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
+    __vue_inject_styles__$4,
+    __vue_script__$4,
+    __vue_scope_id__$4,
+    __vue_is_functional_template__$4,
+    __vue_module_identifier__$4,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Evaluation = __vue_component__$3;
+  var Evaluation = __vue_component__$4;
 
-var script$2 = Vue.extend({
+var script$3 = Vue.extend({
     name: "scoring",
     mixins: [OptionLayoutMixin],
     inject: ["responseStatus", "$rootComponent"],
@@ -1473,6 +1532,12 @@ var script$2 = Vue.extend({
             required: true,
         },
         index: Number,
+        surveyIndex: Number,
+        isMoreSurvey: {
+            type: Boolean,
+            required: false,
+            default: false,
+        },
         answer: {
             type: Object,
             required: true,
@@ -1500,8 +1565,19 @@ var script$2 = Vue.extend({
             this.value.answer.push(_answer);
         });
     },
-    methods: {},
+    methods: {
+        subAnswerProp(subIndex) {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].answer[${subIndex}].score`
+                : `answers[${this.index}].answer[${subIndex}].score`;
+        },
+    },
     computed: {
+        answerProp() {
+            return this.isMoreSurvey
+                ? `moreSurveyAnswers[${this.surveyIndex}].answers[${this.index}].score`
+                : `answers[${this.index}].score`;
+        },
         showQuestionScoreSlider() {
             return !(this.question.subQuestions && this.question.subQuestions.length > 0);
         },
@@ -1523,10 +1599,10 @@ var script$2 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$3 = script$3;
 
 /* template */
-var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.showQuestionScoreSlider)?_c('Row',[_c('div',{staticStyle:{"margin-right":"134px","margin-bottom":"18px"}},[_c('Slider',{staticStyle:{"float":"left","width":"562px","margin-right":"16px"},attrs:{"min":_vm.question.options.minRange,"max":_vm.question.options.maxRange,"step":_vm.sliderStep,"show-tips":"always","disabled":_vm.question.options.readonly || _vm.question.options.disabled},model:{value:(_vm.value.score),callback:function ($$v) {_vm.$set(_vm.value, "score", $$v);},expression:"value.score"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":("answers[" + _vm.index + "].score"),"rules":[
+var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.showQuestionScoreSlider)?_c('Row',[_c('div',{staticStyle:{"margin-right":"134px","margin-bottom":"18px"}},[_c('Slider',{staticStyle:{"float":"left","width":"562px","margin-right":"16px"},attrs:{"min":_vm.question.options.minRange,"max":_vm.question.options.maxRange,"step":_vm.sliderStep,"show-tips":"always","disabled":_vm.question.options.readonly || _vm.question.options.disabled},model:{value:(_vm.value.score),callback:function ($$v) {_vm.$set(_vm.value, "score", $$v);},expression:"value.score"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":_vm.answerProp,"rules":[
           {
             required: _vm.question.options.required && !_vm.question.options.disabled,
             message: _vm.t('survey_response.question.question_required'),
@@ -1534,7 +1610,7 @@ var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _
               ("survey_creator.question.scoring.extreme_value_labels." + (_vm.question.options.extremeValueLabel) + ".minValue")
             ))+"\n        ")]),_vm._v(" "),_c('span',{staticStyle:{"float":"right","align-items":"flex-end","margin-right":"88px"}},[_vm._v("\n          "+_vm._s(_vm.t(
               ("survey_creator.question.scoring.extreme_value_labels." + (_vm.question.options.extremeValueLabel) + ".maxValue")
-            ))+"\n        ")])])],1)]):_vm._l((_vm.question.subQuestions),function(subQuestion,subIndex){return _c('div',{key:subIndex,staticClass:"sub-question"},[_c('span',{staticClass:"number"},[_vm._v("\n      "+_vm._s(_vm.question.header.number)+"-"+_vm._s(subQuestion.number)+".")]),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.i18nText(subQuestion.text))+" ")]),_vm._v(" "),_c('Row',[_c('div',{staticStyle:{"margin-right":"134px","margin-bottom":"18px"}},[_c('Slider',{staticStyle:{"float":"left","width":"562px","margin-right":"16px"},attrs:{"min":_vm.question.options.minRange,"max":_vm.question.options.maxRange,"step":_vm.sliderStep,"show-tips":"always","disabled":subQuestion.options.readonly || _vm.question.options.disabled},model:{value:(_vm.value.answer[subIndex].score),callback:function ($$v) {_vm.$set(_vm.value.answer[subIndex], "score", $$v);},expression:"value.answer[subIndex].score"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":("answers[" + _vm.index + "].answer[" + subIndex + "].score"),"rules":[
+            ))+"\n        ")])])],1)]):_vm._l((_vm.question.subQuestions),function(subQuestion,subIndex){return _c('div',{key:subIndex,staticClass:"sub-question"},[_c('span',{staticClass:"number"},[_vm._v("\n      "+_vm._s(_vm.question.header.number)+"-"+_vm._s(subQuestion.number)+".")]),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.i18nText(subQuestion.text))+" ")]),_vm._v(" "),_c('Row',[_c('div',{staticStyle:{"margin-right":"134px","margin-bottom":"18px"}},[_c('Slider',{staticStyle:{"float":"left","width":"562px","margin-right":"16px"},attrs:{"min":_vm.question.options.minRange,"max":_vm.question.options.maxRange,"step":_vm.sliderStep,"show-tips":"always","disabled":subQuestion.options.readonly || _vm.question.options.disabled},model:{value:(_vm.value.answer[subIndex].score),callback:function ($$v) {_vm.$set(_vm.value.answer[subIndex], "score", $$v);},expression:"value.answer[subIndex].score"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":_vm.subAnswerProp(subIndex),"rules":[
             {
               required:
                 _vm.question.options.required && !_vm.question.options.disabled,
@@ -1544,16 +1620,16 @@ var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _
               ))+"\n          ")]),_vm._v(" "),_c('span',{staticStyle:{"float":"right","align-items":"flex-end","margin-right":"88px"}},[_vm._v("\n            "+_vm._s(_vm.t(
                 ("survey_creator.question.scoring.extreme_value_labels." + (_vm.question.options.extremeValueLabel) + ".maxValue")
               ))+"\n          ")])])],1)])],1)})],2)};
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$3 = [];
 
   /* style */
-  const __vue_inject_styles__$2 = undefined;
+  const __vue_inject_styles__$3 = undefined;
   /* scoped */
-  const __vue_scope_id__$2 = undefined;
+  const __vue_scope_id__$3 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$2 = undefined;
+  const __vue_module_identifier__$3 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$2 = false;
+  const __vue_is_functional_template__$3 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1562,22 +1638,22 @@ var __vue_staticRenderFns__$2 = [];
   
 
   
-  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
-    __vue_inject_styles__$2,
-    __vue_script__$2,
-    __vue_scope_id__$2,
-    __vue_is_functional_template__$2,
-    __vue_module_identifier__$2,
+  const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
+    __vue_inject_styles__$3,
+    __vue_script__$3,
+    __vue_scope_id__$3,
+    __vue_is_functional_template__$3,
+    __vue_module_identifier__$3,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var Scoring = __vue_component__$2;
+  var Scoring = __vue_component__$3;
 
-var script$1 = Vue.extend({
+var script$2 = Vue.extend({
     components: {
         MULTI_SELECTION: MultiSelection,
         SHORT_ANSWER: ShortAnswer,
@@ -1595,6 +1671,7 @@ var script$1 = Vue.extend({
             required: true,
         },
         index: Number,
+        surveyIndex: Number,
         answer: {
             type: Object,
             required: true,
@@ -1605,6 +1682,9 @@ var script$1 = Vue.extend({
         readonly: {
             type: Boolean,
         },
+        isMoreSurvey: {
+            type: Boolean
+        },
     },
     methods: {
         getJumpRules(val) {
@@ -1614,20 +1694,20 @@ var script$1 = Vue.extend({
 });
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$2 = script$2;
 
 /* template */
-var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.question.type,{tag:"component",staticClass:"question-body",attrs:{"answer":_vm.answer,"index":_vm.index,"options":_vm.options,"question":_vm.question,"readonly":_vm.readonly},on:{"singleQuestion":_vm.getJumpRules}})};
-var __vue_staticRenderFns__$1 = [];
+var __vue_render__$2 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.question.type,{tag:"component",staticClass:"question-body",attrs:{"answer":_vm.answer,"index":_vm.index,"survey-index":_vm.surveyIndex,"is-more-survey":_vm.isMoreSurvey,"options":_vm.options,"question":_vm.question,"readonly":_vm.readonly},on:{"singleQuestion":_vm.getJumpRules}})};
+var __vue_staticRenderFns__$2 = [];
 
   /* style */
-  const __vue_inject_styles__$1 = undefined;
+  const __vue_inject_styles__$2 = undefined;
   /* scoped */
-  const __vue_scope_id__$1 = undefined;
+  const __vue_scope_id__$2 = undefined;
   /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
+  const __vue_module_identifier__$2 = undefined;
   /* functional template */
-  const __vue_is_functional_template__$1 = false;
+  const __vue_is_functional_template__$2 = false;
   /* style inject */
   
   /* style inject SSR */
@@ -1636,87 +1716,46 @@ var __vue_staticRenderFns__$1 = [];
   
 
   
-  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
+  const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
+    __vue_inject_styles__$2,
+    __vue_script__$2,
+    __vue_scope_id__$2,
+    __vue_is_functional_template__$2,
+    __vue_module_identifier__$2,
     false,
     undefined,
     undefined,
     undefined
   );
 
-  var QuestionBody = __vue_component__$1;
+  var QuestionBody = __vue_component__$2;
 
-var script = Vue.extend({
-    name: "SurveyResponse",
-    components: {
-        QuestionTitle,
-        QuestionBody,
-        EmptyQuestion,
-        Form,
-    },
-    provide() {
-        return {
-            responseStar: this.response.status != this.$consts.STATUS_DRAFT
-                ? this.response.star
-                : null,
-            survey: this.survey,
-            responseStatus: this.response.status,
-            $rootComponent: this,
-        };
-    },
+var SurveyResponseMixin = Vue.extend({
     props: {
-        survey: {
-            type: Object,
-            required: true,
-        },
         response: {
             type: Object,
             required: true,
         },
-        options: {
-            type: Object,
-        },
-        size: {
-            type: String,
-            default: "default",
-        },
     },
     data() {
         return {
-            answers: {},
-            sortQuestions: this.survey.questions,
+            sortQuestions: null,
             recordQuestionId: "",
         };
     },
-    created() {
-        this.survey.questions.forEach((item, index) => (item.originalIndex = index));
-        this.parseQuestionAnswers();
-        this.initDraftSortQuestions();
-    },
     computed: {
-        emptyQuestions: function () {
-            return _.size(this.survey.questions) == 0;
-        },
         readonly() {
             return this.response.status != this.$consts.STATUS_DRAFT;
         },
-        layout() {
-            const globalLayout = _.lowerCase(_.get(this.options, "layout", undefined));
-            return globalLayout || "horizontal";
-        },
     },
     methods: {
         initDraftSortQuestions() {
             if (this.response.status === "DRAFT" &&
                 !_.isEmpty(this.response.cacheSortQuestionId)) {
-                let tmp = [];
+                const tmp = [];
                 this.response.cacheSortQuestionId.forEach((_item) => {
-                    let result = this.sortQuestions.find((item) => item.id === _item);
+                    const result = this.sortQuestions.find((item) => item.id === _item);
                     tmp.push(result);
                 });
                 this.sortQuestions = tmp;
@@ -1726,10 +1765,11 @@ var script = Vue.extend({
             this.$set(item.options, "disabled", disabled);
         },
         cleanData(question) {
-            let input_answers = [];
+            const input_answers = [];
             if (question.type === "SINGLE_SELECTION" ||
                 question.type === "MULTI_SELECTION") {
                 _.forEach(question.choices, (choice) => {
+                    this.$set(choice, "readonly", false);
                     if (question.options.inputtedEnabled && choice.options.inputEnabled) {
                         input_answers.push({
                             choiceId: choice.id,
@@ -1738,7 +1778,7 @@ var script = Vue.extend({
                     }
                 });
             }
-            let resetData = {
+            const resetData = {
                 answer: this.emptyAnswer(question),
                 question_id: question.id,
                 question_type: question.type,
@@ -1746,8 +1786,9 @@ var script = Vue.extend({
                 star: null,
                 inputAnswers: input_answers,
             };
-            this.$set(this.response.answers, question.originalIndex, resetData);
+            this.updateAnswerByQuestion(question, resetData);
         },
+        updateAnswerByQuestion(question, resetData) { },
         emptyAnswer(question) {
             if (question.type === "SCORING") {
                 return [
@@ -1763,33 +1804,29 @@ var script = Vue.extend({
             }
             return question.type == "MULTI_SELECTION" ? [] : null;
         },
-        saveSortNum() {
-            let sortArr = this.sortQuestions.map((item) => item.id);
-            return { cacheSortQuestionId: sortArr };
-        },
         handleSelected(selected) {
             if (selected) {
-                let currentSingleQuestion = this.sortQuestions.find((item) => item.id === selected.questionId);
+                const currentSingleQuestion = this.sortQuestions.find((item) => item.id === selected.questionId);
                 if (Array.isArray(currentSingleQuestion.jumps) &&
                     currentSingleQuestion.jumps.length > 0) {
-                    let target = currentSingleQuestion.jumps.find((item) => item.choiceId === selected.choiceId);
+                    const target = currentSingleQuestion.jumps.find((item) => item.choiceId === selected.choiceId);
                     if (target) {
-                        let disabledArr = currentSingleQuestion.jumps
+                        const disabledArr = currentSingleQuestion.jumps
                             .filter((item) => item.choiceId !== selected.choiceId)
                             .filter((item) => target.toQuestionId !== item.toQuestionId);
-                        let resetItem = this.sortQuestions.find((item) => item.id === target.toQuestionId);
+                        const resetItem = this.sortQuestions.find((item) => item.id === target.toQuestionId);
                         this.setQuestionDisabled(resetItem, false);
-                        let nextQuestion = this.sortQuestions.find((item) => item.id === target.toQuestionId);
-                        let selectedIndex = this.sortQuestions.findIndex((item) => item.id === selected.questionId);
+                        const nextQuestion = this.sortQuestions.find((item) => item.id === target.toQuestionId);
+                        const selectedIndex = this.sortQuestions.findIndex((item) => item.id === selected.questionId);
                         let tmp = [];
                         let startArr = this.sortQuestions.slice(0, selectedIndex + 1);
                         startArr = startArr.filter((item) => item.id !== target.toQuestionId);
-                        let endArr = this.sortQuestions
+                        const endArr = this.sortQuestions
                             .slice(selectedIndex + 1)
                             .filter((item) => item.id !== target.toQuestionId);
                         if (disabledArr.length > 0) {
                             disabledArr.forEach((_item) => {
-                                let disabledQuestion = this.sortQuestions.find((item) => item.id === _item.toQuestionId);
+                                const disabledQuestion = this.sortQuestions.find((item) => item.id === _item.toQuestionId);
                                 this.cleanData(disabledQuestion);
                                 this.setQuestionDisabled(disabledQuestion, true);
                             });
@@ -1801,7 +1838,7 @@ var script = Vue.extend({
                     }
                     else {
                         currentSingleQuestion.jumps.forEach((_item) => {
-                            let enabledQuestion = this.sortQuestions.find((item) => item.id === _item.toQuestionId);
+                            const enabledQuestion = this.sortQuestions.find((item) => item.id === _item.toQuestionId);
                             this.setQuestionDisabled(enabledQuestion, false);
                         });
                     }
@@ -1810,7 +1847,7 @@ var script = Vue.extend({
             }
         },
         calculateQuestion(question, index) {
-            let backgroundAnswers = this.response?.variables?.backgroundResponse?.answers ?? [];
+            const backgroundAnswers = this.response?.variables?.backgroundResponse?.answers ?? [];
             this.calculateQuestionReadonlyOption(question, _.isEmpty(backgroundAnswers) ? {} : backgroundAnswers[index]);
             return question;
         },
@@ -1824,7 +1861,7 @@ var script = Vue.extend({
             }
             if (question.type == "MATRIX") {
                 _.forEach(question.subQuestions, (subQuestion, subIndex) => {
-                    let backgroundSubAnswer = _.get(backgroundAnswer, `answer[${subIndex}]`, null);
+                    const backgroundSubAnswer = _.get(backgroundAnswer, `answer[${subIndex}]`, null);
                     _.set(subQuestion, "options", {
                         readonly: this.haveAnswered(backgroundSubAnswer),
                     });
@@ -1832,12 +1869,12 @@ var script = Vue.extend({
             }
             if (question.type == "SCORING") {
                 if (_.isEmpty(question.subQuestions)) {
-                    let options = _.get(question, "options", {});
+                    const options = _.get(question, "options", {});
                     _.set(options, "readonly", this.response.status != this.$consts.STATUS_DRAFT);
                     _.set(question, "options", options);
                 }
                 _.forEach(question.subQuestions, (subQuestion, subIndex) => {
-                    let backgroundSubAnswer = _.get(backgroundAnswer, `answer[${subIndex}]`, []);
+                    const backgroundSubAnswer = _.get(backgroundAnswer, `answer[${subIndex}]`, []);
                     _.set(subQuestion, "options", {
                         readonly: this.haveAnswered(backgroundSubAnswer),
                     });
@@ -1847,6 +1884,92 @@ var script = Vue.extend({
         haveAnswered(backgroundAnswer) {
             return !_.isEmpty(backgroundAnswer?.answer ?? null);
         },
+        validate() {
+            return null;
+        },
+        getMaxScore(question) {
+            if (question.type === "single_selection") {
+                const score = _.maxBy(question.choices, (answer_option) => answer_option.options.score || 0).options.score;
+                if (!score) {
+                    return 0;
+                }
+                return score;
+            }
+            else {
+                return _.sumBy(question.choices, (answer_option) => answer_option.options.score || 0);
+            }
+        },
+    },
+});
+
+var script$1 = Vue.extend({
+    name: "SurveyResponse",
+    mixins: [SurveyResponseMixin],
+    components: {
+        QuestionTitle,
+        QuestionBody,
+        EmptyQuestion,
+        Form,
+    },
+    provide() {
+        return {
+            responseStar: this.response.status != this.$consts.STATUS_DRAFT
+                ? this.response.star
+                : null,
+            survey: this.survey,
+            responseStatus: this.response.status,
+            $rootComponent: this,
+        };
+    },
+    props: {
+        survey: {
+            type: Object,
+            required: true,
+        },
+        response: {
+            type: Object,
+            required: true,
+        },
+        options: {
+            type: Object,
+        },
+        size: {
+            type: String,
+            default: "default",
+        },
+    },
+    data() {
+        return {
+            answers: {},
+            sortQuestions: this.survey.questions,
+            recordQuestionId: "",
+        };
+    },
+    created() {
+        this.survey.questions.forEach((item, index) => (item.originalIndex = index));
+        this.parseQuestionAnswers();
+        this.initDraftSortQuestions();
+    },
+    computed: {
+        emptyQuestions: function () {
+            return _.size(this.survey.questions) == 0;
+        },
+        layout() {
+            const globalLayout = _.lowerCase(_.get(this.options, "layout", undefined));
+            return globalLayout || "horizontal";
+        },
+    },
+    methods: {
+        validate() {
+            let result;
+            this.$refs["responseForm"].validate((valid) => {
+                result = valid;
+            });
+            return result;
+        },
+        updateAnswerByQuestion(question, resetData) {
+            this.$set(this.response.answers, question.originalIndex, resetData);
+        },
         parseQuestionAnswers() {
             _.each(this.response.answers, (data) => {
                 _.set(this.answers, data.questionId, data);
@@ -1880,6 +2003,109 @@ var script = Vue.extend({
                 this.response.answers.push(answer);
             });
         },
+    },
+});
+
+/* script */
+const __vue_script__$1 = script$1;
+
+/* template */
+var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.emptyQuestions)?_c('div',{staticClass:"survey-response-wrapper"},[_c('Form',{ref:"responseForm",attrs:{"model":_vm.response,"disabled":_vm.readonly}},_vm._l((_vm.sortQuestions),function(question,index){return _c('div',{key:index,staticClass:"question"},[_c('question-title',{attrs:{"question":question,"index":index}}),_vm._v(" "),_c('question-body',{attrs:{"question":_vm.calculateQuestion(question, question.originalIndex),"answer":_vm.response.answers[question.originalIndex],"index":question.originalIndex,"options":_vm.options,"readonly":_vm.readonly},on:{"singleQuestion":_vm.handleSelected}})],1)}),0)],1):_c('empty-question')};
+var __vue_staticRenderFns__$1 = [];
+
+  /* style */
+  const __vue_inject_styles__$1 = undefined;
+  /* scoped */
+  const __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  const __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  const __vue_is_functional_template__$1 = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
+    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
+    __vue_inject_styles__$1,
+    __vue_script__$1,
+    __vue_scope_id__$1,
+    __vue_is_functional_template__$1,
+    __vue_module_identifier__$1,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+  var SurveyResponse = __vue_component__$1;
+
+var script = Vue.extend({
+    name: "MoreSurveyResponse",
+    mixins: [SurveyResponseMixin],
+    components: {
+        QuestionTitle,
+        QuestionBody,
+        EmptyQuestion,
+        Form,
+    },
+    provide() {
+        return {
+            responseStar: this.response.status != this.$consts.STATUS_DRAFT
+                ? this.response.star
+                : null,
+            responseStatus: this.response.status,
+            $rootComponent: this,
+        };
+    },
+    props: {
+        surveys: {
+            type: Array,
+            required: true,
+        },
+        response: {
+            type: Object,
+            required: true,
+        },
+        responseSurveyAnswers: {
+            type: Object,
+            required: true,
+        },
+        customQuestions: {
+            type: Object,
+            required: false,
+        },
+    },
+    data() {
+        return {
+            answers: {},
+            sortQuestions: null,
+            recordQuestionId: "",
+        };
+    },
+    created() {
+        let number = 1;
+        this.surveys.forEach((survey) => {
+            survey.questions.forEach((item, index) => {
+                item.originalIndex = index;
+                item.surveyId = survey.id;
+                item.header.number = number++;
+            });
+        });
+        this.sortQuestions = _.flatMap(this.surveys, "questions");
+        this.parseQuestionAnswers();
+        this.initDraftSortQuestions();
+    },
+    computed: {
+        emptyQuestions: function () {
+            return _.size(this.sortQuestions) == 0;
+        },
+    },
+    methods: {
         validate() {
             let result;
             this.$refs["responseForm"].validate((valid) => {
@@ -1887,17 +2113,69 @@ var script = Vue.extend({
             });
             return result;
         },
-        getMaxScore(question) {
-            if (question.type === "single_selection") {
-                var score = _.maxBy(question.choices, (answer_option) => answer_option.options.score || 0).options.score;
-                if (!score) {
-                    return 0;
-                }
-                return score;
-            }
-            else {
-                return _.sumBy(question.choices, (answer_option) => answer_option.options.score || 0);
+        updateAnswerByQuestion(question, resetData) {
+            let surveyId = _.find(this.sortQuestions, (q) => q.id === question.id)?.surveyId;
+            let surveyIndex = _.findIndex(this.surveys, (s) => s.id === surveyId);
+            this.$set(this.responseSurveyAnswers.moreSurveyAnswers[surveyIndex].answers, question.originalIndex, resetData);
+        },
+        getCustomQuestion(questionId) {
+            return _.find(_.get(this.customQuestions, "chosenQuestions", []), (q) => q.id === questionId);
+        },
+        getFilterSortQuestions(surveyId) {
+            return _.filter(this.sortQuestions, (s) => s.surveyId === surveyId);
+        },
+        parseQuestionAnswers() {
+            if (_.isEmpty(_.get(this.responseSurveyAnswers, "moreSurveyAnswers", []))) {
+                _.each(this.surveys, (s) => {
+                    let surveyAnswer = {
+                        surveyId: s.id,
+                        answers: [],
+                    };
+                    this.responseSurveyAnswers.moreSurveyAnswers.push(surveyAnswer);
+                });
             }
+            _.each(this.responseSurveyAnswers.moreSurveyAnswers, (surveyAnswers) => {
+                _.each(surveyAnswers.answers, (data) => {
+                    _.set(this.answers, data.questionId, data);
+                });
+            });
+            _.set(this.responseSurveyAnswers, "moreSurveyAnswers", []);
+            _.forEach(_.groupBy(this.sortQuestions, (o) => {
+                return o.surveyId;
+            }), (questions, surveyId) => {
+                let surveyAnswers = [];
+                _.each(questions, (question) => {
+                    let input_answers = [];
+                    let questionInputtedEnabled = question.options.inputtedEnabled;
+                    let answer = _.get(this.answers, question.id);
+                    if (!answer) {
+                        _.forEach(question.choices, (choice) => {
+                            let choiceInputEnabled = choice.options.inputEnabled;
+                            if (questionInputtedEnabled && choiceInputEnabled) {
+                                input_answers.push({
+                                    choiceId: choice.id,
+                                    inputText: null,
+                                });
+                            }
+                        });
+                    }
+                    answer = answer
+                        ? answer
+                        : {
+                            answer: question.type == "MULTI_SELECTION" ? [] : null,
+                            question_id: question.id,
+                            question_type: question.type,
+                            score: null,
+                            star: null,
+                            inputAnswers: input_answers,
+                        };
+                    surveyAnswers.push(answer);
+                });
+                this.responseSurveyAnswers.moreSurveyAnswers.push({
+                    surveyId: surveyId,
+                    answers: surveyAnswers,
+                });
+            });
         },
     },
 });
@@ -1906,7 +2184,9 @@ var script = Vue.extend({
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.emptyQuestions)?_c('div',{staticClass:"survey-response-wrapper"},[_c('Form',{ref:"responseForm",attrs:{"model":_vm.response,"disabled":_vm.readonly}},_vm._l((_vm.sortQuestions),function(question,index){return _c('div',{key:index,staticClass:"question"},[_c('question-title',{attrs:{"question":question,"index":index}}),_vm._v(" "),_c('question-body',{attrs:{"question":_vm.calculateQuestion(question, question.originalIndex),"answer":_vm.response.answers[question.originalIndex],"index":question.originalIndex,"options":_vm.options,"readonly":_vm.readonly},on:{"singleQuestion":_vm.handleSelected}})],1)}),0)],1):_c('empty-question')};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.emptyQuestions)?_c('div',{staticClass:"survey-response-wrapper"},[_c('Form',{ref:"responseForm",attrs:{"model":_vm.responseSurveyAnswers,"disabled":_vm.readonly}},_vm._l((_vm.surveys),function(survey,surveyIndex){return _c('div',{key:surveyIndex},_vm._l((_vm.getFilterSortQuestions(survey.id)),function(question,index){return _c('div',{key:index,staticClass:"question"},[_c('question-title',{attrs:{"question":question,"custom-question":_vm.getCustomQuestion(question.id),"index":index}}),_vm._v(" "),_c('question-body',{attrs:{"question":_vm.calculateQuestion(question, question.originalIndex),"answer":_vm.responseSurveyAnswers.moreSurveyAnswers[surveyIndex].answers[
+              question.originalIndex
+            ],"index":question.originalIndex,"survey-index":surveyIndex,"is-more-survey":true,"options":survey.options,"readonly":_vm.readonly},on:{"singleQuestion":_vm.handleSelected}})],1)}),0)}),0)],1):_c('empty-question')};
 var __vue_staticRenderFns__ = [];
 
   /* style */
@@ -1938,7 +2218,7 @@ var __vue_staticRenderFns__ = [];
     undefined
   );
 
-  var SurveyResponse = __vue_component__;
+  var MoreSurveyResponse = __vue_component__;
 
 class Constants {
     constructor() {
@@ -1958,7 +2238,8 @@ class SurveyResponsePlugin {
         locale.i18n(options.i18n);
         Vue.mixin(LocaleMixin);
         vue.component("survey-response", SurveyResponse);
+        vue.component("more-survey-response", MoreSurveyResponse);
     }
 }
 
-export { SurveyResponse, SurveyResponseOptions, SurveyResponsePlugin as default, locale };
+export { MoreSurveyResponse, SurveyResponse, SurveyResponseOptions, SurveyResponsePlugin as default, locale };