@ecan-bi/datav 1.0.87 → 1.0.89

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.87 */
+/*! @ecan-bi/datav@1.0.89 */
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("echarts/core"), require("resize-detector"), require("ant-design-vue"), require("ant-design-vue/es/spin/style"), require("ant-design-vue/es/skeleton/style"), require("lodash-es"), require("axios"), require("mitt"), require("dayjs"), require("ant-design-vue/es/progress/style"), require("ant-design-vue/es/input/style"), require("ant-design-vue/es/date-picker/style"), require("ant-design-vue/es/date-picker/locale/zh_CN"), require("ant-design-vue/es/select/style"), require("ant-design-vue/es/button/style"), require("ant-design-vue/es/checkbox/style"), require("echarts/renderers"), require("echarts/charts"), require("echarts/components"), require("echarts"), require("ant-design-vue/es/modal/style"), require("ant-design-vue/es/table/style")) : typeof define === "function" && define.amd ? define(["exports", "vue", "echarts/core", "resize-detector", "ant-design-vue", "ant-design-vue/es/spin/style", "ant-design-vue/es/skeleton/style", "lodash-es", "axios", "mitt", "dayjs", "ant-design-vue/es/progress/style", "ant-design-vue/es/input/style", "ant-design-vue/es/date-picker/style", "ant-design-vue/es/date-picker/locale/zh_CN", "ant-design-vue/es/select/style", "ant-design-vue/es/button/style", "ant-design-vue/es/checkbox/style", "echarts/renderers", "echarts/charts", "echarts/components", "echarts", "ant-design-vue/es/modal/style", "ant-design-vue/es/table/style"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@ecan/bi-datav"] = {}, global.vue, global["echarts/core"], global["resize-detector"], global["ant-design-vue"], null, null, global["lodash-es"], global.axios, global.mitt, global.dayjs, null, null, null, global["ant-design-vue/es/date-picker/locale/zh_CN"], null, null, null, global["echarts/renderers"], global["echarts/charts"], global["echarts/components"], global.echarts));
 })(this, function(exports2, vue, core, resizeDetector, antDesignVue, style$1, style$2, lodashEs, axios, mitt, dayjs, style$3, style$4, style$5, locale, style$6, style$7, style$8, renderers, charts, components$1, echarts) {
@@ -1666,23 +1666,45 @@
     }
     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 = () => {
   }) => {
@@ -1734,7 +1756,7 @@
           _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;
@@ -2221,7 +2243,8 @@
     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;
@@ -2571,7 +2594,7 @@
       ], 4)) : vue.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: "",
@@ -2598,7 +2621,9 @@
       vue.onMounted(() => {
         setTheme();
       });
-      const contextRequestUrl = vue.computed(() => useVariablesInText(props2.contextRequestUrl));
+      const contextRequestUrl = vue.computed(() => {
+        return useVariablesInText(props2.contextRequestUrl);
+      });
       const pageMode = vue.computed(() => props2.pageMode);
       const theme = vue.computed(() => props2.theme);
       const touchEventId = vue.ref("");
@@ -2750,7 +2775,10 @@
     variableFontSize: "14px",
     data: {},
     variableDefaultValue: "0",
-    format: ""
+    format: "",
+    target: "self",
+    href: "",
+    linkPage: ""
   };
   const textComponentProps = transformToComponentProps(textProps);
   const textEvents = ["refreshData", "click"];
@@ -2850,6 +2878,24 @@
       });
       const emitEvent = useEmitEvent(props2);
       const click = emitEvent("click", () => {
+        if (!props2.linkPage && !props2.href)
+          return;
+        const linkPage = props2.linkPage || "";
+        const pageUrl = usePageUrl(vue.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,
@@ -2876,7 +2922,7 @@
       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 = vue.defineComponent({
@@ -2951,7 +2997,7 @@
       style: vue.normalizeStyle(_ctx.style)
     }, vue.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,
@@ -3076,7 +3122,7 @@
       };
     }
   });
