@wg-npm/survey-creator 0.3.47 → 0.3.489-9.release

package/dist/survey-creator.esm.js

@@ -287,7 +287,7 @@ class QuestionFactory {
   }
 
   createQuestion(questionType) {
-    let creator = this.creatorHash[questionType];
+    const creator = this.creatorHash[questionType];
     return creator(this.locale);
   }
 
@@ -372,7 +372,7 @@ class BaseQuestionModel {
     } else if (question.type == "MULTI_SELECTION") {
       return _.sumBy(question.choices, item => parseFloat(_.get(item, "options.score") || 0));
     } else if (question.type == "MATRIX") {
-      let score = _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0)));
+      const score = _.max(_.map(question.choices, choice => parseFloat(_.get(choice, "options.score", 0) || 0)));
 
       return score * question.subQuestions.length;
     }
@@ -396,7 +396,7 @@ class BaseQuestionModel {
 
   static calculationAllQuestionCount(questions) {
     let count = 0;
-    let exclude = ["TEXT_TITLE"];
+    const exclude = ["TEXT_TITLE"];
 
     _.forEach(questions, question => {
       if (!_.includes(exclude, question.type)) {
@@ -486,7 +486,7 @@ class QuestionMatrixModel extends BaseQuestionModel {
   }
 
   static getNumber(preNumber, question) {
-    let number = preNumber + 1;
+    const number = preNumber + 1;
 
     _.forEach(question.subQuestions, (sq, index) => {
       sq.number = index + 1;
@@ -504,17 +504,17 @@ const EN_US = _.camelCase("en-US");
 const ZH_TW = _.camelCase("zh-TW");
 
 function getValue(obj, locale) {
-  let value = _.get(obj, _.camelCase(locale), '');
+  const value = _.get(obj, _.camelCase(locale), "");
 
   if (!_.isEmpty(value)) {
     return value;
   }
 
-  return _.get(obj, locale, '');
+  return _.get(obj, locale, "");
 }
 
 function translate(obj, locale, prettyMath = false) {
-  let value = getValue(obj, locale);
+  const value = getValue(obj, locale);
 
   if (!_.isEmpty(value) || !prettyMath) {
     return value;
@@ -1976,7 +1976,7 @@ var __vue_staticRenderFns__$q = [];
 var script$p = Vue.extend({
     name: "Evaluation",
     components: {
-        Row, Col, Checkbox, CheckboxGroup, Card, Icon,
+        Row, Col, Checkbox, CheckboxGroup, Card, Icon, Tooltip,
         STAR: Star$1,
         EXPR: Expr$1,
     },
@@ -1993,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 */
@@ -2323,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 */
@@ -2435,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 */
@@ -2482,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 */
@@ -2510,7 +2512,7 @@ var __vue_staticRenderFns__$j = [];
     __vue_is_functional_template__$j,
     __vue_module_identifier__$j,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
@@ -2618,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 */
@@ -2641,7 +2645,7 @@ var __vue_staticRenderFns__$i = [];
     __vue_is_functional_template__$i,
     __vue_module_identifier__$i,
     false,
-    undefined,
+    createInjector,
     undefined,
     undefined
   );
@@ -3484,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 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-creator",
-  "version": "0.3.47",
+  "version": "0.3.4899.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.47",
-    "@wg-npm/survey-service-api": "0.3.47",
+    "@wg-npm/survey-core": "0.3.4899.release",
+    "@wg-npm/survey-service-api": "0.3.4899.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.47",
-    "@wg-npm/survey-service-api": "0.3.47",
+    "@wg-npm/survey-core": "0.3.4899.release",
+    "@wg-npm/survey-service-api": "0.3.4899.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;/*超出显示省略号*/
         }
       }
     }