@ecan-bi/datav 1.0.41 → 1.0.44

package/dist/index.umd.js

@@ -1383,7 +1383,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return target;
   };
-  const _sfc_main$p = vue.defineComponent({
+  const _sfc_main$q = vue.defineComponent({
     props: {
       spinning: {
         type: Boolean,
@@ -1406,10 +1406,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$b = { class: "spin-wrapper" };
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$9 = { class: "spin-wrapper" };
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_spin = vue.resolveComponent("a-spin");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
       _ctx.spinning ? (vue.openBlock(), vue.createBlock(_component_a_spin, {
         key: 0,
         class: "spin",
@@ -1419,8 +1419,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, null, 8, ["spinning", "indicator"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
     ]);
   }
-  var Spin = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
-  const _sfc_main$o = vue.defineComponent({
+  var Spin = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
+  const _sfc_main$p = vue.defineComponent({
     name: "Skeleton",
     props: {
       loading: {
@@ -1432,7 +1432,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       ASkeleton: antDesignVue.Skeleton
     }
   });
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_skeleton = vue.resolveComponent("a-skeleton");
     return vue.openBlock(), vue.createBlock(_component_a_skeleton, {
       active: "",
@@ -1444,7 +1444,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       _: 3
     }, 8, ["loading"]);
   }
-  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
+  var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
   const withInstall = (main, extra) => {
     main.install = (app) => {
       for (const comp of [main, ...Object.values(extra != null ? extra : {})]) {
@@ -1522,7 +1522,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     "backgroundSize",
     "textShadow",
     "justifyContent",
-    "alignItems"
+    "alignItems",
+    "zIndex"
   ];
   const usePickComponentStyle = (props2, excludeStyleList = []) => {
     const finalStyleList = lodashEs.without(styleList, ...excludeStyleList);
@@ -1532,9 +1533,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const GLOBAL_CONFIG = "GLOBAL_CONFIG";
   const GLOBAL_MODEL = "GLOBAL_MODEL";
   const REQUEST_MODEL = "REQUEST_MODEL";
-  const UPLOAD_PATH = ((_a = window == null ? void 0 : window.config) == null ? void 0 : _a.uploadPath) || "/api";
-  const BASE_URL = ((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.routerBaseURL) || "./";
-  const INDICATOR_URL = (_c = window == null ? void 0 : window.config) == null ? void 0 : _c.indicatorURL;
+  const GLOBAL_TOKEN = "GLOBAL_TOKEN";
+  const REFRESH_PAGE = "REFRESH_PAGE";
+  const INDICATOR_URL = (_a = window == null ? void 0 : window.config) == null ? void 0 : _a.indicatorURL;
+  const UPLOAD_PATH = ((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.uploadPath) || "/api";
+  const BASE_URL = ((_c = window == null ? void 0 : window.config) == null ? void 0 : _c.routerBaseURL) || "./";
   const useOnEvent = (props2, events) => {
     vue.watch(() => props2.id, (id, oldId) => {
       const eventBus = vue.inject(EVENT_BUS, {
@@ -1633,6 +1636,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return false;
   };
+  const useVariablesInText = (text, data = {}) => {
+    const config2 = window.config || {};
+    data = __spreadValues(__spreadValues({}, config2), data);
+    const variables = text.match(/\{.*?\}/g);
+    if (variables == null || variables.length === 0)
+      return text;
+    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, "");
+      }
+    }
+    return text;
+  };
   const useRequestData = (props2, callBack = () => {
   }) => {
     const {
@@ -1670,23 +1691,25 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }
           _params[key] = v;
         } else if (typeof value === "string") {
-          _params[key] = value;
+          _params[key] = useVariablesInText(value);
         }
       });
       _params = __spreadValues(__spreadValues({}, _params), params);
       let urlParams = "";
       const keys = Object.keys(_params);
       const last = keys.length - 1;
+      const keysLen = keys.length;
       keys.forEach((key, index2) => {
-        switch (index2) {
-          case 0:
+        if (index2 === 0) {
+          if (keysLen !== 1) {
             urlParams += `?${key}=${_params[key]}&`;
-            break;
-          case last:
-            urlParams += `${key}=${_params[key]}`;
-            break;
-          default:
-            urlParams += `${key}=${_params[key]}&`;
+          } else {
+            urlParams += `?${key}=${_params[key]}`;
+          }
+        } else if (index2 === last) {
+          urlParams += `${key}=${_params[key]}`;
+        } else {
+          urlParams += `${key}=${_params[key]}&`;
         }
       });
       try {
@@ -1777,44 +1800,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const usePageUrl = (pageMode, pageId) => {
     const envPageUrl = `/preview?pageId=${pageId}`;
     const proPageUrl = `${BASE_URL}${pageId}`;
+    console.log(pageMode);
     return pageMode === "preview" ? envPageUrl : proPageUrl;
   };
-  const useVariablesInText = (text, data = {}) => {
-    var _a2;
-    const config = (_a2 = window.config) != null ? _a2 : {};
-    data = __spreadValues(__spreadValues({}, config), data);
-    const variables = text.match(/\{.*?\}/g);
-    if (variables == null || variables.length === 0)
-      return text;
-    for (let i = 0; i < variables.length; i++) {
-      const variable = variables[i];
-      const v = variable.slice(1, variable.length - 1);
-      const usedVariables = data[v];
-      if (usedVariables != null) {
-        text = text.replace(variable, usedVariables);
-      } else {
-        text = text.replace(variable, "");
-      }
-    }
-    return text;
-  };
   const request = axios__default["default"].create({
     timeout: 1e3 * 10
   });
-  request.interceptors.request.use((config) => {
-    return config;
+  request.interceptors.request.use((config2) => {
+    return config2;
   }, (error) => {
     return Promise.reject(error);
   });
-  request.interceptors.response.use((config) => {
+  request.interceptors.response.use((config2) => {
     var _a2, _b2, _c2;
-    if (+((_a2 = config == null ? void 0 : config.data) == null ? void 0 : _a2.code) === 500) {
+    if (+((_a2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _a2.code) === 500) {
       antDesignVue.message.error({
-        content: ((_b2 = config == null ? void 0 : config.data) == null ? void 0 : _b2.msg) || ((_c2 = config == null ? void 0 : config.data) == null ? void 0 : _c2.message) || "\u670D\u52A1\u5668\u5F02\u5E38",
+        content: ((_b2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _b2.msg) || ((_c2 = config2 == null ? void 0 : config2.data) == null ? void 0 : _c2.message) || "\u670D\u52A1\u5668\u5F02\u5E38",
         key: "SERVER_ERROR"
       });
     }
-    return config;
+    return config2;
   }, (error) => {
     if (error.message.includes("timeout")) {
       antDesignVue.message.error({
@@ -2173,7 +2178,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     };
   };
   const useValueFormatter = (formatter = "", value) => {
-    const variables = formatter.match(/\{.*?\}/g);
+    const variables = formatter.match(/\{\w*\}/g);
     if (variables == null || variables.length === 0)
       return formatter;
     for (let i = 0; i < variables.length; i++) {
@@ -2188,8 +2193,221 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return formatter;
   };
-  var PageConfig_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "#container[data-v-836b53bc] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  transform-origin: left top;\n  z-index: 999;\n}\n.page-config[data-v-836b53bc] {\n  position: relative;\n  overflow: hidden;\n  background-size: cover;\n}\n")();
-  const _sfc_main$n = vue.defineComponent({
+  const useIndicatorData = (props2 = {}) => {
+    const { requestToken } = vue.inject(GLOBAL_TOKEN, {
+      requestToken: () => void 0
+    });
+    if (props2.dataType === "indicator") {
+      requestToken();
+    }
+    const handleQueryColumn = (queryColumn = {}) => {
+      const { label, name, location, show, indexCode } = queryColumn;
+      return {
+        label,
+        columnName: name,
+        location,
+        show,
+        calcType: "COLUMN",
+        hrpIndexCode: indexCode
+      };
+    };
+    const handleIndicator = (indicator = {}) => {
+      const {
+        label,
+        name,
+        location,
+        show,
+        indexCode,
+        calcType = "COLUMN",
+        builtInFormula,
+        builtInValueSource,
+        builtInCalcWay,
+        formula
+      } = indicator;
+      return {
+        label,
+        columnName: name,
+        location,
+        show,
+        calcType,
+        hrpIndexCode: indexCode,
+        aggregate: "SUM",
+        builtInFormula,
+        builtInValueSource,
+        builtInCalcWay,
+        formula
+      };
+    };
+    const { getGlobalModel } = vue.inject(GLOBAL_MODEL, {
+      getGlobalModel: (key) => void 0
+    });
+    const handleSqlConditions = (controlList = []) => {
+      var _a2;
+      const len = controlList.length;
+      const sqlConditions = [];
+      for (let i = 0; i < len; i++) {
+        const control = controlList[i];
+        const {
+          id,
+          conditionLabel,
+          conditionKey,
+          conditionValueType
+        } = control;
+        const sqlCondition = {
+          rule: "NONE",
+          label: conditionLabel,
+          fieldName: conditionKey,
+          fieldValue: "",
+          valueType: conditionValueType
+        };
+        const model = getGlobalModel(id) || {};
+        if (lowerCaseIncludes(model.type, "date")) {
+          const { value, format } = model || {};
+          sqlCondition.fieldValue = (_a2 = vue.unref(value)) == null ? void 0 : _a2.format(format);
+          sqlCondition.dateFormat = format;
+        }
+        sqlConditions.push(sqlCondition);
+      }
+      return sqlConditions;
+    };
+    return async () => {
+      var _a2, _b2;
+      const { graphicConfig } = props2;
+      const {
+        source,
+        dataViewId,
+        plugin,
+        layer,
+        chartType,
+        classificationList = [],
+        seriesList = [],
+        leftAxisList = [],
+        rightAxisList = [],
+        queryColumnList = [],
+        indicators = [],
+        controlList = [],
+        dataSourceId,
+        idxLibMode,
+        preview = false
+      } = graphicConfig || {};
+      console.log("classificationList", classificationList);
+      console.log("seriesList", seriesList);
+      console.log("leftAxisList", leftAxisList);
+      console.log("rightAxisList", rightAxisList);
+      console.log("indicators", indicators);
+      console.log("controlList", controlList);
+      let classification;
+      if (Array.isArray(classificationList) && classificationList.length > 0) {
+        const len = classificationList.length;
+        for (let i = 0; i < len; i++) {
+          const item = classificationList[i] || {};
+          const { label = "", name = "", show = false, sort, customGroup } = item;
+          if (show) {
+            classification = {
+              label,
+              columnName: name,
+              show,
+              sort,
+              customGroup
+            };
+            break;
+          }
+        }
+      }
+      let series;
+      if (Array.isArray(seriesList) && seriesList.length > 0) {
+        const len = seriesList.length;
+        for (let i = 0; i < len; i++) {
+          const item = seriesList[i] || {};
+          const { label = "", name = "", show = false, sort, customGroup } = item;
+          if (show) {
+            series = {
+              label,
+              columnName: name,
+              show,
+              sort,
+              customGroup
+            };
+            break;
+          }
+        }
+      }
+      const queryColumns = [];
+      queryColumnList == null ? void 0 : queryColumnList.forEach((queryColumn) => {
+        queryColumns.push(handleQueryColumn(queryColumn));
+      });
+      const indicatorList = [];
+      leftAxisList == null ? void 0 : leftAxisList.forEach((leftAxis) => {
+        leftAxis.location = "LEFT";
+        if (leftAxis.show) {
+          indicatorList.push(handleIndicator(leftAxis));
+        }
+      });
+      rightAxisList == null ? void 0 : rightAxisList.forEach((rightAxis) => {
+        rightAxis.location = "RIGHT";
+        if (rightAxis.show) {
+          indicatorList.push(handleIndicator(rightAxis));
+        }
+      });
+      indicators == null ? void 0 : indicators.forEach((indicator) => {
+        indicator.location = "LEFT";
+        if (indicator.show) {
+          indicatorList.push(handleIndicator(indicator));
+        }
+      });
+      if (layer === "1" && queryColumns.length === 0) {
+        return;
+      } else if (layer === "2" && indicatorList.length === 0) {
+        return;
+      }
+      let sqlConditions;
+      if ((graphicConfig == null ? void 0 : graphicConfig.pageMode) === "design") {
+        sqlConditions = (_a2 = graphicConfig.sqlConditions) != null ? _a2 : [];
+      } else {
+        sqlConditions = handleSqlConditions(controlList);
+      }
+      try {
+        const res = await request.post(`${INDICATOR_URL}/diagram`, {
+          source,
+          dataViewId,
+          plugin,
+          layer,
+          chartType,
+          classification,
+          series,
+          indicatorList,
+          queryColumns,
+          pageFlag: true,
+          sqlConditions,
+          dataSourceId,
+          idxLibMode,
+          preview
+        }, {
+          headers: {
+            Authentication: (_b2 = window == null ? void 0 : window.config) == null ? void 0 : _b2.indicatorToken,
+            operateContext: "ygt"
+          }
+        });
+        return res;
+      } catch (e) {
+        console.error(e);
+      }
+    };
+  };
+  const useHrefParamsToGlobalVariables = () => {
+    const search = window.location.search;
+    const params = search.slice(1).split("&");
+    const len = params.length;
+    for (let i = 0; i < len; i++) {
+      const param = params[i];
+      const keyAndValue = param.split("=");
+      const key = keyAndValue[0];
+      const value = keyAndValue[1];
+      window.config[key] = value;
+    }
+  };
+  var PageConfig_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "#container[data-v-5d709a9a] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  transform-origin: left top;\n  z-index: 999;\n}\n.page-config[data-v-5d709a9a] {\n  position: relative;\n  overflow: hidden;\n  background-size: cover;\n}\n")();
+  const _sfc_main$o = vue.defineComponent({
     name: "EcanPageConfig",
     props: __spreadValues({}, pageConfigComponentProps),
     setup(props2) {
@@ -2283,12 +2501,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$a = {
+  const _hoisted_1$8 = {
     id: "container",
     ref: "container"
   };
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
       _ctx.ready ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "page-config",
@@ -2298,18 +2516,20 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       ], 4)) : vue.createCommentVNode("", true)
     ], 512);
   }
-  var PageConfig = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-836b53bc"]]);
+  var PageConfig = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o], ["__scopeId", "data-v-5d709a9a"]]);
   const EcanPageConfig = withInstall(PageConfig);
   const providerConfig = {
     contextRequestUrl: "",
     pageMode: "normal",
-    theme: "light"
+    theme: "light",
+    containerMap: {}
   };
   const providerConfigComponentProps = transformToComponentProps(providerConfig);
-  const _sfc_main$m = vue.defineComponent({
+  const _sfc_main$n = vue.defineComponent({
     name: "EcanProviderConfig",
     props: __spreadValues({}, providerConfigComponentProps),
     setup(props2, { expose }) {
+      useHrefParamsToGlobalVariables();
       const providerConfig2 = vue.ref();
       const setTheme = () => {
         providerConfig2.value.setAttribute("datav-theme", props2.theme);
@@ -2359,6 +2579,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         offEvent,
         emitEvent
       });
+      const tokenNum = vue.ref(0);
+      const requestToken = () => {
+        tokenNum.value = vue.unref(tokenNum) + 1;
+      };
+      vue.provide(GLOBAL_TOKEN, {
+        requestToken
+      });
       const requestModel = /* @__PURE__ */ new Map();
       const setRequest = (requestFn = () => {
       }, sortNum = 0) => {
@@ -2379,11 +2606,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           });
         });
       };
+      const queryUserToken = async () => {
+        var _a2;
+        const res = await axios__default["default"].get(`${INDICATOR_URL}/user/anonymous?username=admin`, {
+          headers: {
+            systemCode: "F72FC50A3D97372514A6AC33333D28FD",
+            current_context: "ygt"
+          }
+        });
+        config.indicatorToken = (_a2 = res.data.data) == null ? void 0 : _a2.token;
+      };
       const touchRequest = async () => {
         const requestModelArr = Array.from(requestModel);
         requestModelArr.sort((a, b) => b[0] - a[0]);
         const len = requestModelArr.length;
         try {
+          if (props2.pageMode !== "design" && vue.unref(tokenNum) > 0) {
+            await queryUserToken();
+          }
           for (let i = 0; i < len; i++) {
             const requestFnList = requestModelArr[i][1];
             await handleRequestFnList(requestFnList);
@@ -2397,27 +2637,57 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         setRequest,
         touchRequest
       });
+      const emitRefreshPage = () => {
+        eventBus.emit(REFRESH_PAGE);
+      };
+      vue.provide(REFRESH_PAGE, {
+        emitRefreshPage
+      });
+      const onRefreshPage = (callBack) => {
+        eventBus.on(REFRESH_PAGE, () => callBack());
+        vue.onMounted(() => {
+          eventBus.off(REFRESH_PAGE);
+        });
+      };
       expose({
-        touchRequest
+        touchRequest,
+        getGlobalModel,
+        onRefreshPage
       });
       return {
         providerConfig: providerConfig2
       };
     }
   });
-  const _hoisted_1$9 = {
+  const _hoisted_1$7 = {
     id: "ProviderConfig",
     ref: "providerConfig"
   };
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 512);
   }
-  var ProviderConfig = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
+  var ProviderConfig = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
   const EcanProviderConfig = withInstall(ProviderConfig);
+  const renderer = {
+    componentList: []
+  };
+  const rendererComponentProps = transformToComponentProps(renderer);
+  const _sfc_main$m = vue.defineComponent({
+    name: "EcanRenderer",
+    props: __spreadValues({}, rendererComponentProps),
+    setup() {
+    }
+  });
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div");
+  }
+  var Renderer = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
+  const EcanRenderer = withInstall(Renderer);
   const textProps = __spreadProps(__spreadValues({}, props), {
-    name: "\u57FA\u7840\u6587\u672C",
+    name: "\u6587\u672C",
+    keyName: "\u6587\u672C",
     type: "ecanText",
     width: "100px",
     height: "40px",
@@ -2435,7 +2705,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const textComponentProps = transformToComponentProps(textProps);
   const textEvents = ["refreshData", "click"];
-  var Text_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".skeleton-wrapper[data-v-04705f6f] {\n  overflow: hidden;\n}\n.ecan-text[data-v-04705f6f] {\n  overflow: hidden;\n  display: flex;\n}\n")();
+  var Text_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".skeleton-wrapper[data-v-e7487804] {\n  overflow: hidden;\n}\n.ecan-text[data-v-e7487804] {\n  overflow: hidden;\n  display: flex;\n}\n")();
   const _sfc_main$l = vue.defineComponent({
     name: "EcanText",
     components: { Skeleton },
@@ -2504,7 +2774,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$8 = ["innerHTML"];
+  const _hoisted_1$6 = ["innerHTML"];
   function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_skeleton = vue.resolveComponent("skeleton");
     return _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -2519,9 +2789,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       style: vue.normalizeStyle(_ctx.style),
       innerHTML: _ctx.myText,
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
-    }, null, 12, _hoisted_1$8));
+    }, null, 12, _hoisted_1$6));
   }
-  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-04705f6f"]]);
+  var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-e7487804"]]);
   const EcanText = withInstall(Text);
   var ScrollText_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".red[data-v-0bb717eb] {\n  color: red;\n}\n")();
   const _sfc_main$k = vue.defineComponent({
@@ -2533,9 +2803,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$7 = { class: "red" };
+  const _hoisted_1$5 = { class: "red" };
   function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, vue.toDisplayString(_ctx.text), 1);
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, vue.toDisplayString(_ctx.text), 1);
   }
   var ScrollText = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-0bb717eb"]]);
   const EcanScrollText = withInstall(ScrollText);
@@ -2630,10 +2900,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const listComponentProps = transformToComponentProps(listProps);
   const listEvents = ["refreshData", "click"];
-  var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.ecan-list[data-v-766e4cb3] {
+  var List_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.ecan-list[data-v-461dbe78] {
   overflow: hidden;
 }
-.ecan-list-content[data-v-766e4cb3] {
+.ecan-list-content[data-v-461dbe78] {
   width: 100%;
   height: 100%;
   overflow: auto;
@@ -2641,7 +2911,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   align-content: flex-start;
   flex-wrap: wrap;
 }
-.title[data-v-766e4cb3] {
+.title[data-v-461dbe78] {
   position: absolute;
   z-index: 9;
   display: flex;
@@ -2651,18 +2921,18 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   font-size: 16px;
   color: #ffffff;
 }
-.title-inner[data-v-766e4cb3] {
+.title-inner[data-v-461dbe78] {
   padding-left: 28px;
   padding-right: 20px;
   flex: 1;
   display: flex;
   height: 100%;
 }
-.title-placeholder[data-v-766e4cb3] {
+.title-placeholder[data-v-461dbe78] {
   width: 100%;
   height: 32px;
 }
-.item[data-v-766e4cb3] {
+.item[data-v-461dbe78] {
   display: flex;
   align-items: center;
   height: 32px;
@@ -2672,13 +2942,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   font-size: 16px;
   color: #ffffff;
 }
-.column[data-v-766e4cb3] {
+.column[data-v-461dbe78] {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.ranking[data-v-766e4cb3] {
+.ranking[data-v-461dbe78] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -2687,28 +2957,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.icon[data-v-766e4cb3] {
+.icon[data-v-461dbe78] {
   width: 12px;
   height: 8px;
   background: #21BEF7;
   margin-right: 17px;
   opacity: 0.6;
 }
-.item:nth-child(2) .icon[data-v-766e4cb3] {
+.item:nth-child(2) .icon[data-v-461dbe78] {
   opacity: 0.8;
 }
-.item:first-child .icon[data-v-766e4cb3] {
+.item:first-child .icon[data-v-461dbe78] {
   opacity: 1;
 }
-.sort[data-v-766e4cb3] {
+.sort[data-v-461dbe78] {
   font-weight: 600;
 }
-.goUp[data-v-766e4cb3] {
+.goUp[data-v-461dbe78] {
   color: #FF512E;
   display: flex;
   align-items: center;
 }
-.goUp[data-v-766e4cb3]:before {
+.goUp[data-v-461dbe78]:before {
   content: '';
   display: block;
   background: 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=");
@@ -2718,12 +2988,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-766e4cb3] {
+.goDown[data-v-461dbe78] {
   color: #00F7B4;
   display: flex;
   align-items: center;
 }
-.goDown[data-v-766e4cb3]:before {
+.goDown[data-v-461dbe78]:before {
   content: '';
   display: block;
   background: 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=");
@@ -2733,7 +3003,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
-.empty[data-v-766e4cb3] {
+.empty[data-v-461dbe78] {
   text-align: center;
   margin-top: 15%;
 }
@@ -2822,12 +3092,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-766e4cb3"), n = n(), vue.popScopeId(), n);
-  const _hoisted_1$6 = {
+  const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-461dbe78"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$4 = {
     key: 0,
     class: "title"
   };
-  const _hoisted_2$1 = {
+  const _hoisted_2$2 = {
     key: 0,
     class: "ranking"
   };
@@ -2839,7 +3109,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 0,
     class: "ranking"
   };
-  const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "icon" }, null, -1));
+  const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "icon" }, null, -1));
   const _hoisted_6$1 = { class: "sort" };
   const _hoisted_7$1 = {
     key: 2,
@@ -2853,7 +3123,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }, [
       vue.createVNode(_component_skeleton, { loading: _ctx.loading }, {
         default: vue.withCtx(() => [
-          _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+          _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnCount, (count) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: "title-inner",
@@ -2865,7 +3135,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 }),
                 key: count
               }, [
-                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1)) : vue.createCommentVNode("", true),
+                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2)) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column, i) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     class: "column",
@@ -2922,7 +3192,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["loading"])
     ], 4);
   }
-  var List = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-766e4cb3"]]);
+  var List = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i], ["__scopeId", "data-v-461dbe78"]]);
   const EcanList = withInstall(List);
   const proportionProps = __spreadProps(__spreadValues({}, props), {
     name: "\u5360\u6BD4\u56FE",
@@ -2947,7 +3217,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const proportionComponentProps = transformToComponentProps(proportionProps);
   const proportionEvents = ["refreshData", "click"];
-  var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-1a10ace9] {\n  overflow: hidden;\n}\n.progress[data-v-1a10ace9] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-1a10ace9] {\n  margin: 0 auto;\n}\n")();
+  var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-02b500fa] {\n  overflow: hidden;\n}\n.progress[data-v-02b500fa] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-02b500fa] {\n  margin: 0 auto;\n}\n")();
   const _sfc_main$h = vue.defineComponent({
     name: "EcanProportion",
     components: {
@@ -3080,7 +3350,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
     ], 4);
   }
-  var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-1a10ace9"]]);
+  var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-02b500fa"]]);
   const EcanProportion = withInstall(Proportion);
   const inputProps = __spreadProps(__spreadValues({}, props), {
     width: "200px",
@@ -3211,7 +3481,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const selectComponentProps = transformToComponentProps(selectProps);
   const selectEvents = ["selectChange"];
-  var Select_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-select[data-v-2a771bb2] .ant-select-selector {\n  height: 100% !important;\n}\n.select[data-v-2a771bb2] {\n  width: 100%;\n  height: 100%;\n}\n")();
+  var Select_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-select[data-v-d70a9a94] .ant-select-selector {\n  height: 100% !important;\n}\n.select[data-v-d70a9a94] {\n  width: 100%;\n  height: 100%;\n}\n")();
   var Select_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "[datav-theme='light'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n  border: 1px solid #d9d9d9;\n}\n[datav-theme='light'] .ant-select-dropdown {\n  color: rgba(0, 0, 0, 0.85);\n  background: #ffffff;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n[datav-theme='light'] .ant-empty-img-simple-g {\n  stroke: #d9d9d9;\n}\n[datav-theme='light'] .ant-empty-img-simple-ellipse {\n  fill: #f5f5f5;\n}\n[datav-theme='light'] .ant-empty-img-simple-path {\n  fill: #f5f5f5;\n  stroke: #d9d9d9;\n}\n[datav-theme='light'] .ant-empty-description {\n  color: rgba(0, 0, 0, 0.25);\n}\n[datav-theme='light'] .anticon-down {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ant-select:not(.ant-select-customize-input) .ant-select-selector {\n  border: 1px solid #1f63a3;\n  background-color: #05164c;\n  box-shadow: inset 0 0 10px #005efe;\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-dropdown {\n  box-shadow: inset 0 0 10px #005efe;\n  color: #fff;\n  background-color: #05164c;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-g {\n  stroke: #69befa;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-ellipse {\n  fill-opacity: 0;\n}\n[datav-theme='darkBlue'] .ant-empty-img-simple-path {\n  fill: #69befa;\n  stroke: #69befa;\n}\n[datav-theme='darkBlue'] .ant-empty-description {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .anticon-down {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-item {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ant-select-item-option-active {\n  background: #1f63a3;\n}\n[datav-theme='darkBlue'] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {\n  background: #1f63a3;\n}\n")();
   const _sfc_main$e = vue.defineComponent({
     name: "EcanSelect",
@@ -3282,7 +3552,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, null, 8, ["value", "options", "getPopupContainer", "field-names", "onChange"])
     ], 4);
   }
-  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-2a771bb2"]]);
+  var Select = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-d70a9a94"]]);
   const EcanSelect = withInstall(Select);
   const rangePickerProps = __spreadProps(__spreadValues({}, props), {
     name: "\u8303\u56F4\u9009\u62E9\u5668",
@@ -3297,7 +3567,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const rangePickerComponentProps = transformToComponentProps(rangePickerProps);
   const rangePickerEvents = ["dateChange"];
-  var RangePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-picker[data-v-11b582ae] {\n  width: 100%;\n  height: 100%;\n}\n")();
+  var RangePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".range-picker[data-v-61322f3d] {\n  width: 100%;\n  height: 100%;\n}\n")();
   var RangePicker_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => "[datav-theme='light'] .ecan-range-picker .ant-picker {\n  background-color: #ffffff;\n  color: rgba(0, 0, 0, 0.85);\n  border: 1px solid #d9d9d9;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-input > input {\n  color: rgba(0, 0, 0, 0.85);\n}\n[datav-theme='light'] .ecan-range-picker .anticon-calendar {\n  color: #333;\n}\n[datav-theme='light'] .ecan-range-picker .anticon-close-circle {\n  color: #333;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-input > input::placeholder {\n  color: #bfbfbf;\n}\n[datav-theme='light'] .ecan-range-picker .ant-picker-separator .anticon {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker {\n  background-color: #05164c;\n  border: 1px solid #1f63a3;\n  color: #fff;\n  box-shadow: inset 0 0 10px #005efe;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker-input > input {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .anticon-calendar {\n  color: #ffffff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .anticon-close-circle {\n  color: #333;\n}\n[datav-theme='darkBlue'] .ecan-range-picker .ant-picker-separator .anticon {\n  color: #fff;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-panel {\n  background: #05174e;\n  border-bottom: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-header {\n  color: #69befa;\n  border-bottom: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-panel .ant-picker-footer {\n  border-top: 1px solid #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-header button {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-content th {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-content td {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-today-btn {\n  color: #69befa;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-cell-disabled .ant-picker-cell-inner {\n  color: #999;\n}\n[datav-theme='darkBlue'] .ecan-range-picker-dropdown .ant-picker-cell-disabled::before {\n  background: #333;\n}\n")();
   const _sfc_main$d = vue.defineComponent({
     name: "EcanRangePicker",
@@ -3362,17 +3632,23 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, null, 8, ["value", "format", "picker", "locale", "getPopupContainer", "onChange"])
     ], 4);
   }
-  var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-11b582ae"]]);
+  var RangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-61322f3d"]]);
   const EcanRangePicker = withInstall(RangePicker);
   const buttonProps = __spreadProps(__spreadValues({}, props), {
     width: "200px",
     name: "\u6309\u94AE",
     keyName: "\u6309\u94AE",
-    type: "ecanButton"
+    type: "ecanButton",
+    text: "\u6309\u94AE",
+    mode: "default",
+    danger: false,
+    shape: "default",
+    href: "",
+    target: "_self"
   });
   const buttonComponentProps = transformToComponentProps(buttonProps);
   const buttonEvents = ["click"];
-  var Button_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".button[data-v-f60a3514] {\n  width: 100%;\n  height: 100%;\n}\n")();
+  var Button_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".ecan-button .ant-btn {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n")();
   const _sfc_main$c = vue.defineComponent({
     name: "EcanButton",
     components: {
@@ -3384,32 +3660,46 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const events = props2.events;
       const emitEvent = useEmitEvent(events);
       const click = emitEvent("click");
+      const myText = vue.computed(() => useVariablesInText(props2.text));
+      const myHref = vue.computed(() => {
+        const href = props2.href;
+        if (href) {
+          return useVariablesInText(href);
+        }
+        return void 0;
+      });
       return {
         style: style2,
-        click
+        click,
+        myText,
+        myHref
       };
     }
   });
-  const _hoisted_1$5 = /* @__PURE__ */ vue.createTextVNode(" \u6D4B\u8BD5 ");
   function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_button = vue.resolveComponent("a-button");
     return vue.openBlock(), vue.createElementBlock("div", {
-      class: "ecan-input",
+      class: "ecan-button",
       style: vue.normalizeStyle(_ctx.style)
     }, [
       vue.createVNode(_component_a_button, {
-        class: "button",
         block: "",
-        onClick: _ctx.click
+        onClick: _ctx.click,
+        type: _ctx.mode,
+        danger: _ctx.danger,
+        ghost: _ctx.ghost,
+        shape: _ctx.shape,
+        href: _ctx.myHref,
+        target: _ctx.target
       }, {
         default: vue.withCtx(() => [
-          _hoisted_1$5
+          vue.createTextVNode(vue.toDisplayString(_ctx.myText), 1)
         ]),
         _: 1
-      }, 8, ["onClick"])
+      }, 8, ["onClick", "type", "danger", "ghost", "shape", "href", "target"])
     ], 4);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-f60a3514"]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
   const EcanButton = withInstall(Button);
   const tabsProps = __spreadProps(__spreadValues({}, props), {
     type: "ecanTabs",
@@ -3423,7 +3713,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     activeTabBackgroundImage: "",
     tabColor: "#333",
     tabBarGutter: "0px",
+    tabHeight: "30px",
     value: "",
+    activeKey: 0,
+    contains: [],
     data: [
       {
         title: "\u6807\u7B7E1"
@@ -3438,7 +3731,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const tabsComponentProps = transformToComponentProps(tabsProps);
   const tabsEvents = ["tabChange"];
-  var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-2e2bded0] {\n  box-sizing: border-box;\n  color: #333333;\n  display: flex;\n}\n.tab[data-v-2e2bded0] {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n}\n.tab[data-v-2e2bded0]:last-child {\n  margin-right: 0 !important;\n}\n")();
+  var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-27b19b45] {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.tabs-header[data-v-27b19b45] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n}\n.tab[data-v-27b19b45] {\n  display: flex;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n}\n.tab[data-v-27b19b45]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-27b19b45] {\n  flex: 1;\n}\n")();
   const _sfc_main$b = vue.defineComponent({
     name: "EcanTabs",
     props: __spreadValues({}, tabsComponentProps),
@@ -3446,20 +3739,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       var _a2;
       const style2 = usePickComponentStyle(props2);
       const activeKey = vue.ref(0);
+      vue.watch(() => props2.activeKey, (key) => {
+        activeKey.value = key;
+      }, {
+        immediate: true
+      });
       const myData = vue.ref(props2.data);
       const isActive = (index2) => activeKey.value === index2;
       const myValue = vue.ref(props2.value || vue.unref(myData)[0] && ((_a2 = vue.unref(myData)[0]) == null ? void 0 : _a2.value) || "");
       const events = props2.events;
       const emitEvent = useEmitEvent(events);
-      const tabChange = emitEvent("tabChange", (tab, index2) => {
-        myValue.value = (tab == null ? void 0 : tab.value) || "";
-        activeKey.value = index2;
-      });
       const { setGlobalModel } = vue.inject(GLOBAL_MODEL, {
         setGlobalModel: (key, value) => void 0
       });
       setGlobalModel(props2.id, {
-        value: myValue
+        value: myValue,
+        activeKey
+      });
+      const { emitRefreshPage } = vue.inject(REFRESH_PAGE, {
+        emitRefreshPage: () => void 0
+      });
+      const tabChange = emitEvent("tabChange", (tab, index2) => {
+        if (index2 !== vue.unref(activeKey)) {
+          myValue.value = (tab == null ? void 0 : tab.value) || "";
+          activeKey.value = index2;
+          emitRefreshPage();
+        }
       });
       useOnEvent(props2, {
         tabChange
@@ -3474,28 +3779,38 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$4 = ["onClick"];
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-27b19b45"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$3 = ["onClick"];
+  const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tabs-content" }, null, -1));
   function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "ecan-tabs",
       style: vue.normalizeStyle(_ctx.style)
     }, [
-      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.myData, (tab, index2) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["tab"]),
-          style: vue.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,
-            fontSize: _ctx.tabFontSize
-          }),
-          key: index2,
-          onClick: ($event) => _ctx.tabChange(tab, index2)
-        }, vue.toDisplayString(tab.title), 13, _hoisted_1$4);
-      }), 128))
+      vue.createElementVNode("div", {
+        class: "tabs-header",
+        style: vue.normalizeStyle({
+          fontSize: _ctx.tabFontSize
+        })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.myData, (tab, index2) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: "tab",
+            style: vue.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,
+              height: _ctx.tabHeight
+            }),
+            key: index2,
+            onClick: vue.withModifiers(($event) => _ctx.tabChange(tab, index2), ["stop"])
+          }, vue.toDisplayString(tab.title), 13, _hoisted_1$3);
+        }), 128))
+      ], 4),
+      _hoisted_2$1
     ], 4);
   }
