@wg-npm/survey-response 0.5.149 → 0.5.150

package/dist/survey-response.esm.js

@@ -1570,14 +1570,17 @@ var script$4 = Vue.extend({
     },
     data() {
         return {
-            inputValue: null,
+            sliderValue: this.value,
+            inputNumberValue: this.value,
         };
     },
     methods: {
         onSliderChange(value) {
+            this.inputNumberValue = value;
             this.$emit("input", value);
         },
         onInputChange(value) {
+            this.sliderValue = value;
             this.$emit("input", value);
         },
     },
@@ -1587,21 +1590,21 @@ var script$4 = Vue.extend({
 const __vue_script__$4 = script$4;
 
 /* template */
-var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"slider-container"},[_c('Slider',{staticClass:"slider",attrs:{"min":_vm.min,"max":_vm.max,"step":_vm.sliderStep,"show-tips":"always","disabled":_vm.disabled},on:{"on-change":_vm.onSliderChange},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v;},expression:"inputValue"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":_vm.formItemProp,"rules":[
+var __vue_render__$4 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"slider-container"},[_c('Slider',{staticClass:"slider",attrs:{"min":_vm.min,"max":_vm.max,"step":_vm.sliderStep,"show-tips":"always","disabled":_vm.disabled},on:{"on-change":_vm.onSliderChange},model:{value:(_vm.sliderValue),callback:function ($$v) {_vm.sliderValue=$$v;},expression:"sliderValue"}}),_vm._v(" "),_c('FormItem',{staticStyle:{"display":"flex"},attrs:{"prop":_vm.formItemProp,"rules":[
         {
           required: _vm.required,
           message: _vm.requiredDesc,
-        } ]}},[_c('InputNumber',{staticStyle:{"float":"left"},attrs:{"precision":_vm.precision,"min":_vm.min,"max":_vm.max,"readonly":_vm.disabled},on:{"on-change":_vm.onInputChange},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v;},expression:"inputValue"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showLabel),expression:"showLabel"}],staticClass:"text-desc"},[_c('span',[_vm._v(_vm._s(_vm.minLabel))]),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.maxLabel))])])])};
+        } ]}},[_c('InputNumber',{staticStyle:{"float":"left"},attrs:{"precision":_vm.precision,"min":_vm.min,"max":_vm.max,"readonly":_vm.disabled},on:{"on-change":_vm.onInputChange},model:{value:(_vm.inputNumberValue),callback:function ($$v) {_vm.inputNumberValue=$$v;},expression:"inputNumberValue"}})],1)],1),_vm._v(" "),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showLabel),expression:"showLabel"}],staticClass:"text-desc"},[_c('span',[_vm._v(_vm._s(_vm.minLabel))]),_vm._v(" "),_c('span',[_vm._v(_vm._s(_vm.maxLabel))])])])};
 var __vue_staticRenderFns__$4 = [];
 
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-5a931538_0", { source: ".slider-container[data-v-5a931538]{margin-top:16px;margin-bottom:16px;width:100%;display:flex}.slider-container[data-v-5a931538] .ivu-form-item{margin-bottom:unset}.slider[data-v-5a931538]{width:100%;margin-left:16px;margin-right:16px}.text-desc[data-v-5a931538]{display:flex;justify-content:space-between;width:100%;padding-right:80px}", map: undefined, media: undefined });
+    inject("data-v-171b6ab8_0", { source: ".slider-container[data-v-171b6ab8]{margin-top:16px;margin-bottom:16px;width:100%;display:flex}.slider-container[data-v-171b6ab8] .ivu-form-item{margin-bottom:unset}.slider[data-v-171b6ab8]{width:100%;margin-left:16px;margin-right:16px}.text-desc[data-v-171b6ab8]{display:flex;justify-content:space-between;width:100%;padding-right:80px}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-5a931538";
+  const __vue_scope_id__$4 = "data-v-171b6ab8";
   /* module identifier */
   const __vue_module_identifier__$4 = undefined;
   /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wg-npm/survey-response",
-  "version": "0.5.149",
+  "version": "0.5.150",
   "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.5.149",
-    "@wg-npm/survey-service-api": "0.5.149",
+    "@wg-npm/survey-core": "0.5.150",
+    "@wg-npm/survey-service-api": "0.5.150",
     "axios": "^0.19.2",
     "deepmerge": "^4.2.2",
     "lodash": "^4.17.15",
@@ -34,8 +34,8 @@
     "@typescript-eslint/parser": "^3.6.0",
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^5.0.2",
-    "@wg-npm/survey-core": "0.5.149",
-    "@wg-npm/survey-service-api": "0.5.149",
+    "@wg-npm/survey-core": "0.5.150",
+    "@wg-npm/survey-service-api": "0.5.150",
     "acorn": "^7.3.1",
     "axios": "^0.19.2",
     "babelrc-rollup": "^3.0.0",

package/src/components/slider-input-number.vue

@@ -3,7 +3,7 @@
     <div class="slider-container">
       <Slider
         class="slider"
-        v-model="inputValue"
+        v-model="sliderValue"
         :min="min"
         :max="max"
         :step="sliderStep"
@@ -23,7 +23,7 @@
       >
         <InputNumber
           style="float: left"
-          v-model="inputValue"
+          v-model="inputNumberValue"
           :precision="precision"
           :min="min"
           :max="max"
@@ -97,14 +97,17 @@ export default Vue.extend({
   },
   data() {
     return {
-      inputValue: null,
+      sliderValue: this.value,
+      inputNumberValue: this.value,
     };
   },
   methods: {
     onSliderChange(value) {
+      this.inputNumberValue = value;
       this.$emit("input", value);
     },
     onInputChange(value) {
+      this.sliderValue = value;
       this.$emit("input", value);
     },
   },