@wg-npm/survey-creator 0.3.22713 → 0.3.22750

package/dist/survey-creator.esm.js

@@ -83,6 +83,7 @@ var defaultLang = {
             selectScore: "请选择分值",
             questionRequired: "此题必填",
             titleRequiredTip: "请填写题目名称",
+            inputEnabledTip: "用户选中该项后可输入",
             textTitleRequiredTip: "请填写文字说明",
             scoreRequiredTip: "分值不能为空",
             subQuestionRequiredTip: "子題不能为空",
@@ -121,6 +122,7 @@ var defaultLang = {
             starEnabled: "此题计星",
             optionalStarTip: "此项得星",
             starLeastOneTip: "至少一项得星",
+            inputLeastOneTip: "至少一项输入项",
             starMinCountPrefix: "当选择",
             starMinCountSuffix: "项及以上时计星",
             maxScore: "最高分值：",
@@ -360,7 +362,7 @@ class StarEvaluationItemModel extends EvaluationItemModel {
 }
 class QuestionOptionsModel {
   constructor(required) {
-    this.inputtedDefaultValue = 20;
+    this.inputMinLength = 10;
     this.required = required;
     this.visible = true;
   }
@@ -2423,8 +2425,12 @@ var script$o = Vue.extend({
                 min: 1,
             },
             layoutOptions: ["HORIZONTAL", "VERTICAL"],
+            enabledInputChoice: false,
         };
     },
+    created() {
+        this.enabledInputChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
+    },
     methods: {
         addOption() {
             this.editQuestion.choices.push(QuestionFactory.createDefault(this.$rootComponent.primaryLanguage));
@@ -2461,10 +2467,10 @@ var script$o = Vue.extend({
         },
         inputEnabledChange() {
             if (!this.editQuestion.options.inputtedEnabled) {
-                this.editQuestion.options.inputtedDefaultValue = null;
+                this.editQuestion.options.inputMinLength = null;
             }
             else {
-                this.editQuestion.options.inputtedDefaultValue = 10;
+                this.editQuestion.options.inputMinLength = 10;
             }
             if (!this.editQuestion.options.inputtedEnabled) {
                 _.each(this.editQuestion.choices, (choice) => {
@@ -2494,6 +2500,21 @@ var script$o = Vue.extend({
             }
             callback();
         },
+        validatedInput(rule, value, callback, source, options) {
+            if (this.editQuestion.options.inputtedEnabled) {
+                let existInput = false;
+                _.each(this.editQuestion.choices, (choice) => {
+                    if (choice.options.inputEnabled) {
+                        existInput = true;
+                    }
+                });
+                if (existInput) {
+                    callback();
+                }
+                callback(new Error(this.t("survey_creator.question.inputLeastOneTip")));
+            }
+            callback();
+        },
     },
 });
 
@@ -2501,7 +2522,7 @@ var script$o = Vue.extend({
 const __vue_script__$o = script$o;
 
 /* template */
-var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Form',{ref:"questionForm",attrs:{"model":_vm.editQuestion,"label-colon":false}},[_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options-row"},[_c('div',{staticClass:"options"},[_c('Checkbox',{model:{value:(_vm.editQuestion.options.required),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "required", $$v);},expression:"editQuestion.options.required"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.questionRequired"))+"\n        ")]),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.scoringEnabledChange},model:{value:(_vm.editQuestion.options.scoringEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "scoringEnabled", $$v);},expression:"editQuestion.options.scoringEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.scoringEnabled"))+"\n        ")])],1)]),_vm._v(" "),_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.starEnabledChange},model:{value:(_vm.editQuestion.options.starEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starEnabled", $$v);},expression:"editQuestion.options.starEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starEnabled"))+"\n            "),_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1)]),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.inputEnabledChange},model:{value:(_vm.editQuestion.options.inputtedEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedEnabled", $$v);},expression:"editQuestion.options.inputtedEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.inputted_enabled"))+"\n        ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_prefix")))]),_vm._v(" "),_c('InputNumber',{staticClass:"inputing",attrs:{"max":999,"min":0},model:{value:(_vm.editQuestion.options.inputtedDefaultValue),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedDefaultValue", $$v);},expression:"editQuestion.options.inputtedDefaultValue"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_suffix")))])],1)],1)])]),_vm._v(" "),_c('Row',[_c('Form-item',{attrs:{"label-width":80,"label":_vm.t('survey_creator.page.question'),"prop":'header.text.' + _vm.primaryLanguage,"rules":{
+var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Form',{ref:"questionForm",attrs:{"model":_vm.editQuestion,"label-colon":false}},[_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options-row"},[_c('div',{staticClass:"options"},[_c('Checkbox',{model:{value:(_vm.editQuestion.options.required),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "required", $$v);},expression:"editQuestion.options.required"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.questionRequired"))+"\n        ")]),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.scoringEnabledChange},model:{value:(_vm.editQuestion.options.scoringEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "scoringEnabled", $$v);},expression:"editQuestion.options.scoringEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.scoringEnabled"))+"\n        ")])],1)]),_vm._v(" "),_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.starEnabledChange},model:{value:(_vm.editQuestion.options.starEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starEnabled", $$v);},expression:"editQuestion.options.starEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starEnabled"))+"\n            "),_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1)]),_vm._v(" "),(_vm.enabledInputChoice)?_c('div',[_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.inputEnabledChange},model:{value:(_vm.editQuestion.options.inputtedEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedEnabled", $$v);},expression:"editQuestion.options.inputtedEnabled"}},[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.inputted_enabled"))+"\n          ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_prefix")))]),_vm._v(" "),_c('InputNumber',{staticClass:"inputing",attrs:{"max":999,"min":0},model:{value:(_vm.editQuestion.options.inputMinLength),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputMinLength", $$v);},expression:"editQuestion.options.inputMinLength"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_suffix")))])],1)],1):_vm._e()],1)])]),_vm._v(" "),_c('Row',[_c('Form-item',{attrs:{"label-width":80,"label":_vm.t('survey_creator.page.question'),"prop":'header.text.' + _vm.primaryLanguage,"rules":{
         required: true,
         message: _vm.t('survey_creator.question.titleRequiredTip'),
       }}},[_c('Row',[_c('Col',{attrs:{"span":"23"}},[_c('Input',{attrs:{"maxlength":500,"placeholder":_vm.t('survey_creator.question.titleRequiredTip')},model:{value:(_vm.editQuestion.header.text[_vm.primaryLanguage]),callback:function ($$v) {_vm.$set(_vm.editQuestion.header.text, _vm.primaryLanguage, $$v);},expression:"editQuestion.header.text[primaryLanguage]"}})],1)],1)],1)],1),_vm._v(" "),_c('div',{staticClass:"option-header"},[_c('div',{staticClass:"choice"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_choice"))+"\n    ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.scoringEnabled),expression:"editQuestion.options.scoringEnabled"}],staticClass:"scoring"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_scoring"))+"\n    ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_inputing"))+"\n    ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],staticClass:"inputing"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.starEnabled"))+"\n    ")])]),_vm._v(" "),_c('draggable',{staticClass:"question-choices-wrapper",attrs:{"draggable":".question-choice"},on:{"start":function($event){_vm.drag = true;},"end":function($event){_vm.drag = false;}},model:{value:(_vm.editQuestion.choices),callback:function ($$v) {_vm.$set(_vm.editQuestion, "choices", $$v);},expression:"editQuestion.choices"}},_vm._l((_vm.editQuestion.choices),function(option,index){return _c('div',{key:index},[_c('FormItem',{attrs:{"label-width":80,"label":_vm.t('survey_creator.question.optional'),"prop":'choices.' + index + '.text.' + _vm.primaryLanguage,"rules":{
@@ -2516,17 +2537,25 @@ var __vue_render__$o = function () {var _vm=this;var _h=_vm.$createElement;var _
                   pattern:
                     /^(([1-9][0-9][0-9]|[1-9][0-9]|[0-9])(\.\d{1,2})?|0\.\d{1,2})$/,
                   message: _vm.t('survey_creator.question.scoreErrorTip'),
-                } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],staticClass:"inputing"},[_c('Checkbox',{on:{"on-change":function($event){return _vm.starChange(option.id)}},model:{value:(option.options.star),callback:function ($$v) {_vm.$set(option.options, "star", $$v);},expression:"option.options.star"}})],1)])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(option.options.inputEnabled),expression:"option.options.inputEnabled"}],staticClass:"option-input"},[_c('Input',{attrs:{"disabled":""}})],1)],1)}),0)],1)};
+                } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Form-item',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],attrs:{"prop":'choices.' + index + '.options.inputEnabled',"label-width":80,"rules":[
+                {
+                  message: _vm.t('survey_creator.question.inputLeastOneTip'),
+                  validator: _vm.validatedInput,
+                } ]}},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],staticClass:"inputing"},[_c('Form-item',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],attrs:{"prop":'choices.' + index + '.options.star',"label-width":80,"rules":[
+                {
+                  message: _vm.t('survey_creator.question.starLeastOneTip'),
+                  validator: _vm.validatedStar,
+                } ]}},[_c('Checkbox',{on:{"on-change":function($event){return _vm.starChange(option.id)}},model:{value:(option.options.star),callback:function ($$v) {_vm.$set(option.options, "star", $$v);},expression:"option.options.star"}})],1)],1)])]),_vm._v(" "),(option.options.inputEnabled)?_c('div',{staticClass:"option-input"},[_c('Input',{attrs:{"disabled":"","placeholder":_vm.t('survey_creator.question.inputEnabledTip')}})],1):_vm._e()],1)}),0)],1)};
 var __vue_staticRenderFns__$o = [];
 
   /* style */
   const __vue_inject_styles__$o = function (inject) {
     if (!inject) return
-    inject("data-v-86fe7a7c_0", { source: ".options-container[data-v-86fe7a7c]{margin:0 8px 16px;border-bottom:1px solid #e8eaec;display:grid;grid-template-columns:50% 50%}.options-container .options-row[data-v-86fe7a7c]{display:flex;flex-direction:row;margin-bottom:16px}.options-container .options-row .options[data-v-86fe7a7c]{display:flex;flex-direction:column}.options-container .options-row .options .option[data-v-86fe7a7c]{margin-top:24px}.options-container .options-row .options .option-expand[data-v-86fe7a7c]{display:flex;align-items:center;margin-top:10px;padding:8px;border-radius:4px;background:#f7f7f7}.options-container .options-row .options .option-expand .inputing[data-v-86fe7a7c]{width:64px}.options-container .before-border[data-v-86fe7a7c]{border-left:1px solid #e8eaec;padding-left:16px}.option-header[data-v-86fe7a7c]{background:#f0f1f3;border-radius:4px;width:100%;height:32px;margin-bottom:24px;display:flex;flex-direction:row;color:#70748c;align-items:center;padding:0 8px 0 16px}.option-header .choice[data-v-86fe7a7c]{width:100%}.option-header .scoring[data-v-86fe7a7c]{width:100px;display:flex;justify-content:center}.option-header .inputing[data-v-86fe7a7c]{width:80px;min-width:42px;display:flex;justify-content:center}.question-choice[data-v-86fe7a7c]{display:flex;flex-direction:row;align-items:center;padding-right:8px}.question-choice .choice[data-v-86fe7a7c]{display:flex;flex-direction:row;width:100%;margin-right:8px}.question-choice .choice .button[data-v-86fe7a7c]{margin-left:8px}.question-choice .scoring[data-v-86fe7a7c]{width:85px}.question-choice .inputing[data-v-86fe7a7c]{margin-left:32px;margin-right:6px}[data-v-86fe7a7c] .ivu-form-item{width:100%}.option-input[data-v-86fe7a7c]{margin:-14px 16px 16px 80px}", map: undefined, media: undefined });
+    inject("data-v-2dac0c7b_0", { source: ".options-container[data-v-2dac0c7b]{margin:0 8px 16px;border-bottom:1px solid #e8eaec;display:grid;grid-template-columns:50% 50%}.options-container .options-row[data-v-2dac0c7b]{display:flex;flex-direction:row;margin-bottom:16px}.options-container .options-row .options[data-v-2dac0c7b]{display:flex;flex-direction:column}.options-container .options-row .options .option[data-v-2dac0c7b]{margin-top:24px}.options-container .options-row .options .option-expand[data-v-2dac0c7b]{display:flex;align-items:center;margin-top:10px;padding:8px;border-radius:4px;background:#f7f7f7}.options-container .options-row .options .option-expand .inputing[data-v-2dac0c7b]{width:64px}.options-container .before-border[data-v-2dac0c7b]{border-left:1px solid #e8eaec;padding-left:16px}.option-header[data-v-2dac0c7b]{background:#f0f1f3;border-radius:4px;width:100%;height:32px;margin-bottom:24px;display:flex;flex-direction:row;color:#70748c;align-items:center;padding:0 8px 0 16px}.option-header .choice[data-v-2dac0c7b]{width:100%}.option-header .scoring[data-v-2dac0c7b]{width:100px;display:flex;justify-content:center}.option-header .inputing[data-v-2dac0c7b]{width:145px;min-width:42px;display:flex;justify-content:center}.question-choice[data-v-2dac0c7b]{display:flex;flex-direction:row;align-items:center;padding-right:8px}.question-choice .choice[data-v-2dac0c7b]{display:flex;flex-direction:row;width:100%;margin-right:8px}.question-choice .choice .button[data-v-2dac0c7b]{margin-left:8px}.question-choice .scoring[data-v-2dac0c7b]{width:85px}.question-choice .inputing[data-v-2dac0c7b]{width:145px;text-align:center}.question-choice .inputing .ivu-checkbox-wrapper[data-v-2dac0c7b]{margin-right:0}[data-v-2dac0c7b] .ivu-form-item{width:100%}.option-input[data-v-2dac0c7b]{margin:0 50px 30px 80px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$o = "data-v-86fe7a7c";
+  const __vue_scope_id__$o = "data-v-2dac0c7b";
   /* module identifier */
   const __vue_module_identifier__$o = undefined;
   /* functional template */
@@ -2580,11 +2609,13 @@ var script$n = Vue.extend({
             layoutOptions: ["HORIZONTAL", "VERTICAL"],
             selectStarList: [],
             enabledExclusiveChoice: false,
+            enabledInputChoice: false,
         };
     },
     created() {
         this.resetStarList();
         this.enabledExclusiveChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledExclusiveChoice", false);
+        this.enabledInputChoice = _.get(this.$rootComponent, "surveyExtendOptions.enabledInputChoice", false);
     },
     methods: {
         handleExclusiveChoice(callback) {
@@ -2624,10 +2655,10 @@ var script$n = Vue.extend({
         },
         inputEnabledChange() {
             if (!this.editQuestion.options.inputtedEnabled) {
-                this.editQuestion.options.inputtedDefaultValue = null;
+                this.editQuestion.options.inputMinLength = null;
             }
             else {
-                this.editQuestion.options.inputtedDefaultValue = 10;
+                this.editQuestion.options.inputMinLength = 10;
             }
             if (!this.editQuestion.options.inputtedEnabled) {
                 _.each(this.editQuestion.choices, (choice) => {
@@ -2656,6 +2687,21 @@ var script$n = Vue.extend({
             }
             this.resetStarList();
         },
+        validatedInput(rule, value, callback, source, options) {
+            if (this.editQuestion.options.inputtedEnabled) {
+                let existInput = false;
+                _.each(this.editQuestion.choices, (choice) => {
+                    if (choice.options.inputEnabled) {
+                        existInput = true;
+                    }
+                });
+                if (existInput) {
+                    callback();
+                }
+                callback(new Error(this.t("survey_creator.question.inputLeastOneTip")));
+            }
+            callback();
+        },
     },
 });
 
@@ -2663,7 +2709,7 @@ var script$n = Vue.extend({
 const __vue_script__$n = script$n;
 
 /* template */
-var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Form',{ref:"questionForm",staticClass:"multi-selection-form",attrs:{"model":_vm.editQuestion,"label-colon":false}},[_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options-row"},[_c('div',{staticClass:"options"},[_c('Checkbox',{model:{value:(_vm.editQuestion.options.required),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "required", $$v);},expression:"editQuestion.options.required"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.questionRequired"))+"\n        ")]),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.scoringEnabledChange},model:{value:(_vm.editQuestion.options.scoringEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "scoringEnabled", $$v);},expression:"editQuestion.options.scoringEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.scoringEnabled"))+"\n        ")])],1)]),_vm._v(" "),_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.starEnabledChange},model:{value:(_vm.editQuestion.options.starEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starEnabled", $$v);},expression:"editQuestion.options.starEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starEnabled"))+"\n            "),_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1)]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starMinCountPrefix"))+"\n          ")]),_vm._v(" "),_c('Select',{staticStyle:{"width":"50px"},attrs:{"size":"small"},model:{value:(_vm.editQuestion.options.starMinCount),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starMinCount", $$v);},expression:"editQuestion.options.starMinCount"}},_vm._l((_vm.selectStarList),function(item){return _c('Option',{key:item.value,attrs:{"value":item.value}},[_vm._v(_vm._s(item.label)+"\n            ")])}),1),_vm._v(" "),_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starMinCountSuffix"))+"\n          ")])],1),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.inputEnabledChange},model:{value:(_vm.editQuestion.options.inputtedEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedEnabled", $$v);},expression:"editQuestion.options.inputtedEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.inputted_enabled"))+"\n        ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_prefix")))]),_vm._v(" "),_c('InputNumber',{staticClass:"inputing",attrs:{"max":999,"min":0},model:{value:(_vm.editQuestion.options.inputtedDefaultValue),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedDefaultValue", $$v);},expression:"editQuestion.options.inputtedDefaultValue"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_suffix")))])],1)],1)]),_vm._v(" "),(_vm.enabledExclusiveChoice)?_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.exclusiveEnabledChange},model:{value:(_vm.editQuestion.options.exclusiveEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "exclusiveEnabled", $$v);},expression:"editQuestion.options.exclusiveEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.exclusive_enabled"))+"\n            "),_c('Tooltip',{attrs:{"max-width":"200","content":_vm.t('survey_creator.question.exclusive_option_tooltip'),"placement":"bottom"}},[_c('Icon',{attrs:{"custom":"i-icon icon-exclamation-mark-outline","size":"16"}})],1)],1)])],1)]):_vm._e()]),_vm._v(" "),_c('Row',[_c('Form-item',{attrs:{"label-width":60,"label":_vm.t('survey_creator.page.question'),"prop":'header.text.' + _vm.primaryLanguage,"rules":{
+var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Form',{ref:"questionForm",staticClass:"multi-selection-form",attrs:{"model":_vm.editQuestion,"label-colon":false}},[_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options-row"},[_c('div',{staticClass:"options"},[_c('Checkbox',{model:{value:(_vm.editQuestion.options.required),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "required", $$v);},expression:"editQuestion.options.required"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.questionRequired"))+"\n        ")]),_vm._v(" "),_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.scoringEnabledChange},model:{value:(_vm.editQuestion.options.scoringEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "scoringEnabled", $$v);},expression:"editQuestion.options.scoringEnabled"}},[_vm._v("\n          "+_vm._s(_vm.t("survey_creator.question.scoringEnabled"))+"\n        ")])],1)]),_vm._v(" "),_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.starEnabledChange},model:{value:(_vm.editQuestion.options.starEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starEnabled", $$v);},expression:"editQuestion.options.starEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starEnabled"))+"\n            "),_c('Icon',{attrs:{"type":"md-star","color":"orange","size":16}})],1)]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.starEnabled),expression:"editQuestion.options.starEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starMinCountPrefix"))+"\n          ")]),_vm._v(" "),_c('Select',{staticStyle:{"width":"50px"},attrs:{"size":"small"},model:{value:(_vm.editQuestion.options.starMinCount),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "starMinCount", $$v);},expression:"editQuestion.options.starMinCount"}},_vm._l((_vm.selectStarList),function(item){return _c('Option',{key:item.value,attrs:{"value":item.value}},[_vm._v(_vm._s(item.label)+"\n            ")])}),1),_vm._v(" "),_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.starMinCountSuffix"))+"\n          ")])],1),_vm._v(" "),(_vm.enabledInputChoice)?_c('div',[_c('Checkbox',{staticClass:"option",on:{"on-change":_vm.inputEnabledChange},model:{value:(_vm.editQuestion.options.inputtedEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputtedEnabled", $$v);},expression:"editQuestion.options.inputtedEnabled"}},[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.inputted_enabled"))+"\n          ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"option-expand"},[_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_prefix")))]),_vm._v(" "),_c('InputNumber',{staticClass:"inputing",attrs:{"max":999,"min":0},model:{value:(_vm.editQuestion.options.inputMinLength),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "inputMinLength", $$v);},expression:"editQuestion.options.inputMinLength"}}),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.t("survey_creator.question.inputted_enabled_suffix")))])],1)],1):_vm._e()],1)]),_vm._v(" "),(_vm.enabledExclusiveChoice)?_c('div',{staticClass:"options-row before-border"},[_c('div',{staticClass:"options"},[_c('Checkbox',{on:{"on-change":_vm.exclusiveEnabledChange},model:{value:(_vm.editQuestion.options.exclusiveEnabled),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "exclusiveEnabled", $$v);},expression:"editQuestion.options.exclusiveEnabled"}},[_c('span',[_vm._v("\n            "+_vm._s(_vm.t("survey_creator.question.exclusive_enabled"))+"\n            "),_c('Tooltip',{attrs:{"max-width":"200","content":_vm.t('survey_creator.question.exclusive_option_tooltip'),"placement":"bottom"}},[_c('Icon',{attrs:{"custom":"i-icon icon-exclamation-mark-outline","size":"16"}})],1)],1)])],1)]):_vm._e()]),_vm._v(" "),_c('Row',[_c('Form-item',{attrs:{"label-width":60,"label":_vm.t('survey_creator.page.question'),"prop":'header.text.' + _vm.primaryLanguage,"rules":{
         required: true,
         message: _vm.t('survey_creator.question.titleRequiredTip'),
       }}},[_c('Row',[_c('Col',{attrs:{"span":"24"}},[_c('Input',{attrs:{"maxlength":500,"placeholder":_vm.t('survey_creator.question.titleRequiredTip')},model:{value:(_vm.editQuestion.header.text[_vm.primaryLanguage]),callback:function ($$v) {_vm.$set(_vm.editQuestion.header.text, _vm.primaryLanguage, $$v);},expression:"editQuestion.header.text[primaryLanguage]"}})],1)],1)],1)],1),_vm._v(" "),_c('div',{staticClass:"option-header"},[_c('div',{staticClass:"choice"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_choice"))+"\n    ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.scoringEnabled),expression:"editQuestion.options.scoringEnabled"}],staticClass:"scoring"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_scoring"))+"\n    ")]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_vm._v("\n      "+_vm._s(_vm.t("survey_creator.question.option_header_inputing"))+"\n    ")])]),_vm._v(" "),_c('draggable',{staticClass:"question-choices-wrapper",attrs:{"draggable":".question-choice"},on:{"start":function($event){_vm.drag = true;},"end":function($event){_vm.drag = false;}},model:{value:(_vm.editQuestion.choices),callback:function ($$v) {_vm.$set(_vm.editQuestion, "choices", $$v);},expression:"editQuestion.choices"}},_vm._l((_vm.editQuestion.choices),function(option,index){return _c('div',{key:index},[(!option.options.exclusiveEnabled)?_c('div',{staticClass:"choice-row"},[_c('FormItem',{attrs:{"label-width":60,"label":_vm.t('survey_creator.question.optional'),"prop":'choices.' + index + '.text.' + _vm.primaryLanguage,"rules":{
@@ -2678,7 +2724,11 @@ var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _
                     pattern:
                       /^(([1-9][0-9][0-9]|[1-9][0-9]|[0-9])(\.\d{1,2})?|0\.\d{1,2})$/,
                     message: _vm.t('survey_creator.question.scoreErrorTip'),
-                  } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1)])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(option.options.inputEnabled),expression:"option.options.inputEnabled"}],staticClass:"option-input"},[_c('Input',{attrs:{"disabled":""}})],1)],1):_c('div',{staticClass:"choice-row exclusive-choice"},[_c('FormItem',{attrs:{"label-width":60,"label":_vm.t('survey_creator.question.optional'),"prop":'choices.' + index + '.text.' + _vm.primaryLanguage,"rules":{
+                  } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Form-item',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],attrs:{"prop":'choices.' + index + '.options.inputEnabled',"label-width":80,"rules":[
+                  {
+                    message: _vm.t('survey_creator.question.inputLeastOneTip'),
+                    validator: _vm.validatedInput,
+                  } ]}},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1)],1)])]),_vm._v(" "),(option.options.inputEnabled)?_c('div',{staticClass:"option-input"},[_c('Input',{attrs:{"disabled":"","placeholder":_vm.t('survey_creator.question.inputEnabledTip')}})],1):_vm._e()],1):_c('div',{staticClass:"choice-row exclusive-choice"},[_c('FormItem',{attrs:{"label-width":60,"label":_vm.t('survey_creator.question.optional'),"prop":'choices.' + index + '.text.' + _vm.primaryLanguage,"rules":{
             required: true,
             message: _vm.t('survey_creator.question.optionalRequiredTip'),
           }}},[_c('div',{staticClass:"question-choice"},[_c('div',{staticClass:"choice"},[_c('Input',{model:{value:(option.text[_vm.primaryLanguage]),callback:function ($$v) {_vm.$set(option.text, _vm.primaryLanguage, (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"option.text[primaryLanguage]"}})],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.scoringEnabled),expression:"editQuestion.options.scoringEnabled"}],staticClass:"scoring"},[_c('Form-item',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.scoringEnabled),expression:"editQuestion.options.scoringEnabled"}],attrs:{"prop":'choices.' + index + '.options.score',"label-width":60,"rules":[
@@ -2690,17 +2740,21 @@ var __vue_render__$n = function () {var _vm=this;var _h=_vm.$createElement;var _
                     pattern:
                       /^(([1-9][0-9][0-9]|[1-9][0-9]|[0-9])(\.\d{1,2})?|0\.\d{1,2})$/,
                     message: _vm.t('survey_creator.question.scoreErrorTip'),
-                  } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1)])]),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(option.options.inputEnabled),expression:"option.options.inputEnabled"}],staticClass:"option-input"},[_c('Input',{attrs:{"disabled":""}})],1)],1)])}),0)],1)};
+                  } ]}},[_c('Input',{attrs:{"type":"number"},model:{value:(option.options.score),callback:function ($$v) {_vm.$set(option.options, "score", $$v);},expression:"option.options.score"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],staticClass:"inputing"},[_c('Form-item',{directives:[{name:"show",rawName:"v-show",value:(_vm.editQuestion.options.inputtedEnabled),expression:"editQuestion.options.inputtedEnabled"}],attrs:{"prop":'choices.' + index + '.options.inputEnabled',"label-width":80,"rules":[
+                  {
+                    message: _vm.t('survey_creator.question.inputLeastOneTip'),
+                    validator: _vm.validatedInput,
+                  } ]}},[_c('Checkbox',{model:{value:(option.options.inputEnabled),callback:function ($$v) {_vm.$set(option.options, "inputEnabled", $$v);},expression:"option.options.inputEnabled"}})],1)],1)])]),_vm._v(" "),(option.options.inputEnabled)?_c('div',{staticClass:"option-input"},[_c('Input',{attrs:{"disabled":"","placeholder":_vm.t('survey_creator.question.inputEnabledTip')}})],1):_vm._e()],1)])}),0)],1)};
 var __vue_staticRenderFns__$n = [];
 
   /* style */
   const __vue_inject_styles__$n = function (inject) {
     if (!inject) return
-    inject("data-v-f12fce9c_0", { source: ".multi-selection-form .options-container[data-v-f12fce9c]{margin:0 8px 16px;border-bottom:1px solid #e8eaec;display:grid;grid-template-columns:30% 40% 30%}.multi-selection-form .options-container .options-row[data-v-f12fce9c]{display:flex;flex-direction:row;margin-bottom:16px}.multi-selection-form .options-container .options-row .options[data-v-f12fce9c]{display:flex;flex-direction:column}.multi-selection-form .options-container .options-row .options .option[data-v-f12fce9c]{margin-top:24px}.multi-selection-form .options-container .options-row .options .option-expand[data-v-f12fce9c]{display:flex;align-items:center;margin-top:10px;padding:8px;border-radius:4px;background:#f7f7f7}.multi-selection-form .options-container .options-row .options .option-expand .inputing[data-v-f12fce9c]{width:64px}.multi-selection-form .options-container .before-border[data-v-f12fce9c]{border-left:1px solid #e8eaec;padding-left:16px}.multi-selection-form .question-options[data-v-f12fce9c]{padding-bottom:10px;padding-left:80px}.multi-selection-form[data-v-f12fce9c] .ivu-form-item{width:100%}.multi-selection-form[data-v-f12fce9c] .ivu-form-item .ivu-form-item-content{line-height:0}.multi-selection-form .option-header[data-v-f12fce9c]{background:#f0f1f3;border-radius:4px;width:100%;height:32px;margin-bottom:24px;display:flex;flex-direction:row;color:#70748c;align-items:center;padding:0 8px 0 16px}.multi-selection-form .option-header .choice[data-v-f12fce9c]{width:100%}.multi-selection-form .option-header .scoring[data-v-f12fce9c]{width:100px;display:flex;justify-content:center}.multi-selection-form .option-header .inputing[data-v-f12fce9c]{width:56px;min-width:42px;display:flex;justify-content:center}.multi-selection-form .choice-row .question-choice[data-v-f12fce9c]{display:flex;flex-direction:row;align-items:center;padding-right:8px}.multi-selection-form .choice-row .question-choice .choice[data-v-f12fce9c]{display:flex;flex-direction:row;width:100%;margin-right:8px}.multi-selection-form .choice-row .question-choice .choice .button[data-v-f12fce9c]{margin-left:8px}.multi-selection-form .choice-row .question-choice .scoring[data-v-f12fce9c]{width:85px}.multi-selection-form .choice-row .question-choice .inputing[data-v-f12fce9c]{margin-left:25px}.multi-selection-form .exclusive-choice[data-v-f12fce9c]{border-top:1px solid #e8eaec;padding-top:16px}.multi-selection-form .option-input[data-v-f12fce9c]{margin:-14px 10px 16px 60px}", map: undefined, media: undefined });
+    inject("data-v-e864a7b6_0", { source: ".multi-selection-form .options-container[data-v-e864a7b6]{margin:0 8px 16px;border-bottom:1px solid #e8eaec;display:grid;grid-template-columns:30% 40% 30%}.multi-selection-form .options-container .options-row[data-v-e864a7b6]{display:flex;flex-direction:row;margin-bottom:16px}.multi-selection-form .options-container .options-row .options[data-v-e864a7b6]{display:flex;flex-direction:column}.multi-selection-form .options-container .options-row .options .option[data-v-e864a7b6]{margin-top:24px}.multi-selection-form .options-container .options-row .options .option-expand[data-v-e864a7b6]{display:flex;align-items:center;margin-top:10px;padding:8px;border-radius:4px;background:#f7f7f7}.multi-selection-form .options-container .options-row .options .option-expand .inputing[data-v-e864a7b6]{width:64px}.multi-selection-form .options-container .before-border[data-v-e864a7b6]{border-left:1px solid #e8eaec;padding-left:16px}.multi-selection-form .question-options[data-v-e864a7b6]{padding-bottom:10px;padding-left:80px}.multi-selection-form[data-v-e864a7b6] .ivu-form-item{width:100%}.multi-selection-form[data-v-e864a7b6] .ivu-form-item .ivu-form-item-content{line-height:0}.multi-selection-form .option-header[data-v-e864a7b6]{background:#f0f1f3;border-radius:4px;width:100%;height:32px;margin-bottom:24px;display:flex;flex-direction:row;color:#70748c;align-items:center;padding:0 8px 0 16px}.multi-selection-form .option-header .choice[data-v-e864a7b6]{width:100%}.multi-selection-form .option-header .scoring[data-v-e864a7b6]{width:100px;display:flex;justify-content:center}.multi-selection-form .option-header .inputing[data-v-e864a7b6]{width:145px;min-width:42px;display:flex;justify-content:center}.multi-selection-form .choice-row .question-choice[data-v-e864a7b6]{display:flex;flex-direction:row;align-items:center;padding-right:8px}.multi-selection-form .choice-row .question-choice .choice[data-v-e864a7b6]{display:flex;flex-direction:row;width:100%;margin-right:8px}.multi-selection-form .choice-row .question-choice .choice .button[data-v-e864a7b6]{margin-left:8px}.multi-selection-form .choice-row .question-choice .scoring[data-v-e864a7b6]{width:85px}.multi-selection-form .choice-row .question-choice .inputing[data-v-e864a7b6]{width:145px;text-align:center}.multi-selection-form .choice-row .question-choice .inputing .ivu-checkbox-wrapper[data-v-e864a7b6]{margin-right:0}.multi-selection-form .exclusive-choice[data-v-e864a7b6]{border-top:1px solid #e8eaec;padding-top:16px}.multi-selection-form .option-input[data-v-e864a7b6]{margin:0 50px 30px 60px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$n = "data-v-f12fce9c";
+  const __vue_scope_id__$n = "data-v-e864a7b6";
   /* module identifier */
   const __vue_module_identifier__$n = undefined;
   /* functional template */
@@ -5136,7 +5190,7 @@ var script$1 = Vue.extend({
 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 _c('div',[(_vm.showQuestionWhenPageLoad)?_c('div',[_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},on:{"on-close":_vm.questionEditDrawClose,"on-open":_vm.questionEditDrawOpen},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}})],1):_c('div',{staticClass:"survey-creator-wrapper"},[_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"align":"middle","justify":"space-between","type":"flex"}},[_c('Col',{attrs:{"span":"20"}},[_c('Icon',{staticClass:"icon-clipboard",attrs:{"custom":"i-icon icon-clipboard","size":"24"}}),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(_vm._f("translate")(_vm.survey.name.text,true))+"\n      ")])],1),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v(_vm._s(_vm.t('survey_creator.common.back')))])],1)],1)],1),_vm._v(" "),(_vm.isPreviewMode)?_c('survey-internal-previewer',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"options":this.options,"survey":this.currentSurvey,"operation-type":_vm.operationType}}):_c('Card',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"shadow":""}},[_c('Tabs',{attrs:{"type":"card"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v;},expression:"activeTab"}},[_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.question_setting'),"name":"EDIT"}},[(_vm.activeTab === 'EDIT')?_c('div',[_c('Row',{staticClass:"survey-operate",attrs:{"type":"flex","justify":"space-between","align":"middle","gutter":48}},[_c('Col',[_c('create-question-dropdown')],1),_vm._v(" "),_c('Col',[_c('edit-options',{staticClass:"edit-option",attrs:{"survey":this.currentSurvey}})],1)],1),_vm._v(" "),_c('div',{staticStyle:{"width":"100%"}},[_vm._t("extra")],2),_vm._v(" "),_c('Scroll',{staticClass:"question-content",attrs:{"height":_vm.height}},[_c('survey-editor',{attrs:{"options":this.options,"survey":this.currentSurvey}})],1)],1):_vm._e()]),_vm._v(" "),_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.language'),"name":"TRANSLATE"}},[(_vm.activeTab === 'TRANSLATE')?_c('survey-translator',{attrs:{"options":this.options,"survey":this.currentSurvey}}):_vm._e()],1)],1)],1),_vm._v(" "),_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}}),_vm._v(" "),(_vm.questionJumpDrawerVisible)?_c('div',[_c('question-jump-setting-drawer',{ref:"jumpDrawer",attrs:{"from-question":_vm.jumpFromQuestion,"to-questions":_vm.jumpToQuestions,"operation-type":_vm.operationType},model:{value:(_vm.questionJumpDrawerVisible),callback:function ($$v) {_vm.questionJumpDrawerVisible=$$v;},expression:"questionJumpDrawerVisible"}})],1):_vm._e(),_vm._v(" "),_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"gutter":30,"align":"middle","justify":"center","type":"flex"}},[_c('Col',[_c('Button',{attrs:{"loading":_vm.loading,"type":"primary","disabled":_vm.isSaved},on:{"click":_vm.onSave}},[_vm._v(_vm._s(_vm.t("survey_creator.common.save"))+"\n                ")])],1)],1)],1)],1)])};
