@xysfe/actui2 0.0.1

package/lib/GoldFinanceChart/index.js

@@ -0,0 +1 @@
+"use strict";var _sliceInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/slice");var _Array$from=require("@babel/runtime-corejs3/core-js/array/from");var _Symbol=require("@babel/runtime-corejs3/core-js/symbol");var _getIteratorMethod=require("@babel/runtime-corejs3/core-js/get-iterator-method");var _includesInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/includes");var _forEachInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/for-each");var _mapInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/map");var _findIndexInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find-index");var _Object$keys=require("@babel/runtime-corejs3/core-js/object/keys");function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof _Symbol&&_getIteratorMethod(r)||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F2(){};return{s:F,n:function n(){return _n>=r.length?{done:true}:{done:false,value:r[_n++]}},e:function e2(r2){throw r2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=true,u=false;return{s:function s(){t=t.call(r)},n:function n(){var r2=t.next();return a=r2.done,r2},e:function e2(r2){u=true,o=r2},f:function f(){try{a||null==t.return||t.return()}finally{if(u)throw o}}}}function _unsupportedIterableToArray(r,a){if(r){var _context8;if("string"==typeof r)return _arrayLikeToArray(r,a);var t=_sliceInstanceProperty(_context8={}.toString.call(r)).call(_context8,8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?_Array$from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var utils_create=require("../utils/create/index.js");var utils_helpers=require("../utils/helpers/index.js");var GoldFinanceChart_colorConfig=require("./colorConfig/index.js");var GoldFinanceChart_benefit=require("./benefit/index.js");var GoldFinanceChart_costTable=require("./costTable/index.js");var Picker=require("../Picker/index.js");var common=require("../common/index.js");var _sfc_main={name:"ActGoldFinanceChart",data:function data(){return{costTableVisible:false,isShowChart:true,renderData:{},agePickerData:[],selectIndex:10}},components:{benefit:GoldFinanceChart_benefit.benefit,GoldCostTable:GoldFinanceChart_costTable.GoldCostTable,goldPicker:Picker.Picker},props:{tables:{default:function _default(){return{}},type:Object},brandColor:{default:"#8c7fee",type:String},btnColor:{default:"#8c7fee",type:String},chartConfig:{default:function _default2(){return[]},type:Array},isOutSideTable:{default:false,type:Boolean},unit:{default:"周岁",type:String},note:{default:"",type:String},selectDefaultVal:{default:10,type:Number},tip:{default:"",type:String},percentageTypes:{type:Array,default:function _default3(){return[]}},notShowLineTypes:{type:Array,default:function _default4(){return[]}},benefitBtnShow:{type:Boolean,default:true}},computed:{realTheme:function realTheme(){var theme={brandColor:window.g_agentShowCfg&&window.g_agentShowCfg.brandcolor||"#8c7fee",btnColor:window.g_agentShowCfg&&window.g_agentShowCfg.btncolor||"#8c7fee"};if(this.brandColor){theme.brandColor=this.brandColor;theme.btnColor=this.brandColor}return theme},isCps:function isCps(){if(this.brandColor!=="#8c7fee"){return true}return false}},methods:{showAgePicker:function showAgePicker(data2){var _this=this;this.agePickerData=data2.agePickerData;this.$nextTick(function(){_this.$refs.goldPicker.show()})},setSelectIndex:function setSelectIndex(index){this.selectIndex=index},showCostTable:function showCostTable(){if(this.isOutSideTable){this.$emit("showOutSideTable")}else{this.costTableVisible=true}},validateData:function validateData(){if(!this.tables||!this.tables.colsType||!this.chartConfig||!utils_helpers.isArray(this.chartConfig)){return false}var showType1Len=0;var showType2Len=0;var showType3Len=0;for(var i=0;i<this.chartConfig.length;i++){var _context,_context2;var curConfig=this.chartConfig[i];if(!curConfig.colsType){return false}if(_includesInstanceProperty(_context=this.tables.colsType).call(_context,curConfig.colsType)||_includesInstanceProperty(_context2=this.tables.colsType).call(_context2,curConfig.colsType+"")){if(~~curConfig.showType===1){showType1Len+=1}if(~~curConfig.showType===2){showType2Len+=1}if(~~curConfig.showType===3){showType3Len+=1}}}if(showType1Len===1&&showType2Len>=1&&showType3Len===1){return true}return false},findTablesIndex:function findTablesIndex(colsType,colsTypeArray){if(!utils_helpers.isArray(colsTypeArray))return;for(var i=0;i<colsTypeArray.length;i++){if(Number(colsTypeArray[i])===Number(colsType)){return i}}},analysisExpression:function analysisExpression(tipsExpression){if(!/([1-9]+)([+*/-])([1-9]+)/g.test(tipsExpression))return{};var firstParamColsType;var secondParamColsType;var operator;tipsExpression.replace(/([1-9]+)([+*/-])([1-9]+)/g,function($1,$2,$3,$4){firstParamColsType=$2;secondParamColsType=$4;operator=$3});return{firstParamColsType,secondParamColsType,operator}},getExpressionData:function getExpressionData(tipsExpression,chartConfig,tables){var _context3,_context4;var _this$analysisExpress=this.analysisExpression(tipsExpression),firstParamColsType=_this$analysisExpress.firstParamColsType,secondParamColsType=_this$analysisExpress.secondParamColsType,operator=_this$analysisExpress.operator;if(firstParamColsType===void 0||secondParamColsType===void 0||!_includesInstanceProperty(_context3=["+","-","/","*"]).call(_context3,operator))return;var firstParmaIndex;var secondParmaIndex;var result=[];firstParmaIndex=this.findTablesIndex(firstParamColsType,tables.colsType);secondParmaIndex=this.findTablesIndex(secondParamColsType,tables.colsType);if(firstParmaIndex===void 0||secondParmaIndex===void 0)return;_forEachInstanceProperty(_context4=tables.rows).call(_context4,function(item,index){var curRes;switch(operator){case"+":curRes=item[firstParmaIndex]+item[secondParmaIndex];break;case"-":curRes=item[firstParmaIndex]-item[secondParmaIndex];break;case"/":curRes=item[firstParmaIndex]/item[secondParmaIndex];break;case"*":curRes=item[firstParmaIndex]*item[secondParmaIndex];break}result.push(Number(curRes).toFixed(1))});return result},initConfig:function initConfig(chartConfig,tables){var _context5,_this2=this;if(!chartConfig||!tables)return;var mConfigs=[];var xAxisData=[];var names=[];var deepColorConfig=this.isCps?utils_helpers.deepCopy(GoldFinanceChart_colorConfig.cpsColorConfig):utils_helpers.deepCopy(GoldFinanceChart_colorConfig.colorConfig);var showType2ColorConfig=utils_helpers.deepCopy(deepColorConfig.showType2);var showType3ColorConfig=utils_helpers.deepCopy(deepColorConfig.showType3);var _iterator=_createForOfIteratorHelper(chartConfig),_step;try{var _loop=function _loop2(){var _context7;var curConfig=_step.value;var mConfig;var colsType=curConfig.colsType;var tableRowIndex=_this2.findTablesIndex(colsType,tables.colsType);if(!tableRowIndex)return 1;var showType=Number(curConfig.showType);var name=curConfig.name||GoldFinanceChart_colorConfig.dataType[colsType];var titleName=curConfig.titleName||curConfig.name||GoldFinanceChart_colorConfig.dataType[colsType];var expressionData=_this2.getExpressionData(curConfig.tipsExpression,chartConfig,tables);var lineStyle=curConfig.lineStyle;var boxConfig=curConfig.boxConfig;if(showType===2){if(!lineStyle||!boxConfig){if(!showType2ColorConfig.length)showType2ColorConfig=utils_helpers.deepCopy(deepColorConfig.showType2);var onecolorconfig=showType2ColorConfig.shift();lineStyle=onecolorconfig.lineStyle;boxConfig=onecolorconfig.boxConfig}}if(showType===3){if(!lineStyle){if(!showType3ColorConfig.length)showType3ColorConfig=utils_helpers.deepCopy(deepColorConfig.showType3);var _onecolorconfig=showType3ColorConfig.shift();lineStyle=_onecolorconfig.lineStyle}}names.push(name);var markPoint=[];var multcolType=curConfig.multcolType||0;if(multcolType===31){var multValues=curConfig.multValues||[];var multcolTableIndex=_this2.findTablesIndex(multcolType,tables.colsType);if(multcolTableIndex&&multValues.length){markPoint=_mapInstanceProperty(multValues).call(multValues,function(item){var _context6;var x=_findIndexInstanceProperty(_context6=tables.rows).call(_context6,function(row){return item===Math.floor(row[multcolTableIndex])});if(x===-1){return{coord:[],value:0}}var y=tables.rows[x][tableRowIndex];return{coord:[x,y],value:item}})}}var displayLine=true;if(_includesInstanceProperty(_context7=_this2.notShowLineTypes).call(_context7,colsType)){displayLine=false}mConfig={showType,colsType,name,titleName,problemText:curConfig.problemText,tableRowIndex,lineStyle,boxConfig,tipsText:curConfig.tipsText,markPoint,displayLine,negativeText:curConfig.negativeText||""};if(expressionData){mConfig.expressionData=expressionData}mConfigs.push(mConfig)};for(_iterator.s();!(_step=_iterator.n()).done;){if(_loop())continue}}catch(err){_iterator.e(err)}finally{_iterator.f()}var dataSource=_mapInstanceProperty(_context5=tables.rows).call(_context5,function(item){var arr=[];for(var _i=0,_mConfigs=mConfigs;_i<_mConfigs.length;_i++){var config=_mConfigs[_i];if(config.showType===1){xAxisData.push(item[config.tableRowIndex])}arr.push(item[config.tableRowIndex])}return arr});dataSource.unshift(names);return{chartConfig:mConfigs,dataSource,xAxisData}}},watch:{tables:{handler:function handler(newVal){if(newVal&&_Object$keys(newVal).length&&this.chartConfig){var validateRes=this.validateData();this.selectIndex=this.selectDefaultVal;if(validateRes){this.renderData=this.initConfig(this.chartConfig,newVal);this.isShowChart=true}else{this.isShowChart=false}}},immediate:true}}};var _sfc_render=function render(){var _this3=this;var _vm=this,_c=_vm._self._c;return _vm.isShowChart?_c("div",[_c("benefit",{attrs:{"renderData":_vm.renderData,"benefitBtnShow":_vm.benefitBtnShow,"theme":_vm.realTheme,"isCps":_vm.isCps,"unit":_vm.unit,"note":_vm.note,"tip":_vm.tip,"percentageTypes":_vm.percentageTypes,"selectIndex":_vm.selectIndex},on:{"update:selectIndex":function updateSelectIndex($event){_vm.selectIndex=$event},"update:select-index":function updateSelectIndex($event){_vm.selectIndex=$event},"showCostTable":_vm.showCostTable,"showAgePicker":_vm.showAgePicker}}),_c("gold-cost-table",{attrs:{"visible":_vm.costTableVisible,"tables":_vm.tables,"theme":_vm.realTheme},on:{"cancelCost":function cancelCost($event){_vm.costTableVisible=false}}}),_c("gold-picker",{ref:"goldPicker",attrs:{"data":[this.agePickerData],"selectedIndex":[_vm.selectIndex],"confirmColor":_vm.realTheme.btnColor},on:{"select":function select(val,index){_this3.setSelectIndex(index[0])}}})],1):_vm._e()};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,null);var GoldFinanceChart=__component__.exports;GoldFinanceChart.install=function(Vue){Vue.component(GoldFinanceChart.name,GoldFinanceChart);Vue.prototype["$createGoldFinanceChart"]=utils_create.create(GoldFinanceChart,Vue)};exports.GoldFinanceChart=GoldFinanceChart;

