@ecan-bi/datav 1.0.87 → 1.0.89

package/dist/index.es.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.87 */
+/*! @ecan-bi/datav@1.0.89 */
 var _a, _b, _c;
 import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createSlots, resolveDynamicComponent, mergeProps, withModifiers, withDirectives, vShow } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
@@ -6,7 +6,7 @@ import { addListener, removeListener } from "resize-detector";
 import { Spin as Spin$1, Skeleton as Skeleton$1, message, Progress, Input as Input$1, DatePicker as DatePicker$1, Select as Select$1, RangePicker as RangePicker$1, Button as Button$1, CheckboxGroup, Modal as Modal$1, Table as Table$1, TableSummary, TableSummaryRow, TableSummaryCell } from "ant-design-vue";
 import "ant-design-vue/es/spin/style";
 import "ant-design-vue/es/skeleton/style";
-import { mapValues, without, pick, debounce } from "lodash-es";
+import { mapValues, without, pick, debounce, cloneDeep } from "lodash-es";
 import axios from "axios";
 import mitt from "mitt";
 import dayjs from "dayjs";
@@ -1661,23 +1661,45 @@ const lowerCaseIncludes = (v1, v2) => {
   }
   return false;
 };
-const useVariablesInText = (text = "", data = {}) => {
+const useVariablesInText = (formatter = "", data = {}, { useNewline = false, useSpace = false } = {}) => {
   const config2 = window.config || {};
   data = { ...config2, ...data };
-  const variables = text.match(/\{\w*\}/g);
-  if (variables == null || variables.length === 0)
-    return text;
+  const variables = formatter.match(/\{(.+?)\}/g);
+  if (variables == null || variables.length === 0) {
+    return formatter;
+  }
   for (let i = 0; i < variables.length; i++) {
     const variable = variables[i];
-    const v = variable.slice(1, variable.length - 1);
-    const usedVariable = data[v];
-    if (usedVariable != null) {
-      text = text.replace(variable, usedVariable);
-    } else {
-      text = text.replace(variable, "");
+    let statement = variable.slice(1, -1);
+    const reg = /[\u4e00-\u9fa5_a-zA-Z_]+[0-9]*/g;
+    const textVariables = statement.match(reg);
+    for (let j = 0; j < textVariables.length; j++) {
+      const textVariable = textVariables[j];
+      const usedVariable = data[textVariable];
+      if (usedVariable != null) {
+        statement = statement.replace(textVariable, usedVariable);
+      } else {
+        statement = statement.replace(textVariable, "");
+      }
     }
+    try {
+      if (/[0-9]+(.*)[|+|-|*|/](.*)[0-9]+/g.test(statement)) {
+        const eval2 = eval;
+        statement = eval2(statement);
+      }
+    } catch (e) {
+      console.error(e);
+    }
+    formatter = formatter.replace(variable, statement);
+  }
+  if (useNewline) {
+    formatter = formatter == null ? void 0 : formatter.replace(/\n|\\n/g, "<br/>");
   }
-  return text;
+  if (useSpace) {
+    formatter = formatter == null ? void 0 : formatter.replace(/\s{2,}?/g, "&nbsp;&nbsp;");
+  }
+  console.log("formatter", formatter);
+  return formatter;
 };
 const useRequestData = (props2, callBack = () => {
 }) => {
@@ -1729,7 +1751,7 @@ const useRequestData = (props2, callBack = () => {
         _params[key] = useVariablesInText(value);
       }
     });
-    _params = { ...window.requestParams, ..._params, ...params };
+    _params = { ...window.config.requestParams, ..._params, ...params };
     let urlParams = "";
     const keys = Object.keys(_params);
     const last = keys.length - 1;
@@ -2216,7 +2238,8 @@ const useValueFormatter = (formatter, value) => {
   if (variables == null || variables.length === 0) {
     return value;
   }
-  for (let i = 0; i < variables.length; i++) {
+  const len = variables.length;
+  for (let i = 0; i < len; i++) {
     const variable = variables[i];
     if (variable == null || variable === "")
       break;
@@ -2566,7 +2589,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ], 512);
 }
-const PageConfig = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-c850087e"]]);
+const PageConfig = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-7b482f6c"]]);
 const EcanPageConfig = withInstall(PageConfig);
 const providerConfig = {
   contextRequestUrl: "",
@@ -2593,7 +2616,9 @@ const _sfc_main$n = defineComponent({
     onMounted(() => {
       setTheme();
     });
-    const contextRequestUrl = computed(() => useVariablesInText(props2.contextRequestUrl));
+    const contextRequestUrl = computed(() => {
+      return useVariablesInText(props2.contextRequestUrl);
+    });
     const pageMode = computed(() => props2.pageMode);
     const theme = computed(() => props2.theme);
     const touchEventId = ref("");
@@ -2745,7 +2770,10 @@ const textProps = {
   variableFontSize: "14px",
   data: {},
   variableDefaultValue: "0",
-  format: ""
+  format: "",
+  target: "self",
+  href: "",
+  linkPage: ""
 };
 const textComponentProps = transformToComponentProps(textProps);
 const textEvents = ["refreshData", "click"];
@@ -2845,6 +2873,24 @@ const _sfc_main$m = defineComponent({
     });
     const emitEvent = useEmitEvent(props2);
     const click = emitEvent("click", () => {
+      if (!props2.linkPage && !props2.href)
+        return;
+      const linkPage = props2.linkPage || "";
+      const pageUrl = usePageUrl(unref(pageMode), linkPage);
+      const href = props2.href;
+      let url = href || pageUrl;
+      url = useVariablesInText(url);
+      const target = props2.target;
+      if (target == null || target === "")
+        return;
+      if (target !== "event") {
+        window.open(url, "_" + target);
+      } else {
+        window.parent.postMessage({
+          type: "openPage",
+          url: href
+        }, "*");
+      }
     });
     return {
       style: style2,
@@ -2871,7 +2917,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
   }, null, 12, _hoisted_1$7));
 }
-const Text = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-04fdee06"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-604c9a14"]]);
 const EcanText = withInstall(Text);
 const ScrollText_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$l = defineComponent({
@@ -2946,7 +2992,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style)
   }, toDisplayString(_ctx.time), 5);
 }
