@ecan-bi/datav 1.0.43 → 1.0.46

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,
@@ -1407,7 +1407,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   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 = vue.resolveComponent("a-spin");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
       _ctx.spinning ? (vue.openBlock(), vue.createBlock(_component_a_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);
@@ -1533,6 +1534,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   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) || "./";
@@ -1634,10 +1636,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return false;
   };
-  const useVariablesInText = (text, data) => {
+  const useVariablesInText = (text, data = {}) => {
     const config2 = window.config || {};
     data = __spreadValues(__spreadValues({}, config2), data);
-    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++) {
@@ -2176,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++) {
@@ -2405,7 +2407,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   };
   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$n = vue.defineComponent({
+  const _sfc_main$o = vue.defineComponent({
     name: "EcanPageConfig",
     props: __spreadValues({}, pageConfigComponentProps),
     setup(props2) {
@@ -2503,7 +2505,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
       _ctx.ready ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
@@ -2514,15 +2516,16 @@ 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-5d709a9a"]]);
+  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 }) {
@@ -2625,17 +2628,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             const requestFnList = requestModelArr[i][1];
             await handleRequestFnList(requestFnList);
           }
-          requestModel.clear();
         } catch (e) {
           console.error(e);
+        } finally {
+          requestModel.clear();
         }
       };
       vue.provide(REQUEST_MODEL, {
         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
@@ -2646,13 +2664,28 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     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 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: "\u6587\u672C",
     keyName: "\u6587\u672C",
@@ -2673,7 +2706,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-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 = vue.defineComponent({
     name: "EcanText",
     components: { Skeleton },
@@ -2684,7 +2717,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const myText = vue.computed(() => {
         let text = props2.text;
         const data = vue.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++) {
@@ -2759,7 +2792,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       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 = vue.defineComponent({
@@ -3060,12 +3093,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-461dbe78"), n = n(), vue.popScopeId(), n);
+  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"
   };
@@ -3077,7 +3110,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,
@@ -3103,7 +3136,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",
@@ -3185,7 +3218,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-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-8be86ed2] {\n  overflow: hidden;\n}\n.progress[data-v-8be86ed2] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-8be86ed2] {\n  margin: 0 auto;\n}\n")();
   const _sfc_main$h = vue.defineComponent({
     name: "EcanProportion",
     components: {
@@ -3217,7 +3250,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a2;
         let text2 = props2.text;
         const data = vue.unref(myData);
-        const variables = text2.match(/\{.*?\}/g) || [];
+        const variables = text2.match(/\{\w*\}/g) || [];
         if (text2 === "")
           return vue.unref(value) + "%";
         for (let i = 0; i < variables.length; i++) {
@@ -3246,6 +3279,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a2;
         if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
           return;
+        console.log("\u8BF7\u6C42");
         try {
           loading.value = true;
           const res = await requestData();
@@ -3318,7 +3352,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-02b500fa"]]);
+  var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-8be86ed2"]]);
   const EcanProportion = withInstall(Proportion);
   const inputProps = __spreadProps(__spreadValues({}, props), {
     width: "200px",
@@ -3674,6 +3708,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     name: "\u6807\u7B7E\u9875",
     keyName: "\u6807\u7B7E\u9875",
     width: "200px",
+    height: "400px",
     tabFontSize: "14px",
     backgroundColor: "",
     activeTabColor: "#1890ff",
@@ -3682,6 +3717,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     tabColor: "#333",
     tabBarGutter: "0px",
     value: "",
+    activeKey: 0,
+    contains: [],
     data: [
       {
         title: "\u6807\u7B7E1"
@@ -3696,7 +3733,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-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-d53b6936] {\n  display: flex;\n  flex-direction: column;\n}\n.tabs-header[data-v-d53b6936] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n}\n.tab[data-v-d53b6936] {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  padding: 0 12px;\n  cursor: default;\n}\n.tab-inner[data-v-d53b6936] {\n  padding: 12px 0;\n}\n.tab[data-v-d53b6936]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-d53b6936] {\n  flex: 1;\n}\n")();
   const _sfc_main$b = vue.defineComponent({
     name: "EcanTabs",
     props: __spreadValues({}, tabsComponentProps),
@@ -3704,20 +3741,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
@@ -3732,28 +3781,44 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-d53b6936"), 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$3);
-      }), 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
+            }),
+            key: index2,
+            onClick: vue.withModifiers(($event) => _ctx.tabChange(tab, index2), ["prevent", "stop"])
+          }, [
+            vue.createElementVNode("div", {
+              class: "tab-inner",
+              style: vue.normalizeStyle({
+                borderBottom: `1px solid ${_ctx.isActive(index2) ? _ctx.activeTabColor : "transparent"}`
+              })
+            }, vue.toDisplayString(tab.title), 5)
+          ], 12, _hoisted_1$3);
+        }), 128))
+      ], 4),
+      _hoisted_2$1
     ], 4);
   }
-  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-5aeec0ae"]]);
+  var Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-d53b6936"]]);
   const EcanTabs = withInstall(Tabs);
   const pieProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -5623,102 +5688,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-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 = 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-3c3b861e"), 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-3c3b861e"]]);
+  var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f913847e"]]);
   const EcanBorder = withInstall(Border);
   const modalProps = {
     id: "",
@@ -5741,7 +5829,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",
@@ -5886,7 +5974,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",
@@ -6573,6 +6661,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     providerConfig,
     providerConfigComponentProps,
     EcanProviderConfig,
+    renderer,
+    rendererComponentProps,
+    EcanRenderer,
     textProps,
     textComponentProps,
     textEvents,
@@ -6682,6 +6773,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;
@@ -6735,6 +6827,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;