@zykjcommon/questions 0.0.39 → 0.0.41

package/dist/zykjcommon-questions.umd.js

@@ -20320,7 +20320,8 @@ function getDeviceEnv() {
         }
       }
     }
-    return IsIPad;
+    var touch = !!('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
+    return IsIPad && touch;
   }
   var env = '';
   var md = new MobileDetect(window.navigator.userAgent); //初始化mobile-detect
@@ -23824,70 +23825,69 @@ var index = {
 const Question_Programming_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Programmingvue_type_script_lang_js, [['render',Question_Programmingvue_type_template_id_411b6dae_render]])
 
 /* harmony default export */ var Question_Programming = (Question_Programming_exports_);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=25cb7a86
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-86.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/questions/Question_Classify.vue?vue&type=template&id=dd48cf16
 
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_1 = {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_1 = {
   class: "zykjcommon-question",
   style: {
     "width": "100%",
     "height": "100%"
   }
 };
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_2 = {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_2 = {
   class: "box"
 };
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_3 = {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_3 = {
   class: "main-block"
 };
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_4 = ["src"];
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_4 = ["src"];
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "main-content"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "main-append"
 })], -1);
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "prev-main"
 })], -1);
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next"
 }, [/*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
   class: "next-main"
 })], -1);
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_8 = {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_8 = {
   class: "list"
 };
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_9 = ["idx"];
-var Question_Classifyvue_type_template_id_25cb7a86_hoisted_10 = {
-  class: "list-item-text"
-};
-function Question_Classifyvue_type_template_id_25cb7a86_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_25cb7a86_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+var Question_Classifyvue_type_template_id_dd48cf16_hoisted_9 = ["idx"];
+function Question_Classifyvue_type_template_id_dd48cf16_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", Question_Classifyvue_type_template_id_dd48cf16_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: "question-classify",
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bigBgCss)
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_25cb7a86_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.bigBoxItemList, function (item, index) {
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_dd48cf16_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.bigBoxItemList, function (item, index) {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       class: "box-item",
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
       key: index
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_25cb7a86_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_dd48cf16_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("img", {
       src: item.imgUrl,
       alt: ""
-    }, null, 8, Question_Classifyvue_type_template_id_25cb7a86_hoisted_4)]), Question_Classifyvue_type_template_id_25cb7a86_hoisted_5], 4);
+    }, null, 8, Question_Classifyvue_type_template_id_dd48cf16_hoisted_4)]), Question_Classifyvue_type_template_id_dd48cf16_hoisted_5], 4);
   }), 128))]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     class: "list-outter",
     style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)($data.bottomBgCss)
-  }, [Question_Classifyvue_type_template_id_25cb7a86_hoisted_6, Question_Classifyvue_type_template_id_25cb7a86_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_25cb7a86_hoisted_8, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.optionList, function (item, index) {
+  }, [Question_Classifyvue_type_template_id_dd48cf16_hoisted_6, Question_Classifyvue_type_template_id_dd48cf16_hoisted_7, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_dd48cf16_hoisted_8, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.renderList)($data.optionList, function (item, index) {
     return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", {
       class: "list-item",
       idx: item.idx,
       style: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.normalizeStyle)(item.bgUrlCss),
       key: index
-    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", Question_Classifyvue_type_template_id_25cb7a86_hoisted_10, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.content), 1)], 12, Question_Classifyvue_type_template_id_25cb7a86_hoisted_9);
+    }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.withDirectives)((0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+      class: "list-item-text"
+    }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toDisplayString)(item.content), 513), [[external_commonjs_vue_commonjs2_vue_root_Vue_.vShow, item.content_type != 2]])], 12, Question_Classifyvue_type_template_id_dd48cf16_hoisted_9);
   }), 128))])], 4)], 4)]);
 }
-;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=25cb7a86
+;// CONCATENATED MODULE: ./src/components/questions/Question_Classify.vue?vue&type=template&id=dd48cf16
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.sort.js
 var es_array_sort = __webpack_require__(2707);
@@ -24034,10 +24034,12 @@ var env = js_fun.getDeviceEnv();
       mouseup: env === 'mobile' ? 'touchend' : 'mouseup',
       dragWay: '',
       flag: false,
-      scrollDistance: 3000 //设置一个死的滚动距离，保证能滚到底，目前够用
+      scrollDistance: 3000,
+      //设置一个死的滚动距离，保证能滚到底，目前够用
+      lazyDragTimer: null,
+      dragingStart: false
     };
   },
-
   watch: {
     questionInfo: {
       handler: function handler(nv, ov) {
@@ -24095,16 +24097,18 @@ var env = js_fun.getDeviceEnv();
       var exam_options_data = nv.exam_options_data;
       if (this.classify_question_info) {
         if (this.classify_question_info.background_file) {
-          this.bigBgCss = "background: url(".concat(this.classify_question_info.background_file.file_url, ") no-repeat center;background-size: 100% 100%");
+          this.bigBgCss = "background-image: url(".concat(this.classify_question_info.background_file.file_url, ");");
         }
         if (this.classify_question_info.bottom_img_file) {
-          this.bottomBgCss = "background: url(".concat(this.classify_question_info.bottom_img_file.file_url, ") no-repeat center;background-size: 100% 100%");
+          this.bottomBgCss = "background-image: url(".concat(this.classify_question_info.bottom_img_file.file_url, ");");
         }
         var optionList = [];
+        this.optionList = [];
         exam_options_data.forEach(function (item) {
           optionList.push({
+            content_type: item.data.content_type,
             content: item.data.option_content,
-            bgUrlCss: "background: url(".concat(item.data.file_url, ") no-repeat center;background-size: 100% 100%"),
+            bgUrlCss: "background-image: url(".concat(item.data.file_url, ");color:").concat(item.data.font_color),
             idx: item.index
           });
         });
@@ -24117,7 +24121,7 @@ var env = js_fun.getDeviceEnv();
           bigBoxItemList.push({
             imgUrl: big_type_option_list[index].file_url,
             bgUrl: item.file_url,
-            bgUrlCss: "background: url(".concat(item.file_url, ") no-repeat center;background-size: 100% 100%")
+            bgUrlCss: "background-image: url(".concat(item.file_url, ");")
           });
         });
         this.bigBoxItemList = bigBoxItemList;
@@ -24132,9 +24136,12 @@ var env = js_fun.getDeviceEnv();
       document.removeEventListener('gesturestart', this.gesturestartListener);
       $(this.$el).find('.question-classify .append-item').off(this.mousedown);
       $(this.$el).find('.question-classify .list-item').off(this.mousedown);
+      $(this.$el).find(".question-classify .next").off('click');
+      $(this.$el).find(".question-classify .prev").off('click');
       $(document).off(this.mouseup);
       var html = document.getElementsByTagName("html")[0];
       html.style.fontSize = "";
+      document.onselectstart = null;
     },
     answeredNotify: function answeredNotify() {
       var self = this;
@@ -24175,29 +24182,36 @@ var env = js_fun.getDeviceEnv();
       });
       return specArr;
     },
+    //移动端为了解决拖动事件和原生滚动条事件冲突，设置延迟100毫秒拖动（PC端不变）
     bindDragDomEvent: function bindDragDomEvent(appendItem, way) {
       var self = this;
-      appendItem.on(this.mousedown, function (e) {
+      function dragDomEventFn(e, ctx) {
         if (self.moveDiv) {
           return;
         }
+        env === 'mobile' && self.startLazyDrag();
         self.flag = false;
         self.dragWay = way;
         console.log(e);
         e.stopPropagation();
         e.preventDefault();
-        self.listItem = $(this);
+        self.listItem = $(ctx);
         self.listItem.addClass('drag');
         self.p1.moveX = self.listItem.offset().left;
         self.p1.moveY = self.listItem.offset().top - 30;
         var idx = self.listItem.attr('idx');
-        self.moveDiv = $("<div class=\"question-classify-moveDiv\" idx=\"".concat(idx, "\" style=\"").concat(self.listItemBgCss, "\"><div class=\"list-item-text\">").concat(self.listItem.find('.list-item-text').text(), "</div></div>"));
+        var itemBgCss = "".concat(self.listItem.get(0).style.backgroundImage);
+        var itemColorCss = "".concat(self.listItem.get(0).style.color);
+        var textDisplayCss = self.listItem.find('.list-item-text').get(0).style.display;
+        console.log(itemBgCss, 1234);
+        self.moveDiv = $("<div class=\"question-classify-moveDiv\" idx=\"".concat(idx, "\"><div class=\"list-item-text\" style=\"").concat(textDisplayCss ? 'display:' + textDisplayCss : '', "\">").concat(self.listItem.find('.list-item-text').text(), "</div></div>"));
         self.moveDiv.css({
           left: "".concat(self.p1.moveX, "px"),
-          top: "".concat(self.p1.moveY, "px")
+          top: "".concat(self.p1.moveY, "px"),
+          backgroundImage: itemBgCss,
+          color: itemColorCss
         });
         $(self.$el).append(self.moveDiv);
-        // $('body').append(self.moveDiv)
         $(document).on(self.mousemove, function (e2) {
           // e2.preventDefault()
           e2.stopPropagation();
@@ -24210,15 +24224,31 @@ var env = js_fun.getDeviceEnv();
             top: curY + 'px'
           });
         });
+      }
+      appendItem.off(this.mousedown);
+      appendItem.on(this.mousedown, function (e) {
+        var _this2 = this;
+        if (env === 'mobile') {
+          self.lazyDragTimer = setTimeout(function () {
+            dragDomEventFn(e, _this2);
+          }, 100);
+        } else {
+          dragDomEventFn(e, this);
+        }
       });
     },
     appendMoveDiv: function appendMoveDiv(options) {
       var self = this;
       self.listItem.remove();
       var idx = self.moveDiv.attr('idx');
-      var appendItem = $("<div class=\"".concat(options.appendItemClassName, "\" idx=\"").concat(idx, "\" style=\"").concat(self.listItemBgCss, "\"><div class=\"list-item-text\">").concat(self.moveDiv.find('.list-item-text').text(), "</div></div>"));
+      var itemBgCss = "".concat(self.moveDiv.get(0).style.backgroundImage);
+      var itemColorCss = "".concat(self.moveDiv.get(0).style.color);
+      var textDisplayCss = self.moveDiv.find('.list-item-text').get(0).style.display;
+      var appendItem = $("<div class=\"".concat(options.appendItemClassName, "\" idx=\"").concat(idx, "\"><div class=\"list-item-text\" style=\"").concat(textDisplayCss ? 'display:' + textDisplayCss : '', "\">").concat(self.moveDiv.find('.list-item-text').text(), "</div></div>"));
       appendItem.css({
-        opacity: 0
+        opacity: 0,
+        backgroundImage: itemBgCss,
+        color: itemColorCss
       });
       options.targetList.append(appendItem);
       options.targetList[options.scrollDirection](self.scrollDistance);
@@ -24247,6 +24277,7 @@ var env = js_fun.getDeviceEnv();
     },
     bindNextPrevEvent: function bindNextPrevEvent(type) {
       var self = this;
+      $(this.$el).find(".question-classify .".concat(type)).off('click');
       $(this.$el).find(".question-classify .".concat(type)).on('click', function (e) {
         e.stopPropagation();
         e.preventDefault();
@@ -24266,7 +24297,9 @@ var env = js_fun.getDeviceEnv();
         this.setAnswerDo();
       }
       self.bindDragDomEvent($(this.$el).find('.question-classify .list-item'), 'go');
+      $(document).off(self.mouseup);
       $(document).on(self.mouseup, function (e) {
+        env === 'mobile' && self.stopLazyDrag();
         if (self.animationing) {
           return;
         }
@@ -24328,17 +24361,58 @@ var env = js_fun.getDeviceEnv();
           }
         }
       });
+
+      //禁止选中文字，解决拖动过程中文字老是被选中问题
+      document.onselectstart = function () {
+        return false;
+      };
+      if (env === 'mobile') {
+        $('.list').off('scroll');
+        $('.list').on('scroll', function () {
+          if (!self.dragingStart) {
+            self.stopLazyDrag();
+          }
+        }).addClass('noScrollBar');
+        $('.main-append').off('scroll');
+        $('.main-append').on('scroll', function (e) {
+          if (!self.dragingStart) {
+            self.stopLazyDrag();
+          }
+        }).addClass('noScrollBar');
+      }
       self.bindNextPrevEvent('next');
       self.bindNextPrevEvent('prev');
     },
+    startLazyDrag: function startLazyDrag() {
+      this.dragingStart = true;
+      $('.list').css({
+        overflow: 'hidden'
+      });
+      $('.main-append').css({
+        overflow: 'hidden'
+      });
+    },
+    stopLazyDrag: function stopLazyDrag() {
+      this.dragingStart = false;
+      this.lazyDragTimer && clearTimeout(this.lazyDragTimer);
+      this.lazyDragTimer = null;
+      $('.list').css({
+        overflow: 'auto'
+      });
+      $('.main-append').css({
+        overflow: 'auto'
+      });
+    },
     //回显答案
     setAnswerDo: function setAnswerDo() {
-      var _this2 = this;
+      var _this3 = this;
       var self = this;
       var listItemIds = [];
       $(this.$el).find('.question-classify .list-item').each(function (index, item) {
         listItemIds.push(Number($(item).attr('idx')));
       });
+      // 如果两个上一题下一题切换组件，两个又是同一类型的组件，需要清空一下dom,以防两题篡了
+      $(this.$el).find('.main-append').empty();
       this.answerMap.classify_mapping_list.forEach(function (item, index) {
         item.small_type_index_list.forEach(function (subItem) {
           var idx = listItemIds.findIndex(function (i) {
@@ -24347,11 +24421,18 @@ var env = js_fun.getDeviceEnv();
           if (idx > -1) {
             //找到一个删掉一个，要不会有问题
             listItemIds.splice(idx, 1);
-            var listItemDom = $(_this2.$el).find('.question-classify .list-item').eq(idx);
+            var listItemDom = $(_this3.$el).find('.question-classify .list-item').eq(idx);
+            var itemBgCss = "".concat(listItemDom.get(0).style.backgroundImage);
+            var itemColorCss = "".concat(listItemDom.get(0).style.color);
+            var textDisplayCss = listItemDom.find('.list-item-text').get(0).style.display;
             var attrIdx = listItemDom.attr('idx');
-            var appendItem = $("<div class=\"append-item\" idx=\"".concat(attrIdx, "\" style=\"").concat(self.listItemBgCss, "\"><div class=\"list-item-text\">").concat(listItemDom.find('.list-item-text').text(), "</div></div>"));
+            var appendItem = $("<div class=\"append-item\" idx=\"".concat(attrIdx, "\"><div class=\"list-item-text\" style=\"").concat(textDisplayCss ? 'display:' + textDisplayCss : '', "\">").concat(listItemDom.find('.list-item-text').text(), "</div></div>"));
+            appendItem.css({
+              backgroundImage: itemBgCss,
+              color: itemColorCss
+            });
             self.bindDragDomEvent(appendItem, 'back');
-            $(_this2.$el).find('.main-append').eq(index).append(appendItem);
+            $(_this3.$el).find('.main-append').eq(index).append(appendItem);
             listItemDom.remove();
           }
         });
@@ -24369,7 +24450,7 @@ var env = js_fun.getDeviceEnv();
 
 
 ;
-const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_25cb7a86_render]])
+const Question_Classify_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(Question_Classifyvue_type_script_lang_js, [['render',Question_Classifyvue_type_template_id_dd48cf16_render]])
 
 /* harmony default export */ var Question_Classify = (Question_Classify_exports_);
 ;// CONCATENATED MODULE: ./src/components/questions/const.js