-  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-2e2bded0"]]);
+  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-27b19b45"]]);
   const EcanTabs = withInstall(Tabs);
   const pieProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -3547,14 +3862,43 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     gridBottom: "10%",
     gridLeft: "2%",
     gridRight: "2%",
-    graphicConfig: {}
+    graphicConfig: {},
+    toolboxShow: false,
+    toolboxOrient: "horizontal",
+    toolboxItemSize: 16,
+    toolboxItemGap: 8,
+    toolboxLeft: "right",
+    toolboxTop: "top",
+    toolboxIconStyleBorderColor: "#666",
+    toolboxDownloadUrl: "",
+    toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
   });
   const pieComponentProps = transformToComponentProps(pieProps);
   const pieEvents = ["click", "refreshData"];
+  const useDownloadFile = async (downloadFileUrl) => {
+    var _a2;
+    const res = await request.post(downloadFileUrl, {}, {
+      responseType: "blob"
+    });
+    const { data, headers } = res;
+    const fileName = headers["content-disposition"].replace(/\w+;filename=(.*)/, "$1");
+    const blob = new Blob([data]);
+    const dom = document.createElement("a");
+    const url = window.URL.createObjectURL(blob);
+    dom.href = url;
+    dom.download = decodeURI(fileName);
+    dom.style.display = "none";
+    document.body.appendChild(dom);
+    dom.click();
+    (_a2 = dom.parentNode) == null ? void 0 : _a2.removeChild(dom);
+    window.URL.revokeObjectURL(url);
+  };
+  var Pie_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
   core.use([
     renderers.CanvasRenderer,
     charts.PieChart,
     components$1.TitleComponent,
+    components$1.ToolboxComponent,
     components$1.TooltipComponent,
     components$1.LegendComponent
   ]);
