formiojs-eorion 0.1.7 → 0.1.8

package/Formio.js

@@ -1724,7 +1724,7 @@ Formio.projectUrlSet = false;
 Formio.plugins = [];
 Formio.cache = {};
 Formio.Providers = _providers.default;
-Formio.version = '0.1.7';
+Formio.version = '0.1.8';
 Formio.pathType = '';
 Formio.events = new _EventEmitter.default();
 Formio.cdn = new _CDN.default();

package/components/CustomTabs/Tabs.js

@@ -304,6 +304,9 @@ var CustomTabsComponent = /*#__PURE__*/function (_NestedComponent) {
           if (['echarts', 'taskCalendar'].includes(item.type)) {
             _this11.tabs[_this11.currentTab][index].refresh(new Date().getTime());
           }
+          if (['data_china_grid_row', 'data_china_grid'].includes(item.type)) {
+            _this11.tabs[_this11.currentTab][index].resetSparkLine();
+          }
         });
       }
       this.clearErrorClasses(this.refs[this.tabLinkKey]);

package/components/DataChinaGrid/Data.js

@@ -20,9 +20,9 @@ exports.default = void 0;
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _Field = _interopRequireDefault(require("../_classes/field/Field"));
@@ -135,6 +135,62 @@ var DataChinaGrid = /*#__PURE__*/function (_Component) {
     value: function getValue() {
       return this.component.field;
     }
+  }, {
+    key: "resetSparkLine",
+    value: function resetSparkLine() {
+      var self = this;
+      var container = this.element.querySelector('.data-container');
+      if (self.component['enable-sparkline']) {
+        if (self.isLoadingSparkLine) {
+          return true;
+        }
+        self.isLoadingSparkLine = true;
+        var sparkLineType = this.component['sparkLine-type'] || 'line';
+        var fillColor;
+        if (self.component['sparkLine-fill-color']) {
+          switch (sparkLineType) {
+            case 'line':
+              fillColor = self.component['sparkLine-fill-color'].split(',')[0];
+              break;
+            case 'pie':
+            case 'donut':
+            case 'bar':
+              fillColor = self.component['sparkLine-fill-color'].split(',');
+              break;
+          }
+        }
+        // values
+        container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
+          data: self.rootValue
+        }), "</span>");
+        try {
+          // @ts-ignore
+          $(container).find('.line').peity(sparkLineType, {
+            fill: fillColor,
+            height: self.component['sparkLine-height'],
+            max: self.component['sparkLine-max-value-count'],
+            min: 0,
+            stroke: self.component['sparkLine-stroke-color'],
+            strokeWidth: 2,
+            width: self.component['sparkLine-width']
+          });
+          self.isLoadingSparkLine = false;
+        } catch (e) {
+          container.querySelectorAll(".line").forEach(function (e) {
+            return peity(e, sparkLineType, {
+              fill: fillColor,
+              height: self.component['sparkLine-height'],
+              max: self.component['sparkLine-max-value-count'],
+              min: 0,
+              stroke: self.component['sparkLine-stroke-color'],
+              strokeWidth: 2,
+              width: self.component['sparkLine-width']
+            });
+          });
+          self.isLoadingSparkLine = false;
+        }
+      }
+    }
 
     /**
      * Set the value of the component into the dom elements.
@@ -179,56 +235,7 @@ var DataChinaGrid = /*#__PURE__*/function (_Component) {
           });
         }
         // 图标
-        if (self.component['enable-sparkline']) {
-          if (self.isLoadingSparkLine) {
-            return true;
-          }
-          self.isLoadingSparkLine = true;
-          var sparkLineType = this.component['sparkLine-type'] || 'line';
-          var fillColor;
-          if (self.component['sparkLine-fill-color']) {
-            switch (sparkLineType) {
-              case 'line':
-                fillColor = self.component['sparkLine-fill-color'].split(',')[0];
-                break;
-              case 'pie':
-              case 'donut':
-              case 'bar':
-                fillColor = self.component['sparkLine-fill-color'].split(',');
-                break;
-            }
-          }
-          // values
-          container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
-            data: self.rootValue
-          }), "</span>");
-          try {
-            // @ts-ignore
-            $(container).find('.line').peity(sparkLineType, {
-              fill: fillColor,
-              height: self.component['sparkLine-height'],
-              max: self.component['sparkLine-max-value-count'],
-              min: 0,
-              stroke: self.component['sparkLine-stroke-color'],
-              strokeWidth: 2,
-              width: self.component['sparkLine-width']
-            });
-            self.isLoadingSparkLine = false;
-          } catch (e) {
-            container.querySelectorAll(".line").forEach(function (e) {
-              return peity(e, sparkLineType, {
-                fill: fillColor,
-                height: self.component['sparkLine-height'],
-                max: self.component['sparkLine-max-value-count'],
-                min: 0,
-                stroke: self.component['sparkLine-stroke-color'],
-                strokeWidth: 2,
-                width: self.component['sparkLine-width']
-              });
-            });
-            self.isLoadingSparkLine = false;
-          }
-        }
+        self.resetSparkLine();
       } catch (e) {
         console.log(e);
       }

