bytev-charts/lib/component/impl/otherComponent/DigitalRoller/DigitalRollerElectronic/DigitalRollerElectronicGradient/DigitalRollerElectronicGradient.js

基于echarts和JavaScript及ES6封装的一个可以直接调用的图表组件库，内置主题设计，简单快捷，且支持用户自定义配置； npm 安装方式: npm install bytev-charts 若启动提示还需额外install插件,则运行 npm install @babel/runtime-corejs2 即可;

import _Reflect$construct from "@babel/runtime-corejs2/core-js/reflect/construct";
import "core-js/modules/es.object.to-string.js";
import _classCallCheck from "@babel/runtime-corejs2/helpers/classCallCheck";
import _createClass from "@babel/runtime-corejs2/helpers/createClass";
import _assertThisInitialized from "@babel/runtime-corejs2/helpers/assertThisInitialized";
import _get from "@babel/runtime-corejs2/helpers/get";
import _inherits from "@babel/runtime-corejs2/helpers/inherits";
import _possibleConstructorReturn from "@babel/runtime-corejs2/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime-corejs2/helpers/getPrototypeOf";
import _defineProperty from "@babel/runtime-corejs2/helpers/defineProperty";
import "core-js/modules/es.array.concat.js";

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 _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; } }

/*
* 电子屏数字翻牌器、电子屏数字滚动轴 背景渐变
* */
import DigitalRollerElectronic from "../DigitalRollerElectronic.js";

var DigitalRollerElectronicGradient = /*#__PURE__*/function (_DigitalRollerElectro) {
  _inherits(DigitalRollerElectronicGradient, _DigitalRollerElectro);

  var _super = _createSuper(DigitalRollerElectronicGradient);

  function DigitalRollerElectronicGradient(element, option) {
    var _this;

    _classCallCheck(this, DigitalRollerElectronicGradient);

    _this = _super.call(this, element, option);

    _defineProperty(_assertThisInitialized(_this), "name", 'DigitalRollerElectronicGradient');

    return _this;
  }

  _createClass(DigitalRollerElectronicGradient, [{
    key: "buildByteVModel",
    value: function buildByteVModel() {
      _get(_getPrototypeOf(DigitalRollerElectronicGradient.prototype), "buildByteVModel", this).call(this);

      this.byteVModel.fontColor = '#00000090';
    }
  }, {
    key: "setComponentContainerStyle",
    value: function setComponentContainerStyle() {
      _get(_getPrototypeOf(DigitalRollerElectronicGradient.prototype), "setComponentContainerStyle", this).call(this);

      var a = this.componentContainer.getElementsByClassName('BTV-number-item');

      for (var i = 0; i < a.length; i++) {
        a[i].style['border'] = 'none';
      }

      var b = this.componentContainer.getElementsByClassName('BTV-textTopBack-box');

      for (var _i = 0; _i < b.length; _i++) {
        b[_i].style['display'] = 'none';
      } // let c = this.componentContainer.getElementsByTagName('span')


      var c = this.componentContainer.getElementsByClassName('BTV-number-item-span');

      for (var _i2 = 0; _i2 < c.length; _i2++) {
        c[_i2].style['background-image'] = "linear-gradient(\n                    to bottom, \n                    ".concat(this.theme.color[0], "01, \n                    ").concat(this.theme.color[0], "40, \n                    ").concat(this.theme.color[0], "90, \n                    ").concat(this.theme.color[0], "ef, \n                    ").concat(this.theme.color[0], "90, \n                    ").concat(this.theme.color[0], "40,\n                    ").concat(this.theme.color[0], "01\n                )");
        c[_i2].style['box-shadow'] = "none";
        c[_i2].style['padding-top'] = "5px";
        c[_i2].style['border-left'] = "4px solid #00000050";
        c[_i2].style['border-right'] = "4px solid #00000050";
        c[_i2].style['box-shadow'] = "none";
      }
    }
  }, {
    key: "setData",
    value: function setData(data) {
      _get(_getPrototypeOf(DigitalRollerElectronicGradient.prototype), "setData", this).call(this, data, function (numberItem) {
        numberItem.style.margin = '0 6px';
      });
    }
  }]);

  return DigitalRollerElectronicGradient;
}(DigitalRollerElectronic);

export { DigitalRollerElectronicGradient as default };