@@ -3563,11 +3907,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: __spreadValues({}, pieComponentProps),
     components: {
       Spin,
-      Echarts
+      Echarts,
+      AModal: antDesignVue.Modal
     },
     setup(props2) {
       const style2 = usePickComponentStyle(props2);
       const dataset = vue.ref([]);
+      const visible = vue.ref(false);
+      const hideModal = () => {
+        visible.value = false;
+      };
       const option = vue.computed(() => {
         let { data = [] } = vue.unref(dataset)[0] || {};
         if (Array.isArray(props2.colors)) {
@@ -3578,6 +3927,42 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, item));
         }
         return {
+          toolbox: {
+            show: props2.toolboxShow,
+            left: props2.toolboxLeft,
+            top: props2.toolboxTop,
+            itemSize: props2.toolboxItemSize,
+            itemGap: props2.toolboxItemGap,
+            feature: {
+              myDownload: {
+                show: true,
+                title: "\u6570\u636E\u4E0B\u8F7D",
+                icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+                onclick() {
+                  useDownloadFile(props2.toolboxDownloadUrl);
+                }
+              },
+              myDataZoom: {
+                show: true,
+                title: "\u653E\u5927",
+                icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+                onclick() {
+                  visible.value = true;
+                }
+              },
+              myInfo: {
+                show: true,
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+                onclick() {
+                  antDesignVue.Modal.info({
+                    title: "\u8BF4\u660E\u4FE1\u606F",
+                    content: props2.toolboxInfoText
+                  });
+                }
+              }
+            }
+          },
           title: {
             text: props2.titleText,
             subtext: props2.titleSubtext,
@@ -3732,13 +4117,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         option,
         style: style2,
         click,
-        loading
+        loading,
+        visible,
+        hideModal
       };
     }
   });
   function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     const _component_spin = vue.resolveComponent("spin");