package/components/DataChinaGridRow/Data.js

@@ -20,9 +20,9 @@ exports.default = void 0;
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.string.trim.js");
+require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.for-each.js");
-require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.object.get-prototype-of.js");
 var _Field = _interopRequireDefault(require("../_classes/field/Field"));
@@ -136,6 +136,65 @@ var DataChinaGridRow = /*#__PURE__*/function (_Component) {
     value: function getValue() {
       return this.component.field;
     }
+  }, {
+    key: "resetSparkLine",
+    value: function resetSparkLine() {
+      var self = this;
+      var container = this.element.querySelector('.data-container');
+      if (self.component['enable-sparkline']) {
+        if (self.isLoadingSparkLine) {
+          return true;
+        }
+        self.isLoadingSparkLine = true;
+        var sparkLineType = this.component['sparkLine-type'] || 'line';
+        var fillColor;
+        if (self.component['sparkLine-fill-color']) {
+          switch (sparkLineType) {
+            case 'line':
+              fillColor = self.component['sparkLine-fill-color'].split(',')[0];
+              break;
+            case 'pie':
+            case 'donut':
+            case 'bar':
+              fillColor = self.component['sparkLine-fill-color'].split(',');
+              break;
+          }
+        }
+        // values
+        container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
+          data: self.rootValue
+        }), "</span>");
+        // 宽度计算
+        var parentWidth = container.querySelector('#sparkline-container-parent').offsetWidth;
+        parentWidth = parentWidth * self.component['sparkLine-width'];
+        try {
+          // @ts-ignore
+          (0, _jquery.default)(container).find('.line').peity(sparkLineType, {
+            fill: fillColor,
+            height: self.component['sparkLine-height'],
+            max: self.component['sparkLine-max-value-count'],
+            min: 0,
+            stroke: self.component['sparkLine-stroke-color'],
+            strokeWidth: 2,
+            width: parentWidth
+          });
+          self.isLoadingSparkLine = false;
+        } catch (e) {
+          container.querySelectorAll(".line").forEach(function (e) {
+            return peity(e, sparkLineType, {
+              fill: fillColor,
+              height: self.component['sparkLine-height'],
+              max: self.component['sparkLine-max-value-count'],
+              min: 0,
+              stroke: self.component['sparkLine-stroke-color'],
+              strokeWidth: 2,
+              width: parentWidth
+            });
+          });
+          self.isLoadingSparkLine = false;
+        }
+      }
+    }
 
     /**
      * Set the value of the component into the dom elements.
@@ -180,59 +239,7 @@ var DataChinaGridRow = /*#__PURE__*/function (_Component) {
           });
         }
         // 图标
-        if (self.component['enable-sparkline']) {
-          if (self.isLoadingSparkLine) {
-            return true;
-          }
-          self.isLoadingSparkLine = true;
-          var sparkLineType = this.component['sparkLine-type'] || 'line';
-          var fillColor;
-          if (self.component['sparkLine-fill-color']) {
-            switch (sparkLineType) {
-              case 'line':
-                fillColor = self.component['sparkLine-fill-color'].split(',')[0];
-                break;
-              case 'pie':
-              case 'donut':
-              case 'bar':
-                fillColor = self.component['sparkLine-fill-color'].split(',');
-                break;
-            }
-          }
-          // values
-          container.querySelector('.sparkline-container').innerHTML = "<span class=\"line\">".concat(self.parseTpl(self.component['sparkLine-value'], {
-            data: self.rootValue
-          }), "</span>");
-          // 宽度计算
-          var parentWidth = container.querySelector('#sparkline-container-parent').offsetWidth;
-          parentWidth = parentWidth * self.component['sparkLine-width'];
-          try {
-            // @ts-ignore
-            (0, _jquery.default)(container).find('.line').peity(sparkLineType, {
-              fill: fillColor,
-              height: self.component['sparkLine-height'],
-              max: self.component['sparkLine-max-value-count'],
-              min: 0,
-              stroke: self.component['sparkLine-stroke-color'],
-              strokeWidth: 2,
-              width: parentWidth
-            });
-            self.isLoadingSparkLine = false;
-          } catch (e) {
-            container.querySelectorAll(".line").forEach(function (e) {
-              return peity(e, sparkLineType, {
-                fill: fillColor,
-                height: self.component['sparkLine-height'],
-                max: self.component['sparkLine-max-value-count'],
-                min: 0,
-                stroke: self.component['sparkLine-stroke-color'],
-                strokeWidth: 2,
-                width: parentWidth
-              });
-            });
-            self.isLoadingSparkLine = false;
-          }
-        }
+        self.resetSparkLine();
       } catch (e) {
         console.log(e);
       }