package/lib/GoldFinanceChart/index.mjs

@@ -0,0 +1,448 @@
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import { c as create } from "../utils/create/index.mjs";
+import { m as deepCopy, l as isArray } from "../utils/helpers/index.mjs";
+import { c as cpsColorConfig, a as colorConfig, d as dataType } from "./colorConfig/index.mjs";
+import { b as benefit } from "./benefit/index.mjs";
+import { G as GoldCostTable } from "./costTable/index.mjs";
+import { P as Picker } from "../Picker/index.mjs";
+import { n as normalizeComponent } from "../common/index.mjs";
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0, F = function F2() {
+      };
+      return { s: F, n: function n() {
+        return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
+      }, e: function e2(r2) {
+        throw r2;
+      }, f: F };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o, a = true, u = false;
+  return { s: function s() {
+    t = t.call(r);
+  }, n: function n() {
+    var r2 = t.next();
+    return a = r2.done, r2;
+  }, e: function e2(r2) {
+    u = true, o = r2;
+  }, f: function f() {
+    try {
+      a || null == t.return || t.return();
+    } finally {
+      if (u) throw o;
+    }
+  } };
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    var _context8;
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = _sliceInstanceProperty(_context8 = {}.toString.call(r)).call(_context8, 8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+var _sfc_main = {
+  name: "ActGoldFinanceChart",
+  data: function data() {
+    return {
+      costTableVisible: false,
+      isShowChart: true,
+      renderData: {},
+      agePickerData: [],
+      selectIndex: 10
+    };
+  },
+  components: {
+    benefit,
+    GoldCostTable,
+    goldPicker: Picker
+  },
+  props: {
+    tables: {
+      default: function _default() {
+        return {};
+      },
+      type: Object
+    },
+    brandColor: {
+      default: "#8c7fee",
+      type: String
+    },
+    btnColor: {
+      default: "#8c7fee",
+      type: String
+    },
+    chartConfig: {
+      default: function _default2() {
+        return [];
+      },
+      type: Array
+    },
+    isOutSideTable: {
+      default: false,
+      type: Boolean
+    },
+    unit: {
+      default: "周岁",
+      type: String
+    },
+    note: {
+      default: "",
+      type: String
+    },
+    selectDefaultVal: {
+      default: 10,
+      type: Number
+    },
+    tip: {
+      default: "",
+      type: String
+    },
+    percentageTypes: {
+      type: Array,
+      default: function _default3() {
+        return [];
+      }
+    },
+    notShowLineTypes: {
+      type: Array,
+      default: function _default4() {
+        return [];
+      }
+    },
+    benefitBtnShow: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    realTheme: function realTheme() {
+      var theme = {
+        brandColor: window.g_agentShowCfg && window.g_agentShowCfg.brandcolor || "#8c7fee",
+        btnColor: window.g_agentShowCfg && window.g_agentShowCfg.btncolor || "#8c7fee"
+      };
+      if (this.brandColor) {
+        theme.brandColor = this.brandColor;
+        theme.btnColor = this.brandColor;
+      }
+      return theme;
+    },
+    isCps: function isCps() {
+      if (this.brandColor !== "#8c7fee") {
+        return true;
+      }
+      return false;
+    }
+  },
+  methods: {
+    showAgePicker: function showAgePicker(data2) {
+      var _this = this;
+      this.agePickerData = data2.agePickerData;
+      this.$nextTick(function() {
+        _this.$refs.goldPicker.show();
+      });
+    },
+    setSelectIndex: function setSelectIndex(index) {
+      this.selectIndex = index;
+    },
+    showCostTable: function showCostTable() {
+      if (this.isOutSideTable) {
+        this.$emit("showOutSideTable");
+      } else {
+        this.costTableVisible = true;
+      }
+    },
+    validateData: function validateData() {
+      if (!this.tables || !this.tables.colsType || !this.chartConfig || !isArray(this.chartConfig)) {
+        return false;
+      }
+      var showType1Len = 0;
+      var showType2Len = 0;
+      var showType3Len = 0;
+      for (var i = 0; i < this.chartConfig.length; i++) {
+        var _context, _context2;
+        var curConfig = this.chartConfig[i];
+        if (!curConfig.colsType) {
+          return false;
+        }
+        if (_includesInstanceProperty(_context = this.tables.colsType).call(_context, curConfig.colsType) || _includesInstanceProperty(_context2 = this.tables.colsType).call(_context2, curConfig.colsType + "")) {
+          if (~~curConfig.showType === 1) {
+            showType1Len += 1;
+          }
+          if (~~curConfig.showType === 2) {
+            showType2Len += 1;
+          }
+          if (~~curConfig.showType === 3) {
+            showType3Len += 1;
+          }
+        }
+      }
+      if (showType1Len === 1 && showType2Len >= 1 && showType3Len === 1) {
+        return true;
+      }
+      return false;
+    },
+    findTablesIndex: function findTablesIndex(colsType, colsTypeArray) {
+      if (!isArray(colsTypeArray)) return;
+      for (var i = 0; i < colsTypeArray.length; i++) {
+        if (Number(colsTypeArray[i]) === Number(colsType)) {
+          return i;
+        }
+      }
+    },
+    analysisExpression: function analysisExpression(tipsExpression) {
+      if (!/([1-9]+)([+*/-])([1-9]+)/g.test(tipsExpression)) return {};
+      var firstParamColsType;
+      var secondParamColsType;
+      var operator;
+      tipsExpression.replace(/([1-9]+)([+*/-])([1-9]+)/g, function($1, $2, $3, $4) {
+        firstParamColsType = $2;
+        secondParamColsType = $4;
+        operator = $3;
+      });
+      return {
+        firstParamColsType,
+        secondParamColsType,
+        operator
+      };
+    },
+    getExpressionData: function getExpressionData(tipsExpression, chartConfig, tables) {
+      var _context3, _context4;
+      var _this$analysisExpress = this.analysisExpression(tipsExpression), firstParamColsType = _this$analysisExpress.firstParamColsType, secondParamColsType = _this$analysisExpress.secondParamColsType, operator = _this$analysisExpress.operator;
+      if (firstParamColsType === void 0 || secondParamColsType === void 0 || !_includesInstanceProperty(_context3 = ["+", "-", "/", "*"]).call(_context3, operator)) return;
+      var firstParmaIndex;
+      var secondParmaIndex;
+      var result = [];
+      firstParmaIndex = this.findTablesIndex(firstParamColsType, tables.colsType);
+      secondParmaIndex = this.findTablesIndex(secondParamColsType, tables.colsType);
+      if (firstParmaIndex === void 0 || secondParmaIndex === void 0) return;
+      _forEachInstanceProperty(_context4 = tables.rows).call(_context4, function(item, index) {
+        var curRes;
+        switch (operator) {
+          case "+":
+            curRes = item[firstParmaIndex] + item[secondParmaIndex];
+            break;
+          case "-":
+            curRes = item[firstParmaIndex] - item[secondParmaIndex];
+            break;
+          case "/":
+            curRes = item[firstParmaIndex] / item[secondParmaIndex];
+            break;
+          case "*":
+            curRes = item[firstParmaIndex] * item[secondParmaIndex];
+            break;
+        }
+        result.push(Number(curRes).toFixed(1));
+      });
+      return result;
+    },
+    initConfig: function initConfig(chartConfig, tables) {
+      var _context5, _this2 = this;
+      if (!chartConfig || !tables) return;
+      var mConfigs = [];
+      var xAxisData = [];
+      var names = [];
+      var deepColorConfig = this.isCps ? deepCopy(cpsColorConfig) : deepCopy(colorConfig);
+      var showType2ColorConfig = deepCopy(deepColorConfig.showType2);
+      var showType3ColorConfig = deepCopy(deepColorConfig.showType3);
+      var _iterator = _createForOfIteratorHelper(chartConfig), _step;
+      try {
+        var _loop = function _loop2() {
+          var _context7;
+          var curConfig = _step.value;
+          var mConfig;
+          var colsType = curConfig.colsType;
+          var tableRowIndex = _this2.findTablesIndex(colsType, tables.colsType);
+          if (!tableRowIndex) return 1;
+          var showType = Number(curConfig.showType);
+          var name = curConfig.name || dataType[colsType];
+          var titleName = curConfig.titleName || curConfig.name || dataType[colsType];
+          var expressionData = _this2.getExpressionData(curConfig.tipsExpression, chartConfig, tables);
+          var lineStyle = curConfig.lineStyle;
+          var boxConfig = curConfig.boxConfig;
+          if (showType === 2) {
+            if (!lineStyle || !boxConfig) {
+              if (!showType2ColorConfig.length) showType2ColorConfig = deepCopy(deepColorConfig.showType2);
+              var onecolorconfig = showType2ColorConfig.shift();
+              lineStyle = onecolorconfig.lineStyle;
+              boxConfig = onecolorconfig.boxConfig;
+            }
+          }
+          if (showType === 3) {
+            if (!lineStyle) {
+              if (!showType3ColorConfig.length) showType3ColorConfig = deepCopy(deepColorConfig.showType3);
+              var _onecolorconfig = showType3ColorConfig.shift();
+              lineStyle = _onecolorconfig.lineStyle;
+            }
+          }
+          names.push(name);
+          var markPoint = [];
+          var multcolType = curConfig.multcolType || 0;
+          if (multcolType === 31) {
+            var multValues = curConfig.multValues || [];
+            var multcolTableIndex = _this2.findTablesIndex(multcolType, tables.colsType);
+            if (multcolTableIndex && multValues.length) {
+              markPoint = _mapInstanceProperty(multValues).call(multValues, function(item) {
+                var _context6;
+                var x = _findIndexInstanceProperty(_context6 = tables.rows).call(_context6, function(row) {
+                  return item === Math.floor(row[multcolTableIndex]);
+                });
+                if (x === -1) {
+                  return {
+                    coord: [],
+                    value: 0
+                  };
+                }
+                var y = tables.rows[x][tableRowIndex];
+                return {
+                  coord: [x, y],
+                  value: item
+                };
+              });
+            }
+          }
+          var displayLine = true;
+          if (_includesInstanceProperty(_context7 = _this2.notShowLineTypes).call(_context7, colsType)) {
+            displayLine = false;
+          }
+          mConfig = {
+            showType,
+            colsType,
+            name,
+            titleName,
+            problemText: curConfig.problemText,
+            tableRowIndex,
+            lineStyle,
+            boxConfig,
+            tipsText: curConfig.tipsText,
+            markPoint,
+            displayLine,
+            negativeText: curConfig.negativeText || ""
+          };
+          if (expressionData) {
+            mConfig.expressionData = expressionData;
+          }
+          mConfigs.push(mConfig);
+        };
+        for (_iterator.s(); !(_step = _iterator.n()).done; ) {
+          if (_loop()) continue;
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      var dataSource = _mapInstanceProperty(_context5 = tables.rows).call(_context5, function(item) {
+        var arr = [];
+        for (var _i = 0, _mConfigs = mConfigs; _i < _mConfigs.length; _i++) {
+          var config = _mConfigs[_i];
+          if (config.showType === 1) {
+            xAxisData.push(item[config.tableRowIndex]);
+          }
+          arr.push(item[config.tableRowIndex]);
+        }
+        return arr;
+      });
+      dataSource.unshift(names);
+      return {
+        chartConfig: mConfigs,
+        dataSource,
+        xAxisData
+      };
+    }
+  },
+  watch: {
+    tables: {
+      handler: function handler(newVal) {
+        if (newVal && _Object$keys(newVal).length && this.chartConfig) {
+          var validateRes = this.validateData();
+          this.selectIndex = this.selectDefaultVal;
+          if (validateRes) {
+            this.renderData = this.initConfig(this.chartConfig, newVal);
+            this.isShowChart = true;
+          } else {
+            this.isShowChart = false;
+          }
+        }
+      },
+      immediate: true
+    }
+  }
+};
+var _sfc_render = function render() {
+  var _this3 = this;
+  var _vm = this, _c = _vm._self._c;
+  return _vm.isShowChart ? _c("div", [_c("benefit", {
+    attrs: {
+      "renderData": _vm.renderData,
+      "benefitBtnShow": _vm.benefitBtnShow,
+      "theme": _vm.realTheme,
+      "isCps": _vm.isCps,
+      "unit": _vm.unit,
+      "note": _vm.note,
+      "tip": _vm.tip,
+      "percentageTypes": _vm.percentageTypes,
+      "selectIndex": _vm.selectIndex
+    },
+    on: {
+      "update:selectIndex": function updateSelectIndex($event) {
+        _vm.selectIndex = $event;
+      },
+      "update:select-index": function updateSelectIndex($event) {
+        _vm.selectIndex = $event;
+      },
+      "showCostTable": _vm.showCostTable,
+      "showAgePicker": _vm.showAgePicker
+    }
+  }), _c("gold-cost-table", {
+    attrs: {
+      "visible": _vm.costTableVisible,
+      "tables": _vm.tables,
+      "theme": _vm.realTheme
+    },
+    on: {
+      "cancelCost": function cancelCost($event) {
+        _vm.costTableVisible = false;
+      }
+    }
+  }), _c("gold-picker", {
+    ref: "goldPicker",
+    attrs: {
+      "data": [this.agePickerData],
+      "selectedIndex": [_vm.selectIndex],
+      "confirmColor": _vm.realTheme.btnColor
+    },
+    on: {
+      "select": function select(val, index) {
+        _this3.setSelectIndex(index[0]);
+      }
+    }
+  })], 1) : _vm._e();
+};
+var _sfc_staticRenderFns = [];
+var __component__ = /* @__PURE__ */ normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, null);
+var GoldFinanceChart = __component__.exports;
+GoldFinanceChart.install = function(Vue) {
+  Vue.component(GoldFinanceChart.name, GoldFinanceChart);
+  Vue.prototype["$createGoldFinanceChart"] = create(GoldFinanceChart, Vue);
+};
+export {
+  GoldFinanceChart as G
+};

package/lib/GoldFinanceChartV2/chart/index.js

@@ -0,0 +1 @@
+"use strict";require('./style.css');var _defineProperty=require("@babel/runtime-corejs3/helpers/defineProperty");var _Symbol$toStringTag=require("@babel/runtime-corejs3/core-js/symbol/to-string-tag");var _Object$getOwnPropertyDescriptor=require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");var _Object$defineProperty=require("@babel/runtime-corejs3/core-js/object/define-property");var _Object$freeze=require("@babel/runtime-corejs3/core-js/object/freeze");var _Object$assign=require("@babel/runtime-corejs3/core-js/object/assign");var _parseFloat=require("@babel/runtime-corejs3/core-js/parse-float");var _findInstanceProperty=require("@babel/runtime-corejs3/core-js/instance/find");var echarts=require("echarts/dist/echarts.esm.mjs");var GoldFinanceChartV2_config=require("../config/index.js");var circle1=require("../../assets/circle1.5cc5.png");var circle2=require("../../assets/circle2.a69c.png");var circle3=require("../../assets/circle3.c8b2.png");var common=require("../../common/index.js");function _interopNamespaceDefault(e){var n=Object.create(null,_defineProperty({},_Symbol$toStringTag,{value:"Module"}));if(e){var _loop=function _loop2(k2){if(k2!=="default"){var d=_Object$getOwnPropertyDescriptor(e,k2);_Object$defineProperty(n,k2,d.get?d:{enumerable:true,get:function get(){return e[k2]}})}};for(var k in e){_loop(k)}}n.default=e;return _Object$freeze(n)}var echarts__namespace=_interopNamespaceDefault(echarts);var imgs=[circle1,circle2,circle3];var _sfc_main={name:"ChartComp",props:{chartOptions:{type:Object,default:function _default(){return{config:{xAxis:{labelFormat:function labelFormat(){}},yAxis:{labelFormat:function labelFormat(){}}},data:{markPoint:[],source:[]}}}}},data:function data(){return{chart:null}},computed:{defaultChartOption:function defaultChartOption(){return{grid:{height:this.remToPxBased10Px(15),top:this.remToPxBased10Px(2.6),left:this.remToPxBased10Px(4.5),right:this.remToPxBased10Px(2.3),bottom:0,containLabel:false},tooltip:{trigger:"axis",triggerOn:"mousemove",showContent:false,axisPointer:{type:"cross",z:1}},xAxis:{type:"category",boundaryGap:false,axisPointer:{label:{show:false},lineStyle:{type:"solid",width:2,color:"#eeeeee"},show:true},axisLabel:{showMaxLabel:true,formatter:this.chartOptions.config.xAxis.labelFormat,interval:this.getXAxisInterval(),color:"#B3B3B3",fontSize:this.remToPxBased10Px(1),lineHeight:this.remToPxBased10Px(1.5)},axisLine:{lineStyle:{color:"#F5F5F5"}}},yAxis:{axisPointer:{label:{show:false},lineStyle:{type:"solid",width:2,color:"#eeeeee"},show:true},axisLine:{lineStyle:{color:"#B3B3B3"}},axisLabel:{formatter:this.chartOptions.config.yAxis.labelFormat,color:"#B3B3B3",fontSize:this.remToPxBased10Px(1),lineHeight:this.remToPxBased10Px(1.5)},splitLine:{lineStyle:{color:"#F5F5F5"}}},series:{type:"line",showSymbol:false,symbolSize:[this.remToPxBased10Px(1.4),this.remToPxBased10Px(1.4)],smooth:true,lineStyle:{width:3}}}}},methods:{getXAxisInterval:function getXAxisInterval(){var totalLen=this.chartOptions.data.source.length;return Math.floor(totalLen/7)},setEcharts:function setEcharts(){var len=this.chartOptions.data.source[0].length-1;var series=[];for(var i=0;i<len;i++){series.push(_Object$assign({},this.defaultChartOption.series,{symbol:"image://"+imgs[i]||"",areaStyle:{color:new echarts__namespace.graphic.LinearGradient(0,0,0,1,[{offset:0,color:GoldFinanceChartV2_config.GradientColorConfig[i][0]},{offset:1,color:GoldFinanceChartV2_config.GradientColorConfig[i][1]}])},color:GoldFinanceChartV2_config.ColorConfig[i],markPoint:{symbol:"image://"+imgs[i]||"",symbolSize:[this.remToPxBased10Px(1.6),this.remToPxBased10Px(1.7)],symbolOffset:["-30%","-50%"],silent:true,label:{show:true,formatter:"{b}",color:"#fff",fontSize:this.remToPxBased10Px(.7),position:[this.remToPxBased10Px(.5),this.remToPxBased10Px(.4)]},data:this.chartOptions.data.markPoint[i]}}))}var option=_Object$assign({},this.defaultChartOption,{series,dataset:{source:this.chartOptions.data.source}});this.chart.setOption(option)},remToPxBased10Px:function remToPxBased10Px(rem){var htmlEle=window.document.documentElement||document.getElementsByTagName("html")[0];var rootFontSize=_parseFloat(getComputedStyle(htmlEle,null).fontSize);if(rootFontSize>12){return rem*rootFontSize}var clientWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;var fontSize=clientWidth/375*10;return clientWidth?rem*fontSize:rem*10}},mounted:function mounted(){var _this=this;this.chart=echarts__namespace.init(this.$refs.chart);this.chart.getZr().on("mousemove",function(params){var pointInPixel=[params.offsetX,params.offsetY];var pointInGrid=_this.chart.convertFromPixel("grid",pointInPixel);if(_this.chart.containPixel("grid",pointInPixel)){var _this$chart$getOption=_this.chart.getOption(),dataset=_this$chart$getOption.dataset;var source=dataset[0].source;var selectedData=_findInstanceProperty(source).call(source,function(data2,index){return index===pointInGrid[0]});if(selectedData){_this.$emit("getCurrentData",selectedData)}}});this.setEcharts()},watch:{"chartOptions.data":function chartOptionsData(val){if(val){this.setEcharts()}}}};var _sfc_render=function render(){var _vm=this,_c=_vm._self._c;return _c("div",{ref:"chart",staticClass:"chart"})};var _sfc_staticRenderFns=[];var __component__=common.normalizeComponent(_sfc_main,_sfc_render,_sfc_staticRenderFns,false,null,"cf5a7586");var Chart=__component__.exports;exports.Chart=Chart;