@wg-npm/survey-creator 0.3.24149 → 0.4.129

package/dist/survey-creator.esm.js

@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import _ from 'lodash';
+import _$1 from 'lodash';
 import { Dropdown, DropdownMenu, DropdownItem, Button, Row, Col, Icon, Input, Tooltip, Badge, Modal, Radio, RadioGroup, Checkbox, CheckboxGroup, Divider, Card, Slider, Form, FormItem, ButtonGroup, InputNumber, Alert, Select, Option, Table, OptionGroup, Message, Drawer, Tabs, TabPane, Scroll } from 'view-design';
 import deepmerge from 'deepmerge';
 import draggable from 'vuedraggable';
@@ -347,13 +347,13 @@ class QuestionFactory {
     return new StarEvaluationItemModel(locale);
   }
   static createSelectionQuestionChoices(locale) {
-    return _.range(4).map(() => this.createDefault(locale));
+    return _$1.range(4).map(() => this.createDefault(locale));
   }
   static createMatrixQuestionChoices(locale) {
-    return _.range(5).map(() => this.createDefault(locale));
+    return _$1.range(5).map(() => this.createDefault(locale));
   }
   static createEvaluationItems(locale) {
-    return _.range(5).map(() => this.createEvaluationItem(locale));
+    return _$1.range(5).map(() => this.createEvaluationItem(locale));
   }
   registerQuestion(questionType, questionCreator) {
     this.creatorHash[questionType] = questionCreator;
@@ -367,7 +367,7 @@ class QuestionFactory {
   }
 }
 const defaultText = function getText(locale) {
-  return _.set({}, locale, "");
+  return _$1.set({}, locale, "");
 };
 class ChoiceOptionModel {
   constructor() {
@@ -384,14 +384,14 @@ class ChoiceModel {
     this.options = new ChoiceOptionModel();
   }
   static createChoiceId() {
-    return `Choice-${_.now()}-${_.random(0, 9999999)}`;
+    return `Choice-${_$1.now()}-${_$1.random(0, 9999999)}`;
   }
 }
 class ExclusiveChoiceModel extends ChoiceModel {
   constructor(locale) {
     super(locale);
-    if (!_.isEmpty(this.options)) {
-      _.set(this.options, "exclusiveEnabled", true);
+    if (!_$1.isEmpty(this.options)) {
+      _$1.set(this.options, "exclusiveEnabled", true);
     }
   }
 }
@@ -401,7 +401,7 @@ class EvaluationItemModel {
     this.text = defaultText(locale);
   }
   static createChoiceId() {
-    return `Evaluation-Item-${_.now()}-${_.random(0, 9999999)}`;
+    return `Evaluation-Item-${_$1.now()}-${_$1.random(0, 9999999)}`;
   }
 }
 class StarEvaluationItemModel extends EvaluationItemModel {
@@ -424,7 +424,7 @@ class QuestionHeaderModel {
 }
 class SubQuestionModel {
   constructor(locale) {
-    this.id = `SubQ-${_.now()}-${_.random(0, 9999999)}`;
+    this.id = `SubQ-${_$1.now()}-${_$1.random(0, 9999999)}`;
     this.text = defaultText(locale);
     this.number = null;
   }
@@ -438,15 +438,15 @@ class BaseQuestionModel {
   }
   static getMaxScore(question) {
     if (question.type == "SINGLE_SELECTION") {
-      return _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0;
+      return _$1.max(_$1.map(question.choices, choice => parseFloat(_$1.get(choice, "options.score", 0) || 0))) || 0;
     } else if (question.type == "MULTI_SELECTION") {
-      return _.sumBy(question.choices, item => parseFloat(_.get(item, "options.score") || 0));
+      return _$1.sumBy(question.choices, item => parseFloat(_$1.get(item, "options.score") || 0));
     } else if (question.type == "MATRIX") {
-      const score = _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0))) || 0;
+      const score = _$1.max(_$1.map(question.choices, choice => parseFloat(_$1.get(choice, "options.score", 0) || 0))) || 0;
       return score * question.subQuestions.length;
     } else if (question.type == "SCORING") {
       const score = question.options.maxRange;
-      return score * (_.isEmpty(question.subQuestions) ? 1 : question.subQuestions.length);
+      return score * (_$1.isEmpty(question.subQuestions) ? 1 : question.subQuestions.length);
     }
     return 0;
   }