+    const _component_a_modal = vue.resolveComponent("a-modal");
     return vue.openBlock(), vue.createElementBlock("div", {
       style: vue.normalizeStyle(_ctx.style)
     }, [
@@ -3751,7 +4139,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["option", "onClick"])
         ]),
         _: 1
-      }, 8, ["spinning"])
+      }, 8, ["spinning"]),
+      vue.createVNode(_component_a_modal, {
+        "wrap-class-name": "full-modal",
+        width: "100%",
+        visible: _ctx.visible,
+        footer: null,
+        onCancel: _ctx.hideModal
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_echarts, {
+                option: _ctx.option,
+                "update-options": { notMerge: true },
+                autoresize: ""
+              }, null, 8, ["option"])
+            ]),
+            _: 1
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+      }, 8, ["visible", "onCancel"])
     ], 4);
   }
   var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
@@ -3802,13 +4211,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
     keyTypeDataFieldNames: { name: "name", types: [] },
     dataFieldConfigType: "value",
-    graphicConfig: {}
+    graphicConfig: {},
+    toolboxShow: false,
+    toolboxOrient: "horizontal",
+    toolboxItemSize: 16,
+    toolboxItemGap: 8,
+    toolboxLeft: "right",
+    toolboxTop: "top",
+    toolboxIconStyleBorderColor: "#666",
+    toolboxDownloadUrl: "",
+    toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
   });
   const lineComponentProps = transformToComponentProps(lineProps);
   const lineEvents = ["click", "refreshData"];
