@zscreate/form-component 1.1.669 → 1.1.670

package/dist/form-component.css

@@ -5067,11 +5067,25 @@ div {
   background-size: 100%;
 }
 
-.sub-table-col[data-v-d6fab0dc] {
+.auto-scroll-container[data-v-5a08f966] {
+  overflow: hidden;
+  white-space: nowrap;
+  position: relative;
+}
+.auto-scroll-container .scroll-text[data-v-5a08f966] {
+  display: inline-block;
+  white-space: nowrap;
+  transform: translateX(0);
+}
+.auto-scroll-container .scroll-text.scrolling[data-v-5a08f966] {
+  transition: transform linear;
+}
+
+.sub-table-col[data-v-9b717926] {
   display: flex;
   box-sizing: border-box;
 }
-.sub-table-col > span[data-v-d6fab0dc] {
+.sub-table-col > span[data-v-9b717926] {
   flex: 2;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
@@ -5079,22 +5093,22 @@ div {
   line-height: 40px;
   text-align: center;
 }
-.sub-table-col > .last-one[data-v-d6fab0dc] {
+.sub-table-col > .last-one[data-v-9b717926] {
   width: 87px;
   flex: 0 0 87px;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-.sub-table-col-no-border > span[data-v-d6fab0dc] {
+.sub-table-col-no-border > span[data-v-9b717926] {
   border: none;
   height: auto;
   width: 0;
 }
-.sub-table-col-no-border > .sub-table-title[data-v-d6fab0dc]:last-child,
-.sub-table-col-no-border > .sub-table-item[data-v-d6fab0dc]:last-child {
+.sub-table-col-no-border > .sub-table-title[data-v-9b717926]:last-child,
+.sub-table-col-no-border > .sub-table-item[data-v-9b717926]:last-child {
   border-right: none !important;
 }
-.sub-table-col-no-border > .last-one[data-v-d6fab0dc] {
+.sub-table-col-no-border > .last-one[data-v-9b717926] {
   width: 87px;
   flex: 0 0 87px;
   display: flex;

package/dist/form-component.umd.js

@@ -6820,7 +6820,7 @@ if (Uint8Array) $({ target: 'Uint8Array', proto: true, forced: INCORRECT_BEHAVIO
 /***/ ((module) => {
 
 "use strict";
-module.exports = {"rE":"1.1.669"};
+module.exports = {"rE":"1.1.670"};
 
 /***/ }),
 
@@ -24918,6 +24918,15 @@ module.exports = freeGlobal;
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
+/* harmony import */ var _AutoScrollText_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(93135);
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -24966,6 +24975,7 @@ module.exports = freeGlobal;
 //
 //
 
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   props: {
     widget: {
@@ -25012,6 +25022,9 @@ module.exports = freeGlobal;
       default: ""
     }
   },
+  components: {
+    AutoScrollText: _AutoScrollText_vue__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A
+  },
   inject: {
     config: {
       form: 'config'
@@ -25037,6 +25050,16 @@ module.exports = freeGlobal;
   created() {
     this.editArr.length = this.source.columns.length;
   },
+  mounted() {
+    // 替换分页的三个点，保证在小米手机样式没问题
+    this.$nextTick(() => {
+      if (this.$isMobile) {
+        debugger;
+        document.querySelector(".ant-pagination-item-ellipsis").innerText = "...";
+        document.querySelector(".ant-pagination-item-ellipsis").style.fontSize = "20px";
+      }
+    });
+  },
   methods: {
     handleSubTableStyle(widget, col) {
       if (widget.options.customSubWidth) {
@@ -112829,7 +112852,7 @@ $({ target: 'Set', proto: true, real: true, forced: FORCED }, {
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(9274);
 /* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(vue__WEBPACK_IMPORTED_MODULE_19__);
 /* harmony import */ var _form_components_MessageBox_confirmBox_vue__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(97381);
-/* harmony import */ var _form_form_modules_common_tableItem_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(80553);
+/* harmony import */ var _form_form_modules_common_tableItem_vue__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(86890);
 /* harmony import */ var _form_api_manage__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(5335);
 /* harmony import */ var _form_form_util__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(36113);
 /* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(50522);
@@ -145746,56 +145769,6 @@ var root = freeGlobal || freeSelf || Function('return this')();
 module.exports = root;
 
 
-/***/ }),
-
-/***/ 80553:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  A: () => (/* binding */ tableItem)
-});
-
-;// ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=template&id=d6fab0dc&scoped=true
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sub-table-col sub-table-col-no-border"},[_vm._l((_vm.widget.columns),function(tableItem,col_index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(tableItem.type !== 'hidden' && tableItem.options.canView),expression:"tableItem.type !== 'hidden' && tableItem.options.canView"}],key:_vm.index + '_' + col_index,staticClass:"sub-table-item",style:(Object.assign({}, _vm.handleSubTableStyle(_vm.widget, tableItem)))},[(['input', 'textarea'].includes(tableItem.type) && !_vm.editArr[col_index] && !tableItem.tableColCanEdit && (!_vm.widget.options.disbaledDoubleClickEdit))?_c('div',{style:(("color: #000; border-right: 1px solid " + (_vm.config.borderColor) + "; border-bottom: 1px solid " + (_vm.config.borderColor) + ";  line-height: normal; padding: 0 15px; line-break: anywhere; overflow: hidden; display: flex;  align-items: center; height: " + (tableItem.options.height ? tableItem.options.height+'px':'initial'))),attrs:{"title":_vm.showValue(_vm.models[_vm.source.model][_vm.index][tableItem.model], tableItem, _vm.index)},on:{"dblclick":function($event){return _vm.tableColumnsDBClick(col_index, tableItem, _vm.source.model + '_' + _vm.index + '_' + tableItem.model)}}},[_c('span',[_vm._v(_vm._s(_vm.showValue(_vm.models[_vm.source.model][_vm.index][tableItem.model], tableItem, _vm.index)))])]):_c('layout-item',{directives:[{name:"show",rawName:"v-show",value:(tableItem.options.canView),expression:"tableItem.options.canView"}],key:_vm.source.hashKey,attrs:{"tableKey":_vm.source.model,"rules":_vm.rules,"tableIndex":_vm.index,"hashKey":_vm.source.hashKey,"widget":tableItem,"models":_vm.models,"showLabel":false,"applyId":_vm.applyId},on:{"update:rules":function($event){_vm.rules=$event}}})],1)}),(!_vm.widget.options.disabled && !_vm.widget.options.hiddenOperateBtn)?_c('span',{staticClass:"last-one",style:({ borderColor: _vm.data.config.borderColor })},[_c('a-button',{attrs:{"size":"small","type":"primary"},on:{"click":function($event){return _vm.handleDeleteRow(_vm.index, _vm.widget.model, _vm.source.hashKey)}}},[_vm._v("删除行")])],1):_vm._e()],2)}
-var staticRenderFns = []
-
-
-// EXTERNAL MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=script&lang=js
-var tableItemvue_type_script_lang_js = __webpack_require__(19361);
-;// ./src/form/modules/common/tableItem.vue?vue&type=script&lang=js
- /* harmony default export */ const common_tableItemvue_type_script_lang_js = (tableItemvue_type_script_lang_js/* default */.A); 
-;// ./node_modules/_mini-css-extract-plugin@2.9.4@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=style&index=0&id=d6fab0dc&prod&scoped=true&lang=less
-// extracted by mini-css-extract-plugin
-
-;// ./src/form/modules/common/tableItem.vue?vue&type=style&index=0&id=d6fab0dc&prod&scoped=true&lang=less
-
-// EXTERNAL MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(64008);
-;// ./src/form/modules/common/tableItem.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  common_tableItemvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "d6fab0dc",
-  null
-  
-)
-
-/* harmony default export */ const tableItem = (component.exports);
-
 /***/ }),
 
 /***/ 80583:
@@ -154168,6 +154141,56 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 86890:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ tableItem)
+});
+
+;// ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=template&id=9b717926&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"sub-table-col sub-table-col-no-border"},[_vm._l((_vm.widget.columns),function(tableItem,col_index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(tableItem.type !== 'hidden' && tableItem.options.canView),expression:"tableItem.type !== 'hidden' && tableItem.options.canView"}],key:_vm.index + '_' + col_index,staticClass:"sub-table-item",style:(Object.assign({}, _vm.handleSubTableStyle(_vm.widget, tableItem)))},[(['input', 'textarea'].includes(tableItem.type) && !_vm.editArr[col_index] && !tableItem.tableColCanEdit && (!_vm.widget.options.disbaledDoubleClickEdit))?_c('div',{style:(("color: #000; border-right: 1px solid " + (_vm.config.borderColor) + "; border-bottom: 1px solid " + (_vm.config.borderColor) + ";  line-height: normal; padding: 0 15px; line-break: anywhere; overflow: hidden; display: flex;  align-items: center; height: " + (tableItem.options.height ? tableItem.options.height+'px':'initial'))),attrs:{"title":_vm.showValue(_vm.models[_vm.source.model][_vm.index][tableItem.model], tableItem, _vm.index)},on:{"dblclick":function($event){return _vm.tableColumnsDBClick(col_index, tableItem, _vm.source.model + '_' + _vm.index + '_' + tableItem.model)}}},[(!_vm.$isMobile)?_c('span',[_vm._v(_vm._s(_vm.showValue(_vm.models[_vm.source.model][_vm.index][tableItem.model], tableItem, _vm.index)))]):_c('AutoScrollText',{attrs:{"text":_vm.showValue(_vm.models[_vm.source.model][_vm.index][tableItem.model], tableItem, _vm.index)  || '',"maxWidth":280 / _vm.widget.columns.length,"duration":18 / _vm.widget.columns.length,"delay":1.5,"pauseOnHover":true}})],1):_c('layout-item',{directives:[{name:"show",rawName:"v-show",value:(tableItem.options.canView),expression:"tableItem.options.canView"}],key:_vm.source.hashKey,attrs:{"tableKey":_vm.source.model,"rules":_vm.rules,"tableIndex":_vm.index,"hashKey":_vm.source.hashKey,"widget":tableItem,"models":_vm.models,"showLabel":false,"applyId":_vm.applyId},on:{"update:rules":function($event){_vm.rules=$event}}})],1)}),(!_vm.widget.options.disabled && !_vm.widget.options.hiddenOperateBtn)?_c('span',{staticClass:"last-one",style:({ borderColor: _vm.data.config.borderColor })},[_c('a-button',{attrs:{"size":"small","type":"primary"},on:{"click":function($event){return _vm.handleDeleteRow(_vm.index, _vm.widget.model, _vm.source.hashKey)}}},[_vm._v("删除行")])],1):_vm._e()],2)}
+var staticRenderFns = []
+
+
+// EXTERNAL MODULE: ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=script&lang=js
+var tableItemvue_type_script_lang_js = __webpack_require__(19361);
+;// ./src/form/modules/common/tableItem.vue?vue&type=script&lang=js
+ /* harmony default export */ const common_tableItemvue_type_script_lang_js = (tableItemvue_type_script_lang_js/* default */.A); 
+;// ./node_modules/_mini-css-extract-plugin@2.9.4@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/tableItem.vue?vue&type=style&index=0&id=9b717926&prod&scoped=true&lang=less
+// extracted by mini-css-extract-plugin
+
+;// ./src/form/modules/common/tableItem.vue?vue&type=style&index=0&id=9b717926&prod&scoped=true&lang=less
+
+// EXTERNAL MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(64008);
+;// ./src/form/modules/common/tableItem.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  common_tableItemvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "9b717926",
+  null
+  
+)
+
+/* harmony default export */ const tableItem = (component.exports);
+
 /***/ }),
 
 /***/ 87366:
@@ -158756,6 +158779,308 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ 93135:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ AutoScrollText)
+});
+
+;// ./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/AutoScrollText.vue?vue&type=template&id=5a08f966&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"auto-scroll-container",style:({ width: _vm.containerWidth }),on:{"mouseenter":_vm.handleMouseEnter,"mouseleave":_vm.handleMouseLeave}},[_c('div',{ref:"textContent",staticClass:"scroll-text",class:{ scrolling: _vm.isScrolling },style:(_vm.scrollStyle)},[_vm._v(" "+_vm._s(_vm.text)+" ")])])}
+var staticRenderFns = []
+
+
+;// ./node_modules/_thread-loader@3.0.4@thread-loader/dist/cjs.js!./node_modules/_babel-loader@8.4.1@babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/AutoScrollText.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ const AutoScrollTextvue_type_script_lang_js = ({
+  name: "AutoScrollText",
+  props: {
+    // 要显示的文字
+    text: {
+      type: String,
+      default: "",
+      required: true
+    },
+    // 最大宽度
+    maxWidth: {
+      type: [String, Number],
+      default: "120px"
+    },
+    // 滚动持续时间（秒）
+    duration: {
+      type: Number,
+      default: 3
+    },
+    // 滚动到最后位置的停留时间（秒），停留后重新开始滚动
+    delay: {
+      type: Number,
+      default: 1
+    },
+    // 是否在鼠标悬停时暂停滚动
+    pauseOnHover: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      isScrolling: false,
+      needScroll: false,
+      textWidth: 0,
+      containerWidthValue: 0,
+      scrollTimer: null,
+      isPaused: false,
+      currentX: 0,
+      pauseRemainTime: 0
+    };
+  },
+  computed: {
+    maxWidthValue() {
+      return typeof this.maxWidth === "number" ? this.maxWidth : parseInt(this.maxWidth);
+    },
+    containerWidth() {
+      if (this.needScroll) {
+        // 需要滚动时使用最大宽度
+        return typeof this.maxWidth === "number" ? `${this.maxWidth}px` : this.maxWidth;
+      } else {
+        // 不需要滚动时使用文字实际宽度，但不超过最大宽度
+        const actualWidth = Math.min(this.textWidth, this.maxWidthValue);
+        return `${actualWidth}px`;
+      }
+    },
+    scrollStyle() {
+      if (!this.isScrolling || !this.needScroll) {
+        return {};
+      }
+      const distance = this.textWidth - this.maxWidthValue;
+      return {
+        transform: `translateX(-${distance}px)`,
+        transition: `transform ${this.duration}s linear`
+      };
+    }
+  },
+  mounted() {
+    // 使用多重延迟确保DOM完全渲染
+    this.$nextTick(() => {
+      setTimeout(() => {
+        this.initScroll();
+      }, 100); // 给DOM渲染留出时间
+    });
+
+    // 监听窗口大小变化
+    window.addEventListener("resize", this.handleResize);
+  },
+  beforeDestroy() {
+    this.clearScrollTimer();
+    window.removeEventListener("resize", this.handleResize);
+  },
+  watch: {
+    text() {
+      this.clearScrollTimer();
+      this.isScrolling = false;
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.initScroll();
+        }, 50);
+      });
+    }
+  },
+  methods: {
+    // 初始化滚动
+    initScroll() {
+      this.checkIfNeedScroll();
+      setTimeout(() => {
+        if (this.needScroll) {
+          this.startScrolling();
+        }
+      }, 200); // 稍微延迟确保尺寸计算完成
+    },
+    // 检查是否需要滚动
+    checkIfNeedScroll() {
+      if (!this.$refs.textContent || !this.$el) return;
+
+      // 重置样式以获取真实宽度
+      this.isScrolling = false;
+      this.$refs.textContent.style.transform = "";
+      this.$refs.textContent.style.transition = "";
+      this.$nextTick(() => {
+        // 多次尝试获取正确的尺寸
+        const attemptMeasure = () => {
+          const textRect = this.$refs.textContent.getBoundingClientRect();
+
+          // 确保获取到了有效的尺寸
+          if (textRect.width > 0) {
+            this.textWidth = textRect.width;
+            this.containerWidthValue = this.maxWidthValue;
+            this.needScroll = this.textWidth > this.maxWidthValue;
+
+            // console.log('最大宽度:', this.maxWidthValue, '文本宽度:', this.textWidth, '需要滚动:', this.needScroll);
+            return true;
+          }
+          return false;
+        };
+
+        // 立即尝试一次
+        if (!attemptMeasure()) {
+          // 如果第一次失败，延迟再试
+          setTimeout(() => {
+            if (!attemptMeasure()) {
+              // 如果还是失败，再延迟一次
+              setTimeout(attemptMeasure, 200);
+            }
+          }, 50);
+        }
+      });
+    },
+    // 开始滚动
+    startScrolling() {
+      if (!this.needScroll || this.isPaused) return;
+      this.clearScrollTimer();
+
+      // 立即开始滚动
+      if (!this.needScroll || this.isPaused) return; // 再次检查状态
+
+      this.isScrolling = true;
+
+      // 滚动完成后，在最后位置停留 delay 时间
+      this.scrollTimer = setTimeout(() => {
+        // 停留时间结束后重置并开始下一轮
+        this.resetScroll();
+        // 循环滚动
+        setTimeout(() => {
+          this.startScrolling();
+        }, 100); // 重置后稍作停顿再开始下一轮
+      }, this.duration * 1000 + this.delay * 1000);
+    },
+    // 重置滚动状态
+    resetScroll() {
+      this.isScrolling = false;
+      this.$nextTick(() => {
+        if (this.$refs.textContent) {
+          this.$refs.textContent.style.transition = "none";
+          this.$refs.textContent.style.transform = "translateX(0)";
+        }
+      });
+    },
+    // 停止滚动
+    stopScrolling() {
+      this.clearScrollTimer();
+      this.resetScroll();
+    },
+    // 清除定时器
+    clearScrollTimer() {
+      if (this.scrollTimer) {
+        clearTimeout(this.scrollTimer);
+        this.scrollTimer = null;
+      }
+    },
+    // 鼠标进入
+    handleMouseEnter() {
+      if (this.pauseOnHover) {
+        this.isPaused = true;
+        this.clearScrollTimer();
+        // 立即暂停动画并记录当前位置和剩余时间
+        if (this.$refs.textContent && this.isScrolling) {
+          const style = window.getComputedStyle(this.$refs.textContent);
+          const matrix = new WebKitCSSMatrix(style.transform);
+          this.currentX = matrix.m41;
+          // 计算剩余距离和剩余时间
+          const totalDistance = this.textWidth - this.maxWidthValue;
+          const percent = Math.abs(this.currentX) / totalDistance;
+          this.pauseRemainTime = (1 - percent) * this.duration;
+          this.$refs.textContent.style.transition = "none";
+          this.$refs.textContent.style.transform = `translateX(${this.currentX}px)`;
+        }
+      }
+    },
+    // 鼠标离开
+    handleMouseLeave() {
+      if (this.pauseOnHover) {
+        this.isPaused = false;
+        if (this.needScroll && this.currentX !== 0) {
+          // 继续滚动剩余距离
+          this.$refs.textContent.style.transition = `transform ${this.pauseRemainTime}s linear`;
+          this.$refs.textContent.style.transform = `translateX(-${this.textWidth - this.maxWidthValue}px)`;
+          this.isScrolling = true;
+          this.scrollTimer = setTimeout(() => {
+            this.resetScroll();
+            setTimeout(() => {
+              this.startScrolling();
+            }, 100);
+          }, this.pauseRemainTime * 1000 + this.delay * 1000);
+          this.currentX = 0;
+          this.pauseRemainTime = 0;
+        } else if (this.needScroll) {
+          this.startScrolling();
+        }
+      }
+    },
+    // 窗口大小变化处理
+    handleResize() {
+      this.checkIfNeedScroll();
+      if (this.needScroll) {
+        this.startScrolling();
+      } else {
+        this.stopScrolling();
+      }
+    }
+  }
+});
+;// ./src/form/modules/common/AutoScrollText.vue?vue&type=script&lang=js
+ /* harmony default export */ const common_AutoScrollTextvue_type_script_lang_js = (AutoScrollTextvue_type_script_lang_js); 
+;// ./node_modules/_mini-css-extract-plugin@2.9.4@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.11.0@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/common/AutoScrollText.vue?vue&type=style&index=0&id=5a08f966&prod&lang=less&scoped=true
+// extracted by mini-css-extract-plugin
+
+;// ./src/form/modules/common/AutoScrollText.vue?vue&type=style&index=0&id=5a08f966&prod&lang=less&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(64008);
+;// ./src/form/modules/common/AutoScrollText.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  common_AutoScrollTextvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "5a08f966",
+  null
+  
+)
+
+/* harmony default export */ const AutoScrollText = (component.exports);
+
 /***/ }),
 
 /***/ 93206:
@@ -188900,6 +189225,9 @@ const main_install = function (Vue, opts = {}, router = undefined) {
   });
   Vue.use(utils_watermark);
   Vue.component('virtual-list', components_VirtualList);
+  // 判断是移动端
+  const isMobileDevice = /Android|webOS|iPhone|iPod|BlackBerry|iPad|Windows Phone/i.test(navigator.userAgent) || window.innerWidth < 768;
+  Vue.prototype.$isMobile = isMobileDevice;
   if (router) {
     router.addRoutes([{
       path: '/downloadPage',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zscreate/form-component",
-  "version": "1.1.669",
+  "version": "1.1.670",
   "private": false,
   "description": "",
   "main": "dist/form-component.umd.js",