@ecan-bi/datav 1.0.42 → 1.0.45

package/dist/index.es.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var _a, _b, _c;
-import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createTextVNode, createSlots, resolveDynamicComponent, mergeProps, withDirectives, vShow } from "vue";
+import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createTextVNode, withModifiers, createSlots, resolveDynamicComponent, mergeProps, withDirectives, vShow } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
 import { addListener, removeListener } from "resize-detector";
 import { Spin as Spin$1, Skeleton as Skeleton$1, message, Progress, Input as Input$1, DatePicker as DatePicker$1, Select as Select$1, RangePicker as RangePicker$1, Button as Button$1, Modal as Modal$1, Table as Table$1, TableSummary, TableSummaryRow, TableSummaryCell } from "ant-design-vue";
@@ -1373,7 +1373,7 @@ var _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   props: {
     spinning: {
       type: Boolean,
@@ -1397,7 +1397,7 @@ const _sfc_main$p = defineComponent({
   }
 });
 const _hoisted_1$9 = { class: "spin-wrapper" };
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_spin = resolveComponent("a-spin");
   return openBlock(), createElementBlock("div", _hoisted_1$9, [
     _ctx.spinning ? (openBlock(), createBlock(_component_a_spin, {
@@ -1409,8 +1409,8 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["spinning", "indicator"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
   ]);
 }
-var Spin = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
-const _sfc_main$o = defineComponent({
+var Spin = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
+const _sfc_main$p = defineComponent({
   name: "Skeleton",
   props: {
     loading: {
@@ -1422,7 +1422,7 @@ const _sfc_main$o = defineComponent({
     ASkeleton: Skeleton$1
   }
 });
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_skeleton = resolveComponent("a-skeleton");
   return openBlock(), createBlock(_component_a_skeleton, {
     active: "",
@@ -1434,7 +1434,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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 : {})]) {
@@ -1512,7 +1512,8 @@ const styleList = [
   "backgroundSize",
   "textShadow",
   "justifyContent",
-  "alignItems"
+  "alignItems",
+  "zIndex"
 ];
 const usePickComponentStyle = (props2, excludeStyleList = []) => {
   const finalStyleList = without(styleList, ...excludeStyleList);
@@ -1523,6 +1524,7 @@ const GLOBAL_CONFIG = "GLOBAL_CONFIG";
 const GLOBAL_MODEL = "GLOBAL_MODEL";
 const REQUEST_MODEL = "REQUEST_MODEL";
 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) || "./";
@@ -1624,6 +1626,24 @@ const lowerCaseIncludes = (v1, v2) => {
   }
   return false;
 };
+const useVariablesInText = (text, data = {}) => {
+  const config2 = window.config || {};
+  data = __spreadValues(__spreadValues({}, config2), data);
+  const variables = text.match(/\{\w*\}/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 {
@@ -1661,23 +1681,25 @@ const useRequestData = (props2, callBack = () => {
         }
         _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 {
@@ -1771,25 +1793,6 @@ const usePageUrl = (pageMode, pageId) => {
   console.log(pageMode);
   return pageMode === "preview" ? envPageUrl : proPageUrl;
 };
-const useVariablesInText = (text, data = {}) => {
-  var _a2;
-  const config2 = (_a2 = window.config) != null ? _a2 : {};
-  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 usedVariables = data[v];
-    if (usedVariables != null) {
-      text = text.replace(variable, usedVariables);
-    } else {
-      text = text.replace(variable, "");
-    }
-  }
-  return text;
-};
 const request = axios.create({
   timeout: 1e3 * 10
 });
@@ -2165,7 +2168,7 @@ const useRequestDiagramData = (props2) => {
   };
 };
 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++) {
@@ -2381,8 +2384,20 @@ const useIndicatorData = (props2 = {}) => {
     }
   };
 };
-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 = defineComponent({
+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 = defineComponent({
   name: "EcanPageConfig",
   props: __spreadValues({}, pageConfigComponentProps),
   setup(props2) {
@@ -2480,7 +2495,7 @@ const _hoisted_1$8 = {
   id: "container",
   ref: "container"
 };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$8, [
     _ctx.ready ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -2491,18 +2506,20 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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 = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "EcanProviderConfig",
   props: __spreadValues({}, providerConfigComponentProps),
   setup(props2, { expose }) {
+    useHrefParamsToGlobalVariables();
     const providerConfig2 = ref();
     const setTheme = () => {
       providerConfig2.value.setAttribute("datav-theme", props2.theme);
@@ -2610,8 +2627,22 @@ const _sfc_main$m = defineComponent({
       setRequest,
       touchRequest
     });
+    const emitRefreshPage = () => {
+      eventBus.emit(REFRESH_PAGE);
+    };
+    provide(REFRESH_PAGE, {
+      emitRefreshPage
+    });
+    const onRefreshPage = (callBack) => {
+      eventBus.on(REFRESH_PAGE, () => callBack());
+      onMounted(() => {
+        eventBus.off(REFRESH_PAGE);
+      });
+    };
     expose({
-      touchRequest
+      touchRequest,
+      getGlobalModel,
+      onRefreshPage
     });
     return {
       providerConfig: providerConfig2
@@ -2622,13 +2653,28 @@ const _hoisted_1$7 = {
   id: "ProviderConfig",
   ref: "providerConfig"
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$7, [
     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 = defineComponent({
+  name: "EcanRenderer",
+  props: __spreadValues({}, rendererComponentProps),
+  setup() {
+  }
+});
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div");
+}
+var Renderer = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
+const EcanRenderer = withInstall(Renderer);
 const textProps = __spreadProps(__spreadValues({}, props), {
   name: "\u6587\u672C",
   keyName: "\u6587\u672C",
@@ -2649,7 +2695,7 @@ const textProps = __spreadProps(__spreadValues({}, props), {
 });
 const textComponentProps = transformToComponentProps(textProps);
 const textEvents = ["refreshData", "click"];
-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")();
+var Text_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".skeleton-wrapper[data-v-9526cadc] {\n  overflow: hidden;\n}\n.ecan-text[data-v-9526cadc] {\n  overflow: hidden;\n  display: flex;\n}\n")();
 const _sfc_main$l = defineComponent({
   name: "EcanText",
   components: { Skeleton },
@@ -2660,7 +2706,7 @@ const _sfc_main$l = defineComponent({
     const myText = computed(() => {
       let text = props2.text;
       const data = unref(myData);
-      const variables = text.match(/\{.*?\}/g);
+      const variables = text.match(/\{\w*\}/g);
       if (variables == null || variables.length === 0)
         return text;
       for (let i = 0; i < variables.length; i++) {
@@ -2735,7 +2781,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
   }, null, 12, _hoisted_1$6));
 }
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-e7487804"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-9526cadc"]]);
 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 = defineComponent({
@@ -3036,12 +3082,12 @@ const _sfc_main$i = defineComponent({
     };
   }
 });
-const _withScopeId$1 = (n) => (pushScopeId("data-v-461dbe78"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-461dbe78"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = {
   key: 0,
   class: "title"
 };
-const _hoisted_2$1 = {
+const _hoisted_2$2 = {
   key: 0,
   class: "ranking"
 };
@@ -3053,7 +3099,7 @@ const _hoisted_4$1 = {
   key: 0,
   class: "ranking"
 };
-const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon" }, null, -1));
+const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "icon" }, null, -1));
 const _hoisted_6$1 = { class: "sort" };
 const _hoisted_7$1 = {
   key: 2,
@@ -3079,7 +3125,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               key: count
             }, [
-              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_2$1)) : createCommentVNode("", true),
+              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_2$2)) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, i) => {
                 return openBlock(), createElementBlock("div", {
                   class: "column",
@@ -3161,7 +3207,7 @@ const proportionProps = __spreadProps(__spreadValues({}, props), {
 });
 const proportionComponentProps = transformToComponentProps(proportionProps);
 const proportionEvents = ["refreshData", "click"];
-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")();
+var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-206755e6] {\n  overflow: hidden;\n}\n.progress[data-v-206755e6] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-206755e6] {\n  margin: 0 auto;\n}\n")();
 const _sfc_main$h = defineComponent({
   name: "EcanProportion",
   components: {
@@ -3193,7 +3239,7 @@ const _sfc_main$h = defineComponent({
       var _a2;
       let text2 = props2.text;
       const data = unref(myData);
-      const variables = text2.match(/\{.*?\}/g) || [];
+      const variables = text2.match(/\{\w*\}/g) || [];
       if (text2 === "")
         return unref(value) + "%";
       for (let i = 0; i < variables.length; i++) {
@@ -3294,7 +3340,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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-02b500fa"]]);
+var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-206755e6"]]);
 const EcanProportion = withInstall(Proportion);
 const inputProps = __spreadProps(__spreadValues({}, props), {
   width: "200px",
@@ -3586,11 +3632,13 @@ const buttonProps = __spreadProps(__spreadValues({}, props), {
   text: "\u6309\u94AE",
   mode: "default",
   danger: false,
-  shape: "default"
+  shape: "default",
+  href: "",
+  target: "_self"
 });
 const buttonComponentProps = transformToComponentProps(buttonProps);
 const buttonEvents = ["click"];
-var Button_vue_vue_type_style_index_0_lang = /* @__PURE__ */ (() => ".ecan-button .ant-btn {\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 = defineComponent({
   name: "EcanButton",
   components: {
@@ -3602,9 +3650,19 @@ const _sfc_main$c = defineComponent({
     const events = props2.events;
     const emitEvent = useEmitEvent(events);
     const click = emitEvent("click");
+    const myText = computed(() => useVariablesInText(props2.text));
+    const myHref = computed(() => {
+      const href = props2.href;
+      if (href) {
+        return useVariablesInText(href);
+      }
+      return void 0;
+    });
     return {
       style: style2,
-      click
+      click,
+      myText,
+      myHref
     };
   }
 });
@@ -3620,13 +3678,15 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       type: _ctx.mode,
       danger: _ctx.danger,
       ghost: _ctx.ghost,
-      shape: _ctx.shape
+      shape: _ctx.shape,
+      href: _ctx.myHref,
+      target: _ctx.target
     }, {
       default: withCtx(() => [
-        createTextVNode(toDisplayString(_ctx.text), 1)
+        createTextVNode(toDisplayString(_ctx.myText), 1)
       ]),
       _: 1
-    }, 8, ["onClick", "type", "danger", "ghost", "shape"])
+    }, 8, ["onClick", "type", "danger", "ghost", "shape", "href", "target"])
   ], 4);
 }
 var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
@@ -3643,7 +3703,10 @@ const tabsProps = __spreadProps(__spreadValues({}, props), {
   activeTabBackgroundImage: "",
   tabColor: "#333",
   tabBarGutter: "0px",
+  tabHeight: "30px",
   value: "",
+  activeKey: 0,
+  contains: [],
   data: [
     {
       title: "\u6807\u7B7E1"
@@ -3658,7 +3721,7 @@ const tabsProps = __spreadProps(__spreadValues({}, props), {
 });
 const tabsComponentProps = transformToComponentProps(tabsProps);
 const tabsEvents = ["tabChange"];
-var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-5aeec0ae] {\n  box-sizing: border-box;\n  color: #333333;\n  display: flex;\n}\n.tab[data-v-5aeec0ae] {\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-5aeec0ae]: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 = defineComponent({
   name: "EcanTabs",
   props: __spreadValues({}, tabsComponentProps),
@@ -3666,20 +3729,32 @@ const _sfc_main$b = defineComponent({
     var _a2;
     const style2 = usePickComponentStyle(props2);
     const activeKey = ref(0);
+    watch(() => props2.activeKey, (key) => {
+      activeKey.value = key;
+    }, {
+      immediate: true
+    });
     const myData = ref(props2.data);
     const isActive = (index2) => activeKey.value === index2;
     const myValue = ref(props2.value || unref(myData)[0] && ((_a2 = unref(myData)[0]) == null ? void 0 : _a2.value) || "");
     const events = props2.events;
     const emitEvent = useEmitEvent(events);
-    const tabChange = emitEvent("tabChange", (tab, index2) => {
-      myValue.value = (tab == null ? void 0 : tab.value) || "";
-      activeKey.value = index2;
-    });
     const { setGlobalModel } = inject(GLOBAL_MODEL, {
       setGlobalModel: (key, value) => void 0
     });
     setGlobalModel(props2.id, {
-      value: myValue
+      value: myValue,
+      activeKey
+    });
+    const { emitRefreshPage } = inject(REFRESH_PAGE, {
+      emitRefreshPage: () => void 0
+    });
+    const tabChange = emitEvent("tabChange", (tab, index2) => {
+      if (index2 !== unref(activeKey)) {
+        myValue.value = (tab == null ? void 0 : tab.value) || "";
+        activeKey.value = index2;
+        emitRefreshPage();
+      }
     });
     useOnEvent(props2, {
       tabChange
@@ -3694,28 +3769,38 @@ const _sfc_main$b = defineComponent({
     };
   }
 });
+const _withScopeId$1 = (n) => (pushScopeId("data-v-27b19b45"), n = n(), popScopeId(), n);
 const _hoisted_1$3 = ["onClick"];
+const _hoisted_2$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "tabs-content" }, null, -1));
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "ecan-tabs",
     style: normalizeStyle(_ctx.style)
   }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.myData, (tab, index2) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tab"]),
-        style: normalizeStyle({
-          color: _ctx.isActive(index2) ? _ctx.activeTabColor : _ctx.tabColor,
-          backgroundImage: _ctx.isActive(index2) ? _ctx.useImagePath(_ctx.activeTabBackgroundImage, true) : _ctx.useImagePath(_ctx.tabBackgroundImage, true),
-          marginRight: _ctx.tabBarGutter,
-          fontSize: _ctx.tabFontSize
-        }),
-        key: index2,
-        onClick: ($event) => _ctx.tabChange(tab, index2)
-      }, toDisplayString(tab.title), 13, _hoisted_1$3);
-    }), 128))
+    createElementVNode("div", {
+      class: "tabs-header",
+      style: normalizeStyle({
+        fontSize: _ctx.tabFontSize
+      })
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.myData, (tab, index2) => {
+        return openBlock(), createElementBlock("div", {
+          class: "tab",
+          style: normalizeStyle({
+            color: _ctx.isActive(index2) ? _ctx.activeTabColor : _ctx.tabColor,
+            backgroundImage: _ctx.isActive(index2) ? _ctx.useImagePath(_ctx.activeTabBackgroundImage, true) : _ctx.useImagePath(_ctx.tabBackgroundImage, true),
+            marginRight: _ctx.tabBarGutter,
+            height: _ctx.tabHeight
+          }),
+          key: index2,
+          onClick: withModifiers(($event) => _ctx.tabChange(tab, index2), ["stop"])
+        }, 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-5aeec0ae"]]);
+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: "",
@@ -5585,102 +5670,125 @@ const borderProps = __spreadProps(__spreadValues({}, props), {
   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-3c3b861e],\n.no-title[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .border-item[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .top-left[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .top-right[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .bottom-left[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .bottom-right[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .title-item-wrapper[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .title-item[data-v-3c3b861e] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-3c3b861e],\n.no-title .title[data-v-3c3b861e] {\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-3c3b861e],\n.no-title .title-decoration-left[data-v-3c3b861e] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-3c3b861e],\n.no-title .title-decoration-right[data-v-3c3b861e] {\n  width: 58px;\n  height: 14px;\n}\n.only-border[data-v-3c3b861e] {\n  border: 2px solid #375A8899;\n  border-radius: 8px;\n  width: 100%;\n  height: 100%;\n}\n.left-title[data-v-3c3b861e] {\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-3c3b861e] {\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-3c3b861e] {\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 = defineComponent({
   name: "EcanBorder",
   props: __spreadValues({}, borderComponentProps),
   setup(props2) {
-    const style2 = usePickComponentStyle(props2);
+    const style2 = usePickComponentStyle(props2, ["background"]);
+    const { theme } = inject(GLOBAL_CONFIG, {
+      theme: "light"
+    });
+    const borderStyle = 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) => (pushScopeId("data-v-3c3b861e"), n = n(), 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__ */ createElementVNode("img", {
+const _withScopeId = (n) => (pushScopeId("data-v-f913847e"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_5 = { class: "title-item-wrapper" };
+const _hoisted_6 = { class: "title-item" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
   class: "title-decoration-left",
   src: _imports_0
 }, null, -1));
-const _hoisted_5 = { class: "title" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+const _hoisted_8 = { class: "title" };
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
   class: "title-decoration-right",
   src: _imports_1
 }, null, -1));
-const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
-const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
-const _hoisted_11 = {
-  key: 1,
-  class: "no-title"
-};
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
-const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
-const _hoisted_14 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-const _hoisted_15 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ 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__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_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 openBlock(), createElementBlock("div", {
     class: "ecan-border",
     style: 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" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-      createElementVNode("div", _hoisted_2, [
-        createElementVNode("div", _hoisted_3, [
-          _hoisted_4,
-          createElementVNode("div", _hoisted_5, toDisplayString(_ctx.title), 1),
-          _hoisted_6
+    _ctx.mode === "no-title" ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "no-title",
+      style: normalizeStyle(_ctx.borderStyle),
+      onDrag: _cache[0] || (_cache[0] = (...args) => _ctx.onDrag && _ctx.onDrag(...args))
+    }, [
+      _ctx.useBorderModify ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _hoisted_1$2,
+        _hoisted_2,
+        _hoisted_3,
+        _hoisted_4
+      ], 64)) : createCommentVNode("", true)
+    ], 36)) : createCommentVNode("", true),
+    _ctx.mode === "top-title" ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "top-title",
+      style: normalizeStyle(_ctx.borderStyle)
+    }, [
+      createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_6, [
+          _hoisted_7,
+          createElementVNode("div", _hoisted_8, toDisplayString(_ctx.title), 1),
+          _hoisted_9
         ])
       ]),
-      _hoisted_7,
-      _hoisted_8,
-      _hoisted_9,
-      _hoisted_10
-    ])) : createCommentVNode("", true),
-    _ctx.mode === "no-title" ? (openBlock(), createElementBlock("div", _hoisted_11, _hoisted_16)) : createCommentVNode("", true),
-    _ctx.mode === "only-border" ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true),
-    _ctx.mode === "left-title" ? (openBlock(), createElementBlock("div", _hoisted_18, [
-      createElementVNode("div", _hoisted_19, [
+      _hoisted_10,
+      _hoisted_11,
+      _hoisted_12,
+      _hoisted_13
+    ], 4)) : createCommentVNode("", true),
+    _ctx.mode === "left-title" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+      createElementVNode("div", _hoisted_15, [
         createElementVNode("span", null, toDisplayString(_ctx.title), 1)
       ])
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-3c3b861e"]]);
+var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f913847e"]]);
 const EcanBorder = withInstall(Border);
 const modalProps = {
   id: "",
@@ -5703,7 +5811,7 @@ const modalProps = {
 };
 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 = defineComponent({
   name: "EcanModal",
@@ -5848,7 +5956,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-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",
@@ -6535,6 +6643,9 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   providerConfig,
   providerConfigComponentProps,
   EcanProviderConfig,
+  renderer,
+  rendererComponentProps,
+  EcanRenderer,
   textProps,
   textComponentProps,
   textEvents,
@@ -6627,5 +6738,5 @@ const install = (app) => {
 var index = {
   install
 };
-export { EcanBar, EcanBorder, EcanButton, EcanComboGraph, EcanCustomGraph, EcanDatePicker, EcanImage, EcanInput, EcanLine, EcanList, EcanMap, EcanModal, EcanPageConfig, EcanPie, EcanProportion, EcanProviderConfig, EcanRangePicker, EcanScatter, EcanScrollText, EcanSelect, EcanTable, EcanTabs, EcanText, EcanTimeDisplay, barComponentProps, barEvents, barProps, borderComponentProps, borderEvents, borderProps, buttonComponentProps, buttonEvents, buttonProps, comboGraphComponentProps, comboGraphEvents, comboGraphProps, customGraphComponentProps, customGraphProps, datePickerComponentProps, datePickerEvents, datePickerProps, index as default, imageComponentProps, imageProps, inputComponentProps, inputProps, lineComponentProps, lineEvents, lineProps, listComponentProps, listEvents, listProps, mapComponentProps, mapProps, modalComponentProps, modalEvents, modalProps, pageConfig, pageConfigComponentProps, pieComponentProps, pieEvents, pieProps, proportionComponentProps, proportionEvents, proportionProps, providerConfig, providerConfigComponentProps, rangePickerComponentProps, rangePickerEvents, rangePickerProps, scatterComponentProps, scatterEvents, scatterProps, selectComponentProps, selectEvents, selectProps, tableComponentProps, tableEvents, tableProps, tabsComponentProps, tabsEvents, tabsProps, textComponentProps, textEvents, textProps, timeDisplayComponentProps, timeDisplayProps };
+export { EcanBar, EcanBorder, EcanButton, EcanComboGraph, EcanCustomGraph, EcanDatePicker, EcanImage, EcanInput, EcanLine, EcanList, EcanMap, EcanModal, EcanPageConfig, EcanPie, EcanProportion, EcanProviderConfig, EcanRangePicker, EcanRenderer, EcanScatter, EcanScrollText, EcanSelect, EcanTable, EcanTabs, EcanText, EcanTimeDisplay, barComponentProps, barEvents, barProps, borderComponentProps, borderEvents, borderProps, buttonComponentProps, buttonEvents, buttonProps, comboGraphComponentProps, comboGraphEvents, comboGraphProps, customGraphComponentProps, customGraphProps, datePickerComponentProps, datePickerEvents, datePickerProps, index as default, imageComponentProps, imageProps, inputComponentProps, inputProps, lineComponentProps, lineEvents, lineProps, listComponentProps, listEvents, listProps, mapComponentProps, mapProps, modalComponentProps, modalEvents, modalProps, pageConfig, pageConfigComponentProps, pieComponentProps, pieEvents, pieProps, proportionComponentProps, proportionEvents, proportionProps, providerConfig, providerConfigComponentProps, rangePickerComponentProps, rangePickerEvents, rangePickerProps, renderer, rendererComponentProps, scatterComponentProps, scatterEvents, scatterProps, selectComponentProps, selectEvents, selectProps, tableComponentProps, tableEvents, tableProps, tabsComponentProps, tabsEvents, tabsProps, textComponentProps, textEvents, textProps, timeDisplayComponentProps, timeDisplayProps };
 //# sourceMappingURL=index.es.js.map