+var __vue_render__$1 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.showQuestionWhenPageLoad)?_c('div',[_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},on:{"on-close":_vm.questionEditDrawClose,"on-open":_vm.questionEditDrawOpen},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}})],1):_c('div',{staticClass:"survey-creator-wrapper"},[_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"align":"middle","justify":"space-between","type":"flex"}},[_c('Col',{attrs:{"span":"20"}},[_c('Icon',{staticClass:"icon-clipboard",attrs:{"custom":"i-icon icon-clipboard","size":"24"}}),_vm._v(" "),_c('span',{staticClass:"title"},[_vm._v("\n        "+_vm._s(_vm._f("translate")(_vm.survey.name.text,true))+"\n      ")])],1),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"icon":"ios-arrow-back"},on:{"click":_vm.onBack}},[_vm._v(_vm._s(_vm.t('survey_creator.common.back')))])],1)],1)],1),_vm._v(" "),(_vm.isPreviewMode)?_c('survey-internal-previewer',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"options":this.options,"survey":this.currentSurvey,"operation-type":_vm.operationType}}):_c('Card',{staticStyle:{"min-height":"calc(100vh - 128px)"},attrs:{"shadow":""}},[_c('Tabs',{attrs:{"type":"card"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v;},expression:"activeTab"}},[_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.question_setting'),"name":"EDIT"}},[(_vm.activeTab === 'EDIT')?_c('div',[_c('Row',{staticClass:"survey-operate",attrs:{"type":"flex","justify":"space-between","align":"middle","gutter":48}},[_c('Col',[_c('create-question-dropdown')],1),_vm._v(" "),_c('Col',[_c('edit-options',{staticClass:"edit-option",attrs:{"survey":this.currentSurvey}})],1)],1),_vm._v(" "),_c('div',{staticStyle:{"width":"100%"}},[_vm._t("extra")],2),_vm._v(" "),_c('Scroll',{staticClass:"question-content",attrs:{"height":_vm.height}},[_c('survey-editor',{attrs:{"options":this.options,"survey":this.currentSurvey}})],1)],1):_vm._e()]),_vm._v(" "),_c('TabPane',{attrs:{"label":_vm.t('survey_creator.common.tab.language'),"name":"TRANSLATE"}},[(_vm.activeTab === 'TRANSLATE')?_c('survey-translator',{attrs:{"options":this.options,"survey":this.currentSurvey}}):_vm._e()],1)],1)],1),_vm._v(" "),_c('question-edit-drawer',{ref:"editDrawer",attrs:{"question":_vm.editingQuestion,"operation-type":_vm.operationType},model:{value:(_vm.questionEditDrawerVisible),callback:function ($$v) {_vm.questionEditDrawerVisible=$$v;},expression:"questionEditDrawerVisible"}}),_vm._v(" "),(_vm.questionJumpDrawerVisible)?_c('div',{staticStyle:{"height":"100%"}},[_c('question-jump-setting-drawer',{ref:"jumpDrawer",attrs:{"from-question":_vm.jumpFromQuestion,"to-questions":_vm.jumpToQuestions,"operation-type":_vm.operationType},model:{value:(_vm.questionJumpDrawerVisible),callback:function ($$v) {_vm.questionJumpDrawerVisible=$$v;},expression:"questionJumpDrawerVisible"}})],1):_vm._e(),_vm._v(" "),_c('Card',{attrs:{"shadow":""}},[_c('Row',{attrs:{"gutter":30,"align":"middle","justify":"center","type":"flex"}},[_c('Col',[_c('Button',{attrs:{"loading":_vm.loading,"type":"primary","disabled":_vm.isSaved},on:{"click":_vm.onSave}},[_vm._v(_vm._s(_vm.t("survey_creator.common.save"))+"\n                ")])],1)],1)],1)],1)])};
 var __vue_staticRenderFns__$1 = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-creator",
-  "version": "0.3.22713",
+  "version": "0.3.22750",
   "description": "",
   "license": "MIT",
   "scripts": {
@@ -12,8 +12,8 @@
     "lint-fix": "eslint \"**/*.ts\"  \"**/*.vue\" --fix --no-error-on-unmatched-pattern"
   },
   "peerDependencies": {
-    "@wg-npm/survey-core": "0.3.22713",
-    "@wg-npm/survey-service-api": "0.3.22713",
+    "@wg-npm/survey-core": "0.3.22750",
+    "@wg-npm/survey-service-api": "0.3.22750",
     "axios": "^0.19.2",
     "camelcase": "^6.0.0",
     "deepmerge": "^4.2.2",
@@ -38,8 +38,8 @@
     "@typescript-eslint/eslint-plugin": "^3.6.0",
     "@typescript-eslint/parser": "^3.6.0",
     "@vue/eslint-config-prettier": "^6.0.0",
-    "@wg-npm/survey-core": "0.3.22713",
-    "@wg-npm/survey-service-api": "0.3.22713",
+    "@wg-npm/survey-core": "0.3.22750",
+    "@wg-npm/survey-service-api": "0.3.22750",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/editor/forms/multi-selection-form.vue

@@ -51,29 +51,31 @@
               {{ t("survey_creator.question.starMinCountSuffix") }}
             </span>
           </div>
-          <Checkbox
-            class="option"
-            @on-change="inputEnabledChange"
-            v-model="editQuestion.options.inputtedEnabled"
-          >
-            {{ t("survey_creator.question.inputted_enabled") }}
-          </Checkbox>
-          <div
-            v-show="editQuestion.options.inputtedEnabled"
-            class="option-expand"
-          >
-            <span>{{
-              t("survey_creator.question.inputted_enabled_prefix")
-            }}</span>
-            <InputNumber
-              :max="999"
-              :min="0"
-              class="inputing"
-              v-model="editQuestion.options.inputtedDefaultValue"
-            />
-            <span>{{
-              t("survey_creator.question.inputted_enabled_suffix")
-            }}</span>
+          <div v-if="enabledInputChoice">
+            <Checkbox
+              class="option"
+              @on-change="inputEnabledChange"
+              v-model="editQuestion.options.inputtedEnabled"
+            >
+              {{ t("survey_creator.question.inputted_enabled") }}
+            </Checkbox>
+            <div
+              v-show="editQuestion.options.inputtedEnabled"
+              class="option-expand"
+            >
+              <span>{{
+                t("survey_creator.question.inputted_enabled_prefix")
+              }}</span>
+              <InputNumber
+                :max="999"
+                :min="0"
+                class="inputing"
+                v-model="editQuestion.options.inputMinLength"
+              />
+              <span>{{
+                t("survey_creator.question.inputted_enabled_suffix")
+              }}</span>
+            </div>
           </div>
         </div>
       </div>
@@ -187,12 +189,27 @@
                 class="inputing"
                 v-show="editQuestion.options.inputtedEnabled"
               >
-                <Checkbox v-model="option.options.inputEnabled" />
+                <Form-item
+                  :prop="'choices.' + index + '.options.inputEnabled'"
+                  :label-width="80"
+                  v-show="editQuestion.options.inputtedEnabled"
+                  :rules="[
+                    {
+                      message: t('survey_creator.question.inputLeastOneTip'),
+                      validator: validatedInput,
+                    },
+                  ]"
+                >
+                  <Checkbox v-model="option.options.inputEnabled" />
+                </Form-item>
               </div>
             </div>
           </FormItem>
-          <div class="option-input" v-show="option.options.inputEnabled">
-            <Input disabled />
+          <div class="option-input" v-if="option.options.inputEnabled">
+            <Input
+              disabled
+              :placeholder="t('survey_creator.question.inputEnabledTip')"
+            />
           </div>
         </div>
         <div v-else class="choice-row exclusive-choice">
@@ -233,12 +250,27 @@
                 class="inputing"
                 v-show="editQuestion.options.inputtedEnabled"
               >
-                <Checkbox v-model="option.options.inputEnabled" />
+                <Form-item
+                  :prop="'choices.' + index + '.options.inputEnabled'"
+                  :label-width="80"
+                  v-show="editQuestion.options.inputtedEnabled"
+                  :rules="[
+                    {
+                      message: t('survey_creator.question.inputLeastOneTip'),
+                      validator: validatedInput,
+                    },
+                  ]"
+                >
+                  <Checkbox v-model="option.options.inputEnabled" />
+                </Form-item>
               </div>
             </div>
           </FormItem>
-          <div class="option-input" v-show="option.options.inputEnabled">
-            <Input disabled />
+          <div class="option-input" v-if="option.options.inputEnabled">
+            <Input
+              disabled
+              :placeholder="t('survey_creator.question.inputEnabledTip')"
+            />
           </div>
         </div>
       </div>
@@ -295,6 +327,7 @@ export default Vue.extend({
       layoutOptions: [SurveyLayout.HORIZONTAL, SurveyLayout.VERTICAL],
       selectStarList: [],
       enabledExclusiveChoice: false,
+      enabledInputChoice: false,
     };
   },
   created() {
@@ -304,6 +337,11 @@ export default Vue.extend({
       "surveyExtendOptions.enabledExclusiveChoice",
       false
     );
+    this.enabledInputChoice = _.get(
+      this.$rootComponent,
+      "surveyExtendOptions.enabledInputChoice",
+      false
+    );
   },
   methods: {
     handleExclusiveChoice(callback) {
@@ -343,9 +381,9 @@ export default Vue.extend({
     },
     inputEnabledChange() {
       if (!this.editQuestion.options.inputtedEnabled) {
-        this.editQuestion.options.inputtedDefaultValue = null;
+        this.editQuestion.options.inputMinLength = null;
       } else {
-        this.editQuestion.options.inputtedDefaultValue = 10;
+        this.editQuestion.options.inputMinLength = 10;
       }
 
       if (!this.editQuestion.options.inputtedEnabled) {
@@ -378,6 +416,21 @@ export default Vue.extend({
       }
       this.resetStarList();
     },
+    validatedInput(rule, value, callback, source, options) {
+      if (this.editQuestion.options.inputtedEnabled) {
+        let existInput = false;
+        _.each(this.editQuestion.choices, (choice) => {
+          if (choice.options.inputEnabled) {
+            existInput = true;
+          }
+        });
+        if (existInput) {
+          callback();
+        }
+        callback(new Error(this.t("survey_creator.question.inputLeastOneTip")));
+      }
+      callback();
+    },
   },
 });
 </script>
@@ -459,7 +512,7 @@ export default Vue.extend({
     }
 
     .inputing {
-      width: 56px;
+      width: 145px;
       min-width: 42px;
       display: flex;
       justify-content: center;
@@ -489,7 +542,11 @@ export default Vue.extend({
       }
 
       .inputing {
-        margin-left: 25px;
+        width: 145px;
+        text-align: center;
+        .ivu-checkbox-wrapper {
+          margin-right: 0px;
+        }
       }
     }
   }
@@ -500,7 +557,7 @@ export default Vue.extend({
   }
 
   .option-input {
-    margin: -14px 10px 16px 60px;
+    margin: 0px 50px 30px 60px;
   }
 }
 </style>

package/src/components/editor/forms/single-selection-form.vue

@@ -26,29 +26,31 @@
               <Icon type="md-star" color="orange" :size="16" />
             </span>
           </Checkbox>
-          <Checkbox
-            class="option"
-            @on-change="inputEnabledChange"
-            v-model="editQuestion.options.inputtedEnabled"
-          >
-            {{ t("survey_creator.question.inputted_enabled") }}
-          </Checkbox>
-          <div
-            v-show="editQuestion.options.inputtedEnabled"
-            class="option-expand"
-          >
-            <span>{{
-              t("survey_creator.question.inputted_enabled_prefix")
-            }}</span>
-            <InputNumber
-              :max="999"
-              :min="0"
-              class="inputing"
-              v-model="editQuestion.options.inputtedDefaultValue"
-            />
-            <span>{{
-              t("survey_creator.question.inputted_enabled_suffix")
-            }}</span>
+          <div v-if="enabledInputChoice">
+            <Checkbox
+              class="option"
+              @on-change="inputEnabledChange"
+              v-model="editQuestion.options.inputtedEnabled"
+            >
+              {{ t("survey_creator.question.inputted_enabled") }}
+            </Checkbox>
+            <div
+              v-show="editQuestion.options.inputtedEnabled"
+              class="option-expand"
+            >
+              <span>{{
+                t("survey_creator.question.inputted_enabled_prefix")
+              }}</span>
+              <InputNumber
+                :max="999"
+                :min="0"
+                class="inputing"
+                v-model="editQuestion.options.inputMinLength"
+              />
+              <span>{{
+                t("survey_creator.question.inputted_enabled_suffix")
+              }}</span>
+            </div>
           </div>
         </div>
       </div>
@@ -142,18 +144,45 @@
               </Form-item>
             </div>
             <div class="inputing" v-show="editQuestion.options.inputtedEnabled">
-              <Checkbox v-model="option.options.inputEnabled" />
+              <Form-item
+                :prop="'choices.' + index + '.options.inputEnabled'"
+                :label-width="80"
+                v-show="editQuestion.options.inputtedEnabled"
+                :rules="[
+                  {
+                    message: t('survey_creator.question.inputLeastOneTip'),
+                    validator: validatedInput,
+                  },
+                ]"
+              >
+                <Checkbox v-model="option.options.inputEnabled" />
+              </Form-item>
             </div>
             <div class="inputing" v-show="editQuestion.options.starEnabled">
-              <Checkbox
-                v-model="option.options.star"
-                @on-change="starChange(option.id)"
-              />
+              <Form-item
+                :prop="'choices.' + index + '.options.star'"
+                :label-width="80"
+                v-show="editQuestion.options.starEnabled"
+                :rules="[
+                  {
+                    message: t('survey_creator.question.starLeastOneTip'),
+                    validator: validatedStar,
+                  },
+                ]"
+              >
+                <Checkbox
+                  v-model="option.options.star"
+                  @on-change="starChange(option.id)"
+                />
+              </Form-item>
             </div>
           </div>
         </FormItem>
-        <div class="option-input" v-show="option.options.inputEnabled">
-          <Input disabled />
+        <div class="option-input" v-if="option.options.inputEnabled">
+          <Input
+            disabled
+            :placeholder="t('survey_creator.question.inputEnabledTip')"
+          />
         </div>
       </div>
     </draggable>
@@ -203,8 +232,16 @@ export default Vue.extend({
         min: 1,
       },
       layoutOptions: [SurveyLayout.HORIZONTAL, SurveyLayout.VERTICAL],
+      enabledInputChoice: false,
     };
   },
+  created() {
+    this.enabledInputChoice = _.get(
+      this.$rootComponent,
+      "surveyExtendOptions.enabledInputChoice",
+      false
+    );
+  },
   methods: {
     addOption() {
       this.editQuestion.choices.push(
@@ -246,9 +283,9 @@ export default Vue.extend({
     },
     inputEnabledChange() {
       if (!this.editQuestion.options.inputtedEnabled) {
-        this.editQuestion.options.inputtedDefaultValue = null;
+        this.editQuestion.options.inputMinLength = null;
       } else {
-        this.editQuestion.options.inputtedDefaultValue = 10;
+        this.editQuestion.options.inputMinLength = 10;
       }
       if (!this.editQuestion.options.inputtedEnabled) {
         _.each(this.editQuestion.choices, (choice) => {
@@ -278,6 +315,21 @@ export default Vue.extend({
       }
       callback();
     },
+    validatedInput(rule, value, callback, source, options) {
+      if (this.editQuestion.options.inputtedEnabled) {
+        let existInput = false;
+        _.each(this.editQuestion.choices, (choice) => {
+          if (choice.options.inputEnabled) {
+            existInput = true;
+          }
+        });
+        if (existInput) {
+          callback();
+        }
+        callback(new Error(this.t("survey_creator.question.inputLeastOneTip")));
+      }
+      callback();
+    },
   },
 });
 </script>
@@ -345,7 +397,7 @@ export default Vue.extend({
   }
 
   .inputing {
-    width: 80px;
+    width: 145px;
     min-width: 42px;
     display: flex;
     justify-content: center;
@@ -374,8 +426,11 @@ export default Vue.extend({
   }
 
   .inputing {
-    margin-left: 32px;
-    margin-right: 6px;
+    width: 145px;
+    text-align: center;
+    .ivu-checkbox-wrapper {
+      margin-right: 0px;
+    }
   }
 }
 /deep/ .ivu-form-item {
@@ -383,6 +438,6 @@ export default Vue.extend({
 }
 
 .option-input {
-  margin: -14px 16px 16px 80px;
+  margin: 0px 50px 30px 80px;
 }
 </style>

package/src/components/survey-creator.vue

@@ -72,7 +72,7 @@
                 :operation-type="operationType"
         />
 
-          <div v-if="questionJumpDrawerVisible">
+          <div v-if="questionJumpDrawerVisible" style="height: 100%">
               <question-jump-setting-drawer
                   :from-question="jumpFromQuestion"
                   :to-questions="jumpToQuestions"

package/src/locale/lang/en-US.ts

@@ -80,6 +80,7 @@ export default {
       selectScore: "Please Input Score",
       questionRequired: "Required",
       titleRequiredTip: "Please Input Question Title",
+      inputEnabledTip: "The user can enter after selecting this item",
       scoreRequiredTip: "Score Required",
       subQuestionRequiredTip: "Sub Question Required",
       optionalRequiredTip: "Optional Required",
@@ -118,6 +119,7 @@ export default {
       starEnabled: "Get Star Required",
       optionalStarTip: "Optional Get Star",
       starLeastOneTip: "Least One Choice Get Star",
+      inputLeastOneTip: "Least One Choice Get Input",
       starMinCountPrefix: "Selected",
       starMinCountSuffix: "Items or More Get Star",
       maxScore: "Max score",

package/src/locale/lang/zh-CN.ts

@@ -79,6 +79,7 @@ export default {
       selectScore: "请选择分值",
       questionRequired: "此题必填",
       titleRequiredTip: "请填写题目名称",
+      inputEnabledTip: "用户选中该项后可输入",
       textTitleRequiredTip: "请填写文字说明",
       scoreRequiredTip: "分值不能为空",
       subQuestionRequiredTip: "子題不能为空",
@@ -117,6 +118,7 @@ export default {
       starEnabled: "此题计星",
       optionalStarTip: "此项得星",
       starLeastOneTip: "至少一项得星",
+      inputLeastOneTip: "至少一项输入项",
       starMinCountPrefix: "当选择",
       starMinCountSuffix: "项及以上时计星",
       maxScore: "最高分值：",

package/src/styles/components/survey-preview.less

@@ -106,6 +106,7 @@
 
             .question-choice-horizontal {
               width: fit-content;
+              margin-bottom: 8px;
             }
 
             .question-choice-vertical {