-  const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-2d4a657c"), n = n(), vue.popScopeId(), n);
+  const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-33dd5dd2"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$5 = {
     key: 0,
     class: "title"
@@ -3178,7 +3224,7 @@
       }, 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,
@@ -3386,7 +3432,7 @@
       }, 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,
@@ -3657,7 +3703,7 @@
       }, 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,
@@ -3739,7 +3785,7 @@
       }, 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,
@@ -3963,7 +4009,7 @@
     tooltipShow: true,
     tooltipTextStyleColor: "",
     tooltipTrigger: "item",
-    tooltipFormatter: "{b} : {c} ({d}%)",
+    tooltipFormatter: "{marker} {b}   {c} ({d}%)",
     legendShow: true,
     legendTextStyleColor: "#333",
     legendOrient: "vertical",
@@ -4109,7 +4155,27 @@
           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
             }
@@ -4308,16 +4374,15 @@
     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",
@@ -4345,6 +4410,8 @@
     keyTypeDataFieldNames: { name: "name", types: [] },
     dataFieldConfigType: "value",
     graphicConfig: {},
+    tooltipShow: true,
+    tooltipFormatter: "{marker} {a}    {c}",
     toolboxShow: false,
     toolboxOrient: "horizontal",
     toolboxItemSize: 16,
@@ -4437,6 +4504,42 @@
             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: vue.unref(dimensions),
@@ -4481,9 +4584,6 @@
               }
             }
           },
-          tooltip: {
-            trigger: "axis"
-          },
           legend: {
             show: props2.legendShow,
             orient: props2.legendOrient,
@@ -4712,8 +4812,7 @@
     legendLeft: "center",
     tooltipShow: true,
     tooltipTextStyleColor: "",
-    tooltipTrigger: "item",
-    tooltipFormatter: "",
+    tooltipFormatter: "{marker} {a}    {c}",
     xAxisSplitLineShow: true,
     xAxisSplitLineStyleColor: "#333",
     xAxisLabelColor: "#333",
@@ -4859,7 +4958,38 @@
           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
             }
@@ -5103,7 +5233,7 @@
     titleSubtext: "",
     tooltipShow: true,
     tooltipTrigger: "item",
-    tooltipFormatter: "{c}",
+    tooltipFormatter: "{marker} {b}    {c}",
     legendShow: false,
     legendOrient: "horizontal",
     legendTop: "top",
@@ -5265,8 +5395,17 @@
             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"
@@ -5496,7 +5635,7 @@
     tooltipShow: true,
     tooltipTextStyleColor: "",
     tooltipTrigger: "item",
-    tooltipFormatter: "",
+    tooltipFormatter: "{marker} {a}    {c}",
     xAxisSplitLineShow: true,
     xAxisSplitLineStyleColor: "#333",
     xAxisLabelColor: "#333",
@@ -5628,13 +5767,6 @@
           containLabel: props2.gridContainLabel
         },
         color: props2.colors,
-        tooltip: {
-          trigger: "axis",
-          show: props2.tooltipShow,
-          textStyle: {
-            color: props2.tooltipTextStyleColor
-          }
-        },
         legend: {
           show: props2.legendShow,
           orient: props2.legendOrient,
@@ -5644,6 +5776,49 @@
             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: vue.unref(dimensions),
@@ -5691,11 +5866,6 @@
           let series2 = {
             type,
             yAxisIndex: axisIndex,
-            tooltip: {
-              valueFormatter(value) {
-                return useValueFormatter(props2 == null ? void 0 : props2.tooltipFormatter, value);
-              }
-            },
             ...dataset[i]
           };
           if (type === "line") {
@@ -5964,7 +6134,7 @@
       };
     }
   });
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-2f8fd004"), n = n(), vue.popScopeId(), n);
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-4d96083e"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
   const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
   const _hoisted_3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
@@ -6031,7 +6201,7 @@
       ])) : vue.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: "",
