@wg-npm/survey-creator 0.3.16 → 0.3.480-5.release

package/dist/survey-creator.esm.js

@@ -749,6 +749,8 @@ var __vue_staticRenderFns__$G = [];
     undefined
   );
 
+  var CreateQuestionDropdown = __vue_component__$G;
+
 var script$F = Vue.extend({
     name: "change-language",
     mixins: [LocaleMixin],
@@ -809,11 +811,13 @@ var __vue_staticRenderFns__$F = [];
     undefined
   );
 
+  var ChangeLanguage = __vue_component__$F;
+
 var script$E = Vue.extend({
     name: 'toolbar',
     mixins: [LocaleMixin],
     inject: ['$rootComponent'],
-    components: { Row, Col, Button, CreateQuestionDropdown: __vue_component__$G, ChangeLanguage: __vue_component__$F },
+    components: { Row, Col, Button, CreateQuestionDropdown, ChangeLanguage },
     props: {
         survey: {
             type: Object,
@@ -883,6 +887,8 @@ var __vue_staticRenderFns__$E = [];
     undefined
   );
 
+  var Toolbar = __vue_component__$E;
+
 var script$D = Vue.extend({
     name: "question-title",
     components: { Icon },
@@ -947,6 +953,8 @@ var __vue_staticRenderFns__$D = [];
     undefined
   );
 
+  var QuestionTitle = __vue_component__$D;
+
 var script$C = Vue.extend({
     name: "clickable-icon",
     components: { Tooltip, Icon },
@@ -1066,9 +1074,11 @@ var __vue_staticRenderFns__$C = [];
     undefined
   );
 
+  var ClickableIcon = __vue_component__$C;
+
 var script$B = Vue.extend({
     name: "editor-question-toolbar",
-    components: { Row, Col, Icon, ClickableIcon: __vue_component__$C },
+    components: { Row, Col, Icon, ClickableIcon },
     mixins: [LocaleMixin],
     props: {
         edit: {
@@ -1136,9 +1146,11 @@ var __vue_staticRenderFns__$B = [];
     undefined
   );
 
+  var EditQuestionToolbar = __vue_component__$B;
+
 var script$A = Vue.extend({
     name: "question-default-layout",
-    components: { Row, Col, QuestionTitle: __vue_component__$D, EditQuestionToolbar: __vue_component__$B },
+    components: { Row, Col, QuestionTitle, EditQuestionToolbar },
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
     props: {
@@ -1196,6 +1208,8 @@ var __vue_staticRenderFns__$A = [];
     undefined
   );
 
+  var QuestionDefaultLayout = __vue_component__$A;
+
 var script$z = Vue.extend({
     name: "single-selection",
     components: { Row, Col, Radio, RadioGroup, Icon },
@@ -1273,6 +1287,8 @@ var __vue_staticRenderFns__$z = [];
     undefined
   );
 
+  var SingleSelection = __vue_component__$z;
+
 var script$y = Vue.extend({
     name: "multi-selection",
     components: { Row, Col, Checkbox, CheckboxGroup },
@@ -1347,6 +1363,8 @@ var __vue_staticRenderFns__$y = [];
     undefined
   );
 
+  var MultiSelection = __vue_component__$y;
+
 var script$x = Vue.extend({
     name: "short-answer",
     components: { Row, Col, Radio, Input },
@@ -1396,6 +1414,8 @@ var __vue_staticRenderFns__$x = [];
     undefined
   );
 
+  var ShortAnswer = __vue_component__$x;
+
 var script$w = Vue.extend({
     name: "fill-blank",
     components: { Row, Col, Radio, Input },
@@ -1445,6 +1465,8 @@ var __vue_staticRenderFns__$w = [];
     undefined
   );
 
+  var FillBlank = __vue_component__$w;
+
 //
 //
 //
@@ -1489,6 +1511,8 @@ var __vue_staticRenderFns__$v = [];
     undefined
   );
 
+  var TextTitle = __vue_component__$v;
+
 var script$u = Vue.extend({
     name: "matrix",
     components: { Row, Col, Radio, RadioGroup, Divider },
@@ -1570,6 +1594,8 @@ var __vue_staticRenderFns__$u = [];
     undefined
   );
 
+  var Matrix = __vue_component__$u;
+
 var script$t = Vue.extend({
     name: "star",
     mixins: [LocaleMixin],
@@ -1628,6 +1654,8 @@ var __vue_staticRenderFns__$t = [];
     undefined
   );
 
+  var Star$1 = __vue_component__$t;
+
 class ExprEvaluationQuestion {
   questions;
   scope;
@@ -1843,6 +1871,8 @@ var __vue_staticRenderFns__$s = [];
     undefined
   );
 
+  var If$1 = __vue_component__$s;
+
 var script$r = Vue.extend({
     name: "expr-else",
     mixins: [LocaleMixin],
@@ -1889,6 +1919,8 @@ var __vue_staticRenderFns__$r = [];
     undefined
   );
 
+  var Else$1 = __vue_component__$r;
+
 var script$q = Vue.extend({
     name: "expr",
     props: {
@@ -1898,8 +1930,8 @@ var script$q = Vue.extend({
         }
     },
     components: {
-        IF: __vue_component__$s,
-        ELSE: __vue_component__$r
+        IF: If$1,
+        ELSE: Else$1
     }
 });
 
@@ -1939,12 +1971,14 @@ var __vue_staticRenderFns__$q = [];
     undefined
   );
 
+  var Expr$1 = __vue_component__$q;
+
 var script$p = Vue.extend({
     name: "Evaluation",
     components: {
-        Row, Col, Checkbox, CheckboxGroup, Card, Icon,
-        STAR: __vue_component__$t,
-        EXPR: __vue_component__$q,
+        Row, Col, Checkbox, CheckboxGroup, Card, Icon, Tooltip,
+        STAR: Star$1,
+        EXPR: Expr$1,
     },
     mixins: [LocaleMixin],
     props: {
@@ -1959,7 +1993,7 @@ var script$p = Vue.extend({
 const __vue_script__$p = script$p;
 
 /* template */
-var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.question.evaluationItems.length > 0)?_c('Row',{attrs:{"type":"flex","justify":"start","gutter":24}},_vm._l((_vm.question.evaluationItems),function(item){return _c('Col',{key:item.id,staticClass:"col-padding"},[_c('Card',{staticClass:"evaluation-cards-default",attrs:{"dis-hover":""}},[_c('div',{staticClass:"card-title",attrs:{"slot":"title"},slot:"title"},[_c('Icon',{staticClass:"icon",attrs:{"type":"ios-checkmark-circle-outline","size":36}})],1),_vm._v(" "),_c('div',{staticClass:"card-content"},[_c('p',{staticClass:"text"},[_vm._v(_vm._s(_vm._f("translate")(item.text,true)))]),_vm._v(" "),_c(_vm.question.options.evaluationType,{tag:"component",attrs:{"item":item}})],1)])],1)}),1):_vm._e()],1)};
+var __vue_render__$p = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.question.evaluationItems.length > 0)?_c('Row',{attrs:{"type":"flex","justify":"start","gutter":24}},_vm._l((_vm.question.evaluationItems),function(item){return _c('Col',{key:item.id,staticClass:"col-padding"},[_c('Card',{staticClass:"evaluation-cards-default",attrs:{"dis-hover":""}},[_c('div',{staticClass:"card-title",attrs:{"slot":"title"},slot:"title"},[_c('Icon',{staticClass:"icon",attrs:{"type":"ios-checkmark-circle-outline","size":36}})],1),_vm._v(" "),_c('div',{staticClass:"card-content"},[_c('Tooltip',{attrs:{"max-width":"200"}},[_c('p',{attrs:{"slot":"content"},slot:"content"},[_vm._v(_vm._s(_vm._f("translate")(item.text,true)))]),_vm._v(" "),_c('p',{staticClass:"text"},[_vm._v(_vm._s(_vm._f("translate")(item.text,true)))])]),_vm._v(" "),_c(_vm.question.options.evaluationType,{tag:"component",attrs:{"item":item}})],1)])],1)}),1):_vm._e()],1)};
 var __vue_staticRenderFns__$p = [];
 
   /* style */
@@ -1991,6 +2025,8 @@ var __vue_staticRenderFns__$p = [];
     undefined
   );
 
+  var Evaluation = __vue_component__$p;
+
 var script$o = Vue.extend({
     name: "editor-question-row",
     components: {
@@ -1999,14 +2035,14 @@ var script$o = Vue.extend({
         Divider,
         Card,
         Icon,
-        QuestionDefaultLayout: __vue_component__$A,
-        ["SINGLE_SELECTION"]: __vue_component__$z,
-        ["MULTI_SELECTION"]: __vue_component__$y,
-        ["SHORT_ANSWER"]: __vue_component__$x,
-        ["FILL_BLANK"]: __vue_component__$w,
-        ["TEXT_TITLE"]: __vue_component__$v,
-        ["MATRIX"]: __vue_component__$u,
-        ["EVALUATION"]: __vue_component__$p
+        QuestionDefaultLayout,
+        ["SINGLE_SELECTION"]: SingleSelection,
+        ["MULTI_SELECTION"]: MultiSelection,
+        ["SHORT_ANSWER"]: ShortAnswer,
+        ["FILL_BLANK"]: FillBlank,
+        ["TEXT_TITLE"]: TextTitle,
+        ["MATRIX"]: Matrix,
+        ["EVALUATION"]: Evaluation
     },
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
@@ -2058,9 +2094,11 @@ var __vue_staticRenderFns__$o = [];
     undefined
   );
 
+  var EditorQuestionRow = __vue_component__$o;
+
 var script$n = Vue.extend({
     name: "editor-questions",
-    components: { EditorQuestionRow: __vue_component__$o, draggable },
+    components: { EditorQuestionRow, draggable },
     mixins: [LocaleMixin],
     props: {
         survey: {
@@ -2117,10 +2155,12 @@ var __vue_staticRenderFns__$n = [];
     undefined
   );
 
+  var EditQuestions = __vue_component__$n;
+
 var script$m = Vue.extend({
     name: "survey-editor",
     mixins: [LocaleMixin],
-    components: { Card, Row, Col, Button, EditQuestions: __vue_component__$n },
+    components: { Card, Row, Col, Button, EditQuestions },
     props: {
         survey: {
             type: Object,
@@ -2169,6 +2209,8 @@ var __vue_staticRenderFns__$m = [];
     undefined
   );
 
+  var SurveyEditor = __vue_component__$m;
+
 var questionFormMixin = Vue.extend({
     inject: ["$rootComponent"],
     mixins: [LocaleMixin],
@@ -2281,11 +2323,11 @@ var __vue_staticRenderFns__$l = [];
   /* style */
   const __vue_inject_styles__$l = function (inject) {
     if (!inject) return
-    inject("data-v-281b8cd1_0", { source: ".question-options[data-v-281b8cd1]{padding-bottom:10px;padding-left:80px}", map: undefined, media: undefined });
+    inject("data-v-2daf3a59_0", { source: ".question-options[data-v-2daf3a59]{padding-bottom:10px;padding-left:80px}[data-v-2daf3a59] .ivu-form-item{width:100%}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$l = "data-v-281b8cd1";
+  const __vue_scope_id__$l = "data-v-2daf3a59";
   /* module identifier */
   const __vue_module_identifier__$l = undefined;
   /* functional template */
@@ -2309,6 +2351,8 @@ var __vue_staticRenderFns__$l = [];
     undefined
   );
 
+  var SingleSelectionForm = __vue_component__$l;
+
 var script$k = Vue.extend({
     name: "multi-selection-form",
     components: {
@@ -2391,11 +2435,11 @@ var __vue_staticRenderFns__$k = [];
   /* style */
   const __vue_inject_styles__$k = function (inject) {
     if (!inject) return
-    inject("data-v-2ff2d3ea_0", { source: ".question-options[data-v-2ff2d3ea]{padding-bottom:10px;padding-left:80px}", map: undefined, media: undefined });
+    inject("data-v-7e7a6272_0", { source: ".question-options[data-v-7e7a6272]{padding-bottom:10px;padding-left:80px}[data-v-7e7a6272] .ivu-form-item{width:100%}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$k = "data-v-2ff2d3ea";
+  const __vue_scope_id__$k = "data-v-7e7a6272";
   /* module identifier */
   const __vue_module_identifier__$k = undefined;
   /* functional template */
@@ -2419,6 +2463,8 @@ var __vue_staticRenderFns__$k = [];
     undefined
   );
 
+  var MultiSelectionForm = __vue_component__$k;
+
 var script$j = Vue.extend({
     name: "short-answer-form",
     components: {
@@ -2436,20 +2482,22 @@ var script$j = Vue.extend({
 const __vue_script__$j = script$j;
 
 /* template */
-var __vue_render__$j = 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('Form-item',{attrs:{"prop":'header.text.' + _vm.primaryLanguage,"rules":{required: true, 
+var __vue_render__$j = 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('Form-item',{attrs:{"prop":'header.text.' + _vm.primaryLanguage,"rules":{required: true,
   message: _vm.t('survey_creator.question.titleRequiredTip')}}},[_c('label',{attrs:{"slot":"label"},slot:"label"},[_c('span'),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.t('survey_creator.page.question')))])]),_vm._v(" "),_c('Checkbox',{model:{value:(_vm.editQuestion.options.required),callback:function ($$v) {_vm.$set(_vm.editQuestion.options, "required", $$v);},expression:"editQuestion.options.required"}},[_vm._v(_vm._s(_vm.t('survey_creator.question.questionRequired')))]),_vm._v(" "),_c('Input',{attrs:{"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, (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"editQuestion.header.text[primaryLanguage]"}})],1)],1)};
 var __vue_staticRenderFns__$j = [];
 
   /* style */
-  const __vue_inject_styles__$j = undefined;
+  const __vue_inject_styles__$j = function (inject) {
+    if (!inject) return
+    inject("data-v-3a642ae8_0", { source: "[data-v-3a642ae8] .ivu-form-item{width:100%}", map: undefined, media: undefined });
+
+  };
   /* scoped */
-  const __vue_scope_id__$j = undefined;
+  const __vue_scope_id__$j = "data-v-3a642ae8";
   /* module identifier */
   const __vue_module_identifier__$j = undefined;
   /* functional template */
   const __vue_is_functional_template__$j = false;
-  /* style inject */
-  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -2464,11 +2512,13 @@ var __vue_staticRenderFns__$j = [];
     __vue_is_functional_template__$j,
     __vue_module_identifier__$j,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
 
+  var ShortAnswerForm = __vue_component__$j;
+
 var script$i = Vue.extend({
     name: "matrix-form",
     components: {
@@ -2570,15 +2620,17 @@ var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _
 var __vue_staticRenderFns__$i = [];
 
   /* style */
-  const __vue_inject_styles__$i = undefined;
+  const __vue_inject_styles__$i = function (inject) {
+    if (!inject) return
+    inject("data-v-35ed96ec_0", { source: "[data-v-35ed96ec] .ivu-form-item{width:100%}", map: undefined, media: undefined });
+
+  };
   /* scoped */
-  const __vue_scope_id__$i = undefined;
+  const __vue_scope_id__$i = "data-v-35ed96ec";
   /* module identifier */
   const __vue_module_identifier__$i = undefined;
   /* functional template */
   const __vue_is_functional_template__$i = false;
-  /* style inject */
-  
   /* style inject SSR */
   
   /* style inject shadow dom */
@@ -2593,11 +2645,13 @@ var __vue_staticRenderFns__$i = [];
     __vue_is_functional_template__$i,
     __vue_module_identifier__$i,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
 
+  var MatrixForm = __vue_component__$i;
+
 var script$h = Vue.extend({
     name: "title-form",
     components: {
@@ -2646,6 +2700,8 @@ var __vue_staticRenderFns__$h = [];
     undefined
   );
 
+  var TitleForm = __vue_component__$h;
+
 var script$g = Vue.extend({
     name: "star",
     mixins: [questionFormMixin],
@@ -2784,6 +2840,8 @@ var __vue_staticRenderFns__$g = [];
     undefined
   );
 
+  var Star = __vue_component__$g;
+
 var ExprMixin = Vue.extend({
     inject: ["$rootComponent"],
     props: {
@@ -2933,6 +2991,8 @@ var __vue_staticRenderFns__$f = [];
     undefined
   );
 
+  var QuestionSelect = __vue_component__$f;
+
 var script$e = Vue.extend({
     name: "assign",
     mixins: [questionFormMixin, ExprMixin],
@@ -2944,7 +3004,7 @@ var script$e = Vue.extend({
         Option,
         FormItem,
         InputNumber,
-        QuestionSelect: __vue_component__$f
+        QuestionSelect
     },
     created() {
         this.value.operator = _.unescape(this.value.operator);
@@ -3000,6 +3060,8 @@ var __vue_staticRenderFns__$e = [];
     undefined
   );
 
+  var Assign = __vue_component__$e;
+
 var script$d = Vue.extend({
     name: "auto",
     mixins: [ExprMixin, questionFormMixin],
@@ -3009,7 +3071,7 @@ var script$d = Vue.extend({
         Select,
         Option,
         FormItem,
-        QuestionSelect: __vue_component__$f
+        QuestionSelect
     },
     methods: {
         generateExpr() {
@@ -3062,12 +3124,14 @@ var __vue_staticRenderFns__$d = [];
     undefined
   );
 
+  var Auto = __vue_component__$d;
+
 var script$c = Vue.extend({
     name: "condition",
     mixins: [questionFormMixin],
     components: {
-        ASSIGN: __vue_component__$e,
-        AUTO: __vue_component__$d
+        ASSIGN: Assign,
+        AUTO: Auto
     },
     props: {
         type: {
@@ -3140,6 +3204,8 @@ var __vue_staticRenderFns__$c = [];
     undefined
   );
 
+  var Condition = __vue_component__$c;
+
 var script$b = Vue.extend({
     name: "if",
     mixins: [questionFormMixin],
@@ -3151,7 +3217,7 @@ var script$b = Vue.extend({
         Option,
         Button,
         Icon,
-        Condition: __vue_component__$c,
+        Condition,
         FormItem,
         Input
     },
@@ -3216,7 +3282,7 @@ var script$b = Vue.extend({
 const __vue_script__$b = script$b;
 
 /* template */
-var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Card',{attrs:{"dis-hover":""}},[_c('Row',{attrs:{"slot":"title","type":"flex","gutter":6},slot:"title"},[_c('Col',[_c('div',{staticClass:"text"},[_vm._v("\n                "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.if'))+"\n            ")])]),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"type":"primary","icon":"md-add"},on:{"click":_vm.onAdd}},[_vm._v("\n                "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.add_if_template'))+"\n            ")])],1)],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.deletable),expression:"deletable"}],attrs:{"slot":"extra","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.onDelete($event)}},slot:"extra"},[_vm._v("\n        "+_vm._s(_vm.t('survey_creator.common.delete'))+"\n    ")]),_vm._v(" "),_c('Row',{attrs:{"type":"flex","justify":"start","align":"middle"}},[_c('Col',{attrs:{"span":22}},[_c('Row',{attrs:{"type":"flex","justify":"start","align":"middle"}},[_c('Col',{staticClass:"label"},[_c('Icon',{attrs:{"type":"ios-arrow-forward","color":"#2d8cf0"}}),_vm._v("\n                    "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.requirements'))+"\n                ")],1),_vm._v(" "),_c('Col',{attrs:{"span":16}},[_c('Select',{model:{value:(_vm.exprConditionType),callback:function ($$v) {_vm.exprConditionType=$$v;},expression:"exprConditionType"}},_vm._l((_vm.exprConditionTypes),function(type){return _c('Option',{key:type,attrs:{"value":type}},[_vm._v("\n                            "+_vm._s(_vm.t(("survey_creator.question.evaluation.condition.type." + type)))+"\n                        ")])}),1)],1)],1)],1),_vm._v(" "),_c('Col',{attrs:{"span":2}},[_c('Button',{staticClass:"action",attrs:{"icon":"md-add"},on:{"click":_vm.addCondition}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluationItems[_vm.position].conditions),function(condition,index){return _c('Row',{key:index,staticClass:"mt-base",attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',{attrs:{"span":22}},[_c('condition',{key:index,attrs:{"index":index,"type":condition.type,"question":_vm.question,"evaluation-items":_vm.evaluationItems,"item-index":_vm.position},on:{"expr":_vm.expr},model:{value:(condition.payload),callback:function ($$v) {_vm.$set(condition, "payload", $$v);},expression:"condition.payload"}})],1),_vm._v(" "),_c('Col',{attrs:{"span":2}},[_c('Button',{staticClass:"action",staticStyle:{"margin-bottom":"24px"},attrs:{"icon":"md-remove"},on:{"click":function($event){return _vm.removeCondition(index)}}})],1)],1)}),_vm._v(" "),_c('Row',{staticClass:"mt-base",attrs:{"type":"flex","justify":"end","align":"middle"}},[_c('Col',[_c('FormItem',{attrs:{"prop":'evaluationItems[' + _vm.position + '].text.' + _vm.primaryLanguage,"rules":{required: true, message: _vm.t('survey_creator.question.evaluation.condition.evaluation_require_tip')}}},[_vm._v(_vm._s(_vm.t('survey_creator.question.evaluation.condition.evaluation_label'))+"\n                "),_c('Input',{staticClass:"input",model:{value:(_vm.evaluationItems[_vm.position].text[_vm.primaryLanguage]),callback:function ($$v) {_vm.$set(_vm.evaluationItems[_vm.position].text, _vm.primaryLanguage, (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"evaluationItems[position].text[primaryLanguage]"}})],1)],1)],1)],2)};
+var __vue_render__$b = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Card',{attrs:{"dis-hover":""}},[_c('Row',{attrs:{"slot":"title","type":"flex","gutter":6},slot:"title"},[_c('Col',[_c('div',{staticClass:"text"},[_vm._v("\n                "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.if'))+"\n            ")])]),_vm._v(" "),_c('Col',[_c('Button',{attrs:{"type":"primary","icon":"md-add"},on:{"click":_vm.onAdd}},[_vm._v("\n                "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.add_if_template'))+"\n            ")])],1)],1),_vm._v(" "),_c('a',{directives:[{name:"show",rawName:"v-show",value:(_vm.deletable),expression:"deletable"}],attrs:{"slot":"extra","href":"#"},on:{"click":function($event){$event.preventDefault();return _vm.onDelete.apply(null, arguments)}},slot:"extra"},[_vm._v("\n        "+_vm._s(_vm.t('survey_creator.common.delete'))+"\n    ")]),_vm._v(" "),_c('Row',{attrs:{"type":"flex","justify":"start","align":"middle"}},[_c('Col',{attrs:{"span":22}},[_c('Row',{attrs:{"type":"flex","justify":"start","align":"middle"}},[_c('Col',{staticClass:"label"},[_c('Icon',{attrs:{"type":"ios-arrow-forward","color":"#2d8cf0"}}),_vm._v("\n                    "+_vm._s(_vm.t('survey_creator.question.evaluation.condition.requirements'))+"\n                ")],1),_vm._v(" "),_c('Col',{attrs:{"span":16}},[_c('Select',{model:{value:(_vm.exprConditionType),callback:function ($$v) {_vm.exprConditionType=$$v;},expression:"exprConditionType"}},_vm._l((_vm.exprConditionTypes),function(type){return _c('Option',{key:type,attrs:{"value":type}},[_vm._v("\n                            "+_vm._s(_vm.t(("survey_creator.question.evaluation.condition.type." + type)))+"\n                        ")])}),1)],1)],1)],1),_vm._v(" "),_c('Col',{attrs:{"span":2}},[_c('Button',{staticClass:"action",attrs:{"icon":"md-add"},on:{"click":_vm.addCondition}})],1)],1),_vm._v(" "),_vm._l((_vm.evaluationItems[_vm.position].conditions),function(condition,index){return _c('Row',{key:index,staticClass:"mt-base",attrs:{"type":"flex","justify":"space-between","align":"middle"}},[_c('Col',{attrs:{"span":22}},[_c('condition',{key:index,attrs:{"index":index,"type":condition.type,"question":_vm.question,"evaluation-items":_vm.evaluationItems,"item-index":_vm.position},on:{"expr":_vm.expr},model:{value:(condition.payload),callback:function ($$v) {_vm.$set(condition, "payload", $$v);},expression:"condition.payload"}})],1),_vm._v(" "),_c('Col',{attrs:{"span":2}},[_c('Button',{staticClass:"action",staticStyle:{"margin-bottom":"24px"},attrs:{"icon":"md-remove"},on:{"click":function($event){return _vm.removeCondition(index)}}})],1)],1)}),_vm._v(" "),_c('Row',{staticClass:"mt-base",attrs:{"type":"flex","justify":"end","align":"middle"}},[_c('Col',[_c('FormItem',{attrs:{"prop":'evaluationItems[' + _vm.position + '].text.' + _vm.primaryLanguage,"rules":{required: true, message: _vm.t('survey_creator.question.evaluation.condition.evaluation_require_tip')}}},[_vm._v(_vm._s(_vm.t('survey_creator.question.evaluation.condition.evaluation_label'))+"\n                "),_c('Input',{staticClass:"input",model:{value:(_vm.evaluationItems[_vm.position].text[_vm.primaryLanguage]),callback:function ($$v) {_vm.$set(_vm.evaluationItems[_vm.position].text, _vm.primaryLanguage, (typeof $$v === 'string'? $$v.trim(): $$v));},expression:"evaluationItems[position].text[primaryLanguage]"}})],1)],1)],1)],2)};
 var __vue_staticRenderFns__$b = [];
 
   /* style */
@@ -3250,6 +3316,8 @@ var __vue_staticRenderFns__$b = [];
     undefined
   );
 
+  var If = __vue_component__$b;
+
 var script$a = Vue.extend({
     name: "else",
     mixins: [questionFormMixin],
@@ -3318,12 +3386,14 @@ var __vue_staticRenderFns__$a = [];
     undefined
   );
 
+  var Else = __vue_component__$a;
+
 var script$9 = Vue.extend({
     name: "expr",
     mixins: [questionFormMixin],
     components: {
-        IF: __vue_component__$b,
-        ELSE: __vue_component__$a
+        IF: If,
+        ELSE: Else
     },
     props: {
         value: {
@@ -3371,14 +3441,16 @@ var __vue_staticRenderFns__$9 = [];
     undefined
   );
 
+  var Expr = __vue_component__$9;
+
 var script$8 = Vue.extend({
     name: "evaluation-form",
     components: {
         Form, FormItem, Row,
         Col, draggable, Option,
         Select, Checkbox, Input,
-        ["STAR"]: __vue_component__$g,
-        ["EXPR"]: __vue_component__$9
+        ["STAR"]: Star,
+        ["EXPR"]: Expr
     },
     mixins: [questionFormMixin],
     data() {
@@ -3416,11 +3488,11 @@ var __vue_staticRenderFns__$8 = [];
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-09a54a16_0", { source: "[data-v-09a54a16] .ivu-table-cell-slot .ivu-form-item{margin-bottom:4px;margin-top:0}[data-v-09a54a16] .ivu-table-cell-slot .ivu-form-item-error{margin-bottom:24px;margin-top:0}", map: undefined, media: undefined });
+    inject("data-v-758574b8_0", { source: "[data-v-758574b8] .ivu-table-cell-slot .ivu-form-item{margin-bottom:4px;margin-top:0}[data-v-758574b8] .ivu-table-cell-slot .ivu-form-item-error{margin-bottom:24px;margin-top:0}[data-v-758574b8] .ivu-form-item{width:100%}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-09a54a16";
+  const __vue_scope_id__$8 = "data-v-758574b8";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */
@@ -3444,6 +3516,8 @@ var __vue_staticRenderFns__$8 = [];
     undefined
   );
 
+  var EvaluationForm = __vue_component__$8;
+
 const QUESTION_OPERATION_TYPE_COPY$1 = "copy";
 var script$7 = Vue.extend({
     name: "question-edit-drawer",
@@ -3452,13 +3526,13 @@ var script$7 = Vue.extend({
         ButtonGroup,
         Button,
         Card,
-        ["SINGLE_SELECTION"]: __vue_component__$l,
-        ["MULTI_SELECTION"]: __vue_component__$k,
-        ["SHORT_ANSWER"]: __vue_component__$j,
-        ["FILL_BLANK"]: __vue_component__$j,
-        ["MATRIX"]: __vue_component__$i,
-        ["TEXT_TITLE"]: __vue_component__$h,
-        ["EVALUATION"]: __vue_component__$8
+        ["SINGLE_SELECTION"]: SingleSelectionForm,
+        ["MULTI_SELECTION"]: MultiSelectionForm,
+        ["SHORT_ANSWER"]: ShortAnswerForm,
+        ["FILL_BLANK"]: ShortAnswerForm,
+        ["MATRIX"]: MatrixForm,
+        ["TEXT_TITLE"]: TitleForm,
+        ["EVALUATION"]: EvaluationForm
     },
     inject: ["$rootComponent"],
     mixins: [LocaleMixin],
@@ -3570,6 +3644,8 @@ var __vue_staticRenderFns__$7 = [function () {var _vm=this;var _h=_vm.$createEle
     undefined
   );
 
+  var QuestionEditDrawer = __vue_component__$7;
+
 var script$6 = Vue.extend({
     name: "translation-table",
     components: { Input, Table },
@@ -3655,9 +3731,11 @@ var __vue_staticRenderFns__$6 = [];
     undefined
   );
 
+  var TranslationTable = __vue_component__$6;
+
 var script$5 = Vue.extend({
     name: 'survey-translator',
-    components: { TranslationTable: __vue_component__$6 },
+    components: { TranslationTable },
     mixins: [LocaleMixin, SurveyTranslatorMixin],
     props: {
         survey: {
@@ -3766,6 +3844,8 @@ var __vue_staticRenderFns__$5 = [];
     undefined
   );
 
+  var SurveyTranslator = __vue_component__$5;
+
 var script$4 = Vue.extend({
     name: "previewer-question-row",
     components: {
@@ -3773,14 +3853,14 @@ var script$4 = Vue.extend({
         Col,
         Divider,
         Card,
-        QuestionTitle: __vue_component__$D,
-        ["SINGLE_SELECTION"]: __vue_component__$z,
-        ["MULTI_SELECTION"]: __vue_component__$y,
-        ["SHORT_ANSWER"]: __vue_component__$x,
-        ["FILL_BLANK"]: __vue_component__$w,
-        ["TEXT_TITLE"]: __vue_component__$v,
-        ["MATRIX"]: __vue_component__$u,
-        ["EVALUATION"]: __vue_component__$p
+        QuestionTitle,
+        ["SINGLE_SELECTION"]: SingleSelection,
+        ["MULTI_SELECTION"]: MultiSelection,
+        ["SHORT_ANSWER"]: ShortAnswer,
+        ["FILL_BLANK"]: FillBlank,
+        ["TEXT_TITLE"]: TextTitle,
+        ["MATRIX"]: Matrix,
+        ["EVALUATION"]: Evaluation
     },
     mixins: [LocaleMixin],
     inject: ["$rootComponent"],
@@ -3828,9 +3908,11 @@ var __vue_staticRenderFns__$4 = [];
     undefined
   );
 
+  var PreviewerQuestionRow = __vue_component__$4;
+
 var script$3 = Vue.extend({
     name: 'survey-internal-previewer',
-    components: { Card, PreviewerQuestionRow: __vue_component__$4 },
+    components: { Card, PreviewerQuestionRow },
     props: {
         survey: {
             type: Object,
@@ -3875,6 +3957,8 @@ var __vue_staticRenderFns__$3 = [];
     undefined
   );
 
+  var SurveyInternalPreviewer = __vue_component__$3;
+
 var script$2 = Vue.extend({
     name: "editor-options",
     components: { Row, Col, Icon, RadioGroup, Radio },
@@ -3942,6 +4026,8 @@ var __vue_staticRenderFns__$2 = [];
     undefined
   );
 
+  var EditOptions = __vue_component__$2;
+
 var Mode;
 (function (Mode) {
     Mode[Mode["EDIT"] = 0] = "EDIT";
@@ -3958,18 +4044,18 @@ var script$1 = Vue.extend({
         Row,
         Col,
         Button,
-        SurveyEditor: __vue_component__$m,
-        SurveyTranslator: __vue_component__$5,
-        SurveyInternalPreviewer: __vue_component__$3,
-        QuestionEditDrawer: __vue_component__$7,
-        Toolbar: __vue_component__$E,
+        SurveyEditor,
+        SurveyTranslator,
+        SurveyInternalPreviewer,
+        QuestionEditDrawer,
+        Toolbar,
         Modal,
         Tabs,
         TabPane,
         Icon,
         Scroll,
-        CreateQuestionDropdown: __vue_component__$G,
-        EditOptions: __vue_component__$2
+        CreateQuestionDropdown,
+        EditOptions
     },
     mixins: [LocaleMixin, SurveyTranslatorMixin],
     provide() {
@@ -4180,10 +4266,12 @@ var __vue_staticRenderFns__$1 = [];
     undefined
   );
 
+  var SurveyCreator = __vue_component__$1;
+
 var script = Vue.extend({
     name: 'survey-previewer',
     mixins: [LocaleMixin],
-    components: { Card, Row, Col, Button, Toolbar: __vue_component__$E, SurveyInternalPreviewer: __vue_component__$3 },
+    components: { Card, Row, Col, Button, Toolbar, SurveyInternalPreviewer },
     provide() {
         return {
             $rootComponent: this
@@ -4256,6 +4344,8 @@ var __vue_staticRenderFns__ = [];
     undefined
   );
 
+  var SurveyPreviewer = __vue_component__;
+
 class SurveyCreatorOptions {
 }
 class SurveyCreatorPlugin {
@@ -4263,10 +4353,9 @@ class SurveyCreatorPlugin {
         locale.use(options.locale);
         locale.i18n(options.i18n);
         Vue.$surveyLanguage = options.locale;
-        Vue.component('survey-creator', __vue_component__$1);
-        Vue.component('survey-previewer', __vue_component__);
+        Vue.component('survey-creator', SurveyCreator);
+        Vue.component('survey-previewer', SurveyPreviewer);
     }
 }
 
-export default SurveyCreatorPlugin;
-export { __vue_component__$1 as SurveyCreator, SurveyCreatorOptions };
+export { SurveyCreator, SurveyCreatorOptions, SurveyCreatorPlugin as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-creator",
-  "version": "0.3.16",
+  "version": "0.3.4805.release",
   "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.16",
-    "@wg-npm/survey-service-api": "0.3.16",
+    "@wg-npm/survey-core": "0.3.4805.release",
+    "@wg-npm/survey-service-api": "0.3.4805.release",
     "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.16",
-    "@wg-npm/survey-service-api": "0.3.16",
+    "@wg-npm/survey-core": "0.3.4805.release",
+    "@wg-npm/survey-service-api": "0.3.4805.release",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/common/question/evaluation.vue

@@ -7,7 +7,10 @@
                         <Icon class="icon" type="ios-checkmark-circle-outline" :size="36"/>
                     </div>
                     <div class="card-content">
-                        <p class="text">{{ item.text | translate(true) }}</p>
+                        <Tooltip max-width="200">
+                            <p slot="content">{{ item.text | translate(true) }}</p>
+                            <p class="text">{{ item.text | translate(true) }}</p>
+                        </Tooltip>
                         <component :is="question.options.evaluationType" :item="item"></component>
                     </div>
                 </Card>
@@ -18,7 +21,7 @@
 
 <script lang="ts">
     import Vue from "vue";
-    import {Checkbox, Col, Row, CheckboxGroup, Card, Icon} from "view-design";
+    import {Checkbox, Col, Row, CheckboxGroup, Card, Icon, Tooltip} from "view-design";
     import LocaleMixin from "../../../mixins/locale-mixin";
     import {QuestionEvaluationModel, QuestionType} from "@wg-npm/survey-core";
     import Star from "./evaluation/star.vue";
@@ -28,7 +31,7 @@
     export default Vue.extend({
         name: "Evaluation",
         components: {
-            Row, Col, Checkbox, CheckboxGroup, Card, Icon,
+            Row, Col, Checkbox, CheckboxGroup, Card, Icon, Tooltip,
             STAR: Star,
             EXPR: Expr,
         },

package/src/components/editor/forms/evaluation-form.vue

@@ -98,6 +98,9 @@
     /deep/ .ivu-table-cell-slot .ivu-form-item-error {
         margin-bottom: 24px;
         margin-top: 0;
+    }
 
+    /deep/ .ivu-form-item {
+        width: 100%;
     }
-</style>
+</style>

package/src/components/editor/forms/fill-blank-form.vue

@@ -26,3 +26,9 @@
   mixins: [questionFormMixin]
 });
 </script>
+
+<style scoped lang="less">
+  /deep/ .ivu-form-item {
+    width: 100%;
+  }
+</style>

package/src/components/editor/forms/matrix-form.vue

@@ -206,3 +206,9 @@
   }
 });
 </script>
+
+<style scoped lang="less">
+  /deep/ .ivu-form-item {
+    width: 100%;
+  }
+</style>

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

@@ -194,4 +194,8 @@
         padding-bottom: 10px;
         padding-left: 80px;
     }
+
+    /deep/ .ivu-form-item {
+        width: 100%;
+    }
 </style>

package/src/components/editor/forms/short-answer-form.vue

@@ -2,7 +2,7 @@
   <Form ref="questionForm" :model="editQuestion" :label-colon="false">
     <Form-item
       :prop="'header.text.' + primaryLanguage"
-      :rules="{required: true, 
+      :rules="{required: true,
     message: t('survey_creator.question.titleRequiredTip')}"
     >
       <label slot="label">
@@ -37,3 +37,9 @@
   mixins: [questionFormMixin]
 });
 </script>
+
+<style scoped lang="less">
+  /deep/ .ivu-form-item {
+    width: 100%;
+  }
+</style>

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

@@ -184,4 +184,8 @@
         padding-bottom: 10px;
         padding-left: 80px;
     }
+
+    /deep/ .ivu-form-item {
+        width: 100%;
+    }
 </style>

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

@@ -189,11 +189,20 @@
 
       .card-content {
         text-align: center;
+        .ivu-tooltip {
+          display: unset;
+        }
+        .ivu-tooltip-rel{
+          display: unset;
+        }
 
         .text {
           font-weight: 500;
           font-size: 18px;
           padding: 10px;
+          white-space: nowrap;/*把文本强制显示在一行*/
+          overflow: hidden;/*隐藏超出部分的文字*/
+          text-overflow: ellipsis;/*超出显示省略号*/
         }
       }
     }

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

@@ -132,10 +132,20 @@
       .card-content {
         text-align: center;
 
+        .ivu-tooltip {
+          display: unset;
+        }
+        .ivu-tooltip-rel{
+          display: unset;
+        }
+
         .text {
           font-weight: 500;
           font-size: 18px;
           padding: 10px;
+          white-space: nowrap;/*把文本强制显示在一行*/
+          overflow: hidden;/*隐藏超出部分的文字*/
+          text-overflow: ellipsis;/*超出显示省略号*/
         }
       }
     }