@@ -459,7 +459,7 @@ class BaseQuestionModel {
     return "";
   }
   static createQuestionId() {
-    return `Q-${_.now()}-${_.random(0, 9999999)}`;
+    return `Q-${_$1.now()}-${_$1.random(0, 9999999)}`;
   }
   static getNumber(preNumber, question) {
     return preNumber + 1;
@@ -473,8 +473,8 @@ class BaseQuestionModel {
   static calculationAllQuestionCount(questions) {
     let count = 0;
     const exclude = ["TEXT_TITLE"];
-    _.forEach(questions, question => {
-      if (!_.includes(exclude, question.type)) {
+    _$1.forEach(questions, question => {
+      if (!_$1.includes(exclude, question.type)) {
         count++;
       }
     });
@@ -482,13 +482,13 @@ class BaseQuestionModel {
   }
   static calculationAllQuestionMaxScore(questions) {
     let maxScore = 0;
-    _.forEach(questions, question => {
+    _$1.forEach(questions, question => {
       maxScore += this.getMaxScore(question);
     });
     return maxScore;
   }
   static setActiveQuestion(currentQuestion, questions) {
-    _.forEach(questions, question => {
+    _$1.forEach(questions, question => {
       if (question.id == currentQuestion.id) {
         question.active = true;
       } else {
@@ -498,7 +498,7 @@ class BaseQuestionModel {
   }
   static rebuildQuestionNumber(questions) {
     let preNumber = 0;
-    _.forEach(questions, function (question) {
+    _$1.forEach(questions, function (question) {
       let number;
       if (question.type === "TEXT_TITLE") {
         number = QuestionTextTitleModel.getNumber(preNumber, question);
@@ -516,7 +516,7 @@ class BaseQuestionModel {
     });
   }
   static deleteUnusedProperties(questions) {
-    _.forEach(questions, function (question) {
+    _$1.forEach(questions, function (question) {
       if (question.type === "SCORING") {
         QuestionScoringModel.removeUnusedProperty(question);
       }
@@ -551,7 +551,7 @@ class QuestionMatrixModel extends BaseQuestionModel {
   }
   static getNumber(preNumber, question) {
     const number = preNumber + 1;
-    _.forEach(question.subQuestions, (sq, index) => {
+    _$1.forEach(question.subQuestions, (sq, index) => {
       sq.number = index + 1;
     });
     return number;
@@ -564,7 +564,7 @@ class QuestionScoringModel extends BaseQuestionModel {
   }
   static getNumber(preNumber, question) {
     const number = preNumber + 1;
-    _.forEach(question.subQuestions, (sq, index) => {
+    _$1.forEach(question.subQuestions, (sq, index) => {
       sq.number = index + 1;
     });
     return number;
@@ -572,24 +572,24 @@ class QuestionScoringModel extends BaseQuestionModel {
   static removeUnusedProperty(question) {
     const options = question.options;
     delete options.sliderValue;
-    _.forEach(question.subQuestions, subQuestion => {
+    _$1.forEach(question.subQuestions, subQuestion => {
       delete subQuestion.sliderValue;
     });
   }
 }
-const ZH_CN = _.camelCase("zh-CN");
-const EN_US = _.camelCase("en-US");
-const ZH_TW = _.camelCase("zh-TW");
+const ZH_CN = _$1.camelCase("zh-CN");
+const EN_US = _$1.camelCase("en-US");
+const ZH_TW = _$1.camelCase("zh-TW");
 function getValue(obj, locale) {
-  const value = _.get(obj, _.camelCase(locale), "");
-  if (!_.isEmpty(value)) {
+  const value = _$1.get(obj, _$1.camelCase(locale), "");
+  if (!_$1.isEmpty(value)) {
     return value;
   }
-  return _.get(obj, locale, "");
+  return _$1.get(obj, locale, "");
 }
 function translate(obj, locale, prettyMath = false) {
   const value = getValue(obj, locale);
-  if (!_.isEmpty(value) || !prettyMath) {
+  if (!_$1.isEmpty(value) || !prettyMath) {
     return value;
   }
   return obj[ZH_CN] || obj["zh-CN"] || obj[EN_US] || obj["en-US"] || obj[ZH_TW] || obj["zh-TW"];
@@ -625,8 +625,8 @@ var SurveyTranslatorMixin = Vue.extend({
             return survey.options.primaryLanguage;
         },
         getLanguagesExcludedPrimaryLanguage(survey) {
-            const languages = _.cloneDeep(survey.options.languages);
-            _.pull(languages, this.getPrimaryLanguage(survey));
+            const languages = _$1.cloneDeep(survey.options.languages);
+            _$1.pull(languages, this.getPrimaryLanguage(survey));
             return languages;
         },
         buildQuestionId(question) {
@@ -640,12 +640,12 @@ var SurveyTranslatorMixin = Vue.extend({
         },
         buildDataMap(data) {
             const map = {};
-            _.forEach(data, (item) => {
+            _$1.forEach(data, (item) => {
                 map[item.tempId] = item;
-                _.forEach(item.children, (sub) => {
+                _$1.forEach(item.children, (sub) => {
                     map[sub.tempId] = sub;
                 });
-                _.forEach(item.subQuestions, (sub) => {
+                _$1.forEach(item.subQuestions, (sub) => {
                     map[sub.tempId] = sub;
                 });
             });
@@ -653,8 +653,8 @@ var SurveyTranslatorMixin = Vue.extend({
         },
         allTranslationIsCompleted(survey) {
             let completed = true;
-            const languages = _.cloneDeep(survey.options.languages);
-            _.forEach(languages, (language) => {
+            const languages = _$1.cloneDeep(survey.options.languages);
+            _$1.forEach(languages, (language) => {
                 if (!this.translationIsCompleted(survey, language)) {
                     completed = false;
                 }
@@ -662,21 +662,21 @@ var SurveyTranslatorMixin = Vue.extend({
             return completed;
         },
         translationIsCompleted(survey, language) {
-            const locale = _.camelCase(language);
+            const locale = _$1.camelCase(language);
             let completed = true;
-            _.forEach(survey.questions, function (question) {
-                if (!_.get(question, `header.text.${locale}`)) {
+            _$1.forEach(survey.questions, function (question) {
+                if (!_$1.get(question, `header.text.${locale}`)) {
                     completed = false;
                     return completed;
                 }
-                _.forEach(question.choices, function (choice) {
-                    if (!_.get(choice, `text.${locale}`)) {
+                _$1.forEach(question.choices, function (choice) {
+                    if (!_$1.get(choice, `text.${locale}`)) {
                         completed = false;
                         return completed;
                     }
                 });
-                _.forEach(question.sub_questions, function (sub_question) {
-                    if (!_.get(sub_question, `text.${locale}`)) {
+                _$1.forEach(question.sub_questions, function (sub_question) {
+                    if (!_$1.get(sub_question, `text.${locale}`)) {
                         completed = false;
                         return completed;
                     }
@@ -997,17 +997,17 @@ var script$J = Vue.extend({
             return BaseQuestionModel.getScoreRange(this.question);
         },
         haveMaxScore() {
-            return (_.get(this.question, "options.scoringEnabled", false) &&
+            return (_$1.get(this.question, "options.scoringEnabled", false) &&
                 this.question.type != "SCORING");
         },
         haveStar() {
-            return _.get(this.question, "options.starEnabled", false);
+            return _$1.get(this.question, "options.starEnabled", false);
         },
         isSingleSelection() {
             return this.question.type == "SINGLE_SELECTION";
         },
         isRichText() {
-            return _.get(this.question, "options.richTextEnabled", false);
+            return _$1.get(this.question, "options.richTextEnabled", false);
         },
     },
     methods: {
@@ -1015,7 +1015,7 @@ var script$J = Vue.extend({
             if (!this.isRichText) {
                 return title;
             }
-            const inputHtml = `<Input style="border: 1px solid #dcdee2;border-radius: 3px;" placeholder="${this.t("survey_creator.question.rich_text.input_placeholder")}" />`;
+            const inputHtml = `<Input style="border: 1px solid #dcdee2;border-radius: 3px;font-size: 12px;margin: 0 16px 8px;padding: 4px;" placeholder="${this.t("survey_creator.question.rich_text.input_placeholder")}" />`;
             return title.replace(/_{5,}/g, inputHtml);
         },
     },
@@ -1231,7 +1231,7 @@ var script$H = Vue.extend({
     },
     computed: {
         jumps() {
-            return _.get(this.question, "jumps", []);
+            return _$1.get(this.question, "jumps", []);
         },
     },
     methods: {
@@ -1242,9 +1242,9 @@ var script$H = Vue.extend({
             this.$emit("on-copy");
         },
         onDelete() {
-            let surveyAllJumpQuestionIds = _.map(_.flatMap(this.survey.questions, (question) => _.get(question, "jumps", [])), "toQuestionId");
+            let surveyAllJumpQuestionIds = _$1.map(_$1.flatMap(this.survey.questions, (question) => _$1.get(question, "jumps", [])), "toQuestionId");
             if (this.jumps.length > 0 ||
-                _.includes(surveyAllJumpQuestionIds, this.question.id)) {
+                _$1.includes(surveyAllJumpQuestionIds, this.question.id)) {
                 Modal.confirm({
                     title: this.t("survey_creator.question.jump.delete_question"),
                     content: this.t("survey_creator.question.jump.delete_question_desc"),
@@ -1318,8 +1318,8 @@ var script$G = Vue.extend({
     },
     computed: {
         enabledJump() {
-            return (_.get(this.question, "type") === "SINGLE_SELECTION" &&
-                _.get(this.$rootComponent, "surveyExtendOptions.enabledJump"));
+            return (_$1.get(this.question, "type") === "SINGLE_SELECTION" &&
+                _$1.get(this.$rootComponent, "surveyExtendOptions.enabledJump"));
         },
     },
     methods: {
@@ -1398,10 +1398,10 @@ var script$F = Vue.extend({
     },
     computed: {
         haveMaxScore() {
-            return _.get(this.question, "options.scoringEnabled", false);
+            return _$1.get(this.question, "options.scoringEnabled", false);
         },
         jumps() {
-            return _.get(this.question, "jumps", []);
+            return _$1.get(this.question, "jumps", []);
         },
     },
     watch: {
@@ -1415,18 +1415,18 @@ var script$F = Vue.extend({
         buildChoiceClasses() {
             return [
                 `question-choice`,
-                `question-choice-${_.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
+                `question-choice-${_$1.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
             ];
         },
         haveStar(choice) {
             return choice.options?.star ?? false;
         },
         getJumpDesc(choiceId) {
-            let jump = _.find(this.jumps, (jump) => jump.choiceId === choiceId);
-            if (_.isEmpty(jump)) {
+            let jump = _$1.find(this.jumps, (jump) => jump.choiceId === choiceId);
+            if (_$1.isEmpty(jump)) {
                 return null;
             }
-            let jumpQuestion = _.find(this.survey.questions, (question) => question.id === jump.toQuestionId);
+            let jumpQuestion = _$1.find(this.survey.questions, (question) => question.id === jump.toQuestionId);
             return this.t(`survey_creator.question.jump.selected_jump`, [
                 jumpQuestion.header.number,
             ]);
@@ -1498,7 +1498,7 @@ var script$E = Vue.extend({
     },
     computed: {
         haveMaxScore() {
-            return _.get(this.question, "options.scoringEnabled", false);
+            return _$1.get(this.question, "options.scoringEnabled", false);
         },
     },
     watch: {
@@ -1512,13 +1512,13 @@ var script$E = Vue.extend({
         buildChoiceClasses() {
             return [
                 `question-choice`,
-                `question-choice-${_.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
+                `question-choice-${_$1.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
             ];
         },
         setCheckboxStatus() {
             let exclusiveChoiceId = "";
             const notExclusiveChoices = new Array();
-            _.each(this.question.choices, (choice) => {
+            _$1.each(this.question.choices, (choice) => {
                 if (choice.options.exclusiveEnabled) {
                     exclusiveChoiceId = choice.id;
                 }
@@ -1526,8 +1526,8 @@ var script$E = Vue.extend({
                     notExclusiveChoices.push(choice);
                 }
             });
-            _.each(notExclusiveChoices, (choice) => {
-                if (_.includes(this.value.answer, exclusiveChoiceId)) {
+            _$1.each(notExclusiveChoices, (choice) => {
+                if (_$1.includes(this.value.answer, exclusiveChoiceId)) {
                     choice.readonly = true;
                 }
                 else {
@@ -1536,8 +1536,8 @@ var script$E = Vue.extend({
             });
         },
         selChange(val) {
-            _.each(this.question.choices, (choice) => {
-                _.each(val, (id) => {
+            _$1.each(this.question.choices, (choice) => {
+                _$1.each(val, (id) => {
                     if (choice.id == id) {
                         if (choice.options.exclusiveEnabled) {
                             this.value.answer = [id];
@@ -1781,16 +1781,16 @@ var script$A = Vue.extend({
         buildChoiceClasses() {
             return [
                 `question-choice`,
-                `question-choice-${_.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
+                `question-choice-${_$1.lowerCase(this.question.options.layout || "HORIZONTAL")}`,
             ];
         },
     },
     computed: {
         haveMaxScore() {
-            return _.get(this.question, "options.scoringEnabled", false);
+            return _$1.get(this.question, "options.scoringEnabled", false);
         },
         choiceMaxScore() {
-            return _.max(_.map(this.question.choices, (choice) => parseFloat(_.get(choice, "options.score", 0) || 0)));
+            return _$1.max(_$1.map(this.question.choices, (choice) => parseFloat(_$1.get(choice, "options.score", 0) || 0)));
         },
     },
 });
@@ -1920,7 +1920,7 @@ class ExprEvaluationQuestion {
 
   constructor(questions, scope) {
     this.questions = questions;
-    this.scope = _.sortBy(scope);
+    this.scope = _$1.sortBy(scope);
 
     this.questionMap = this.buildQuestionMap();
   }
@@ -1935,10 +1935,10 @@ class ExprEvaluationQuestion {
 
   buildQuestionMap() {
     const questionMap = {};
-    _.forEach(this.questions, (question) => {
+    _$1.forEach(this.questions, (question) => {
       questionMap[question.id] = question;
       if (question.type == "MATRIX") {
-        _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
+        _$1.forEach(_$1.get(question, "subQuestions", []), (subQuestion) => {
           questionMap[subQuestion.id] = subQuestion;
         });
       }
@@ -1948,21 +1948,21 @@ class ExprEvaluationQuestion {
 
   checkedQuestion() {
     const questions = new Array();
-    _.forEach(this.questions, (question) => {
-      if (_.get(question, "type") == "MATRIX") {
+    _$1.forEach(this.questions, (question) => {
+      if (_$1.get(question, "type") == "MATRIX") {
         const markedQuestions = new Array();
-        _.forEach(_.get(question, "subQuestions", []), (subQuestion) => {
-          if (_.includes(this.scope, subQuestion.id)) {
-            const newSubQuestion = _.cloneDeep(subQuestion);
-            _.set(newSubQuestion, "type", "MATRIX");
-            _.set(newSubQuestion, "parentId", _.get(question, "id"));
+        _$1.forEach(_$1.get(question, "subQuestions", []), (subQuestion) => {
+          if (_$1.includes(this.scope, subQuestion.id)) {
+            const newSubQuestion = _$1.cloneDeep(subQuestion);
+            _$1.set(newSubQuestion, "type", "MATRIX");
+            _$1.set(newSubQuestion, "parentId", _$1.get(question, "id"));
             markedQuestions.push(newSubQuestion);
           }
         });
-        if (!_.isEmpty(markedQuestions)) {
+        if (!_$1.isEmpty(markedQuestions)) {
           questions.push(markedQuestions);
         }
-      } else if (_.includes(this.scope, question.id)) {
+      } else if (_$1.includes(this.scope, question.id)) {
         questions.push(question);
       }
     });
@@ -1972,7 +1972,7 @@ class ExprEvaluationQuestion {
   recurs(elements, numbers) {
     for (let i = 0; i < elements.length; i++) {
       const element = elements[i];
-      if (_.isArray(element)) {
+      if (_$1.isArray(element)) {
         numbers.push(new Array());
         this.recurs(element, numbers[numbers.length - 1]);
       } else {
@@ -1991,7 +1991,7 @@ class ExprEvaluationQuestion {
             i = j - 1;
             break;
           }
-          if (_.size(temp) > 1) {
+          if (_$1.size(temp) > 1) {
             temp.pop();
           }
           temp.push(this.getFullNumber(elements[j]));
@@ -2002,7 +2002,7 @@ class ExprEvaluationQuestion {
 
   isContinuous(front, hind) {
     return (
-      !_.isArray(hind) && this.getNumber(hind) - this.getNumber(front) == 1
+      !_$1.isArray(hind) && this.getNumber(hind) - this.getNumber(front) == 1
     );
   }
 
@@ -2045,7 +2045,7 @@ var script$y = Vue.extend({
     },
     computed: {
         questions() {
-            return _.cloneDeep(this.$rootComponent.currentSurvey.questions);
+            return _$1.cloneDeep(this.$rootComponent.currentSurvey.questions);
         },
     },
     watch: {
@@ -2069,28 +2069,28 @@ var script$y = Vue.extend({
             }
             else {
                 let numbers = new ExprEvaluationQuestion(this.questions, payload.scope).calculateNumbers();
-                let scope = _.join(_.map(numbers, (number) => {
-                    if (_.isArray(_.head(number))) {
-                        return _.join(_.map(number, (e) => _.join(e, "-")), ", ");
+                let scope = _$1.join(_$1.map(numbers, (number) => {
+                    if (_$1.isArray(_$1.head(number))) {
+                        return _$1.join(_$1.map(number, (e) => _$1.join(e, "-")), ", ");
                     }
-                    return _.join(number, "-");
+                    return _$1.join(number, "-");
                 }), ", ");
                 if (condition.type == "ASSIGN") {
                     return this.t("survey_creator.question.evaluation.condition.assign_template", [
                         scope,
-                        _.join(payload.values, "、"),
-                        _.unescape(payload.operator),
+                        _$1.join(payload.values, "、"),
+                        _$1.unescape(payload.operator),
                         payload.size,
                     ]);
                 }
                 else if (condition.type == "AUTO") {
-                    return this.t("survey_creator.question.evaluation.condition.auto_template", [scope, _.join(payload.values, "、")]);
+                    return this.t("survey_creator.question.evaluation.condition.auto_template", [scope, _$1.join(payload.values, "、")]);
                 }
                 return "";
             }
         },
         getChineseLength(_str) {
-            _str = _.trim(_str);
+            _str = _$1.trim(_str);
             let strLength = _str.length;
             if (!strLength) {
                 return 0;
@@ -2100,16 +2100,16 @@ var script$y = Vue.extend({
         },
         initialDesc() {
             let desc = "";
-            let ds = _.map(this.conditions, (c) => {
+            let ds = _$1.map(this.conditions, (c) => {
                 return this.getDesc(c);
             });
-            desc = _.join(ds, "<br>");
+            desc = _$1.join(ds, "<br>");
             this.desc = desc;
             let strLength = desc.length;
             let cLength = this.getChineseLength(desc.substring(0, SPLIT_LENGTH));
             if (strLength > SPLIT_LENGTH) {
                 this.desc =
-                    desc.substring(0, SPLIT_LENGTH - _.ceil(cLength / 2)) + "...";
+                    desc.substring(0, SPLIT_LENGTH - _$1.ceil(cLength / 2)) + "...";
             }
             this.descTitle = desc;
         },
@@ -2603,7 +2603,7 @@ var questionFormMixin = Vue.extend({
         this.primaryLanguage = this.$rootComponent.primaryLanguage;
     },
     created() {
-        this.editQuestion = _.cloneDeep(this.question);
+        this.editQuestion = _$1.cloneDeep(this.question);
     },
     methods: {},
 });
@@ -2732,8 +2732,8 @@ var script$p = Vue.extend({
         };
     },
     created() {
-        this.enabledInputChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
-        this.enabledRichText = _.get(this.$rootComponent, "surveyExtendOptions.enabledPlanSurveyTeacherSetting", false);
+        this.enabledInputChoice = _$1.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
+        this.enabledRichText = _$1.get(this.$rootComponent, "surveyExtendOptions.enabledPlanSurveyTeacherSetting", false);
         this.editQuestion.options.richTextEnabled = this.enabledRichText;
     },
     methods: {
@@ -2741,7 +2741,7 @@ var script$p = Vue.extend({
             this.editQuestion.choices.push(QuestionFactory.createDefault(this.$rootComponent.primaryLanguage));
         },
         deleteOption(position, choiceId) {
-            let jumpIndex = _.findIndex(_.get(this.editQuestion, "jumps", []), (jump) => jump.choiceId === choiceId);
+            let jumpIndex = _$1.findIndex(_$1.get(this.editQuestion, "jumps", []), (jump) => jump.choiceId === choiceId);
             if (jumpIndex > -1) {
                 Modal.confirm({
                     title: this.t("survey_creator.question.jump.delete_option"),
@@ -2758,14 +2758,14 @@ var script$p = Vue.extend({
         },
         scoringEnabledChange() {
             if (!this.editQuestion.options.scoringEnabled) {
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     choice.options.score = null;
                 });
             }
         },
         starEnabledChange() {
             if (!this.editQuestion.options.starEnabled) {
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     choice.options.star = false;
                 });
             }
@@ -2778,13 +2778,13 @@ var script$p = Vue.extend({
                 this.editQuestion.options.inputMinLength = 10;
             }
             if (!this.editQuestion.options.inputtedEnabled) {
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     choice.options.inputEnabled = false;
                 });
             }
         },
         starChange(id) {
-            _.each(this.editQuestion.choices, (choice) => {
+            _$1.each(this.editQuestion.choices, (choice) => {
                 if (choice.id == id) {
                     choice.options.starCount = choice.options.star == true ? 1 : 0;
                 }
@@ -2793,7 +2793,7 @@ var script$p = Vue.extend({
         validatedStar(rule, value, callback, source, options) {
             if (this.editQuestion.options.starEnabled) {
                 let existStar = false;
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     if (choice.options.star) {
                         existStar = true;
                     }
@@ -2808,7 +2808,7 @@ var script$p = Vue.extend({
         validatedInput(rule, value, callback, source, options) {
             if (this.editQuestion.options.inputtedEnabled) {
                 let existInput = false;
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     if (choice.options.inputEnabled) {
                         existInput = true;
                     }
@@ -2933,9 +2933,9 @@ var script$o = Vue.extend({
     },
     created() {
         this.resetStarList();
-        this.enabledExclusiveChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledExclusiveChoice", false);
-        this.enabledInputChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
-        this.enabledRichText = _.get(this.$rootComponent, "surveyExtendOptions.enabledPlanSurveyTeacherSetting", false);
+        this.enabledExclusiveChoice = _$1.get(this.$rootComponent, "surveyExtendOptions.enabledExclusiveChoice", false);
+        this.enabledInputChoice = _$1.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
+        this.enabledRichText = _$1.get(this.$rootComponent, "surveyExtendOptions.enabledPlanSurveyTeacherSetting", false);
         this.editQuestion.options.richTextEnabled = this.enabledRichText;
     },
     methods: {
@@ -2961,7 +2961,7 @@ var script$o = Vue.extend({
         },
         scoringEnabledChange() {
             if (!this.editQuestion.options.scoringEnabled) {
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     choice.options.score = null;
                 });
             }
@@ -2982,14 +2982,14 @@ var script$o = Vue.extend({
                 this.editQuestion.options.inputMinLength = 10;
             }
             if (!this.editQuestion.options.inputtedEnabled) {
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     choice.options.inputEnabled = false;
                 });
             }
         },
         resetStarList() {
             this.selectStarList = [];
-            _.each(this.editQuestion.choices, (choices, index) => {
+            _$1.each(this.editQuestion.choices, (choices, index) => {
                 this.selectStarList.push({
                     label: index + 1,
                     value: index + 1,
@@ -3011,7 +3011,7 @@ var script$o = Vue.extend({
         validatedInput(rule, value, callback, source, options) {
             if (this.editQuestion.options.inputtedEnabled) {
                 let existInput = false;
-                _.each(this.editQuestion.choices, (choice) => {
+                _$1.each(this.editQuestion.choices, (choice) => {
                     if (choice.options.inputEnabled) {
                         existInput = true;
                     }
@@ -3198,15 +3198,15 @@ var script$m = Vue.extend({
             this.editQuestion.options.level = this.editQuestion.choices.length;
             this.editQuestion.options.scoringEnabled = true;
             this.editQuestion.subQuestions ||
-                _.set(this.editQuestion, "subQuestions", []);
+                _$1.set(this.editQuestion, "subQuestions", []);
             this.initDefaultItems(this.editQuestion);
         },
         initDefaultItems(question) {
             const primaryLanguage = this.primaryLanguage;
             const t = this.t;
-            _.forEach(question.choices, (choice, index) => {
-                if (!_.get(choice.text, primaryLanguage)) {
-                    _.set(choice.text, primaryLanguage, t(`survey_creator.question.matrixLevel${index + 1}`));
+            _$1.forEach(question.choices, (choice, index) => {
+                if (!_$1.get(choice.text, primaryLanguage)) {
+                    _$1.set(choice.text, primaryLanguage, t(`survey_creator.question.matrixLevel${index + 1}`));
                 }
                 if (!choice.options.score) {
                     choice.options.score = index + 1;
@@ -3241,7 +3241,7 @@ var script$m = Vue.extend({
                 for (let i = 0; i < diffCount; i++) {
                     this.editQuestion.choices.push({
                         options: { score: this.editQuestion.choices.length + 1 },
-                        text: _.set({}, primaryLanguage, _.includes(_.range(1, this.defaultLevel + 1), this.editQuestion.choices.length + 1)
+                        text: _$1.set({}, primaryLanguage, _$1.includes(_$1.range(1, this.defaultLevel + 1), this.editQuestion.choices.length + 1)
                             ? t(`survey_creator.question.matrixLevel${this.editQuestion.choices.length + 1}`)
                             : ""),
                         id: ChoiceModel.createChoiceId(),
@@ -3381,7 +3381,7 @@ var script$l = Vue.extend({
                 Vue.set(this.editQuestion.options, "decimalPlaces", 0);
             Vue.set(this.editQuestion.options, "scoringEnabled", true);
             this.editQuestion.subQuestions ||
-                _.set(this.editQuestion, "subQuestions", []);
+                _$1.set(this.editQuestion, "subQuestions", []);
         },
         addItem() {
             if (!this.showAddBtn) {
@@ -3409,14 +3409,14 @@ var script$l = Vue.extend({
     watch: {
         "editQuestion.options.maxRange": function () {
             if ((!this.editQuestion.subQuestions ||
-                _.isEmpty(this.editQuestion.subQuestions)) &&
+                _$1.isEmpty(this.editQuestion.subQuestions)) &&
                 this.editQuestion.options.sliderValue >
                     this.editQuestion.options.maxRange) {
                 this.editQuestion.options.sliderValue =
                     this.editQuestion.options.maxRange;
             }
             else {
-                _.forEach(this.editQuestion.subQuestions, (q) => {
+                _$1.forEach(this.editQuestion.subQuestions, (q) => {
                     if (q.sliderValue > this.editQuestion.options.maxRange) {
                         q.sliderValue = this.editQuestion.options.maxRange;
                     }
@@ -3425,7 +3425,7 @@ var script$l = Vue.extend({
         },
         "editQuestion.options.minRange": function () {
             if ((!this.editQuestion.subQuestions ||
-                _.isEmpty(this.editQuestion.subQuestions)) &&
+                _$1.isEmpty(this.editQuestion.subQuestions)) &&
                 (!this.editQuestion.options.sliderValue ||
                     this.editQuestion.options.sliderValue <
                         this.editQuestion.options.minRange)) {
@@ -3433,7 +3433,7 @@ var script$l = Vue.extend({
                     this.editQuestion.options.minRange;
             }
             else {
-                _.forEach(this.editQuestion.subQuestions, (q) => {
+                _$1.forEach(this.editQuestion.subQuestions, (q) => {
                     if (!q.sliderValue ||
                         q.sliderValue < this.editQuestion.options.minRange) {
                         q.sliderValue = this.editQuestion.options.minRange;
@@ -3585,32 +3585,32 @@ var script$j = Vue.extend({
         initDefaultChoices() {
             const self = this;
             let primaryLanguage = this.$rootComponent.primaryLanguage;
-            _.forEach(this.evaluationItems, (item, index) => {
+            _$1.forEach(this.evaluationItems, (item, index) => {
                 let i18nText = self.t(`survey_creator.question.evaluation.level.${index + 1}`);
-                if (!_.get(item.text, primaryLanguage) &&
+                if (!_$1.get(item.text, primaryLanguage) &&
                     !i18nText.startsWith("survey_creator.question.evaluation.level")) {
-                    _.set(item.text, primaryLanguage, i18nText);
+                    _$1.set(item.text, primaryLanguage, i18nText);
                 }
-                if (!_.get(item, "level")) {
-                    _.set(item, "level", 1);
+                if (!_$1.get(item, "level")) {
+                    _$1.set(item, "level", 1);
                 }
             });
             this.calculationItemLevelRange();
         },
         calculationItemLevelRange() {
-            let levels = _.chain(this.evaluationItems)
+            let levels = _$1.chain(this.evaluationItems)
                 .map((item) => parseInt(item.level))
                 .filter((level) => !isNaN(level))
                 .uniq()
                 .sortBy()
                 .value();
-            _.forEach(this.evaluationItems, (item, index) => {
-                let currentLevelIndex = _.indexOf(levels, _.get(item, "level"));
+            _$1.forEach(this.evaluationItems, (item, index) => {
+                let currentLevelIndex = _$1.indexOf(levels, _$1.get(item, "level"));
                 if (levels.length == currentLevelIndex + 1) {
-                    _.set(item, "range", { max: null, min: levels[currentLevelIndex] });
+                    _$1.set(item, "range", { max: null, min: levels[currentLevelIndex] });
                 }
                 else {
-                    _.set(item, "range", {
+                    _$1.set(item, "range", {
                         max: levels[currentLevelIndex + 1] - 1,
                         min: levels[currentLevelIndex],
                     });
@@ -3753,17 +3753,17 @@ var ExprMixin = Vue.extend({
         buildChoices(scope) {
             const choices = new Array();
             const questions = this.$rootComponent.currentSurvey.questions;
-            _.forEach(questions, (question) => {
-                if (_.includes(scope, question.id) ||
-                    !_.isEmpty(_.intersection(scope, _.map(_.get(question, "subQuestions", []), "id")))) {
-                    _.forEach(question.choices, (choice) => {
-                        if (!_.isNil(choice.text[this.primaryLanguage])) {
+            _$1.forEach(questions, (question) => {
+                if (_$1.includes(scope, question.id) ||
+                    !_$1.isEmpty(_$1.intersection(scope, _$1.map(_$1.get(question, "subQuestions", []), "id")))) {
+                    _$1.forEach(question.choices, (choice) => {
+                        if (!_$1.isNil(choice.text[this.primaryLanguage])) {
                             choices.push(choice.text[this.primaryLanguage]);
                         }
                     });
                 }
             });
-            return _.uniq(choices);
+            return _$1.uniq(choices);
         },
         generateExpr() {
             return "";
@@ -3788,7 +3788,7 @@ var script$i = Vue.extend({
     },
     computed: {
         questions() {
-            return _.clone(this.$rootComponent.currentSurvey.questions);
+            return _$1.clone(this.$rootComponent.currentSurvey.questions);
         },
     },
     filters: {
@@ -3805,11 +3805,11 @@ var script$i = Vue.extend({
         },
         numbers(num) {
             let numbers = new ExprEvaluationQuestion(this.questions, this.scope).calculateNumbers();
-            return _.join(_.map(numbers, (number) => {
-                if (_.isArray(_.head(number))) {
-                    return _.join(_.map(number, (e) => _.join(e, "-")), ",");
+            return _$1.join(_$1.map(numbers, (number) => {
+                if (_$1.isArray(_$1.head(number))) {
+                    return _$1.join(_$1.map(number, (e) => _$1.join(e, "-")), ",");
                 }
-                return _.join(number, "-");
+                return _$1.join(number, "-");
             }), ",");
         },
         getSingleOptionContent(question) {
@@ -3879,14 +3879,14 @@ var script$h = Vue.extend({
         QuestionSelect,
     },
     created() {
-        this.value.operator = _.unescape(this.value.operator);
+        this.value.operator = _$1.unescape(this.value.operator);
     },
     methods: {
         generateExpr() {
-            let ids = `${_.map(this.value.scope, (e) => {
+            let ids = `${_$1.map(this.value.scope, (e) => {
                 return `"` + e + `"`;
             })}`;
-            let answers = `${_.map(this.value.values, (e) => {
+            let answers = `${_$1.map(this.value.values, (e) => {
                 return `"` + e + `"`;
             })}`;
             return `$count($[id in [${ids}]][answer in [${answers}]]) ${this.value.operator} ${this.value.size}`;
@@ -3968,13 +3968,13 @@ var script$g = Vue.extend({
     },
     methods: {
         generateExpr() {
-            let ids = `${_.map(this.value.scope, (e) => {
+            let ids = `${_$1.map(this.value.scope, (e) => {
                 return `"` + e + `"`;
             })}`;
-            let answers = `${_.map(this.value.values, (e) => {
+            let answers = `${_$1.map(this.value.values, (e) => {
                 return `"` + e + `"`;
             })}`;
-            return `$count($[id in [${ids}]][answer in [${answers}]]) = ${_.size(this.value.scope)}`;
+            return `$count($[id in [${ids}]][answer in [${answers}]]) = ${_$1.size(this.value.scope)}`;
         },
     },
 });
@@ -4051,8 +4051,8 @@ var script$f = Vue.extend({
         };
     },
     created() {
-        this.value.leftOperator = _.unescape(this.value.leftOperator);
-        this.value.rightOperator = _.unescape(this.value.rightOperator);
+        this.value.leftOperator = _$1.unescape(this.value.leftOperator);
+        this.value.rightOperator = _$1.unescape(this.value.rightOperator);
         this.createInitScoresOption();
     },
     computed: {
@@ -4060,23 +4060,23 @@ var script$f = Vue.extend({
             return this.$rootComponent.currentSurvey.statistics.maxScore;
         },
         otherConditions() {
-            let otherEvaluationItems = _.filter(_.map(this.evaluationItems, (item, index) => {
-                return _.extend({}, item, { index: index });
+            let otherEvaluationItems = _$1.filter(_$1.map(this.evaluationItems, (item, index) => {
+                return _$1.extend({}, item, { index: index });
             }), (item) => item.index != this.itemIndex);
-            const conditions = _.flatMap(otherEvaluationItems, (item) => _.get(item, "conditions", []));
-            return _.filter(conditions, (item) => _.get(item, "type") == "SCORE");
+            const conditions = _$1.flatMap(otherEvaluationItems, (item) => _$1.get(item, "conditions", []));
+            return _$1.filter(conditions, (item) => _$1.get(item, "type") == "SCORE");
         },
     },
     methods: {
         createInitScoresOption() {
-            let otherRange = _.map(this.otherConditions, (item) => {
+            let otherRange = _$1.map(this.otherConditions, (item) => {
                 return {
-                    min: _.get(item, "payload.minScore", 0),
-                    max: _.get(item, "payload.maxScore", 0),
+                    min: _$1.get(item, "payload.minScore", 0),
+                    max: _$1.get(item, "payload.maxScore", 0),
                 };
             });
-            this.leftScores = _.map(_.range(1, this.totalScore + 1, 1), function (num) {
-                let disabled = _.some(otherRange, function (o) {
+            this.leftScores = _$1.map(_$1.range(1, this.totalScore + 1, 1), function (num) {
+                let disabled = _$1.some(otherRange, function (o) {
                     return num >= o.min && num <= o.max;
                 });
                 return {
@@ -4085,8 +4085,8 @@ var script$f = Vue.extend({
                     disabled: disabled,
                 };
             });
-            this.rightScores = _.map(_.range(1, this.totalScore + 1, 1), function (num) {
-                let disabled = _.some(otherRange, function (o) {
+            this.rightScores = _$1.map(_$1.range(1, this.totalScore + 1, 1), function (num) {
+                let disabled = _$1.some(otherRange, function (o) {
                     return num >= o.min && num <= o.max;
                 });
                 return {
@@ -4098,16 +4098,16 @@ var script$f = Vue.extend({
         },
         resetScoreOptions(options) {
             debugger;
-            let otherRange = _.map(this.otherConditions, (item) => {
+            let otherRange = _$1.map(this.otherConditions, (item) => {
                 return {
-                    min: _.get(item, "payload.minScore", 0),
-                    max: _.get(item, "payload.maxScore", 0),
+                    min: _$1.get(item, "payload.minScore", 0),
+                    max: _$1.get(item, "payload.maxScore", 0),
                 };
             });
             let currentMinScore = this.value.minScore == null ? 0 : this.value.minScore;
             let currentMaxScore = this.value.maxScore == null ? this.totalScore : this.value.maxScore;
-            _.forEach(options, function (o) {
-                o.disabled = _.some(otherRange, function (or) {
+            _$1.forEach(options, function (o) {
+                o.disabled = _$1.some(otherRange, function (or) {
                     let condition_a = o.value >= or.min && o.value <= or.max;
                     let condition_b = o.value >= currentMinScore && o.value <= currentMaxScore;
                     return condition_a && condition_b;
@@ -4306,18 +4306,18 @@ var script$d = Vue.extend({
             return this.$rootComponent.currentSurvey.statistics.maxScore;
         },
         deletable() {
-            return (_.size(_.filter(this.evaluationItems, (item) => item.type == "IF")) > 1);
+            return (_$1.size(_$1.filter(this.evaluationItems, (item) => item.type == "IF")) > 1);
         },
         disableAddConditionBtn() {
             let conditions = this.evaluationItems[this.position].conditions;
-            let scoreConditions = _.size(_.filter(conditions, (item) => item.type == "SCORE"));
+            let scoreConditions = _$1.size(_$1.filter(conditions, (item) => item.type == "SCORE"));
             return (this.exprConditionType == "SCORE" && scoreConditions > 0);
         },
     },
     methods: {
         onAdd() {
             this.evaluationItems.splice(this.position + 1, 0, {
-                id: `Evaluation-Item-${_.now()}-${_.random(0, 9999999)}`,
+                id: `Evaluation-Item-${_$1.now()}-${_$1.random(0, 9999999)}`,
                 type: "IF",
                 text: {
                     "zh-CN": "",
@@ -4356,7 +4356,7 @@ var script$d = Vue.extend({
             this.evaluationItems[this.position].conditions.splice(index, 1);
         },
         expr(index, value) {
-            _.set(this.evaluationItems[this.position].conditions[index], "expr", value);
+            _$1.set(this.evaluationItems[this.position].conditions[index], "expr", value);
         },
     },
 });
@@ -4572,10 +4572,10 @@ var script$a = Vue.extend({
         },
         onChange(value) {
             if (value == "EXPR") {
-                _.forEach(this.editQuestion.evaluationItems, (item, index) => {
-                    _.set(item, "type", "IF");
+                _$1.forEach(this.editQuestion.evaluationItems, (item, index) => {
+                    _$1.set(item, "type", "IF");
                 });
-                _.set(this.editQuestion.evaluationItems[_.size(this.editQuestion.evaluationItems) - 1], "type", "ELSE");
+                _$1.set(this.editQuestion.evaluationItems[_$1.size(this.editQuestion.evaluationItems) - 1], "type", "ELSE");
             }
         },
     },
@@ -4690,7 +4690,7 @@ var script$9 = Vue.extend({
             return this.operationType == QUESTION_OPERATION_TYPE_COPY$1;
         },
         questionType() {
-            return _.get(this.question, "type");
+            return _$1.get(this.question, "type");
         },
     },
     methods: {
@@ -4764,7 +4764,7 @@ var script$8 = Vue.extend({
             return this.value;
         },
         camelLanguages() {
-            return _.map(this.languages, (language) => _.camelCase(language));
+            return _$1.map(this.languages, (language) => _$1.camelCase(language));
         },
         columns() {
             let columns = [
@@ -4774,11 +4774,11 @@ var script$8 = Vue.extend({
                     tree: true,
                 },
                 {
-                    title: this.t(`survey_creator.translator.table.header_${_.camelCase(this.primaryLanguage)}`) + this.t("survey_creator.translator.table.header_primary_name"),
+                    title: this.t(`survey_creator.translator.table.header_${_$1.camelCase(this.primaryLanguage)}`) + this.t("survey_creator.translator.table.header_primary_name"),
                     slot: "primaryLanguage",
                 },
             ];
-            _.forEach(_.map(this.languages, (language) => _.camelCase(language)), (language) => {
+            _$1.forEach(_$1.map(this.languages, (language) => _$1.camelCase(language)), (language) => {
                 columns.push({
                     title: this.t(`survey_creator.translator.table.header_${language}`),
                     slot: language,
@@ -4789,7 +4789,7 @@ var script$8 = Vue.extend({
     },
     methods: {
         onChange(row) {
-            _.merge(this.buildDataMap(this.data)[row.tempId], row);
+            _$1.merge(this.buildDataMap(this.data)[row.tempId], row);
         },
     },
 });
@@ -4873,20 +4873,20 @@ var script$7 = Vue.extend({
     },
     methods: {
         buildData() {
-            let oldSurvey = _.cloneDeep(this.survey);
-            _.forEach(oldSurvey.questions, (question) => {
+            let oldSurvey = _$1.cloneDeep(this.survey);
+            _$1.forEach(oldSurvey.questions, (question) => {
                 let item = question.header;
                 item["tempId"] = this.buildQuestionId(question);
                 item["type"] = question.type;
                 item["children"] = [];
                 item["_showChildren"] = true;
-                _.forEach(question.choices, (choice) => {
+                _$1.forEach(question.choices, (choice) => {
                     item.children.push(choice);
                     choice["tempId"] = this.buildChoiceId(question, choice);
                     item.children["type"] = "";
                 });
                 if (question.subQuestions) {
-                    _.forEach(question.subQuestions, (subQuestion) => {
+                    _$1.forEach(question.subQuestions, (subQuestion) => {
                         subQuestion["type"] = this.SUB_QUESTION_TYPE;
                         subQuestion["tempId"] = this.buildSubQuestionId(question, subQuestion);
                         item.children.push(subQuestion);
@@ -4897,13 +4897,13 @@ var script$7 = Vue.extend({
         },
         merge(newData) {
             let map = this.buildDataMap(newData);
-            _.forEach(this.survey.questions, (question) => {
+            _$1.forEach(this.survey.questions, (question) => {
                 question.header.text = map[this.buildQuestionId(question)].text;
-                _.forEach(question.choices, (choice) => {
+                _$1.forEach(question.choices, (choice) => {
                     choice.text = map[this.buildChoiceId(question, choice)].text;
                 });
                 if (question.subQuestions) {
-                    _.forEach(question.subQuestions, (subQuestion) => {
+                    _$1.forEach(question.subQuestions, (subQuestion) => {
                         subQuestion.text =
                             map[this.buildSubQuestionId(question, subQuestion)].text;
                     });
@@ -4957,6 +4957,7 @@ var __vue_staticRenderFns__$7 = [];
 var script$6 = Vue.extend({
     name: "previewer-question-row",
     components: {
+        Checkbox,
         Row,
         Col,
         Divider,
@@ -4983,10 +4984,25 @@ var script$6 = Vue.extend({
             required: true,
         },
     },
+    data() {
+        return {
+            enabledSelectQuestion: false,
+            isSelectedQuestion: false
+        };
+    },
+    created() {
+        this.enabledSelectQuestion = _.get(this.$rootComponent, "options.enabledSelectQuestion", false);
+    },
     methods: {
         getJumpRules(val) {
             this.$emit("singleQuestion", val);
         },
+        selectQuestion(val) {
+            this.isSelectedQuestion = val;
+        },
+        onSelectQuestion(seleccted) {
+            this.$emit("onSelectQuestion", seleccted, this.question);
+        },
     },
 });
 
@@ -4994,10 +5010,10 @@ var script$6 = Vue.extend({
 const __vue_script__$6 = script$6;
 
 /* template */
-var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Card',{staticClass:"question-row",attrs:{"padding":0,"bordered":false,"dis-hover":true}},[_c('Divider',{staticClass:"question-type-desc",attrs:{"orientation":"left"}},[_vm._v("\n    "+_vm._s(_vm.t(
-        ("survey_creator.question.types." + (_vm.question.type)),
-        _vm.$rootComponent.currentLanguage
-      ))+"\n  ")]),_vm._v(" "),_c('question-title',{attrs:{"question":_vm.question,"max-score":true}}),_vm._v(" "),_c('div',{staticClass:"question-row-content"},[_c(_vm.question.type,{tag:"component",staticClass:"question",attrs:{"question":_vm.question,"survey":_vm.survey},on:{"singleQuestion":_vm.getJumpRules}})],1)],1)};
+var __vue_render__$6 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Card',{staticClass:"question-row",attrs:{"padding":0,"bordered":false,"dis-hover":true}},[_c('div',{staticClass:"question-row-container"},[(_vm.enabledSelectQuestion)?_c('div',{staticClass:"question-row-container-left"},[_c('Checkbox',{on:{"on-change":_vm.onSelectQuestion},model:{value:(_vm.isSelectedQuestion),callback:function ($$v) {_vm.isSelectedQuestion=$$v;},expression:"isSelectedQuestion"}})],1):_vm._e(),_vm._v(" "),_c('div',{staticClass:"question-row-container-right"},[_c('Divider',{staticClass:"question-type-desc",attrs:{"orientation":"left"}},[_vm._v("\n        "+_vm._s(_vm.t(
+            ("survey_creator.question.types." + (_vm.question.type)),
+            _vm.$rootComponent.currentLanguage
+          ))+"\n      ")]),_vm._v(" "),_c('question-title',{attrs:{"question":_vm.question,"max-score":true}}),_vm._v(" "),_c('div',{staticClass:"question-row-content"},[_c(_vm.question.type,{tag:"component",staticClass:"question",attrs:{"question":_vm.question,"survey":_vm.survey},on:{"singleQuestion":_vm.getJumpRules}})],1)],1)])])};
 var __vue_staticRenderFns__$6 = [];
 
   /* style */
@@ -5039,16 +5055,27 @@ var script$5 = Vue.extend({
             type: Object,
             required: true,
         },
+        initQuestionIds: {
+            type: Array,
+            required: false,
+        },
     },
     data() {
         return {
             sortQuestions: this.survey.questions,
+            selectedQuestions: [],
         };
     },
+    mounted() {
+        this.initSelectedQuestions();
+    },
     computed: {
         questionsSort() {
             return this.sortQuestions;
         },
+        questionIds() {
+            return this.selectedQuestions.map((question) => question.id);
+        },
     },
     methods: {
         setDisabled(item, disabled) {
@@ -5091,6 +5118,64 @@ var script$5 = Vue.extend({
                 this.recordQuestionId = selected.questionId;
             }
         },
+        initSelectedQuestions() {
+            if (Array.isArray(this.initQuestionIds) &&
+                this.initQuestionIds.length > 0) {
+                this.initQuestionIds.forEach((id) => {
+                    const question = this.sortQuestions.find((item) => item.id === id);
+                    question && this.selectQuestionHandler(true, question);
+                });
+                this.sortSelectedQuestions();
+                this.$emit("selected-question-ids", this.questionIds);
+            }
+        },
+        onSelectQuestion(selected, question) {
+            if (selected) {
+                this.selectQuestionHandler(selected, question);
+            }
+            else {
+                this.unSelectQuestionHandler(selected, question);
+            }
+            this.sortSelectedQuestions();
+            this.$emit("selected-question-ids", this.questionIds);
+        },
+        selectQuestionHandler(selected, question) {
+            this.$refs[`question${question.id}`][0].selectQuestion(selected);
+            this.selectedQuestions.push(question);
+            if (Array.isArray(question.jumps) && question.jumps.length > 0) {
+                question.jumps.forEach((item) => {
+                    const jumpItem = this.sortQuestions.find((i) => item.toQuestionId === i.id);
+                    if (jumpItem &&
+                        !this.selectedQuestions.find((i) => i.id === jumpItem.id)) {
+                        this.selectQuestionHandler(selected, jumpItem);
+                    }
+                });
+            }
+        },
+        unSelectQuestionHandler(selected, question) {
+            this.$refs[`question${question.id}`][0].selectQuestion(selected);
+            _.remove(this.selectedQuestions, (q) => q.id === question.id);
+            this.sortQuestions.forEach((item) => {
+                if (Array.isArray(item.jumps) && item.jumps.length > 0) {
+                    const jumpItem = item.jumps.find((i) => i.toQuestionId === question.id);
+                    if (jumpItem &&
+                        this.selectedQuestions.find((i) => i.id === item.id)) {
+                        this.unSelectQuestionHandler(selected, item);
+                    }
+                }
+            });
+        },
+        sortSelectedQuestions() {
+            this.selectedQuestions.sort((first, second) => {
+                if (first.header.number > second.header.number) {
+                    return 1;
+                }
+                if (first.header.number < second.header.number) {
+                    return -1;
+                }
+                return 0;
+            });
+        },
     },
 });
 
@@ -5098,7 +5183,7 @@ var script$5 = Vue.extend({
 const __vue_script__$5 = script$5;
 
 /* template */
-var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"survey-internal-previewer-wrapper"},_vm._l((_vm.sortQuestions),function(question){return _c('previewer-question-row',{key:question.id,attrs:{"question":question,"survey":_vm.survey},on:{"singleQuestion":_vm.handleSelected}})}),1)};
+var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"survey-internal-previewer-wrapper"},_vm._l((_vm.sortQuestions),function(question){return _c('previewer-question-row',{key:question.id,ref:("question" + (question.id)),refInFor:true,attrs:{"question":question,"survey":_vm.survey},on:{"singleQuestion":_vm.handleSelected,"onSelectQuestion":_vm.onSelectQuestion}})}),1)};
 var __vue_staticRenderFns__$5 = [];
 
   /* style */
@@ -5222,7 +5307,7 @@ var script$3 = Vue.extend({
     },
     computed: {
         choices() {
-            return _.map(this.editQuestion.choices, (q) => {
+            return _$1.map(this.editQuestion.choices, (q) => {
                 return {
                     value: q.id,
                     label: q.text[this.$rootComponent.primaryLanguage],
@@ -5230,19 +5315,19 @@ var script$3 = Vue.extend({
             });
         },
         questionChoicesIds() {
-            return _.map(this.editQuestion.choices, (choice) => choice.id);
+            return _$1.map(this.editQuestion.choices, (choice) => choice.id);
         },
         hasSettingChoicesIds() {
-            return _.map(this.editQuestion.jumps, (jump) => jump.choiceId);
+            return _$1.map(this.editQuestion.jumps, (jump) => jump.choiceId);
         },
         showAddBtn() {
-            return !_.isEmpty(_.filter(this.questionChoicesIds, (choiceId) => !_.includes(this.hasSettingChoicesIds, choiceId)));
+            return !_$1.isEmpty(_$1.filter(this.questionChoicesIds, (choiceId) => !_$1.includes(this.hasSettingChoicesIds, choiceId)));
         },
         showDeleteBtn() {
-            return _.size(this.editQuestion.jumps) > 1;
+            return _$1.size(this.editQuestion.jumps) > 1;
         },
         firstEnabledChoiceId() {
-            return _.find(this.choices, (choice) => !_.includes(this.hasSettingChoicesIds, choice.value)).value;
+            return _$1.find(this.choices, (choice) => !_$1.includes(this.hasSettingChoicesIds, choice.value)).value;
         },
     },
     methods: {
@@ -5256,7 +5341,7 @@ var script$3 = Vue.extend({
             });
         },
         disabledChoice(item) {
-            return _.includes(this.hasSettingChoicesIds, item.value);
+            return _$1.includes(this.hasSettingChoicesIds, item.value);
         },
         deleteJumpItem(index) {
             this.editQuestion.jumps.splice(index, 1);
@@ -5371,8 +5456,8 @@ var script$2 = Vue.extend({
         };
     },
     created() {
-        let question = _.cloneDeep(this.fromQuestion);
-        if (_.size(_.get(question, "jumps", [])) === 0) {
+        let question = _$1.cloneDeep(this.fromQuestion);
+        if (_$1.size(_$1.get(question, "jumps", [])) === 0) {
             question.jumps = [];
         }
         this.selectedQuestion = question;
@@ -5529,18 +5614,18 @@ var script$1 = Vue.extend({
         };
     },
     created() {
-        this.originSurvey = _.cloneDeep(this.survey);
-        this.currentSurvey = _.cloneDeep(this.survey);
-        _.forEach(this.currentSurvey.questions, question => {
+        this.originSurvey = _$1.cloneDeep(this.survey);
+        this.currentSurvey = _$1.cloneDeep(this.survey);
+        _$1.forEach(this.currentSurvey.questions, question => {
             this.$set(question, "active", false);
         });
         if (this.currentSurvey.questions.length > 0) {
             this.currentSurvey.questions[0].active = true;
         }
-        this.primaryLanguage = _.camelCase(this.currentSurvey.options.primaryLanguage);
+        this.primaryLanguage = _$1.camelCase(this.currentSurvey.options.primaryLanguage);
         if (this.showQuestionWhenPageLoad) {
-            const question = _.find(this.currentSurvey?.questions, questions => { return questions.type === this.showQuestionType; });
-            if (_.isUndefined(question)) {
+            const question = _$1.find(this.currentSurvey?.questions, questions => { return questions.type === this.showQuestionType; });
+            if (_$1.isUndefined(question)) {
                 this.createQuestion(this.showQuestionType);
             }
             else {
@@ -5564,7 +5649,7 @@ var script$1 = Vue.extend({
     },
     watch: {
         survey(val) {
-            this.originSurvey = _.cloneDeep(val);
+            this.originSurvey = _$1.cloneDeep(val);
         }
     },
     methods: {
@@ -5598,8 +5683,8 @@ var script$1 = Vue.extend({
             }
         },
         getPureSurvey(survey) {
-            let temp = _.cloneDeep(survey);
-            _.forEach(temp.questions, question => {
+            let temp = _$1.cloneDeep(survey);
+            _$1.forEach(temp.questions, question => {
                 this.$delete(question, "active");
             });
             return temp;
@@ -5627,10 +5712,10 @@ var script$1 = Vue.extend({
         },
         onLayoutChange(layout) {
             this.currentSurvey.options.layout = layout;
-            _.forEach(this.currentSurvey.questions, question => (question.options.layout = layout));
+            _$1.forEach(this.currentSurvey.questions, question => (question.options.layout = layout));
         },
         onQuestionCopy(id) {
-            let fromIndex = _.findIndex(this.currentSurvey.questions, { id: id });
+            let fromIndex = _$1.findIndex(this.currentSurvey.questions, { id: id });
             if (fromIndex == -1) {
                 return;
             }
@@ -5641,7 +5726,7 @@ var script$1 = Vue.extend({
             this.showQuestionEditDrawer(copiedQuestion);
         },
         onQuestionCreateOrUpdate(newQuestion, operationType) {
-            let existQuestionIndex = _.findIndex(this.currentSurvey.questions, {
+            let existQuestionIndex = _$1.findIndex(this.currentSurvey.questions, {
                 id: newQuestion.id
             });
             if (existQuestionIndex > -1) {
@@ -5663,36 +5748,36 @@ var script$1 = Vue.extend({
             }
         },
         onQuestionDelete(id) {
-            _.forEach(this.currentSurvey.questions, (question, index) => {
-                let tempQuestion = _.cloneDeep(question);
-                _.remove(tempQuestion.jumps, (jump) => jump.toQuestionId === id);
+            _$1.forEach(this.currentSurvey.questions, (question, index) => {
+                let tempQuestion = _$1.cloneDeep(question);
+                _$1.remove(tempQuestion.jumps, (jump) => jump.toQuestionId === id);
                 Vue.set(this.currentSurvey.questions, index, tempQuestion);
             });
-            _.remove(this.currentSurvey.questions, function (question) {
+            _$1.remove(this.currentSurvey.questions, function (question) {
                 return question.id === id;
             });
-            this.currentSurvey.questions = _.clone(this.currentSurvey.questions);
+            this.currentSurvey.questions = _$1.clone(this.currentSurvey.questions);
             BaseQuestionModel.refreshSurvey(this.currentSurvey);
         },
         onQuestionEdit(id) {
-            let question = _.cloneDeep(_.find(this.currentSurvey.questions, {
+            let question = _$1.cloneDeep(_$1.find(this.currentSurvey.questions, {
                 id: id
             }));
             this.operationType = QUESTION_OPERATION_TYPE_UPDATE;
             this.showQuestionEditDrawer(question);
         },
         onQuestionJump(id) {
-            let question = _.cloneDeep(_.find(this.currentSurvey.questions, {
+            let question = _$1.cloneDeep(_$1.find(this.currentSurvey.questions, {
                 id: id
             }));
             this.operationType = QUESTION_OPERATION_TYPE_UPDATE;
-            let toQuestions = _.cloneDeep(_.filter(this.currentSurvey.questions, (item) => item.id != id
+            let toQuestions = _$1.cloneDeep(_$1.filter(this.currentSurvey.questions, (item) => item.id != id
                 && !("TEXT_TITLE" === item.type)
                 && !("EVALUATION" === item.type)));
             this.showQuestionJumpDrawer(question, toQuestions);
         },
         createQuestionFrom(survey, fromQuestion) {
-            let newQuestion = _.cloneDeep(fromQuestion);
+            let newQuestion = _$1.cloneDeep(fromQuestion);
             newQuestion.id = BaseQuestionModel.createQuestionId();
             return newQuestion;
         },
@@ -5764,6 +5849,10 @@ var script = Vue.extend({
             type: Object,
             required: true,
         },
+        initQuestionIds: {
+            type: Array,
+            required: false,
+        },
     },
     data() {
         return {
@@ -5779,10 +5868,13 @@ var script = Vue.extend({
             this.$emit("on-back");
         },
         onChangeLanguage(language) {
-            this.currentSurvey = _.cloneDeep(this.survey);
+            this.currentSurvey = _$1.cloneDeep(this.survey);
             Vue.$surveyLanguage = language;
             this.currentLanguage = language;
         },
+        selectedQuestionIds(questionIds) {
+            this.$emit("selected-question-ids", questionIds);
+        },
     },
 });
 
@@ -5790,7 +5882,7 @@ 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.currentSurvey)?_c('div',{staticClass:"survey-preview-wrapper"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[(_vm.options.back)?_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v("\n        "+_vm._s(_vm.t("survey_creator.common.back"))+"\n      ")]):_vm._e()],1),_vm._v(" "),_c('Col',[_c('toolbar',{attrs:{"survey":_vm.currentSurvey,"create-question":false,"translate":true,"preview":false,"change-language":true}})],1)],1),_vm._v(" "),_c('div',{staticClass:"survey-editor-wrapper"},[_c('survey-internal-previewer',{attrs:{"survey":_vm.currentSurvey}})],1)],1):_vm._e()};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.currentSurvey)?_c('div',{staticClass:"survey-preview-wrapper"},[_c('Row',{attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',[(_vm.options.back)?_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v("\n        "+_vm._s(_vm.t("survey_creator.common.back"))+"\n      ")]):_vm._e()],1),_vm._v(" "),_c('Col',[_c('toolbar',{attrs:{"survey":_vm.currentSurvey,"create-question":false,"translate":true,"preview":false,"change-language":_vm.options.changeLanguage}})],1)],1),_vm._v(" "),_c('div',{staticClass:"survey-editor-wrapper"},[_c('survey-internal-previewer',{attrs:{"survey":_vm.currentSurvey,"init-question-ids":_vm.initQuestionIds},on:{"selected-question-ids":_vm.selectedQuestionIds}})],1)],1):_vm._e()};
 var __vue_staticRenderFns__ = [];
 
   /* style */