+  var Line_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
   core.use([
     renderers.CanvasRenderer,
     charts.LineChart,
+    components$1.ToolboxComponent,
     components$1.TitleComponent,
     components$1.LegendComponent
   ]);
@@ -3817,13 +4237,54 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     props: __spreadValues({}, lineComponentProps),
     components: {
       Spin,
-      Echarts
+      Echarts,
+      AModal: antDesignVue.Modal
     },
     setup(props2) {
       const style2 = usePickComponentStyle(props2);
       const series = vue.ref([]);
       const dimensions = vue.ref([]);
+      const visible = vue.ref(false);
+      const hideModal = () => {
+        visible.value = false;
+      };
       const option = vue.computed(() => ({
+        toolbox: {
+          show: props2.toolboxShow,
+          left: props2.toolboxLeft,
+          top: props2.toolboxTop,
+          itemSize: props2.toolboxItemSize,
+          itemGap: props2.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props2.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                antDesignVue.Modal.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props2.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
         title: {
           text: props2.titleText,
           subText: props2.titleSubtext,
@@ -4017,13 +4478,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         option,
         style: style2,
         click,
-        loading
+        loading,
+        visible,
+        hideModal
       };
     }
   });
   function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     const _component_spin = vue.resolveComponent("spin");
+    const _component_a_modal = vue.resolveComponent("a-modal");
     return vue.openBlock(), vue.createElementBlock("div", {
       style: vue.normalizeStyle(_ctx.style)
     }, [
@@ -4036,7 +4500,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["option", "onClick"])
         ]),
         _: 1
-      }, 8, ["spinning"])
+      }, 8, ["spinning"]),
+      vue.createVNode(_component_a_modal, {
+        "wrap-class-name": "full-modal",
+        width: "100%",
+        visible: _ctx.visible,
+        footer: null,
+        onCancel: _ctx.hideModal
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_echarts, {
+                option: _ctx.option,
+                "update-options": { notMerge: true },
+                autoresize: ""
+              }, null, 8, ["option"])
+            ]),
+            _: 1
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+      }, 8, ["visible", "onCancel"])
     ], 4);
   }
   var Line = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
