@wg-npm/survey-creator 0.3.6154 → 0.3.6643

package/dist/survey-creator.esm.js

@@ -3844,7 +3844,6 @@ var script$7 = Vue.extend({
     methods: {
         closeDrawer() {
             this.visibleDrawer = false;
-            this.$emit("on-close");
         },
         saveQuestion() {
             const self = this;
@@ -3858,7 +3857,6 @@ var script$7 = Vue.extend({
         },
         cancel() {
             this.closeDrawer();
-            this.$emit("cancel");
         }
     }
 });
@@ -3867,13 +3865,13 @@ var script$7 = Vue.extend({
 const __vue_script__$7 = script$7;
 
 /* template */
-var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Drawer',{attrs:{"styles":_vm.styles,"width":50,"closable":true,"mask-closable":false},on:{"on-close":_vm.closeDrawer},model:{value:(_vm.visibleDrawer),callback:function ($$v) {_vm.visibleDrawer=$$v;},expression:"visibleDrawer"}},[_c('ButtonGroup',{attrs:{"slot":"header","shape":"circle"},slot:"header"},[_vm._m(0),_vm._v(" "),_c('Button',[_vm._v(_vm._s(_vm.t(("survey_creator.question.types." + _vm.questionType))))])],1),_vm._v(" "),(_vm.visibleDrawer && _vm.question)?_c(_vm.questionType,{ref:"questionComponent",tag:"component",staticClass:"question-form",attrs:{"question":_vm.question}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"drawer-footer"},[_c('Button',{attrs:{"type":"primary"},on:{"click":_vm.saveQuestion}},[(_vm.isCopy)?_c('span',[_vm._v(_vm._s(_vm.t('survey_creator.common.copy')))]):_c('span',[_vm._v(_vm._s(_vm.t('survey_creator.common.save')))])]),_vm._v(" "),_c('Button',{on:{"click":_vm.cancel}},[_vm._v(_vm._s(_vm.t('survey_creator.common.cancel')))])],1)],1)};
+var __vue_render__$7 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Drawer',{attrs:{"styles":_vm.styles,"width":50,"closable":true,"mask-closable":false},model:{value:(_vm.visibleDrawer),callback:function ($$v) {_vm.visibleDrawer=$$v;},expression:"visibleDrawer"}},[_c('ButtonGroup',{attrs:{"slot":"header","shape":"circle"},slot:"header"},[_vm._m(0),_vm._v(" "),_c('Button',[_vm._v(_vm._s(_vm.t(("survey_creator.question.types." + _vm.questionType))))])],1),_vm._v(" "),(_vm.visibleDrawer && _vm.question)?_c(_vm.questionType,{ref:"questionComponent",tag:"component",staticClass:"question-form",attrs:{"question":_vm.question}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"drawer-footer"},[_c('Button',{attrs:{"type":"primary"},on:{"click":_vm.saveQuestion}},[(_vm.isCopy)?_c('span',[_vm._v(_vm._s(_vm.t('survey_creator.common.copy')))]):_c('span',[_vm._v(_vm._s(_vm.t('survey_creator.common.save')))])]),_vm._v(" "),_c('Button',{on:{"click":_vm.cancel}},[_vm._v(_vm._s(_vm.t('survey_creator.common.cancel')))])],1)],1)};
 var __vue_staticRenderFns__$7 = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Button',{attrs:{"type":"primary"}},[_vm._v(_vm._s(_vm.t("survey_creator.question.type")))])}];
 
   /* style */
   const __vue_inject_styles__$7 = function (inject) {
     if (!inject) return
-    inject("data-v-1772ec5a_0", { source: ".drawer-footer{width:100%;position:absolute;bottom:0;left:0;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;background:#fff;z-index:99}.question-form{margin-bottom:53px}", map: undefined, media: undefined });
+    inject("data-v-7b8bc506_0", { source: ".drawer-footer{width:100%;position:absolute;bottom:0;left:0;border-top:1px solid #e8e8e8;padding:10px 16px;text-align:right;background:#fff;z-index:99}.question-form{margin-bottom:53px}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -4371,7 +4369,7 @@ var script$1 = Vue.extend({
         }
         this.primaryLanguage = _.camelCase(this.currentSurvey.options.primaryLanguage);
         if (this.showQuestionWhenPageLoad) {
-            const question = _.findLast(this.currentSurvey?.questions, questions => { return questions.type === this.showQuestionType; });
+            const question = _.find(this.currentSurvey?.questions, questions => { return questions.type === this.showQuestionType; });
             if (_.isUndefined(question)) {
                 this.createQuestion(this.showQuestionType);
             }
@@ -4511,8 +4509,11 @@ var script$1 = Vue.extend({
         validateData() {
             return this.allTranslationIsCompleted(this.currentSurvey);
         },
-        cancel() {
-            this.$emit("cancel");
+        questionEditDrawOpen(val) {
+            this.$emit("question-edit-draw-open");
+        },
+        questionEditDrawClose(val) {
+            this.$emit("question-edit-draw-close");
         }
     }
 });
@@ -4521,7 +4522,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:{"cancel":_vm.cancel},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('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(" "),_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('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(" "),_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.6154",
+  "version": "0.3.6643",
   "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.6154",
-    "@wg-npm/survey-service-api": "0.3.6154",
+    "@wg-npm/survey-core": "0.3.6643",
+    "@wg-npm/survey-service-api": "0.3.6643",
     "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.6154",
-    "@wg-npm/survey-service-api": "0.3.6154",
+    "@wg-npm/survey-core": "0.3.6643",
+    "@wg-npm/survey-service-api": "0.3.6643",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/editor/question-edit-drawer.vue

@@ -5,7 +5,6 @@
     :width="50"
     :closable="true"
     :mask-closable="false"
-    @on-close="closeDrawer"
   >
     <ButtonGroup slot="header" shape="circle">
       <Button type="primary" v-once>{{t(`survey_creator.question.type`)}}</Button>
@@ -111,7 +110,6 @@ export default Vue.extend({
   methods: {
     closeDrawer() {
       this.visibleDrawer = false;
-      this.$emit("on-close")
     },
     saveQuestion() {
       const self = this;
@@ -128,7 +126,6 @@ export default Vue.extend({
     },
     cancel() {
       this.closeDrawer();
-      this.$emit("cancel")
     }
   }
 });

package/src/components/survey-creator.vue

@@ -6,7 +6,8 @@
             ref="editDrawer"
             v-model="questionEditDrawerVisible"
             :operation-type="operationType"
-            @cancel="cancel"
+            @on-close="questionEditDrawClose"
+            @on-open="questionEditDrawOpen"
         />
       </div>
       <div class="survey-creator-wrapper" v-else>
@@ -193,7 +194,7 @@
             this.primaryLanguage = _.camelCase(this.currentSurvey.options.primaryLanguage);
 
             if (this.showQuestionWhenPageLoad) {
-              const question = _.findLast(this.currentSurvey?.questions, questions=> { return questions.type === this.showQuestionType})
+              const question = _.find(this.currentSurvey?.questions, questions=> { return questions.type === this.showQuestionType})
               if (_.isUndefined(question)) {
                 this.createQuestion(this.showQuestionType)
               } else {
@@ -361,8 +362,11 @@
             validateData() {
                 return this.allTranslationIsCompleted(this.currentSurvey);
             },
-            cancel() {
-              this.$emit("cancel")
+            questionEditDrawOpen(val){
+              this.$emit("question-edit-draw-open");
+            },
+            questionEditDrawClose(val){
+              this.$emit("question-edit-draw-close");
             }
         }
     });