jtui3.0 1.0.21 → 1.0.23

package/lib/jtui3.0.umd.js

@@ -93520,7 +93520,7 @@ const ElColorPicker = _ColorPicker;
 
 ;// CONCATENATED MODULE: ./node_modules/element-plus/es/components/color-picker/style/css.mjs
 
-;// CONCATENATED MODULE: ./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[33].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[34].use[0]!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/echarts/index.vue?vue&type=template&id=08e8c55e&scoped=true
+;// CONCATENATED MODULE: ./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[33].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[34].use[0]!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/echarts/index.vue?vue&type=template&id=64f322f8&scoped=true
 /* unplugin-vue-components disabled */
 
 
@@ -93530,26 +93530,26 @@ const ElColorPicker = _ColorPicker;
 
 
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_withScopeId = n => (_pushScopeId("data-v-08e8c55e"), n = n(), _popScopeId(), n);
+const echartsvue_type_template_id_64f322f8_scoped_true_withScopeId = n => (_pushScopeId("data-v-64f322f8"), n = n(), _popScopeId(), n);
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_1 = {
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_1 = {
   class: "echarts-wapper"
 };
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_2 = ["id"];
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_2 = ["id"];
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("实线");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("实线");
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("虚线");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("虚线");
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("点");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_5 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("点");
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("实线");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_6 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("实线");
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("虚线");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_7 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("虚线");
 
-const echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_8 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("点");
+const echartsvue_type_template_id_64f322f8_scoped_true_hoisted_8 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createTextVNode)("点");
 
-function echartsvue_type_template_id_08e8c55e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function echartsvue_type_template_id_64f322f8_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_switch = ElSwitch;
 
   const _component_el_form_item = ElFormItem;
@@ -93564,11 +93564,11 @@ function echartsvue_type_template_id_08e8c55e_scoped_true_render(_ctx, _cache, $
 
   const _component_el_dialog = ElDialog;
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("div", echartsvue_type_template_id_64f322f8_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("div", {
     ref: el => $setup.setRef(el),
     id: $props.id,
     class: "jt-chart-vm"
-  }, null, 8, echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
+  }, null, 8, echartsvue_type_template_id_64f322f8_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementVNode)("span", {
     class: "jtIcon iconpeizhi41 eitid-icon",
     onClick: _cache[0] || (_cache[0] = $event => $setup.dialogVisible = true)
   }), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_el_dialog, {
@@ -93651,21 +93651,21 @@ function echartsvue_type_template_id_08e8c55e_scoped_true_render(_ctx, _cache, $
           "onUpdate:modelValue": _cache[8] || (_cache[8] = $event => $setup.gridLineConfig.lineType = $event),
           label: "solid"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_3]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_3]),
           _: 1
         }, 8, ["modelValue"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_el_radio, {
           modelValue: $setup.gridLineConfig.lineType,
           "onUpdate:modelValue": _cache[9] || (_cache[9] = $event => $setup.gridLineConfig.lineType = $event),
           label: "dashed"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_4]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_4]),
           _: 1
         }, 8, ["modelValue"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_el_radio, {
           modelValue: $setup.gridLineConfig.lineType,
           "onUpdate:modelValue": _cache[10] || (_cache[10] = $event => $setup.gridLineConfig.lineType = $event),
           label: "dotted"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_5]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_5]),
           _: 1
         }, 8, ["modelValue"])]),
         _: 1
@@ -93712,21 +93712,21 @@ function echartsvue_type_template_id_08e8c55e_scoped_true_render(_ctx, _cache, $
           "onUpdate:modelValue": _cache[15] || (_cache[15] = $event => $setup.tickLineConfig.lineType = $event),
           label: "solid"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_6]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_6]),
           _: 1
         }, 8, ["modelValue"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_el_radio, {
           modelValue: $setup.tickLineConfig.lineType,
           "onUpdate:modelValue": _cache[16] || (_cache[16] = $event => $setup.tickLineConfig.lineType = $event),
           label: "dashed"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_7]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_7]),
           _: 1
         }, 8, ["modelValue"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createVNode)(_component_el_radio, {
           modelValue: $setup.tickLineConfig.lineType,
           "onUpdate:modelValue": _cache[17] || (_cache[17] = $event => $setup.tickLineConfig.lineType = $event),
           label: "dotted"
         }, {
-          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_08e8c55e_scoped_true_hoisted_8]),
+          default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_.withCtx)(() => [echartsvue_type_template_id_64f322f8_scoped_true_hoisted_8]),
           _: 1
         }, 8, ["modelValue"])]),
         _: 1
@@ -93736,7 +93736,7 @@ function echartsvue_type_template_id_08e8c55e_scoped_true_render(_ctx, _cache, $
     _: 1
   }, 8, ["modelValue"])]);
 }
-;// CONCATENATED MODULE: ./packages/echarts/index.vue?vue&type=template&id=08e8c55e&scoped=true
+;// CONCATENATED MODULE: ./packages/echarts/index.vue?vue&type=template&id=64f322f8&scoped=true
 /* unplugin-vue-components disabled */
 ;// CONCATENATED MODULE: ./node_modules/echarts/node_modules/tslib/tslib.es6.js
 