-const TimeDisplay = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-2da8f6d2"]]);
+const TimeDisplay = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-6f85cdb0"]]);
 const EcanTimeDisplay = withInstall(TimeDisplay);
 const listProps = {
   ...props,
@@ -3071,7 +3117,7 @@ const _sfc_main$j = defineComponent({
     };
   }
 });
-const _withScopeId$2 = (n) => (pushScopeId("data-v-2d4a657c"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-33dd5dd2"), n = n(), popScopeId(), n);
 const _hoisted_1$5 = {
   key: 0,
   class: "title"
@@ -3173,7 +3219,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-const List = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-2d4a657c"]]);
+const List = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-33dd5dd2"]]);
 const EcanList = withInstall(List);
 const proportionProps = {
   ...props,
@@ -3381,7 +3427,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
   ], 4);
 }
-const Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-4f7958e8"]]);
+const Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-1e9f619c"]]);
 const EcanProportion = withInstall(Proportion);
 const inputProps = {
   ...props,
@@ -3652,7 +3698,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["value", "options", "getPopupContainer", "field-names", "filter-option", "onChange"])
   ], 4);
 }
-const Select = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-5e92066a"]]);
+const Select = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-38e47a34"]]);
 const EcanSelect = withInstall(Select);
 const rangePickerProps = {
   ...props,
@@ -3734,7 +3780,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["value", "format", "picker", "locale", "getPopupContainer", "onChange"])
   ], 4);
 }
