formiojs-eorion 0.1.3 → 0.1.5

package/Formio.js

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

package/components/builder.js

@@ -72,7 +72,9 @@ var _NocodbFile = _interopRequireDefault(require("./NocodbFile/NocodbFile.form")
 var _Data2 = _interopRequireDefault(require("./DataChinaGrid/Data.form"));
 var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data.form"));
 var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs.form"));
+var _ECharts = _interopRequireDefault(require("./echarts/ECharts.form"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+_.default.echarts.editForm = _ECharts.default;
 _.default.customTabs.editForm = _Tabs2.default;
 _.default.data_china_grid_row.editForm = _Data3.default;
 _.default.data_china_grid.editForm = _Data2.default;

package/components/echarts/ECharts.form.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+require("core-js/modules/es.array.concat.js");
+var _Component = _interopRequireDefault(require("../_classes/component/Component.form"));
+var _EChartsEdit = _interopRequireDefault(require("./editForm/ECharts.edit.display"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _default() {
+  for (var _len = arguments.length, extend = new Array(_len), _key = 0; _key < _len; _key++) {
+    extend[_key] = arguments[_key];
+  }
+  return _Component.default.apply(void 0, [[{
+    key: 'display',
+    components: _EChartsEdit.default
+  }]].concat(extend));
+}

package/components/echarts/ECharts.js

@@ -0,0 +1,155 @@
+"use strict";
+
+require("core-js/modules/es.object.get-prototype-of.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.reflect.get.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.symbol.iterator.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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.concat.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.number.constructor.js");
+var _Field = _interopRequireDefault(require("../_classes/field/Field"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var echarts = _interopRequireWildcard(require("echarts"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var ECharts = /*#__PURE__*/function (_FieldComponent) {
+  _inherits(ECharts, _FieldComponent);
+  var _super = _createSuper(ECharts);
+  function ECharts(component, options, data) {
+    var _this;
+    _classCallCheck(this, ECharts);
+    _this = _super.call(this, component, options, data);
+    _this.chartInstance = null;
+    return _this;
+  }
+  _createClass(ECharts, [{
+    key: "render",
+    value: function render(children) {
+      return _get(_getPrototypeOf(ECharts.prototype), "render", this).call(this, this.renderTemplate('echarts'));
+    }
+
+    /**
+     * After the html string has been mounted into the dom, the dom element is returned here. Use refs to find specific
+     * elements to attach functionality to.
+     *
+     * @param element
+     * @returns {Promise}
+     */
+  }, {
+    key: "attach",
+    value: function attach(element) {
+      var _this2 = this;
+      var refs = {};
+      this.loadRefs(element, refs);
+      setTimeout(function () {
+        _this2.setValue();
+      }, 100);
+      return _get(_getPrototypeOf(ECharts.prototype), "attach", this).call(this, element);
+    }
+
+    /**
+     * Get the value of the component from the dom elements.
+     *
+     * @returns {Array}
+     */
+  }, {
+    key: "getValue",
+    value: function getValue() {
+      return this.component.value;
+    }
+  }, {
+    key: "parseTpl",
+    value: function parseTpl(template, map) {
+      return template.replace(/\$\{.+?}/g, function (match) {
+        var path = match.substr(2, match.length - 3).trim();
+        var strTmp = _lodash.default.get(map, path);
+        if (strTmp === undefined) {
+          strTmp = null;
+        } else {
+          if (_lodash.default.isArray(strTmp) || _lodash.default.isObject(strTmp)) {
+            strTmp = JSON.stringify(strTmp);
+          }
+        }
+        return strTmp;
+      });
+    }
+
+    /**
+     * Set the value of the component into the dom elements.
+     *
+     * @param value
+     * @returns {boolean}
+     */
+  }, {
+    key: "setValue",
+    value: function setValue(value) {
+      if (!this.chartInstance) {
+        // 初始化 ECharts 实例
+        var canvas = this.element.querySelector('#echarts-container');
+        this.chartInstance = echarts.init(canvas);
+      }
+      var optionsStr = this.component["option-value"];
+      optionsStr = this.parseTpl(optionsStr, {
+        data: this.rootValue
+      });
+      // 使用配置项渲染图表
+      this.chartInstance.setOption(JSON.parse(optionsStr), true);
+      return true;
+    }
+  }], [{
+    key: "schema",
+    value: function schema() {
+      for (var _len = arguments.length, extend = new Array(_len), _key = 0; _key < _len; _key++) {
+        extend[_key] = arguments[_key];
+      }
+      return _Field.default.schema.apply(_Field.default, [{
+        label: 'ECharts',
+        key: 'echarts',
+        type: 'echarts'
+      }].concat(extend));
+    }
+  }]);
+  return ECharts;
+}(_Field.default);
+exports.default = ECharts;
+_defineProperty(ECharts, "builderInfo", {
+  title: 'ECharts',
+  group: 'advanced',
+  icon: 'chart',
+  weight: 70,
+  documentation: 'http://help.form.io/userguide/#echarts',
+  schema: ECharts.schema()
+});

package/components/echarts/editForm/ECharts.edit.display.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = [{
+  type: 'textfield',
+  label: '宽度',
+  key: 'width',
+  input: true,
+  weight: 1,
+  defaultValue: "100%"
+}, {
+  type: 'textfield',
+  label: '高度',
+  key: 'height',
+  input: true,
+  weight: 1,
+  defaultValue: "50px"
+}, {
+  type: 'textarea',
+  label: '配置项',
+  key: 'option-value',
+  editor: 'ace',
+  input: true,
+  tooltip: 'echarts配置项(json格式)',
+  weight: 1,
+  validate: {
+    required: true
+  }
+}, {
+  key: 'labelPosition',
+  ignore: true
+}, {
+  key: 'customClass',
+  ignore: false
+}, {
+  key: 'placeholder',
+  ignore: true
+}, {
+  key: 'hidden',
+  ignore: true
+}, {
+  key: 'modalEdit',
+  ignore: true
+}, {
+  key: 'tableView',
+  ignore: true
+}, {
+  key: 'description',
+  ignore: true
+}, {
+  key: 'autofocus',
+  ignore: true
+}, {
+  key: 'tooltip',
+  ignore: true
+}, {
+  key: 'tabindex',
+  ignore: true
+}, {
+  key: 'disabled',
+  ignore: true
+}];
+exports.default = _default;

package/components/index.js

@@ -81,6 +81,7 @@ var _Data2 = _interopRequireDefault(require("./DataChinaGrid/Data"));
 var _Data3 = _interopRequireDefault(require("./DataChinaGridRow/Data"));
 var _Tabs2 = _interopRequireDefault(require("./CustomTabs/Tabs"));
 var _Progress = _interopRequireDefault(require("./progress/Progress"));
+var _ECharts = _interopRequireDefault(require("./echarts/ECharts"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = {
   map: _Map.default,
@@ -159,6 +160,7 @@ var _default = {
   nocodbFile: _NocodbFile.default,
   data_china_grid: _Data2.default,
   data_china_grid_row: _Data3.default,
-  customTabs: _Tabs2.default
+  customTabs: _Tabs2.default,
+  echarts: _ECharts.default
 };
 exports.default = _default;

package/dist/formio.builder.css

@@ -2646,7 +2646,7 @@ span[role=link] {
 .formio-component-customTabs .tab-header .tab-line {
   position: absolute;
   height: 2px;
-  top: 40px;
+  margin-top: 5px;
   transition: all 0.3s;
 }