@@ -6049,7 +6219,7 @@
     keyName: "\u5F39\u7A97",
     componentList: [],
     fullModal: false,
-    destroyOnClose: false,
+    destroyOnClose: true,
     position: "default"
   };
   const modalComponentProps = transformToComponentProps(modalProps);
@@ -6161,9 +6331,6 @@
       width: _ctx.isFullModal || _ctx.isFullWidth ? "100%" : _ctx.modalWith,
       destroyOnClose: _ctx.destroyOnClose,
       style: vue.normalizeStyle(_ctx.modalStyle),
-      bodyStyle: {
-        background: "red"
-      },
       onOk: _ctx.onOk,
       onCancel: _ctx.onCancel
     }, vue.createSlots({
@@ -6202,7 +6369,7 @@
       } : 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,
@@ -6291,7 +6458,7 @@
       };
     }
   });
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-0becf31e"), n = n(), vue.popScopeId(), n);
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-e32b1f6e"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$3 = ["onClick"];
   const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tabs-content" }, null, -1));
   function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6329,7 +6496,7 @@
       _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,
@@ -6396,7 +6563,7 @@
       style: vue.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,
@@ -6414,6 +6581,7 @@
     columnsFixedNum: 0,
     scrollX: 0,
     paginationShow: true,
+    isReverse: false,
     simple: false,
     headerCellBackgroundColor: "",
     cellBackgroundColor: "",
@@ -6501,27 +6669,34 @@
       });
       const x = vue.computed(() => props2.scrollX);
       const y = vue.computed(() => parseFloat(props2.height) - vue.unref(splitY));
-      const myColumns = vue.computed(() => {
-        let columns = [];
+      const myColumns = vue.ref([]);
+      const myDataSource = vue.ref(props2.data);
+      const tableColumns = vue.ref([]);
+      const tableDataSource = vue.ref([]);
+      const total = vue.ref(0);
+      const pageNum = vue.ref(1);
+      const pageSize = vue.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(lodashEs.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 {
@@ -6550,16 +6725,71 @@
             }
           });
         }
-        return columns;
+        myColumns.value = _columns;
+      };
+      vue.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 = vue.ref(0);
-      const pageNum = vue.ref(1);
-      const pageSize = vue.computed(() => props2.paginationPageSize);
-      const dataSource = vue.ref(props2.data);
       vue.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
+        };
+      };
+      vue.watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+        if (props2.isReverse) {
+          const { columns, dataSource } = handleReverseTable(vue.unref(myColumns), vue.unref(myDataSource));
+          tableColumns.value = columns;
+          tableDataSource.value = dataSource;
+        } else {
+          tableColumns.value = vue.unref(myColumns);
+          tableDataSource.value = vue.unref(myDataSource);
+        }
+      }, {
+        deep: true,
+        immediate: true
       });
       const orderCondition = vue.ref(void 0);
       const requestData = useRequestData(props2);
@@ -6583,7 +6813,7 @@
           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 {
@@ -6656,12 +6886,10 @@
         getGlobalModel: (key) => void 0,
         setGlobalModel: (key, value) => void 0
       });
-      const dataColumns = vue.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 () => {
@@ -6722,7 +6950,7 @@
           return [];
         const start = (vue.unref(pageNum) - 1) * vue.unref(pageSize);
         const end = start + vue.unref(pageSize);
-        const records = vue.unref(dataSource).slice(start, end);
+        const records = vue.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++) {
@@ -6768,15 +6996,14 @@
       return {
         x,
         y,
-        myColumns,
         style: style2,
         customRow,
         pagination,
         formatFn,
         contrastClass,
         tableChange,
-        dataColumns,
-        dataSource,
+        tableDataSource,
+        tableColumns,
         summaryList,
         loading,
         onTouchHrefEvent,
@@ -6807,8 +7034,8 @@
             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,
@@ -6888,7 +7115,7 @@
       }, 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,
@@ -7094,7 +7321,7 @@
       ])
     ], 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,