@ecan-bi/datav 1.0.49 → 1.0.52

package/dist/index.es.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 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, createTextVNode, withModifiers, createSlots, resolveDynamicComponent, mergeProps, withDirectives, vShow } from "vue";
+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";
 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, Modal as Modal$1, Table as Table$1, TableSummary, TableSummaryRow, TableSummaryCell } from "ant-design-vue";
@@ -1396,10 +1396,10 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "spin-wrapper" };
+const _hoisted_1$a = { class: "spin-wrapper" };
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_spin = resolveComponent("a-spin");
-  return openBlock(), createElementBlock("div", _hoisted_1$9, [
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [
     _ctx.spinning ? (openBlock(), createBlock(_component_a_spin, {
       key: 0,
       class: "spin",
@@ -1626,7 +1626,7 @@ const lowerCaseIncludes = (v1, v2) => {
   }
   return false;
 };
-const useVariablesInText = (text, data = {}) => {
+const useVariablesInText = (text = "", data = {}) => {
   const config2 = window.config || {};
   data = __spreadValues(__spreadValues({}, config2), data);
   const variables = text.match(/\{\w*\}/g);
@@ -1790,7 +1790,6 @@ const useImagePath = (path, isFormat = false) => {
 const usePageUrl = (pageMode, pageId) => {
   const envPageUrl = `/preview?pageId=${pageId}`;
   const proPageUrl = `${BASE_URL}${pageId}`;
-  console.log(pageMode);
   return pageMode === "preview" ? envPageUrl : proPageUrl;
 };
 const request = axios.create({
@@ -2167,8 +2166,8 @@ const useRequestDiagramData = (props2) => {
     }
   };
 };
-const useValueFormatter = (formatter = "", value) => {
-  const variables = formatter.match(/\{\w*\}/g);
+const useValueFormatter = (formatter = "", value = "") => {
+  const variables = formatter.match(/\{.*\}/g);
   if (variables == null || variables.length === 0)
     return formatter;
   for (let i = 0; i < variables.length; i++) {
@@ -2177,9 +2176,16 @@ const useValueFormatter = (formatter = "", value) => {
       break;
     let statement = variable.slice(1, -1);
     statement = statement == null ? void 0 : statement.replace(/value/g, value);
-    const eval2 = eval;
-    const result = eval2(statement);
-    formatter = formatter.replace(variable, result);
+    try {
+      let result = statement;
+      if (/[+\-*/%]+/g.test(statement)) {
+        const eval2 = eval;
+        result = eval2(statement);
+      }
+      formatter = formatter.replace(variable, result);
+    } catch (e) {
+      console.error(e);
+    }
   }
   return formatter;
 };
@@ -2486,12 +2492,12 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   id: "container",
   ref: "container"
 };
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [
     _ctx.ready ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "page-config",
@@ -2646,12 +2652,12 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   id: "ProviderConfig",
   ref: "providerConfig"
 };
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
     renderSlot(_ctx.$slots, "default")
   ], 512);
 }
@@ -2761,7 +2767,7 @@ const _sfc_main$l = defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["innerHTML"];
+const _hoisted_1$7 = ["innerHTML"];
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_skeleton = resolveComponent("skeleton");
   return _ctx.loading ? (openBlock(), createElementBlock("div", {
@@ -2776,7 +2782,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style),
     innerHTML: _ctx.myText,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
-  }, null, 12, _hoisted_1$6));
+  }, null, 12, _hoisted_1$7));
 }
 var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-9526cadc"]]);
 const EcanText = withInstall(Text);
@@ -2790,9 +2796,9 @@ const _sfc_main$k = defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "red" };
+const _hoisted_1$6 = { class: "red" };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$5, toDisplayString(_ctx.text), 1);
+  return openBlock(), createElementBlock("div", _hoisted_1$6, toDisplayString(_ctx.text), 1);
 }
 var ScrollText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-0bb717eb"]]);
 const EcanScrollText = withInstall(ScrollText);
@@ -3080,11 +3086,11 @@ const _sfc_main$i = defineComponent({
   }
 });
 const _withScopeId$2 = (n) => (pushScopeId("data-v-461dbe78"), n = n(), popScopeId(), n);
-const _hoisted_1$4 = {
+const _hoisted_1$5 = {
   key: 0,
   class: "title"
 };
-const _hoisted_2$2 = {
+const _hoisted_2$3 = {
   key: 0,
   class: "ranking"
 };
@@ -3110,7 +3116,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode(_component_skeleton, { loading: _ctx.loading }, {
       default: withCtx(() => [
-        _ctx.useTitle ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+        _ctx.useTitle ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnCount, (count) => {
             return openBlock(), createElementBlock("div", {
               class: "title-inner",
@@ -3122,7 +3128,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               key: count
             }, [
-              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_2$2)) : createCommentVNode("", true),
+              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_2$3)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, i) => {
                 return openBlock(), createElementBlock("div", {
                   class: "column",
@@ -3631,7 +3637,9 @@ const buttonProps = __spreadProps(__spreadValues({}, props), {
   danger: false,
   shape: "default",
   href: "",
-  target: "_self"
+  target: "_self",
+  fontSize: "14px",
+  fontWeight: 400
 });
 const buttonComponentProps = transformToComponentProps(buttonProps);
 const buttonEvents = ["click"];
@@ -3674,143 +3682,24 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _ctx.click,
       type: _ctx.mode,
       danger: _ctx.danger,
-      ghost: _ctx.ghost,
       shape: _ctx.shape,
       href: _ctx.myHref,
       target: _ctx.target
     }, {
       default: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.myText), 1)
+        createElementVNode("span", {
+          style: normalizeStyle({
+            fontSize: _ctx.fontSize,
+            fontWeight: _ctx.fontWeight
+          })
+        }, toDisplayString(_ctx.myText), 5)
       ]),
       _: 1
-    }, 8, ["onClick", "type", "danger", "ghost", "shape", "href", "target"])
+    }, 8, ["onClick", "type", "danger", "shape", "href", "target"])
   ], 4);
 }
 var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
 const EcanButton = withInstall(Button);
