binu/bine.umd.407.js

This is an easier platfrom with custom component for vue.

"use strict";
((typeof self !== 'undefined' ? self : this)["webpackChunkbine"] = (typeof self !== 'undefined' ? self : this)["webpackChunkbine"] || []).push([[407],{

/***/ 1407:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": function() { return /* binding */ linechart; }
});

;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/epfm/optionComps/linechart.vue?vue&type=template&id=449457a6&
var render = function render() {
  var _vm = this,
      _c = _vm._self._c;

  return _c('el-form', {
    attrs: {
      "model": _vm.optionData,
      "rules": _vm.optionRules,
      "label-width": "100px"
    }
  }, [_c('el-form-item', {
    attrs: {
      "label": "图形标题",
      "prop": "title"
    }
  }, [_c('el-input', {
    staticStyle: {
      "width": "320px",
      "max-width": "500px"
    },
    attrs: {
      "placeholder": "请输入折线图显示标题...",
      "minlength": 3,
      "maxlength": 20
    },
    model: {
      value: _vm.optionData.title,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "title", $$v);
      },
      expression: "optionData.title"
    }
  })], 1), _c('el-form-item', {
    attrs: {
      "label": "平滑曲线",
      "prop": "smooth"
    }
  }, [_c('el-switch', {
    model: {
      value: _vm.optionData.smooth,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "smooth", $$v);
      },
      expression: "optionData.smooth"
    }
  })], 1), _c('el-form-item', {
    attrs: {
      "label": "面积填充",
      "prop": "areaStyle"
    }
  }, [_c('el-switch', {
    model: {
      value: _vm.optionData.areaStyle,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "areaStyle", $$v);
      },
      expression: "optionData.areaStyle"
    }
  })], 1), _c('el-form-item', {
    attrs: {
      "label": "显示节点数值",
      "prop": "label"
    }
  }, [_c('el-switch', {
    model: {
      value: _vm.optionData.label,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "label", $$v);
      },
      expression: "optionData.label"
    }
  })], 1), _c('el-form-item', {
    attrs: {
      "label": "显示图例",
      "prop": "legend"
    }
  }, [_c('el-switch', {
    model: {
      value: _vm.optionData.legend,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "legend", $$v);
      },
      expression: "optionData.legend"
    }
  })], 1), _c('el-form-item', {
    attrs: {
      "label": "提供图片下载",
      "prop": "saveAsImage"
    }
  }, [_c('el-switch', {
    model: {
      value: _vm.optionData.saveAsImage,
      callback: function ($$v) {
        _vm.$set(_vm.optionData, "saveAsImage", $$v);
      },
      expression: "optionData.saveAsImage"
    }
  })], 1)], 1);
};

var staticRenderFns = [];

;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/epfm/optionComps/linechart.vue?vue&type=script&lang=js&
/* harmony default export */ var linechartvue_type_script_lang_js_ = ({
  data() {
    return {
      optionData: {
        title: "",
        smooth: false,
        areaStyle: false,
        label: false,
        legend: false,
        saveAsImage: false
      },
      optionRules: {
        title: [{
          required: true,
          message: "请输入标题",
          trigger: "blur"
        }, {
          min: 3,
          max: 20,
          message: "长度在 3 到 20 个字符",
          trigger: "blur"
        }]
      }
    };
  },

  methods: {
    getOption() {
      if (!this.optionData.title.trim()) {
        return "请输入图形标题！";
      }

      return {
        title: this.optionData.title,
        smooth: this.optionData.smooth,
        areaStyle: this.optionData.areaStyle ? true : false,
        label: {
          show: this.optionData.label,
          position: 'top'
        },
        legend: this.optionData.legend ? true : false,
        saveAsImage: {
          feature: {
            saveAsImage: this.optionData.saveAsImage ? {} : null
          }
        }
      };
    }

  }
});
;// CONCATENATED MODULE: ./src/components/epfm/optionComps/linechart.vue?vue&type=script&lang=js&
 /* harmony default export */ var optionComps_linechartvue_type_script_lang_js_ = (linechartvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1001);
;// CONCATENATED MODULE: ./src/components/epfm/optionComps/linechart.vue





/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
  optionComps_linechartvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var linechart = (component.exports);

/***/ })

}]);
//# sourceMappingURL=bine.umd.407.js.map