@@ -4100,11 +4585,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     gridLeft: "2%",
     gridRight: "2%",
     graphicConfig: {
-      chartType: "pie",
+      chartType: "bar",
       plugin: "1",
       layer: "2"
     },
-    toolboxShow: true,
+    toolboxShow: false,
     toolboxOrient: "horizontal",
     toolboxItemSize: 16,
     toolboxItemGap: 8,
@@ -4116,25 +4601,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const barComponentProps = transformToComponentProps(barProps);
   const barEvents = ["refreshData", "click"];
-  const useDownloadFile = async (downloadFileUrl) => {
-    var _a2;
-    const res = await request.post(downloadFileUrl, {}, {
-      responseType: "blob"
-    });
-    const { data, headers } = res;
-    const fileName = headers["content-disposition"].replace(/\w+;filename=(.*)/, "$1");
-    const blob = new Blob([data]);
-    const dom = document.createElement("a");
-    const url = window.URL.createObjectURL(blob);
-    dom.href = url;
-    dom.download = decodeURI(fileName);
-    dom.style.display = "none";
-    document.body.appendChild(dom);
-    dom.click();
-    (_a2 = dom.parentNode) == null ? void 0 : _a2.removeChild(dom);
-    window.URL.revokeObjectURL(url);
-  };
-  var Bar_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .modal-inner {\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n  padding: 20px;\n}\n")();
+  var Bar_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
   core.use([
     renderers.CanvasRenderer,
     charts.BarChart,
@@ -4324,12 +4791,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           loading.value = false;
         }
       };
-      const requestDiagram = useRequestDiagramData(props2);
+      const indicatorData = useIndicatorData(props2);
       const handleIndicatorData = async () => {
         var _a2, _b2;
         try {
           loading.value = true;
-          const res = await requestDiagram();
+          const res = await indicatorData();
           const { columns = [], rows = [] } = (_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) != null ? _b2 : {};
           let fieldNames;
           if (columns.length > 0) {
@@ -4393,7 +4860,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$3 = { class: "modal-inner" };
   function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     const _component_spin = vue.resolveComponent("spin");
@@ -4421,18 +4887,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         onCancel: _ctx.hideModal
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$3, [
-            vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_echarts, {
-                  option: _ctx.option,
-                  "update-options": { notMerge: true },
-                  autoresize: ""
-                }, null, 8, ["option"])
-              ]),
-              _: 1
-            }, 8, ["spinning"])
-          ])
+          vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_echarts, {
+                option: _ctx.option,
+                "update-options": { notMerge: true },
+                autoresize: ""
+              }, null, 8, ["option"])
+            ]),
+            _: 1
+          }, 8, ["spinning"])
         ]),
         _: 1
       }, 8, ["visible", "onCancel"])
@@ -4482,13 +4946,24 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     gridBottom: "10%",
     gridLeft: "2%",
     gridRight: "2%",
-    graphicConfig: void 0
+    graphicConfig: void 0,
+    toolboxShow: false,
+    toolboxOrient: "horizontal",
+    toolboxItemSize: 16,
+    toolboxItemGap: 8,
+    toolboxLeft: "right",
+    toolboxTop: "top",
+    toolboxIconStyleBorderColor: "#666",
+    toolboxDownloadUrl: "",
+    toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
   });
   const scatterComponentProps = transformToComponentProps(scatterProps);
   const scatterEvents = ["click", "refreshData"];
+  var Scatter_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
   core.use([
     renderers.CanvasRenderer,
     charts.ScatterChart,
+    components$1.ToolboxComponent,
     components$1.TitleComponent,
     components$1.TooltipComponent,
     components$1.LegendComponent
@@ -4503,7 +4978,47 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     setup(props2) {
       const style2 = usePickComponentStyle(props2);
       const dataset = vue.ref([]);
+      const visible = vue.ref(false);
+      const hideModal = () => {
+        visible.value = false;
+      };
       const option = vue.computed(() => ({
+        toolbox: {
+          show: props2.toolboxShow,
+          left: props2.toolboxLeft,
+          top: props2.toolboxTop,
+          itemSize: props2.toolboxItemSize,
+          itemGap: props2.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props2.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                antDesignVue.Modal.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props2.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
         title: {
           text: props2.titleText,
           subtext: props2.titleSubtext,
@@ -4638,13 +5153,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         option,
         style: style2,
         click,
-        loading
+        loading,
+        visible,
+        hideModal
       };
     }
   });
   function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     const _component_spin = vue.resolveComponent("spin");
+    const _component_a_modal = vue.resolveComponent("a-modal");
     return vue.openBlock(), vue.createElementBlock("div", {
       style: vue.normalizeStyle(_ctx.style)
     }, [
@@ -4657,7 +5175,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["option", "onClick"])
         ]),
         _: 1
-      }, 8, ["spinning"])
+      }, 8, ["spinning"]),
+      vue.createVNode(_component_a_modal, {
+        "wrap-class-name": "full-modal",
+        width: "100%",
+        visible: _ctx.visible,
+        footer: null,
+        onCancel: _ctx.hideModal
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_echarts, {
+                option: _ctx.option,
+                "update-options": { notMerge: true },
+                autoresize: ""
+              }, null, 8, ["option"])
+            ]),
+            _: 1
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+      }, 8, ["visible", "onCancel"])
     ], 4);
   }
   var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