@@ -212263,12 +212263,17 @@ function getInterval(min, max, total) {
     maxAndMinLevel: {
       type: Number,
       default: 0.05
+    },
+    //自定义事件间隔
+    customIntrerVal: {
+      type: Number
     }
   },
 
   setup(props) {
     const {
-      timeRange
+      timeRange,
+      customIntrerVal
     } = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.toRefs)(props);
     let prevTime = 0;
     const activeRef = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.ref)(null);
@@ -212278,14 +212283,18 @@ function getInterval(min, max, total) {
       activeRef.value = el;
     }
 
-    const {
-      minVal,
-      maxVal
-    } = getMaxAndMinValue();
     let chartVM;
     let option;
+    let tempArray = [];
+    props.data.forEach(item => {
+      tempArray = tempArray.concat(item.data);
+    });
 
-    if (timeRange.value) {
+    if (timeRange.value && tempArray.length != 0) {
+      const {
+        minVal,
+        maxVal
+      } = getMaxAndMinValue();
       option = {
         xAxis: {
           type: "value",
@@ -212367,6 +212376,13 @@ function getInterval(min, max, total) {
             }
           }
         },
+        dataZoom: [{
+          type: 'inside',
+          xAxisIndex: 0
+        }, {
+          type: 'slider',
+          xAxisIndex: 0
+        }],
         series: props.data
       };
     } else {
@@ -212386,15 +212402,19 @@ function getInterval(min, max, total) {
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
       chartVM = echarts_init(document.getElementById(props.id));
 
-      if (timeRange.value) {
+      if (timeRange.value && tempArray.length != 0) {
         computedTimeInterval(timeRange.value);
       } else {
         chartVM.setOption(option);
       }
+
+      window.addEventListener('resize', () => {
+        chartVM.resize();
+      });
     }); //监听外部时间选择
 
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(timeRange, newVal => {
-      if (chartVM) {
+      if (chartVM && tempArray.length != 0) {
         prevTime = 0;
         computedTimeInterval(newVal);
       }
@@ -212432,12 +212452,19 @@ function getInterval(min, max, total) {
     function computedTimeInterval(time) {
       const minTime = new Date(time[0]).getTime();
       const maxTime = new Date(time[1]).getTime();
-      const total = (activeRef.value.offsetWidth - 120) / 60;
-      const timeInterVal = getInterval(minTime, maxTime, total);
-      option.xAxis.interval = timeInterVal.interval;
+
+      if (!customIntrerVal.value) {
+        const total = (activeRef.value.offsetWidth - 120) / 60;
+        const timeInterVal = getInterval(minTime, maxTime, total);
+        option.xAxis.interval = timeInterVal.interval;
+        option.xAxis.name = timeInterVal.xAxisLabel;
+      } else {
+        option.xAxis.interval = customIntrerVal.value.interval;
+        option.xAxis.name = customIntrerVal.value.xName;
+      }
+
       option.xAxis.min = minTime;
       option.xAxis.max = maxTime;
-      option.xAxis.name = timeInterVal.xAxisLabel;
       option.legend.data = option.series.map(item => item.name);
       setGridLine(gridLineConfig);
       chartVM.setOption(option, true);
@@ -212509,12 +212536,7 @@ function getInterval(min, max, total) {
 
 
     function getMaxAndMinValue() {
-      let minVal,
-          maxVal,
-          tempArray = [];
-      props.data.forEach(item => {
-        tempArray = tempArray.concat(item.data);
-      });
+      let minVal, maxVal;
       const tempArraySort = tempArray.sort((a, b) => {
         return a[1] - b[1];
       });
@@ -212540,10 +212562,10 @@ function getInterval(min, max, total) {
 });
 ;// CONCATENATED MODULE: ./packages/echarts/index.vue?vue&type=script&lang=js
 /* unplugin-vue-components disabled */ 
-;// CONCATENATED MODULE: ./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[33].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[34].use[0]!./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/echarts/index.vue?vue&type=style&index=0&id=08e8c55e&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[33].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[34].use[0]!./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/echarts/index.vue?vue&type=style&index=0&id=64f322f8&lang=scss&scoped=true
 /* unplugin-vue-components disabled */// extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./packages/echarts/index.vue?vue&type=style&index=0&id=08e8c55e&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./packages/echarts/index.vue?vue&type=style&index=0&id=64f322f8&lang=scss&scoped=true
 /* unplugin-vue-components disabled */
 ;// CONCATENATED MODULE: ./packages/echarts/index.vue
 /* unplugin-vue-components disabled */
@@ -212553,7 +212575,7 @@ function getInterval(min, max, total) {
 ;
 
 
-const echarts_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(echartsvue_type_script_lang_js, [['render',echartsvue_type_template_id_08e8c55e_scoped_true_render],['__scopeId',"data-v-08e8c55e"]])
+const echarts_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(echartsvue_type_script_lang_js, [['render',echartsvue_type_template_id_64f322f8_scoped_true_render],['__scopeId',"data-v-64f322f8"]])
 
 /* harmony default export */ var echarts = (echarts_exports_);
 ;// CONCATENATED MODULE: ./packages/echarts/index.js