-const RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-7433eda4"]]);
+const RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-3acf6a86"]]);
 const EcanRangePicker = withInstall(RangePicker);
 const buttonProps = {
   ...props,
@@ -3958,7 +4004,7 @@ const pieProps = {
   tooltipShow: true,
   tooltipTextStyleColor: "",
   tooltipTrigger: "item",
-  tooltipFormatter: "{b} : {c} ({d}%)",
+  tooltipFormatter: "{marker} {b}   {c} ({d}%)",
   legendShow: true,
   legendTextStyleColor: "#333",
   legendOrient: "vertical",
@@ -4104,7 +4150,27 @@ const _sfc_main$b = defineComponent({
         tooltip: {
           show: props2.tooltipShow,
           trigger: props2.tooltipTrigger,
-          formatter: handleFormatter(props2.tooltipFormatter),
+          formatter: (params) => {
+            const { marker, seriesName, name, value, percent, data: data2 } = params || {};
+            return useVariablesInText(
+              props2.tooltipFormatter,
+              {
+                marker,
+                name,
+                value,
+                percent,
+                a: seriesName,
+                b: name,
+                c: value,
+                d: percent,
+                ...data2
+              },
+              {
+                useNewline: true,
+                useSpace: true
+              }
+            );
+          },
           textStyle: {
             color: props2.tooltipTextStyleColor
           }
@@ -4303,16 +4369,15 @@ const lineProps = {
   left: "",
   rotate: "",
   data: [
-    { name: "\u540D\u79F0\u4E00", value: 335 },
-    { name: "\u540D\u79F0\u4E8C", value: 310 },
-    { name: "\u540D\u79F0\u4E09", value: 234 },
-    { name: "\u540D\u79F0\u56DB", value: 135 },
-    { name: "\u540D\u79F0\u4E94", value: 1548 }
+    { name: "\u540D\u79F0\u4E00", value: 235, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u4E8C", value: 280, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u4E09", value: 230, type: "\u7C7B\u578B\u4E00" },
+    { name: "\u540D\u79F0\u56DB", value: 335, type: "\u7C7B\u578B\u4E00" }
   ],
   titleText: "",
   titleSubtext: "",
   titleLeft: "",
-  legendShow: false,
+  legendShow: true,
   legendOrient: "horizontal",
   legendTop: "top",
   legendLeft: "center",
@@ -4340,6 +4405,8 @@ const lineProps = {
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
   graphicConfig: {},
+  tooltipShow: true,
+  tooltipFormatter: "{marker} {a}    {c}",
   toolboxShow: false,
   toolboxOrient: "horizontal",
   toolboxItemSize: 16,
@@ -4432,6 +4499,42 @@ const _sfc_main$a = defineComponent({
           containLabel: props2.gridContainLabel
         },
         color: props2.colors,
+        tooltip: {
+          trigger: "axis",
+          show: props2.tooltipShow,
+          formatter: (params) => {
+            const len = params.length;
+            let formatter = "";
+            let tooltipFormatter = props2.tooltipFormatter;
+            if (tooltipFormatter === "") {
+              tooltipFormatter = "{marker} {a}    {c}";
+            }
+            for (let i = 0; i < len; i++) {
+              const { marker, seriesName, name, value, data } = params[i] || {};
+              if (i === 0) {
+                formatter += `${name}<br/>`;
+              }
+              formatter += useVariablesInText(
+                tooltipFormatter,
+                {
+                  marker,
+                  name,
+                  value,
+                  a: seriesName,
+                  b: name,
+                  c: value,
+                  ...data
+                },
+                {
+                  useNewline: true,
+                  useSpace: true
+                }
+              );
+              formatter += "<br/>";
+            }
+            return formatter;
+          }
+        },
         xAxis: {
           type: "category",
           data: unref(dimensions),
@@ -4476,9 +4579,6 @@ const _sfc_main$a = defineComponent({
             }
           }
         },
-        tooltip: {
-          trigger: "axis"
-        },
         legend: {
           show: props2.legendShow,
           orient: props2.legendOrient,
@@ -4707,8 +4807,7 @@ const barProps = {
   legendLeft: "center",
   tooltipShow: true,
   tooltipTextStyleColor: "",
-  tooltipTrigger: "item",
-  tooltipFormatter: "",
+  tooltipFormatter: "{marker} {a}    {c}",
   xAxisSplitLineShow: true,
   xAxisSplitLineStyleColor: "#333",
   xAxisLabelColor: "#333",
@@ -4854,7 +4953,38 @@ const _sfc_main$9 = defineComponent({
         tooltip: {
           trigger: "axis",
           show: props2.tooltipShow,
-          formatter: handleFormatter(props2.tooltipFormatter),
+          formatter: (params) => {
+            const len = params.length;
+            let formatter = "";
+            let tooltipFormatter = props2.tooltipFormatter;
+            if (tooltipFormatter === "") {
+              tooltipFormatter = "{marker} {a}    {c}";
+            }
+            for (let i = 0; i < len; i++) {
+              const { marker, seriesName, name, value, data } = params[i] || {};
+              if (i === 0) {
+                formatter += `${name}<br/>`;
+              }
+              formatter += useVariablesInText(
+                tooltipFormatter,
+                {
+                  marker,
+                  name,
+                  value,
+                  a: seriesName,
+                  b: name,
+                  c: value,
+                  ...data
+                },
+                {
+                  useNewline: true,
+                  useSpace: true
+                }
+              );
+              formatter += "<br/>";
+            }
+            return formatter;
+          },
           textStyle: {
             color: props2.tooltipTextStyleColor
           }
@@ -5098,7 +5228,7 @@ const scatterProps = {
   titleSubtext: "",
   tooltipShow: true,
   tooltipTrigger: "item",
-  tooltipFormatter: "{c}",
+  tooltipFormatter: "{marker} {b}    {c}",
   legendShow: false,
   legendOrient: "horizontal",
   legendTop: "top",
@@ -5260,8 +5390,17 @@ const _sfc_main$8 = defineComponent({
           trigger: props2.tooltipTrigger,
           formatter: function(params) {
             var _a2, _b2;
+            const { marker, seriesName } = params;
             const record = (_b2 = (_a2 = params == null ? void 0 : params.data) == null ? void 0 : _a2.record) != null ? _b2 : {};
-            return useVariablesInText(props2.tooltipFormatter, record);
+            const { name, value } = record;
+            return useVariablesInText(props2.tooltipFormatter, {
+              marker,
+              seriesName,
+              a: seriesName,
+              b: name,
+              c: value,
+              ...record
+            });
           },
           axisPointer: {
             type: "cross"
@@ -5491,7 +5630,7 @@ const comboGraphProps = {
   tooltipShow: true,
   tooltipTextStyleColor: "",
   tooltipTrigger: "item",
-  tooltipFormatter: "",
+  tooltipFormatter: "{marker} {a}    {c}",
   xAxisSplitLineShow: true,
   xAxisSplitLineStyleColor: "#333",
   xAxisLabelColor: "#333",
@@ -5623,13 +5762,6 @@ const _sfc_main$6 = defineComponent({
         containLabel: props2.gridContainLabel
       },
       color: props2.colors,
-      tooltip: {
-        trigger: "axis",
-        show: props2.tooltipShow,
-        textStyle: {
-          color: props2.tooltipTextStyleColor
-        }
-      },
       legend: {
         show: props2.legendShow,
         orient: props2.legendOrient,
@@ -5639,6 +5771,49 @@ const _sfc_main$6 = defineComponent({
           color: props2.legendTextStyleColor
         }
       },
+      tooltip: {
+        trigger: "axis",
+        show: props2.tooltipShow,
+        formatter: (params) => {
+          const len = params.length;
+          let formatter = "";
+          let tooltipFormatter = props2.tooltipFormatter;
+          if (tooltipFormatter === "") {
+            tooltipFormatter = "{marker} {a}    {c}";
+          }
+          for (let i = 0; i < len; i++) {
+            const { marker, seriesName, name, value, data } = params[i] || {};
+            if (i === 0) {
+              formatter += `${name}<br/>`;
+            }
+            formatter += useVariablesInText(
+              tooltipFormatter,
+              {
+                marker,
+                name,
+                value,
+                seriesName,
+                a: seriesName,
+                b: name,
+                c: value,
+                ...data
+              },
+              {
+                useNewline: true,
+                useSpace: true
+              }
+            );
+            formatter += "<br/>";
+          }
+          return formatter;
+        },
+        valueFormatter(value) {
+          return useValueFormatter(props2 == null ? void 0 : props2.tooltipFormatter, value);
+        },
+        textStyle: {
+          color: props2.tooltipTextStyleColor
+        }
+      },
       xAxis: {
         type: "category",
         data: unref(dimensions),
@@ -5686,11 +5861,6 @@ const _sfc_main$6 = defineComponent({
         let series2 = {
           type,
           yAxisIndex: axisIndex,
-          tooltip: {
-            valueFormatter(value) {
-              return useValueFormatter(props2 == null ? void 0 : props2.tooltipFormatter, value);
-            }
-          },
           ...dataset[i]
         };
         if (type === "line") {
@@ -5959,7 +6129,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-const _withScopeId$1 = (n) => (pushScopeId("data-v-2f8fd004"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-4d96083e"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
 const _hoisted_3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
@@ -6026,7 +6196,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 4);
 }
-const Border = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-2f8fd004"]]);
+const Border = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-4d96083e"]]);
 const EcanBorder = withInstall(Border);
 const modalProps = {
   id: "",
@@ -6044,7 +6214,7 @@ const modalProps = {
   keyName: "\u5F39\u7A97",
   componentList: [],
   fullModal: false,
-  destroyOnClose: false,
+  destroyOnClose: true,
   position: "default"
 };
 const modalComponentProps = transformToComponentProps(modalProps);
@@ -6156,9 +6326,6 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     width: _ctx.isFullModal || _ctx.isFullWidth ? "100%" : _ctx.modalWith,
     destroyOnClose: _ctx.destroyOnClose,
     style: normalizeStyle(_ctx.modalStyle),
-    bodyStyle: {
-      background: "red"
-    },
     onOk: _ctx.onOk,
     onCancel: _ctx.onCancel
   }, createSlots({
@@ -6197,7 +6364,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
 }
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-378919f0"]]);
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-780a06e1"]]);
 const EcanModal = withInstall(Modal);
 const tabsProps = {
   ...props,
@@ -6286,7 +6453,7 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-0becf31e"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-e32b1f6e"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["onClick"];
 const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-content" }, null, -1));
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6324,7 +6491,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _hoisted_2$1
   ], 4);
 }
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-0becf31e"]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-e32b1f6e"]]);
 const EcanTabs = withInstall(Tabs);
 const imageProps = {
   ...props,
@@ -6391,7 +6558,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style)
   }, " \u8BF7\u4E0A\u4F20\u56FE\u7247 ", 4));
 }
-const Image = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-ab94aeb2"]]);
+const Image = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-f91836f6"]]);
 const EcanImage = withInstall(Image);
 const tableProps = {
   ...props,
@@ -6409,6 +6576,7 @@ const tableProps = {
   columnsFixedNum: 0,
   scrollX: 0,
   paginationShow: true,
+  isReverse: false,
   simple: false,
   headerCellBackgroundColor: "",
   cellBackgroundColor: "",
@@ -6496,27 +6664,34 @@ const _sfc_main$1 = defineComponent({
     });
     const x = computed(() => props2.scrollX);
     const y = computed(() => parseFloat(props2.height) - unref(splitY));
-    const myColumns = computed(() => {
-      let columns = [];
+    const myColumns = ref([]);
+    const myDataSource = ref(props2.data);
+    const tableColumns = ref([]);
+    const tableDataSource = ref([]);
+    const total = ref(0);
+    const pageNum = ref(1);
+    const pageSize = computed(() => props2.paginationPageSize);
+    const handleColumns = (columns = []) => {
+      let _columns = [];
       const isUseSeq = props2.isUseSeq;
       if (isUseSeq) {
-        columns.push({
+        _columns.push({
           title: "\u5E8F\u53F7",
           dataIndex: "SEQ"
         });
       }
-      columns = columns.concat(props2.columns);
+      _columns = _columns.concat(cloneDeep(columns));
       if (props2.isUseAction) {
-        columns.push({
+        _columns.push({
           title: "\u64CD\u4F5C",
           dataIndex: "ACTION",
           width: props2.actionColumnWidth
         });
       }
-      const len = columns.length;
+      const len = _columns.length;
       const columnsFixedNum = props2.columnsFixedNum;
       for (let i = 0; i < len; i++) {
-        const column = columns[i];
+        const column = _columns[i];
         if (i < columnsFixedNum) {
           column.fixed = "left";
         } else {
@@ -6545,16 +6720,71 @@ const _sfc_main$1 = defineComponent({
           }
         });
       }
-      return columns;
+      myColumns.value = _columns;
+    };
+    watch(() => [
+      props2.columns,
+      props2.isUseSeq,
+      props2.isUseAction,
+      props2.columnsFixedNum,
+      props2.actionColumnWidth,
+      props2.headerCellBackgroundColor,
+      props2.cellBackgroundColor,
+      props2.borderColor
+    ], () => {
+      handleColumns(props2.columns);
+    }, {
+      immediate: true,
+      deep: true
     });
-    const total = ref(0);
-    const pageNum = ref(1);
-    const pageSize = computed(() => props2.paginationPageSize);
-    const dataSource = ref(props2.data);
     watch(() => [props2.data, props2.dataType], ([data, dataType]) => {
       if (dataType !== "static")
         return;
-      dataSource.value = data;
+      myDataSource.value = data;
+    });
+    const handleReverseTable = (columns, dataSource) => {
+      const firstColumns = columns[0];
+      const _columns = [{
+        title: firstColumns.title,
+        dataIndex: "col0",
+        key: "col0"
+      }];
+      for (let i = 0; i < dataSource.length; i++) {
+        const data = dataSource[i];
+        const dataIndex = "col" + (i + 1);
+        _columns.push({
+          title: data[firstColumns.dataIndex],
+          dataIndex,
+          key: dataIndex
+        });
+      }
+      const _dataSource = [];
+      for (let i = 1; i < columns.length; i++) {
+        const column = columns[i];
+        const _data = { col0: column.title };
+        for (let j = 0; j < dataSource.length; j++) {
+          const data = dataSource[j];
+          _data[`col${j + 1}`] = data[column.dataIndex];
+        }
+        _dataSource.push(_data);
+      }
+      return {
+        columns: _columns,
+        dataSource: _dataSource
+      };
+    };
+    watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+      if (props2.isReverse) {
+        const { columns, dataSource } = handleReverseTable(unref(myColumns), unref(myDataSource));
+        tableColumns.value = columns;
+        tableDataSource.value = dataSource;
+      } else {
+        tableColumns.value = unref(myColumns);
+        tableDataSource.value = unref(myDataSource);
+      }
+    }, {
+      deep: true,
+      immediate: true
     });
     const orderCondition = ref(void 0);
     const requestData = useRequestData(props2);
@@ -6578,7 +6808,7 @@ const _sfc_main$1 = defineComponent({
         const res = await requestData(params);
         const { rows = [], total: tableTotal = 0 } = ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) || {};
         total.value = tableTotal;
-        dataSource.value = rows;
+        myDataSource.value = rows;
       } catch (e) {
         console.error(e);
       } finally {
@@ -6651,12 +6881,10 @@ const _sfc_main$1 = defineComponent({
       getGlobalModel: (key) => void 0,
       setGlobalModel: (key, value) => void 0
     });
-    const dataColumns = ref([]);
-    const handleIndicatorDataset = (colmuns = [], rows = []) => {
-      dataColumns.value = colmuns.map((it) => {
-        return { title: it, dataIndex: it, key: it };
-      });
-      dataSource.value = rows;
+    const handleIndicatorDataset = (dataColumns = [], dataRows = []) => {
+      const _columns = dataColumns.map((column) => ({ title: column, dataIndex: column, key: column }));
+      handleColumns(_columns);
+      myDataSource.value = dataRows;
     };
     const indicatorData = useIndicatorData(props2);
     const handleIndicatorData = async () => {
@@ -6717,7 +6945,7 @@ const _sfc_main$1 = defineComponent({
         return [];
       const start = (unref(pageNum) - 1) * unref(pageSize);
       const end = start + unref(pageSize);
-      const records = unref(dataSource).slice(start, end);
+      const records = unref(myDataSource).slice(start, end);
       for (let i = 0; i < records.length; i++) {
         const record = records[i];
         for (let j = 0; j < summaryList2.length; j++) {
@@ -6763,15 +6991,14 @@ const _sfc_main$1 = defineComponent({
     return {
       x,
       y,
-      myColumns,
       style: style2,
       customRow,
       pagination,
       formatFn,
       contrastClass,
       tableChange,
-      dataColumns,
-      dataSource,
+      tableDataSource,
+      tableColumns,
       summaryList,
       loading,
       onTouchHrefEvent,
@@ -6802,8 +7029,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           style: {
             height: "100%"
           },
-          columns: _ctx.dataColumns.length > 0 ? _ctx.dataColumns : _ctx.myColumns,
-          "data-source": _ctx.dataSource,
+          columns: _ctx.tableColumns,
+          "data-source": _ctx.tableDataSource,
           bordered: _ctx.bordered,
           size: _ctx.size,
           customRow: _ctx.customRow,
@@ -6883,7 +7110,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-6da03837"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-48569fe8"]]);
 const EcanTable = withInstall(Table);
 const mapProps = {
   ...props,
@@ -7089,7 +7316,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-04ea2568"]]);
+const Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-322b32ca"]]);
 const EcanMap = withInstall(Map$1);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,