@@ -4799,35 +5338,87 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     gridBottom: "10%",
     gridLeft: "2%",
     gridRight: "2%",
-    graphicConfig: {}
+    graphicConfig: {},
+    toolboxShow: false,
+    toolboxOrient: "horizontal",
+    toolboxItemSize: 16,
+    toolboxItemGap: 8,
+    toolboxLeft: "right",
+    toolboxTop: "top",
+    toolboxIconStyleBorderColor: "#666",
+    toolboxDownloadUrl: "",
+    toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F"
   });
   const comboGraphComponentProps = transformToComponentProps(comboGraphProps);
   const comboGraphEvents = ["refreshData", "click"];
+  var ComboGraph_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.full-modal .ant-modal-body {\n  flex: 1;\n}\n.full-modal .ant-modal-body {\n  padding: 45px 30px 0;\n}\n")();
   core.use([
     renderers.CanvasRenderer,
     charts.BarChart,
     charts.LineChart,
     components$1.TitleComponent,
     components$1.LegendComponent,
-    components$1.DatasetComponent
+    components$1.DatasetComponent,
+    components$1.ToolboxComponent
   ]);
   const _sfc_main$5 = vue.defineComponent({
     name: "EcanComboGraph",
     props: __spreadValues({}, comboGraphComponentProps),
     components: {
       Spin,
-      Echarts
+      Echarts,
+      AModal: antDesignVue.Modal
     },
     setup(props2) {
       const style2 = usePickComponentStyle(props2);
       const series = vue.ref([]);
       const dimensions = vue.ref([]);
+      const visible = vue.ref(false);
+      const hideModal = () => {
+        visible.value = false;
+      };
       const option = vue.computed(() => ({
         title: {
           text: props2.titleText,
           subtext: props2.titleSubtext,
           left: "center"
         },
+        toolbox: {
+          show: props2.toolboxShow,
+          left: props2.toolboxLeft,
+          top: props2.toolboxTop,
+          itemSize: props2.toolboxItemSize,
+          itemGap: props2.toolboxItemGap,
+          feature: {
+            myDownload: {
+              show: true,
+              title: "\u6570\u636E\u4E0B\u8F7D",
+              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+              onclick() {
+                useDownloadFile(props2.toolboxDownloadUrl);
+              }
+            },
+            myDataZoom: {
+              show: true,
+              title: "\u653E\u5927",
+              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+              onclick() {
+                visible.value = true;
+              }
+            },
+            myInfo: {
+              show: true,
+              title: "\u8BF4\u660E\u4FE1\u606F",
+              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+              onclick() {
+                antDesignVue.Modal.info({
+                  title: "\u8BF4\u660E\u4FE1\u606F",
+                  content: props2.toolboxInfoText
+                });
+              }
+            }
+          }
+        },
         grid: {
           top: props2.gridTop,
           bottom: props2.gridBottom,
@@ -5028,13 +5619,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         style: style2,
         option,
         click,
-        loading
+        loading,
+        visible,
+        hideModal
       };
     }
   });
   function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     const _component_spin = vue.resolveComponent("spin");
+    const _component_a_modal = vue.resolveComponent("a-modal");
     return vue.openBlock(), vue.createElementBlock("div", {
       style: vue.normalizeStyle(_ctx.style)
     }, [
@@ -5048,7 +5642,29 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           }, null, 8, ["option", "onClick"])
         ]),
         _: 1
-      }, 8, ["spinning"])
+      }, 8, ["spinning"]),
+      vue.createVNode(_component_a_modal, {
+        "wrap-class-name": "full-modal",
+        width: "100%",
+        visible: _ctx.visible,
+        footer: null,
+        onCancel: _ctx.hideModal
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_spin, { spinning: _ctx.loading }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_echarts, {
+                option: _ctx.option,
+                "update-options": { notMerge: true },
+                autoresize: "",
+                onClick: _ctx.click
+              }, null, 8, ["option", "onClick"])
+            ]),
+            _: 1
+          }, 8, ["spinning"])
+        ]),
+        _: 1
+      }, 8, ["visible", "onCancel"])
     ], 4);
   }
   var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
@@ -5064,102 +5680,125 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     fontFamily: "",
     fontWeight: 700,
     title: "\u6807\u9898",
-    mode: "top-title"
+    mode: "only-border",
+    borderColor: "#eee",
+    borderRadius: "5px",
+    borderStyle: "solid",
+    borderWidth: "2px",
+    backgroundColor: "",
+    useBorderModify: false
   });
   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-f83231c0],\n.no-title[data-v-f83231c0] {\n  border: 1px solid rgba(55, 85, 218, 0.3);\n  background: rgba(7, 22, 85, 0.8);\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-f83231c0],\n.no-title .border-item[data-v-f83231c0] {\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-f83231c0],\n.no-title .top-left[data-v-f83231c0] {\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-f83231c0],\n.no-title .top-right[data-v-f83231c0] {\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-f83231c0],\n.no-title .bottom-left[data-v-f83231c0] {\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-f83231c0],\n.no-title .bottom-right[data-v-f83231c0] {\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-f83231c0],\n.no-title .title-item-wrapper[data-v-f83231c0] {\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-f83231c0],\n.no-title .title-item[data-v-f83231c0] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-f83231c0],\n.no-title .title[data-v-f83231c0] {\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-f83231c0],\n.no-title .title-decoration-left[data-v-f83231c0] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-f83231c0],\n.no-title .title-decoration-right[data-v-f83231c0] {\n  width: 58px;\n  height: 14px;\n}\n.only-border[data-v-f83231c0] {\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n}\n.left-title[data-v-f83231c0] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n}\n.left-title .title[data-v-f83231c0] {\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-f83231c0] {\n  writing-mode: vertical-lr;\n}\n')();
+  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 = vue.defineComponent({
     name: "EcanBorder",
     props: __spreadValues({}, borderComponentProps),
     setup(props2) {
-      const style2 = usePickComponentStyle(props2);
+      const style2 = usePickComponentStyle(props2, ["background"]);
+      const { theme } = vue.inject(GLOBAL_CONFIG, {
+        theme: "light"
+      });
+      const borderStyle = vue.computed(() => {
+        return {
+          borderWidth: props2.borderWidth,
+          borderStyle: props2.borderStyle,
+          borderRadius: props2.borderRadius,
+          borderColor: props2.borderColor,
+          backgroundColor: props2.backgroundColor,
+          width: "100%",
+          height: "100%"
+        };
+      });
       const emitEvent = useEmitEvent(props2.events);
       const click = emitEvent("click", () => {
       });
       useOnEvent(props2, {
         click
       });
+      const onDrag = (e) => {
+        console.log(e);
+      };
       return {
         style: style2,
-        click
+        click,
+        borderStyle,
+        theme,
+        onDrag
       };
     }
   });
-  const _withScopeId = (n) => (vue.pushScopeId("data-v-f83231c0"), n = n(), vue.popScopeId(), n);
-  const _hoisted_1$2 = {
-    key: 0,
-    class: "top-title"
-  };
-  const _hoisted_2 = { class: "title-item-wrapper" };
-  const _hoisted_3 = { class: "title-item" };
-  const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-f913847e"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
+  const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
+  const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+  const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.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__ */ vue.createElementVNode("img", {
     class: "title-decoration-left",
     src: _imports_0
   }, null, -1));
-  const _hoisted_5 = { class: "title" };
-  const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  const _hoisted_8 = { class: "title" };
+  const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
     class: "title-decoration-right",
     src: _imports_1
   }, null, -1));