-const tabsProps = __spreadProps(__spreadValues({}, props), {
-  type: "ecanTabs",
-  name: "\u6807\u7B7E\u9875",
-  keyName: "\u6807\u7B7E\u9875",
-  width: "200px",
-  height: "400px",
-  tabFontSize: "14px",
-  backgroundColor: "",
-  activeTabColor: "#1890ff",
-  tabBackgroundImage: "",
-  activeTabBackgroundImage: "",
-  tabColor: "#333",
-  tabBarGutter: "24px",
-  value: "",
-  activeKey: 0,
-  contains: [],
-  data: [
-    {
-      title: "\u6807\u7B7E1"
-    },
-    {
-      title: "\u6807\u7B7E2"
-    },
-    {
-      title: "\u6807\u7B7E3"
-    }
-  ]
-});
-const tabsComponentProps = transformToComponentProps(tabsProps);
-const tabsEvents = ["tabChange"];
-var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-42d546a2] {\n  display: flex;\n  flex-direction: column;\n}\n.tabs-header[data-v-42d546a2] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n  padding: 0 12px;\n}\n.tab[data-v-42d546a2] {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n}\n.tab-inner[data-v-42d546a2] {\n  padding: 12px 0;\n}\n.tab[data-v-42d546a2]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-42d546a2] {\n  flex: 1;\n}\n")();
-const _sfc_main$b = defineComponent({
-  name: "EcanTabs",
-  props: __spreadValues({}, tabsComponentProps),
-  setup(props2) {
-    var _a2;
-    const style2 = usePickComponentStyle(props2);
-    const activeKey = ref(0);
-    watch(() => props2.activeKey, (key) => {
-      activeKey.value = key;
-    }, {
-      immediate: true
-    });
-    const myData = ref([]);
-    watch(() => props2.data, (data) => {
-      myData.value = data;
-    }, {
-      immediate: true,
-      deep: true
-    });
-    const isActive = (index2) => activeKey.value === index2;
-    const myValue = ref(props2.value || unref(myData)[0] && ((_a2 = unref(myData)[0]) == null ? void 0 : _a2.value) || "");
-    const events = props2.events;
-    const emitEvent = useEmitEvent(events);
-    const { setGlobalModel } = inject(GLOBAL_MODEL, {
-      setGlobalModel: (key, value) => void 0
-    });
-    setGlobalModel(props2.id, {
-      value: myValue,
-      activeKey
-    });
-    const { emitRefreshPage } = inject(REFRESH_PAGE, {
-      emitRefreshPage: () => void 0
-    });
-    const tabChange = emitEvent("tabChange", (tab, index2) => {
-      if (index2 !== unref(activeKey)) {
-        myValue.value = (tab == null ? void 0 : tab.value) || "";
-        activeKey.value = index2;
-        emitRefreshPage();
-      }
-    });
-    useOnEvent(props2, {
-      tabChange
-    });
-    return {
-      style: style2,
-      activeKey,
-      isActive,
-      tabChange,
-      myData,
-      useImagePath
-    };
-  }
-});
-const _withScopeId$1 = (n) => (pushScopeId("data-v-42d546a2"), n = n(), popScopeId(), n);
-const _hoisted_1$3 = ["onClick"];
-const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-content" }, null, -1));
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: "ecan-tabs",
-    style: normalizeStyle(_ctx.style)
-  }, [
-    createElementVNode("div", {
-      class: "tabs-header",
-      style: normalizeStyle({
-        fontSize: _ctx.tabFontSize
-      })
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.myData, (tab, index2) => {
-        return openBlock(), createElementBlock("div", {
-          class: "tab",
-          style: normalizeStyle({
-            color: _ctx.isActive(index2) ? _ctx.activeTabColor : _ctx.tabColor,
-            backgroundImage: _ctx.isActive(index2) ? _ctx.useImagePath(_ctx.activeTabBackgroundImage, true) : _ctx.useImagePath(_ctx.tabBackgroundImage, true),
-            marginRight: _ctx.tabBarGutter
-          }),
-          key: index2,
-          onClick: withModifiers(($event) => _ctx.tabChange(tab, index2), ["prevent", "stop"])
-        }, [
-          createElementVNode("div", {
-            class: "tab-inner",
-            style: normalizeStyle({
-              borderBottom: `1px solid ${_ctx.isActive(index2) ? _ctx.activeTabColor : "transparent"}`
-            })
-          }, toDisplayString(tab.title), 5)
-        ], 12, _hoisted_1$3);
-      }), 128))
-    ], 4),
-    _hoisted_2$1
-  ], 4);
-}
-var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-42d546a2"]]);
-const EcanTabs = withInstall(Tabs);
 const pieProps = __spreadProps(__spreadValues({}, props), {
   id: "",
   name: "\u997C\u56FE",
@@ -3859,8 +3748,8 @@ const pieProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   graphicConfig: {},
   toolboxShow: false,
   toolboxOrient: "horizontal",
@@ -3901,7 +3790,7 @@ use([
   TooltipComponent,
   LegendComponent
 ]);
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "EcanPie",
   props: __spreadValues({}, pieComponentProps),
   components: {
@@ -4122,7 +4011,7 @@ const _sfc_main$a = defineComponent({
     };
   }
 });
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
   const _component_a_modal = resolveComponent("a-modal");
@@ -4162,7 +4051,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
 const EcanPie = withInstall(Pie);
 const lineProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -4205,8 +4094,8 @@ const lineProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
@@ -4231,7 +4120,7 @@ use([
   TitleComponent,
   LegendComponent
 ]);
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "EcanLine",
   props: __spreadValues({}, lineComponentProps),
   components: {
@@ -4483,7 +4372,7 @@ const _sfc_main$9 = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
   const _component_a_modal = resolveComponent("a-modal");
@@ -4523,7 +4412,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Line = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+var Line = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
 const EcanLine = withInstall(Line);
 const barProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -4581,8 +4470,8 @@ const barProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   graphicConfig: {
     chartType: "bar",
     plugin: "1",
@@ -4596,7 +4485,9 @@ const barProps = __spreadProps(__spreadValues({}, props), {
   toolboxTop: "top",
   toolboxIconStyleBorderColor: "#666",
   toolboxDownloadUrl: "",
-  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
+  toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F",
+  isUseHorizontalAxis: false,
+  axisInverse: false
 });
 const barComponentProps = transformToComponentProps(barProps);
 const barEvents = ["refreshData", "click"];
@@ -4609,7 +4500,7 @@ use([
   DatasetComponent,
   ToolboxComponent
 ]);
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "EcanBar",
   props: __spreadValues({}, barComponentProps),
   components: {
@@ -4706,8 +4597,9 @@ const _sfc_main$8 = defineComponent({
         }
       },
       xAxis: {
-        type: "category",
-        data: unref(dimensions),
+        type: props2.isUseHorizontalAxis ? "value" : "category",
+        data: props2.isUseHorizontalAxis ? null : unref(dimensions),
+        inverse: props2.isUseHorizontalAxis ? false : props2.axisInverse,
         splitLine: {
           show: props2.xAxisSplitLineShow,
           lineStyle: {
@@ -4727,7 +4619,9 @@ const _sfc_main$8 = defineComponent({
         }
       },
       yAxis: {
-        type: "value",
+        type: props2.isUseHorizontalAxis ? "category" : "value",
+        data: props2.isUseHorizontalAxis ? unref(dimensions) : null,
+        inverse: props2.isUseHorizontalAxis ? props2.axisInverse : false,
         splitLine: {
           show: props2.yAxisSplitLineShow,
           lineStyle: {
@@ -4737,6 +4631,8 @@ const _sfc_main$8 = defineComponent({
         axisLabel: {
           color: props2.yAxisLabelColor,
           formatter(value) {
+            if (props2.isUseHorizontalAxis)
+              return value;
             return useValueFormatter(props2.yAxisLabelFormatter, value);
           }
         },
@@ -4752,7 +4648,7 @@ const _sfc_main$8 = defineComponent({
       pageMode: "normal"
     });
     const handleDataset = (data = [], useDataFieldNames = false) => {
-      let chartData;
+      let chartData = {};
       if (props2.dataFieldConfigType === "key") {
         const dataFieldNames = useDataFieldNames ? props2.keyTypeDataFieldNames : null;
         chartData = useTransformChartDataByAttrKey(data, dataFieldNames);
@@ -4825,6 +4721,7 @@ const _sfc_main$8 = defineComponent({
           break;
         case "request":
           handleRequestData();
+          break;
       }
     };
     expose({
@@ -4859,7 +4756,7 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
   const _component_a_modal = resolveComponent("a-modal");
@@ -4901,7 +4798,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
 const EcanBar = withInstall(Bar);
 const scatterProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -4943,8 +4840,8 @@ const scatterProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   graphicConfig: void 0,
   toolboxShow: false,
   toolboxOrient: "horizontal",
@@ -4967,7 +4864,7 @@ use([
   TooltipComponent,
   LegendComponent
 ]);
-const _sfc_main$7 = defineComponent({
+const _sfc_main$8 = defineComponent({
   name: "EcanScatter",
   props: __spreadValues({}, scatterComponentProps),
   components: {
@@ -5158,7 +5055,7 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
   const _component_a_modal = resolveComponent("a-modal");
@@ -5198,7 +5095,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
 const EcanScatter = withInstall(Scatter);
 const customGraphProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -5211,7 +5108,7 @@ const customGraphProps = __spreadProps(__spreadValues({}, props), {
   optionCode: ""
 });
 const customGraphComponentProps = transformToComponentProps(customGraphProps);
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "EcanCustomGraph",
   props: __spreadValues({}, customGraphComponentProps),
   components: {
@@ -5237,7 +5134,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle(_ctx.style)
@@ -5249,7 +5146,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["option"])
   ], 4);
 }
-var CustomGraph = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+var CustomGraph = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
 const EcanCustomGraph = withInstall(CustomGraph);
 const comboGraphProps = __spreadProps(__spreadValues({}, props), {
   id: "",
@@ -5335,8 +5232,8 @@ const comboGraphProps = __spreadProps(__spreadValues({}, props), {
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
-  gridLeft: "2%",
-  gridRight: "2%",
+  gridLeft: "5%",
+  gridRight: "5%",
   graphicConfig: {},
   toolboxShow: false,
   toolboxOrient: "horizontal",
@@ -5360,7 +5257,7 @@ use([
   DatasetComponent,
   ToolboxComponent
 ]);
-const _sfc_main$5 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "EcanComboGraph",
   props: __spreadValues({}, comboGraphComponentProps),
   components: {
@@ -5624,7 +5521,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
   const _component_spin = resolveComponent("spin");
   const _component_a_modal = resolveComponent("a-modal");
@@ -5666,7 +5563,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "onCancel"])
   ], 4);
 }
-var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 const EcanComboGraph = withInstall(ComboGraph);
 const borderProps = __spreadProps(__spreadValues({}, props), {
   name: "\u8FB9\u6846",
@@ -5679,7 +5576,7 @@ const borderProps = __spreadProps(__spreadValues({}, props), {
   fontFamily: "",
   fontWeight: 700,
   title: "\u6807\u9898",
-  mode: "only-border",
+  mode: "no-title",
   borderColor: "#eee",
   borderRadius: "5px",
   borderStyle: "solid",
@@ -5691,8 +5588,8 @@ const borderComponentProps = transformToComponentProps(borderProps);
 const borderEvents = ["click"];
 var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAZlBMVEUAAABBltJCldJCldFEk89BltJCltFBldI/lMBKndtmb9pCltNDldFAkclAldNBldJBltM/lM5AltNCldJBldJBlNJBltVBldJBlNJBlNI/lNNBldJBldNAldJBldJBldJBldNBldIiNK7WAAAAInRSTlMAM4BNGmaz5gQGbiAPCV1WQxUpOCY9EmxQSC2jdoacqZK8uPo7tAAAAZ9JREFUSMe90NmOwjAMheGka0J3SulCy/L+Lzk4I+HYhckEKs7dr1x8kQVM5YJMZ7SLiXVHOw817Z72cSns3BmziY7EnGRGjDqUpKt4pEZQKruvyaJt85YmBUebKLJVNUlpq6oOQ1tVVRzbqu6DwFb1NUlsVd3SNL0UDM0jqkaSqoeQqjKmahtQNUzuC1AtU1sF9KHmnmrtrSK6idqBWqE6GFVxFdGvqDGoJ01Qt7rfTEV0e7V6qSK6VjNPtTaqoOq8Ugnqr7aeav+rAuqrTh+qZw3o1urAVcFVQD3U6ZnaYY9MLZk6G5WhDaDFI9UeUPyE7gCNsAdAD9gxoBJ7ARRPUVwALXdu8/h/s3xmjtwUu0/M0M/UJzBjAei3TUTdpmKmcpkBmOHKBNTPzJi59zYJys3DO2aL78YcmNkLgrrM9m9TucwzmoBy08xlju+bgL42G4c5OcxqZSLqbwqXOVNTGXMWFD0ak6KN1ZKaojYmbribndW9MXELNQEFFUyiNqQlmEQ1JqpgErUifUUTUVEIupx1wzpjvWfdsh4FQX8ANe4nnpsb9NEAAAAASUVORK5CYII=";
 var _imports_1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAaVBMVEUAAABElM9BltJCldJCldFBltJBldJCltFNmrNCmNNFldNAldJBldNBldRBldNBldNBldJCoNFBldJBltNBldJBldJAldJAltJBldJBldJBldNAlNFAldJBlNJAldJBldNBldJBldJBldLfIVowAAAAI3RSTlMAGjJNgGbmswMSCScgDTs/ZAVRK0eYj2s3r3AWveHEhXjeXb5rzlgAAAFqSURBVEjH1dbJVsJAEIXhHjJ05tlEooK8/0NKsbDrFjmHiBD0Lvqcf9PfthRM7xvoZMQuLHZaOejGYLtcdEItzI9oaLg5xIHj5hgcG262oXXcrGzJ23Umg5717C7NKBrAjOMDM8YgCI5ghmEPprUTmMZkrBOtdbJgfpZovho0gwzNOkfTam9k5jSGkKlTMOezWT3VLH5qlg8wQzSbO5jJ28l8Z+YLmZMwuz9lupvNXpjlFTMTZv7vzFSatTDtGnNeYdpNzZTMSJhx5f84m8Y3mSEzJzTVolko3J7Qve+a0J3vntDWffdEaMUQQo1vTWjuuyA0UWvUUarqzuqLUMPt1MD3uKTaTdRwvdrdorpFtfZtH6eyK2F3RS23U3uhlr9VB1TdE1V2h7Vr1O4mdbdera6o+Wq1Vqi2rEktFapGoZopVLVCtVCXag19IBPUiiWpBrojE1QNXZAp1/TYbhKdKVwuWotORKfn9wu/DSc/X9T6qgAAAABJRU5ErkJggg==";
-var Border_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '.top-title[data-v-f913847e],\n.no-title[data-v-f913847e] {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-f913847e],\n.no-title .border-item[data-v-f913847e] {\n  position: absolute;\n  z-index: 2;\n  border-color: #50FCFC;\n  border-style: solid;\n  width: 13px;\n  height: 11px;\n}\n.top-title .top-left[data-v-f913847e],\n.no-title .top-left[data-v-f913847e] {\n  top: 0;\n  left: 0;\n  border-top-width: 1px;\n  border-right-width: 0;\n  border-bottom-width: 0;\n  border-left-width: 1px;\n}\n.top-title .top-right[data-v-f913847e],\n.no-title .top-right[data-v-f913847e] {\n  top: 0;\n  right: -2px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-bottom-width: 0;\n  border-left-width: 0;\n}\n.top-title .bottom-left[data-v-f913847e],\n.no-title .bottom-left[data-v-f913847e] {\n  bottom: -2px;\n  left: 0;\n  border-top-width: 0;\n  border-right-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n.top-title .bottom-right[data-v-f913847e],\n.no-title .bottom-right[data-v-f913847e] {\n  bottom: -2px;\n  right: -2px;\n  border-top-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n}\n.top-title .title-item-wrapper[data-v-f913847e],\n.no-title .title-item-wrapper[data-v-f913847e] {\n  width: 100%;\n  padding: 5px 0;\n  background-image: url("data:image/png;base64,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");\n  background-size: cover;\n  display: grid;\n  place-content: center;\n}\n.top-title .title-item[data-v-f913847e],\n.no-title .title-item[data-v-f913847e] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-f913847e],\n.no-title .title[data-v-f913847e] {\n  padding: 0 17px;\n  color: #d5fdfd;\n  background: linear-gradient(0deg, #01aaff, #00eaff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.top-title .title-decoration-left[data-v-f913847e],\n.no-title .title-decoration-left[data-v-f913847e] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-f913847e],\n.no-title .title-decoration-right[data-v-f913847e] {\n  width: 58px;\n  height: 14px;\n}\n.left-title[data-v-f913847e] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 0;\n}\n.left-title .title[data-v-f913847e] {\n  position: absolute;\n  left: -33px;\n  top: -14px;\n  width: 33px;\n  min-height: 194px;\n  padding-top: 33px;\n  padding-bottom: 31px;\n  background-image: url("data:image/png;base64,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");\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  color: #fff;\n  font-weight: 500;\n  text-align: center;\n}\n.left-title .title span[data-v-f913847e] {\n  writing-mode: vertical-lr;\n}\n')();
-const _sfc_main$4 = defineComponent({
+var Border_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '.top-title[data-v-6e332bd5],\n.no-title[data-v-6e332bd5] {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-6e332bd5],\n.no-title .border-item[data-v-6e332bd5] {\n  position: absolute;\n  z-index: 2;\n  border-color: #50FCFC;\n  border-style: solid;\n  width: 13px;\n  height: 11px;\n}\n.top-title .top-left[data-v-6e332bd5],\n.no-title .top-left[data-v-6e332bd5] {\n  top: 0;\n  left: 0;\n  border-top-width: 1px;\n  border-right-width: 0;\n  border-bottom-width: 0;\n  border-left-width: 1px;\n}\n.top-title .top-right[data-v-6e332bd5],\n.no-title .top-right[data-v-6e332bd5] {\n  top: 0;\n  right: -2px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-bottom-width: 0;\n  border-left-width: 0;\n}\n.top-title .bottom-left[data-v-6e332bd5],\n.no-title .bottom-left[data-v-6e332bd5] {\n  bottom: -2px;\n  left: 0;\n  border-top-width: 0;\n  border-right-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n.top-title .bottom-right[data-v-6e332bd5],\n.no-title .bottom-right[data-v-6e332bd5] {\n  bottom: -2px;\n  right: -2px;\n  border-top-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n}\n.top-title .title-item-wrapper[data-v-6e332bd5],\n.no-title .title-item-wrapper[data-v-6e332bd5] {\n  width: 100%;\n  padding: 5px 0;\n  background-image: url("data:image/png;base64,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");\n  background-size: cover;\n  display: grid;\n  place-content: center;\n}\n.top-title .title-item[data-v-6e332bd5],\n.no-title .title-item[data-v-6e332bd5] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-6e332bd5],\n.no-title .title[data-v-6e332bd5] {\n  padding: 0 17px;\n  color: #d5fdfd;\n  background: linear-gradient(0deg, #01aaff, #00eaff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.top-title .title-decoration-left[data-v-6e332bd5],\n.no-title .title-decoration-left[data-v-6e332bd5] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-6e332bd5],\n.no-title .title-decoration-right[data-v-6e332bd5] {\n  width: 58px;\n  height: 14px;\n}\n.left-title[data-v-6e332bd5] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 0;\n}\n.left-title .title[data-v-6e332bd5] {\n  position: absolute;\n  left: -33px;\n  top: -14px;\n  width: 33px;\n  min-height: 194px;\n  padding-top: 33px;\n  padding-bottom: 31px;\n  background-image: url("data:image/png;base64,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");\n  background-repeat: no-repeat;\n  background-size: 100% 100%;\n  color: #fff;\n  font-weight: 500;\n  text-align: center;\n}\n.left-title .title span[data-v-6e332bd5] {\n  writing-mode: vertical-lr;\n}\n')();
+const _sfc_main$5 = defineComponent({
   name: "EcanBorder",
   props: __spreadValues({}, borderComponentProps),
   setup(props2) {
@@ -5717,62 +5614,57 @@ const _sfc_main$4 = defineComponent({
     useOnEvent(props2, {
       click
     });
-    const onDrag = (e) => {
-      console.log(e);
-    };
     return {
       style: style2,
       click,
       borderStyle,
-      theme,
-      onDrag
+      theme
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-f913847e"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _withScopeId$1 = (n) => (pushScopeId("data-v-6e332bd5"), 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));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
 const _hoisted_5 = { class: "title-item-wrapper" };
 const _hoisted_6 = { class: "title-item" };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
   class: "title-decoration-left",
   src: _imports_0
 }, null, -1));
 const _hoisted_8 = { class: "title" };
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_9 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("img", {
   class: "title-decoration-right",
   src: _imports_1
 }, null, -1));
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
-const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_13 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
 const _hoisted_14 = {
   key: 2,
   class: "left-title"
 };
 const _hoisted_15 = { class: "title" };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ecan-border",
     style: normalizeStyle(_ctx.style),
-    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
   }, [
     _ctx.mode === "no-title" ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "no-title",
-      style: normalizeStyle(_ctx.borderStyle),
-      onDrag: _cache[0] || (_cache[0] = (...args) => _ctx.onDrag && _ctx.onDrag(...args))
+      style: normalizeStyle(_ctx.borderStyle)
     }, [
       _ctx.useBorderModify ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _hoisted_1$2,
-        _hoisted_2,
+        _hoisted_1$4,
+        _hoisted_2$2,
         _hoisted_3,
         _hoisted_4
       ], 64)) : createCommentVNode("", true)
-    ], 36)) : createCommentVNode("", true),
+    ], 4)) : createCommentVNode("", true),
     _ctx.mode === "top-title" ? (openBlock(), createElementBlock("div", {
       key: 1,
       class: "top-title",
@@ -5797,7 +5689,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f913847e"]]);
+var Border = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-6e332bd5"]]);
 const EcanBorder = withInstall(Border);
 const modalProps = {
   id: "",
@@ -5822,7 +5714,7 @@ const modalComponentProps = transformToComponentProps(modalProps);
 const modalEvents = ["showModal"];
 var Modal_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".contain[data-v-378919f0] {\n  position: relative;\n  overflow: hidden;\n}\n.content[data-v-378919f0] {\n  transform-origin: left top;\n  z-index: 999;\n}\n")();
 var Modal_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-modal .ant-modal-body {\n  padding: 0;\n}\n.ecan-modal .ant-modal-header {\n  padding: 0;\n  border-bottom: none;\n  background: none;\n}\n.ecan-full-width-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.ecan-full-width-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n}\n.ecan-full-width-modal .ant-modal-body {\n  flex: 1;\n}\n.ecan-full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.ecan-full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.ecan-full-modal .ant-modal-body {\n  flex: 1;\n}\n[datav-theme='darkBlue'] .ecan-modal .anticon-close > svg > path {\n  fill: #fff;\n}\n")();
-const _sfc_main$3 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "EcanModal",
   components: {
     AModal: Modal$1
@@ -5913,7 +5805,7 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_modal = resolveComponent("a-modal");
   return openBlock(), createBlock(_component_a_modal, {
     getContainer: _ctx.getContainer,
@@ -5965,8 +5857,131 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-378919f0"]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-378919f0"]]);
 const EcanModal = withInstall(Modal);
+const tabsProps = __spreadProps(__spreadValues({}, props), {
+  type: "ecanTabs",
+  name: "\u6807\u7B7E\u9875",
+  keyName: "\u6807\u7B7E\u9875",
+  width: "200px",
+  height: "400px",
+  tabFontSize: "14px",
+  backgroundColor: "",
+  activeTabColor: "#1890ff",
+  tabBackgroundImage: "",
+  activeTabBackgroundImage: "",
+  tabColor: "#333",
+  tabBarGutter: "24px",
+  value: "",
+  activeKey: 0,
+  contains: [],
+  data: [
+    {
+      title: "\u6807\u7B7E1"
+    },
+    {
+      title: "\u6807\u7B7E2"
+    },
+    {
+      title: "\u6807\u7B7E3"
+    }
+  ]
+});
+const tabsComponentProps = transformToComponentProps(tabsProps);
+const tabsEvents = ["tabChange"];
+var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-ee8e9884] {\n  display: flex;\n  flex-direction: column;\n}\n.tabs-header[data-v-ee8e9884] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n  padding: 0 12px;\n}\n.tab[data-v-ee8e9884] {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n}\n.tab-inner[data-v-ee8e9884] {\n  padding: 12px 0;\n}\n.tab[data-v-ee8e9884]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-ee8e9884] {\n  flex: 1;\n}\n")();
+const _sfc_main$3 = defineComponent({
+  name: "EcanTabs",
+  props: __spreadValues({}, tabsComponentProps),
+  setup(props2) {
+    var _a2;
+    const style2 = usePickComponentStyle(props2);
+    const activeKey = ref(0);
+    watch(() => props2.activeKey, (key) => {
+      activeKey.value = key;
+    }, {
+      immediate: true
+    });
+    const myData = ref([]);
+    watch(() => props2.data, (data) => {
+      myData.value = data;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const isActive = (index2) => activeKey.value === index2;
+    const myValue = ref(props2.value || unref(myData)[0] && ((_a2 = unref(myData)[0]) == null ? void 0 : _a2.value) || "");
+    const events = props2.events;
+    const emitEvent = useEmitEvent(events);
+    const { setGlobalModel } = inject(GLOBAL_MODEL, {
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props2.id, {
+      value: myValue,
+      activeKey
+    });
+    const { emitRefreshPage } = inject(REFRESH_PAGE, {
+      emitRefreshPage: () => void 0
+    });
+    const tabChange = emitEvent("tabChange", (tab, index2) => {
+      if (index2 !== unref(activeKey)) {
+        myValue.value = (tab == null ? void 0 : tab.value) || "";
+        activeKey.value = index2;
+        emitRefreshPage();
+      }
+    });
+    useOnEvent(props2, {
+      tabChange
+    });
+    return {
+      style: style2,
+      activeKey,
+      isActive,
+      tabChange,
+      myData,
+      useImagePath
+    };
+  }
+});
+const _withScopeId = (n) => (pushScopeId("data-v-ee8e9884"), 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) {
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-tabs",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createElementVNode("div", {
+      class: "tabs-header",
+      style: normalizeStyle({
+        fontSize: _ctx.tabFontSize
+      })
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.myData, (tab, index2) => {
+        return openBlock(), createElementBlock("div", {
+          class: "tab",
+          style: normalizeStyle({
+            color: _ctx.isActive(index2) ? _ctx.activeTabColor : _ctx.tabColor,
+            backgroundImage: _ctx.isActive(index2) ? _ctx.useImagePath(_ctx.activeTabBackgroundImage, true) : _ctx.useImagePath(_ctx.tabBackgroundImage, true),
+            marginRight: _ctx.tabBarGutter
+          }),
+          key: index2,
+          onClick: withModifiers(($event) => _ctx.tabChange(tab, index2), ["prevent", "stop"])
+        }, [
+          createElementVNode("div", {
+            class: "tab-inner",
+            style: normalizeStyle({
+              borderBottom: `1px solid ${_ctx.isActive(index2) ? _ctx.activeTabColor : "transparent"}`
+            })
+          }, toDisplayString(tab.title), 5)
+        ], 12, _hoisted_1$3);
+      }), 128))
+    ], 4),
+    _hoisted_2$1
+  ], 4);
+}
+var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-ee8e9884"]]);
+const EcanTabs = withInstall(Tabs);
 const imageProps = __spreadProps(__spreadValues({}, props), {
   name: "\u56FE\u7247",
   keyName: "\u56FE\u7247",
@@ -6003,14 +6018,14 @@ const _sfc_main$2 = defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["src"];
+const _hoisted_1$2 = ["src"];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.myImgUrl !== "" ? (openBlock(), createElementBlock("img", {
     key: 0,
     style: normalizeStyle(_ctx.style),
     src: _ctx.myImgUrl,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }, null, 12, _hoisted_1$1)) : (openBlock(), createElementBlock("div", {
+  }, null, 12, _hoisted_1$2)) : (openBlock(), createElementBlock("div", {
     key: 1,
     class: "image-placeholder",
     style: normalizeStyle(_ctx.style)
@@ -6026,8 +6041,10 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
   width: "400px",
   height: "240px",
   bordered: false,
-  size: "default",
+  fontSize: "14px",
   isUseSeq: false,
+  size: "default",
+  fontWeight: 400,
   columnsFixedNum: 0,
   scrollX: 0,
   paginationShow: true,
@@ -6037,6 +6054,14 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
   borderColor: "",
   paginationPosition: "bottomRight",
   paginationPageSize: 10,
+  isUseAction: false,
+  actionList: [{
+    title: "",
+    href: "",
+    target: "",
+    color: ""
+  }],
+  actionColumnWidth: 50,
   columns: [
     {
       title: "\u59D3\u540D",
@@ -6071,15 +6096,16 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
 });
 const tableComponentProps = transformToComponentProps(tableProps);
 const tableEvents = ["click", "refreshData"];
-var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-56b87792] {
+var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-a84f3122] {
   width: 100%;
 }
-.goUp[data-v-56b87792] {
+.goUp[data-v-a84f3122] {
   color: #FF512E;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
-.goUp[data-v-56b87792]:before {
+.goUp[data-v-a84f3122]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
@@ -6089,12 +6115,13 @@ var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-56b87792] {
+.goDown[data-v-a84f3122] {
   color: #00F7B4;
   display: flex;
   align-items: center;
+  justify-content: center;
 }
-.goDown[data-v-56b87792]:before {
+.goDown[data-v-a84f3122]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
@@ -6104,6 +6131,13 @@ var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `
   background-size: cover;
   margin-right: 2px;
 }
+.action-list[data-v-a84f3122] {
+  display: flex;
+  width: 100%;
+}
+.action[data-v-a84f3122] {
+  flex: 1;
+}
 `)();
 var Table_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-table *::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.ecan-table *::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  background-color: #c8c9ca !important;\n}\n.ecan-table *::-webkit-scrollbar-track {\n  background-color: #fff;\n}\n.ecan-table .ant-table-cell-scrollbar {\n  box-shadow: 0 1px 0 1px transparent;\n}\n.ecan-table .ant-table {\n  color: rgba(0, 0, 0, 0.65);\n  background: #ffffff;\n}\n.ecan-table .ant-table-thead > tr > th {\n  color: rgba(0, 0, 0, 0.85);\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #f0f0f0 !important;\n}\n.ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #f0f0f0 !important;\n}\n.ecan-table .anticon {\n  color: rgba(0, 0, 0, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-thumb {\n  background-color: #2f4dac !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-track {\n  background-color: #192c70;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-corner {\n  background-color: #192c70 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table {\n  color: #e8e8e8;\n  background: #071655;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  border-top: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-thead > tr > th {\n  color: #cdd0f7;\n  background: #17338c;\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item-link {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .anticon {\n  color: rgba(255, 255, 255, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n  background: #225b98;\n}\n")();
 const _sfc_main$1 = defineComponent({
@@ -6151,6 +6185,13 @@ const _sfc_main$1 = defineComponent({
         });
       }
       columns = columns.concat(props2.columns);
+      if (props2.isUseAction) {
+        columns.push({
+          title: "\u64CD\u4F5C",
+          dataIndex: "ACTION",
+          width: props2.actionColumnWidth
+        });
+      }
       const len = columns.length;
       const columnsFixedNum = props2.columnsFixedNum;
       for (let i = 0; i < len; i++) {
@@ -6293,7 +6334,6 @@ const _sfc_main$1 = defineComponent({
       })
     });
     const refreshData = () => {
-      console.log(unref(pageMode));
       if (unref(pageMode) === "design")
         return;
       switch (props2.dataType) {
@@ -6363,10 +6403,16 @@ const _sfc_main$1 = defineComponent({
       dataColumns,
       dataSource,
       summaryList,
-      loading
+      loading,
+      useVariablesInText
     };
   }
 });
+const _hoisted_1$1 = {
+  key: 1,
+  class: "action-list"
+};
+const _hoisted_2 = ["href", "target"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_table_summary_cell = resolveComponent("a-table-summary-cell");
   const _component_a_table_summary_row = resolveComponent("a-table-summary-row");
@@ -6393,13 +6439,38 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           pagination: _ctx.pagination,
           onChange: _ctx.tableChange
         }, {
-          bodyCell: withCtx(({ column, index: index2, text }) => [
-            column.dataIndex === "SEQ" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createTextVNode(toDisplayString(index2 + 1), 1)
-            ], 64)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass([_ctx.contrastClass(text, column.format)])
-            }, toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(text, column.format)), 3))
+          bodyCell: withCtx(({ column, index: index2, text, record }) => [
+            column.dataIndex === "SEQ" ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              style: normalizeStyle({
+                fontSize: _ctx.fontSize,
+                fontWeight: _ctx.fontWeight
+              })
+            }, toDisplayString(index2 + 1), 5)) : column.dataIndex === "ACTION" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actionList, (action, index22) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "action",
+                  key: index22
+                }, [
+                  createElementVNode("a", {
+                    href: _ctx.useVariablesInText(action.href, record),
+                    target: action.target,
+                    style: normalizeStyle({
+                      color: action.color,
+                      fontSize: _ctx.fontSize,
+                      fontWeight: _ctx.fontWeight
+                    })
+                  }, toDisplayString(action.title), 13, _hoisted_2)
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: normalizeClass([_ctx.contrastClass(text, column.format)]),
+              style: normalizeStyle({
+                fontSize: _ctx.fontSize,
+                fontWeight: _ctx.fontWeight
+              })
+            }, toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(text, column.format)), 7))
           ]),
           summary: withCtx(() => [
             _ctx.summaryList.length > 0 ? (openBlock(), createBlock(_component_a_table_summary, { key: 0 }, {
@@ -6439,7 +6510,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["loading"])
   ], 4);
 }
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-56b87792"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-a84f3122"]]);
 const EcanTable = withInstall(Table);
 const mapProps = __spreadProps(__spreadValues({}, props), {
   mapJson: null,
@@ -6690,10 +6761,6 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   buttonComponentProps,
   buttonEvents,
   EcanButton,
-  tabsProps,
-  tabsComponentProps,
-  tabsEvents,
-  EcanTabs,
   pieProps,
   pieComponentProps,
   pieEvents,
@@ -6725,6 +6792,10 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   modalComponentProps,
   modalEvents,
   EcanModal,
+  tabsProps,
+  tabsComponentProps,
+  tabsEvents,
+  EcanTabs,
   imageProps,
   imageComponentProps,
   EcanImage,