-  const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
-  const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
-  const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-  const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
-  const _hoisted_11 = {
-    key: 1,
-    class: "no-title"
-  };
-  const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
-  const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
-  const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-  const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
-  const _hoisted_16 = [
-    _hoisted_12,
-    _hoisted_13,
-    _hoisted_14,
-    _hoisted_15
-  ];
-  const _hoisted_17 = {
+  const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
+  const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
+  const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+  const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+  const _hoisted_14 = {
     key: 2,
-    class: "only-border"
-  };
-  const _hoisted_18 = {
-    key: 3,
     class: "left-title"
   };
-  const _hoisted_19 = { class: "title" };
+  const _hoisted_15 = { class: "title" };
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "ecan-border",
       style: vue.normalizeStyle(_ctx.style),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
     }, [
-      _ctx.mode === "top-title" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("div", _hoisted_3, [
-            _hoisted_4,
-            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(_ctx.title), 1),
-            _hoisted_6
+      _ctx.mode === "no-title" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "no-title",
+        style: vue.normalizeStyle(_ctx.borderStyle),
+        onDrag: _cache[0] || (_cache[0] = (...args) => _ctx.onDrag && _ctx.onDrag(...args))
+      }, [
+        _ctx.useBorderModify ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          _hoisted_1$2,
+          _hoisted_2,
+          _hoisted_3,
+          _hoisted_4
+        ], 64)) : vue.createCommentVNode("", true)
+      ], 36)) : vue.createCommentVNode("", true),
+      _ctx.mode === "top-title" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: "top-title",
+        style: vue.normalizeStyle(_ctx.borderStyle)
+      }, [
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", _hoisted_6, [
+            _hoisted_7,
+            vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(_ctx.title), 1),
+            _hoisted_9
           ])
         ]),
-        _hoisted_7,
-        _hoisted_8,
-        _hoisted_9,
-        _hoisted_10
-      ])) : vue.createCommentVNode("", true),
-      _ctx.mode === "no-title" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_16)) : vue.createCommentVNode("", true),
-      _ctx.mode === "only-border" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17)) : vue.createCommentVNode("", true),
-      _ctx.mode === "left-title" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
-        vue.createElementVNode("div", _hoisted_19, [
+        _hoisted_10,
+        _hoisted_11,
+        _hoisted_12,
+        _hoisted_13
+      ], 4)) : vue.createCommentVNode("", true),
+      _ctx.mode === "left-title" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+        vue.createElementVNode("div", _hoisted_15, [
           vue.createElementVNode("span", null, vue.toDisplayString(_ctx.title), 1)
         ])
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f83231c0"]]);
+  var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f913847e"]]);
   const EcanBorder = withInstall(Border);
   const modalProps = {
     id: "",
@@ -5182,7 +5821,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   };
   const modalComponentProps = transformToComponentProps(modalProps);
   const modalEvents = ["showModal"];
-  var Modal_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".contain[data-v-0b2fdae1] {\n  position: relative;\n  overflow: hidden;\n}\n.content[data-v-0b2fdae1] {\n  transform-origin: left top;\n  z-index: 999;\n}\n")();
+  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 = vue.defineComponent({
     name: "EcanModal",
@@ -5327,7 +5966,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       } : 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-0b2fdae1"]]);
+  var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-378919f0"]]);
   const EcanModal = withInstall(Modal);
   const imageProps = __spreadProps(__spreadValues({}, props), {
     name: "\u56FE\u7247",
@@ -5425,38 +6064,41 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         address: "\u798F\u5DDE\u8F6F\u4EF6\u56ED"
       }
     ],
-    graphicConfig: {}
+    graphicConfig: {
+      chartType: "table",
+      plugin: "1",
+      layer: "1"
+    }
   });
   const tableComponentProps = transformToComponentProps(tableProps);
   const tableEvents = ["click", "refreshData"];
-  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-3c009dfc] {
+  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-56b87792] {
   width: 100%;
-  height: 100%;
 }
-.goUp[data-v-3c009dfc] {
+.goUp[data-v-56b87792] {
   color: #FF512E;
   display: flex;
   align-items: center;
 }
-.goUp[data-v-3c009dfc]:before {
+.goUp[data-v-56b87792]:before {
   content: '';
   display: block;
-  background: 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=");
+  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=");
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-3c009dfc] {
+.goDown[data-v-56b87792] {
   color: #00F7B4;
   display: flex;
   align-items: center;
 }
-.goDown[data-v-3c009dfc]:before {
+.goDown[data-v-56b87792]:before {
   content: '';
   display: block;
-  background: 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=");
+  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=");
   width: 12px;
   height: 12px;
   background-repeat: no-repeat;
@@ -5464,7 +6106,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   margin-right: 2px;
 }
 `)();
-  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 .ant-pagination-item-link {\n  border: 1px solid #d9d9d9 !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  border: 1px solid #243c8e !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")();
+  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 = vue.defineComponent({
     name: "EcanTable",
     components: {
@@ -5475,7 +6117,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       ATableSummaryCell: antDesignVue.TableSummaryCell
     },
     props: __spreadValues({}, tableComponentProps),
-    setup(props2) {
+    setup(props2, { expose }) {
       const style2 = usePickComponentStyle(props2);
       const splitY = vue.computed(() => {
         if (props2.paginationShow) {
@@ -5574,7 +6216,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
       const tableChange = ({ current }, _filters, _sorter) => {
         pageNum.value = current;
-        handleIndicatorData();
       };
       const pagination = vue.computed(() => {
         const simple = props2.simple;
@@ -5632,12 +6273,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         });
         dataSource.value = rows;
       };
-      const requestDiagram = useRequestDiagramData(props2);
+      const indicatorData = useIndicatorData(props2);
       const handleIndicatorData = async () => {
         var _a2, _b2, _c2, _d;
         try {
           loading.value = true;
-          const res = await requestDiagram();
+          const res = await indicatorData();
           handleIndicatorDataset((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.columns, (_d = (_c2 = res == null ? void 0 : res.data) == null ? void 0 : _c2.data) == null ? void 0 : _d.rows);
         } catch (e) {
           console.error(e);
@@ -5653,6 +6294,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         })
       });
       const refreshData = () => {
+        console.log(vue.unref(pageMode));
         if (vue.unref(pageMode) === "design")
           return;
         switch (props2.dataType) {
@@ -5706,6 +6348,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         setRequest: (requestFn, sortNum) => void 0
       });
       setRequest(refreshData, props2.requestSort);
+      expose({
+        refreshData
+      });
       return {
         x,
         y,
@@ -5737,6 +6382,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         default: vue.withCtx(() => [
           vue.createVNode(_component_a_table, {
             class: "table",
+            style: {
+              height: "100%"
+            },
             columns: _ctx.dataColumns.length > 0 ? _ctx.dataColumns : _ctx.myColumns,
             "data-source": _ctx.dataSource,
             bordered: _ctx.bordered,
@@ -5792,7 +6440,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["loading"])
     ], 4);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-3c009dfc"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-56b87792"]]);
   const EcanTable = withInstall(Table);
   const mapProps = __spreadProps(__spreadValues({}, props), {
     mapJson: null,
@@ -6005,6 +6653,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     providerConfig,
     providerConfigComponentProps,
     EcanProviderConfig,
+    renderer,
+    rendererComponentProps,
+    EcanRenderer,
     textProps,
     textComponentProps,
     textEvents,
@@ -6114,6 +6765,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   exports2.EcanProportion = EcanProportion;
   exports2.EcanProviderConfig = EcanProviderConfig;
   exports2.EcanRangePicker = EcanRangePicker;
+  exports2.EcanRenderer = EcanRenderer;
   exports2.EcanScatter = EcanScatter;
   exports2.EcanScrollText = EcanScrollText;
   exports2.EcanSelect = EcanSelect;
@@ -6167,6 +6819,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   exports2.rangePickerComponentProps = rangePickerComponentProps;
   exports2.rangePickerEvents = rangePickerEvents;
   exports2.rangePickerProps = rangePickerProps;
+  exports2.renderer = renderer;
+  exports2.rendererComponentProps = rendererComponentProps;
   exports2.scatterComponentProps = scatterComponentProps;
   exports2.scatterEvents = scatterEvents;
   exports2.scatterProps = scatterProps;