@ecan-bi/datav 1.0.49 → 1.0.50

package/dist/index.umd.js

@@ -1406,10 +1406,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$9 = { class: "spin-wrapper" };
+  const _hoisted_1$a = { class: "spin-wrapper" };
   function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_spin = vue.resolveComponent("a-spin");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
       _ctx.spinning ? (vue.openBlock(), vue.createBlock(_component_a_spin, {
         key: 0,
         class: "spin",
@@ -1636,7 +1636,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
     return false;
   };
-  const useVariablesInText = (text, data = {}) => {
+  const useVariablesInText = (text = "", data = {}) => {
+    console.log("data", data);
     const config2 = window.config || {};
     data = __spreadValues(__spreadValues({}, config2), data);
     const variables = text.match(/\{\w*\}/g);
@@ -2496,12 +2497,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$8 = {
+  const _hoisted_1$9 = {
     id: "container",
     ref: "container"
   };
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
       _ctx.ready ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "page-config",
@@ -2656,12 +2657,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$7 = {
+  const _hoisted_1$8 = {
     id: "ProviderConfig",
     ref: "providerConfig"
   };
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 512);
   }
@@ -2771,7 +2772,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$6 = ["innerHTML"];
+  const _hoisted_1$7 = ["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", {
@@ -2786,7 +2787,7 @@ 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$6));
+    }, null, 12, _hoisted_1$7));
   }
   var Text = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l], ["__scopeId", "data-v-9526cadc"]]);
   const EcanText = withInstall(Text);
@@ -2800,9 +2801,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$5 = { class: "red" };
+  const _hoisted_1$6 = { class: "red" };
   function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, vue.toDisplayString(_ctx.text), 1);
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, 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);
@@ -3090,11 +3091,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     }
   });
   const _withScopeId$2 = (n) => (vue.pushScopeId("data-v-461dbe78"), n = n(), vue.popScopeId(), n);
-  const _hoisted_1$4 = {
+  const _hoisted_1$5 = {
     key: 0,
     class: "title"
   };
-  const _hoisted_2$2 = {
+  const _hoisted_2$3 = {
     key: 0,
     class: "ranking"
   };
@@ -3120,7 +3121,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$4, [
+          _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnCount, (count) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: "title-inner",
@@ -3132,7 +3133,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                 }),
                 key: count
               }, [
-                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2)) : vue.createCommentVNode("", true),
+                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3)) : 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",
@@ -3684,7 +3685,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         onClick: _ctx.click,
         type: _ctx.mode,
         danger: _ctx.danger,
-        ghost: _ctx.ghost,
         shape: _ctx.shape,
         href: _ctx.myHref,
         target: _ctx.target
@@ -3693,134 +3693,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           vue.createTextVNode(vue.toDisplayString(_ctx.myText), 1)
         ]),
         _: 1
-      }, 8, ["onClick", "type", "danger", "ghost", "shape", "href", "target"])
+      }, 8, ["onClick", "type", "danger", "shape", "href", "target"])
     ], 4);
   }
   var Button = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
   const EcanButton = withInstall(Button);
-  const tabsProps = __spreadProps(__spreadValues({}, props), {
-    type: "ecanTabs",
-    name: "\u6807\u7B7E\u9875",
-    keyName: "\u6807\u7B7E\u9875",
-    width: "200px",
-    height: "400px",
-    tabFontSize: "14px",
-    backgroundColor: "",
-    activeTabColor: "#1890ff",
-    tabBackgroundImage: "",
-    activeTabBackgroundImage: "",
-    tabColor: "#333",
-    tabBarGutter: "24px",
-    value: "",
-    activeKey: 0,
-    contains: [],
-    data: [
-      {
-        title: "\u6807\u7B7E1"
-      },
-      {
-        title: "\u6807\u7B7E2"
-      },
-      {
-        title: "\u6807\u7B7E3"
-      }
-    ]
-  });
-  const tabsComponentProps = transformToComponentProps(tabsProps);
-  const tabsEvents = ["tabChange"];
-  var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-42d546a2] {\n  display: flex;\n  flex-direction: column;\n}\n.tabs-header[data-v-42d546a2] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n  padding: 0 12px;\n}\n.tab[data-v-42d546a2] {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n}\n.tab-inner[data-v-42d546a2] {\n  padding: 12px 0;\n}\n.tab[data-v-42d546a2]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-42d546a2] {\n  flex: 1;\n}\n")();
-  const _sfc_main$b = vue.defineComponent({
-    name: "EcanTabs",
-    props: __spreadValues({}, tabsComponentProps),
-    setup(props2) {
-      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([]);
-      vue.watch(() => props2.data, (data) => {
-        myData.value = data;
-      }, {
-        immediate: true,
-        deep: true
-      });
-      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 { setGlobalModel } = vue.inject(GLOBAL_MODEL, {
-        setGlobalModel: (key, value) => void 0
-      });
-      setGlobalModel(props2.id, {
-        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
-      });
-      return {
-        style: style2,
-        activeKey,
-        isActive,
-        tabChange,
-        myData,
-        useImagePath
-      };
-    }
-  });
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-42d546a2"), 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.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-42d546a2"]]);
-  const EcanTabs = withInstall(Tabs);
   const pieProps = __spreadProps(__spreadValues({}, props), {
     id: "",
     name: "\u997C\u56FE",
@@ -3911,7 +3788,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     components$1.TooltipComponent,
     components$1.LegendComponent
   ]);
-  const _sfc_main$a = vue.defineComponent({
+  const _sfc_main$b = vue.defineComponent({
     name: "EcanPie",
     props: __spreadValues({}, pieComponentProps),
     components: {
@@ -4132,7 +4009,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_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");
@@ -4172,7 +4049,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["visible", "onCancel"])
     ], 4);
   }
-  var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+  var Pie = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
   const EcanPie = withInstall(Pie);
   const lineProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -4241,7 +4118,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     components$1.TitleComponent,
     components$1.LegendComponent
   ]);
-  const _sfc_main$9 = vue.defineComponent({
+  const _sfc_main$a = vue.defineComponent({
     name: "EcanLine",
     props: __spreadValues({}, lineComponentProps),
     components: {
@@ -4493,7 +4370,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
@@ -4533,7 +4410,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["visible", "onCancel"])
     ], 4);
   }
-  var Line = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
+  var Line = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
   const EcanLine = withInstall(Line);
   const barProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -4619,7 +4496,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     components$1.DatasetComponent,
     components$1.ToolboxComponent
   ]);
-  const _sfc_main$8 = vue.defineComponent({
+  const _sfc_main$9 = vue.defineComponent({
     name: "EcanBar",
     props: __spreadValues({}, barComponentProps),
     components: {
@@ -4869,7 +4746,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
@@ -4911,7 +4788,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["visible", "onCancel"])
     ], 4);
   }
-  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
+  var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
   const EcanBar = withInstall(Bar);
   const scatterProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -4977,7 +4854,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     components$1.TooltipComponent,
     components$1.LegendComponent
   ]);
-  const _sfc_main$7 = vue.defineComponent({
+  const _sfc_main$8 = vue.defineComponent({
     name: "EcanScatter",
     props: __spreadValues({}, scatterComponentProps),
     components: {
@@ -5168,7 +5045,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$8(_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");
@@ -5208,7 +5085,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["visible", "onCancel"])
     ], 4);
   }
-  var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+  var Scatter = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
   const EcanScatter = withInstall(Scatter);
   const customGraphProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -5221,7 +5098,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     optionCode: ""
   });
   const customGraphComponentProps = transformToComponentProps(customGraphProps);
-  const _sfc_main$6 = vue.defineComponent({
+  const _sfc_main$7 = vue.defineComponent({
     name: "EcanCustomGraph",
     props: __spreadValues({}, customGraphComponentProps),
     components: {
@@ -5247,7 +5124,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_echarts = vue.resolveComponent("echarts");
     return vue.openBlock(), vue.createElementBlock("div", {
       style: vue.normalizeStyle(_ctx.style)
@@ -5259,7 +5136,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, null, 8, ["option"])
     ], 4);
   }
-  var CustomGraph = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
+  var CustomGraph = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
   const EcanCustomGraph = withInstall(CustomGraph);
   const comboGraphProps = __spreadProps(__spreadValues({}, props), {
     id: "",
@@ -5370,7 +5247,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     components$1.DatasetComponent,
     components$1.ToolboxComponent
   ]);
-  const _sfc_main$5 = vue.defineComponent({
+  const _sfc_main$6 = vue.defineComponent({
     name: "EcanComboGraph",
     props: __spreadValues({}, comboGraphComponentProps),
     components: {
@@ -5634,7 +5511,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$6(_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");
@@ -5676,7 +5553,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["visible", "onCancel"])
     ], 4);
   }
-  var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
+  var ComboGraph = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
   const EcanComboGraph = withInstall(ComboGraph);
   const borderProps = __spreadProps(__spreadValues({}, props), {
     name: "\u8FB9\u6846",
@@ -5702,7 +5579,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   var _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAZlBMVEUAAABBltJCldJCldFEk89BltJCltFBldI/lMBKndtmb9pCltNDldFAkclAldNBldJBltM/lM5AltNCldJBldJBlNJBltVBldJBlNJBlNI/lNNBldJBldNAldJBldJBldJBldNBldIiNK7WAAAAInRSTlMAM4BNGmaz5gQGbiAPCV1WQxUpOCY9EmxQSC2jdoacqZK8uPo7tAAAAZ9JREFUSMe90NmOwjAMheGka0J3SulCy/L+Lzk4I+HYhckEKs7dr1x8kQVM5YJMZ7SLiXVHOw817Z72cSns3BmziY7EnGRGjDqUpKt4pEZQKruvyaJt85YmBUebKLJVNUlpq6oOQ1tVVRzbqu6DwFb1NUlsVd3SNL0UDM0jqkaSqoeQqjKmahtQNUzuC1AtU1sF9KHmnmrtrSK6idqBWqE6GFVxFdGvqDGoJ01Qt7rfTEV0e7V6qSK6VjNPtTaqoOq8Ugnqr7aeav+rAuqrTh+qZw3o1urAVcFVQD3U6ZnaYY9MLZk6G5WhDaDFI9UeUPyE7gCNsAdAD9gxoBJ7ARRPUVwALXdu8/h/s3xmjtwUu0/M0M/UJzBjAei3TUTdpmKmcpkBmOHKBNTPzJi59zYJys3DO2aL78YcmNkLgrrM9m9TucwzmoBy08xlju+bgL42G4c5OcxqZSLqbwqXOVNTGXMWFD0ak6KN1ZKaojYmbribndW9MXELNQEFFUyiNqQlmEQ1JqpgErUifUUTUVEIupx1wzpjvWfdsh4FQX8ANe4nnpsb9NEAAAAASUVORK5CYII=";
   var _imports_1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAMAAACH42siAAAAaVBMVEUAAABElM9BltJCldJCldFBltJBldJCltFNmrNCmNNFldNAldJBldNBldRBldNBldNBldJCoNFBldJBltNBldJBldJAldJAltJBldJBldJBldNAlNFAldJBlNJAldJBldNBldJBldJBldLfIVowAAAAI3RSTlMAGjJNgGbmswMSCScgDTs/ZAVRK0eYj2s3r3AWveHEhXjeXb5rzlgAAAFqSURBVEjH1dbJVsJAEIXhHjJ05tlEooK8/0NKsbDrFjmHiBD0Lvqcf9PfthRM7xvoZMQuLHZaOejGYLtcdEItzI9oaLg5xIHj5hgcG262oXXcrGzJ23Umg5717C7NKBrAjOMDM8YgCI5ghmEPprUTmMZkrBOtdbJgfpZovho0gwzNOkfTam9k5jSGkKlTMOezWT3VLH5qlg8wQzSbO5jJ28l8Z+YLmZMwuz9lupvNXpjlFTMTZv7vzFSatTDtGnNeYdpNzZTMSJhx5f84m8Y3mSEzJzTVolko3J7Qve+a0J3vntDWffdEaMUQQo1vTWjuuyA0UWvUUarqzuqLUMPt1MD3uKTaTdRwvdrdorpFtfZtH6eyK2F3RS23U3uhlr9VB1TdE1V2h7Vr1O4mdbdera6o+Wq1Vqi2rEktFapGoZopVLVCtVCXag19IBPUiiWpBrojE1QNXZAp1/TYbhKdKVwuWotORKfn9wu/DSc/X9T6qgAAAABJRU5ErkJggg==";
   var Border_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '.top-title[data-v-f913847e],\n.no-title[data-v-f913847e] {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n}\n.top-title .border-item[data-v-f913847e],\n.no-title .border-item[data-v-f913847e] {\n  position: absolute;\n  z-index: 2;\n  border-color: #50FCFC;\n  border-style: solid;\n  width: 13px;\n  height: 11px;\n}\n.top-title .top-left[data-v-f913847e],\n.no-title .top-left[data-v-f913847e] {\n  top: 0;\n  left: 0;\n  border-top-width: 1px;\n  border-right-width: 0;\n  border-bottom-width: 0;\n  border-left-width: 1px;\n}\n.top-title .top-right[data-v-f913847e],\n.no-title .top-right[data-v-f913847e] {\n  top: 0;\n  right: -2px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-bottom-width: 0;\n  border-left-width: 0;\n}\n.top-title .bottom-left[data-v-f913847e],\n.no-title .bottom-left[data-v-f913847e] {\n  bottom: -2px;\n  left: 0;\n  border-top-width: 0;\n  border-right-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n}\n.top-title .bottom-right[data-v-f913847e],\n.no-title .bottom-right[data-v-f913847e] {\n  bottom: -2px;\n  right: -2px;\n  border-top-width: 0;\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n}\n.top-title .title-item-wrapper[data-v-f913847e],\n.no-title .title-item-wrapper[data-v-f913847e] {\n  width: 100%;\n  padding: 5px 0;\n  background-image: url("data:image/png;base64,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");\n  background-size: cover;\n  display: grid;\n  place-content: center;\n}\n.top-title .title-item[data-v-f913847e],\n.no-title .title-item[data-v-f913847e] {\n  display: flex;\n  align-items: center;\n}\n.top-title .title[data-v-f913847e],\n.no-title .title[data-v-f913847e] {\n  padding: 0 17px;\n  color: #d5fdfd;\n  background: linear-gradient(0deg, #01aaff, #00eaff);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n}\n.top-title .title-decoration-left[data-v-f913847e],\n.no-title .title-decoration-left[data-v-f913847e] {\n  width: 58px;\n  height: 14px;\n}\n.top-title .title-decoration-right[data-v-f913847e],\n.no-title .title-decoration-right[data-v-f913847e] {\n  width: 58px;\n  height: 14px;\n}\n.left-title[data-v-f913847e] {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 0;\n}\n.left-title .title[data-v-f913847e] {\n  position: absolute;\n  left: -33px;\n  top: -14px;\n  width: 33px;\n  min-height: 194px;\n  padding-top: 33px;\n  padding-bottom: 31px;\n  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAADCCAMAAADw6ltxAAACr1BMVEUAAAAhVZMcU4ocU4ocU4kcU4ocU4gbUogcU4kcU4kcU4obU4ocU4kcVIocUoUcUYYcUogcVYwcU4kiXpAcU4ocUokcU4ocVIsbU4ocUYYcUokcU4klXo4cUYYcU4ocVIshVZgbUoccVIocVIwcU4kcVIscVIwdU4gcUYYcU4ocU4kcUokcVIwbUokcUYUbVIodU4scVIscWJEcUogdU4scU4scUogcU4kcUogcVIsdUokcUYccU4kcU4ocVIwcU4sbUogcUogcVIscUokbU4wcUYccU4ccU4ocVI0cUogcU4scVIscU4gcVIsdU4kcVIkbU4kcVYscVIwcVIwcVY0cUogcUogbUIQbUokcUYcdVYocUogcVYwcUoccVY0cVo4cU4kcVo4cU4kcUoYcVYwcUYYcT4McUoYcU4wcVIocUoobUogcVIwcVI0bUogcUYQrVZUeWY8cUogcVIscVIkdUoccVY4cVIwcVo4bVo8cVIwdVYwcVo4cVYsdVYscVY0dVowdWZUArM4Am7MeW5EeV48eVY4bUokeWpccUIUcU4gRWqYErc4dV44cUIYgV40cVIwdVY0eVowXV50cUogRWqYRWaYErc4RWqYgV40QWqYRWqYErc4QWqYeV40Drc8ZWpwErM0Ers0ZW58gYJMdTYQiYpQFrs4eWJAVWJ4iWIwVWZ4nbJsRWqYgWZIErc8Ers4fWo8hXZQSWqYRWaYQWqceU4oQWqUtdaMErc0Erc4iYZgeWJIgZ5gDrc4lZZgcUoUcV5AcU4gcUoccVIkcUIIcVYwcUIQcVo0cU4ocWJEcUYUcWZEdVYscVo4cV48cVIscUYIRWqYcVY4cWI8cVooErc4cU4scV5IcWZMcVYcdXJIeV4wgXJQeWZEcTYEeYJQhZpsgYZYfY5gfbJ4M+CoSAAAAwHRSTlMAD7fQ0qPm1820/KfVr/Dj2vDjCvrJvauW6cObDebAugfgy6j0rJuO7dzZxpWMhbGZ8/DwoIR8/d7Iu/LsxZKQgfXsuZ747tevkYj39/Xx7+nEwrSiivrp39XOv75z+/n48ZR4/fHr3X/eysKxpp6JDPbo5+Gg9/Glne/k/fjRq5k0DgP7mHxvK/iu8O/j3Nh5YFAR/fji39LRvqKAcmpbQzogGffw7qKLVyUf8+3QyMK3mZCJXUg+9vLx4tvPmG19FZIlAAALrUlEQVRYw4ST22pTQRiF01vvxBfoM+QRfAN9ACWP4J2XmqIUqogtPdCDPYFVxLPiWZkahskwe/6QmZ3szSYhhz6I65/pbhOQ5CfsPTBf1qw1K6lMzs5aZc6sbBzMI9rtj4vziPbW/VnEy9dA1veWZiDH223M9qtZMnvrQFY+z0KWt1hmZu7FT4zMzv1lA8hl7gf/0VvYaU/krj4+mJO7qq68mL7H3/Xp3DXV7f5aniQebR5O5b5qXXfw9c8k0ensLl3kXgAhbKtfvD+eJDpvj2JuJmqWbPevGj9fLYl9Rr7vx9ysoaS00g+H4t61c+ToXQdzUg+5mTB9srYorH1SFr+0y0g0DKd+NPLKSWWNufWwLP5wEwgb5rR+MCASzgkjiG6WxddPOqXhmrUkeIjIC1F7OmX4GwxXYUJrgY91pMHdXZsyXK9UBYm+1sZoHKSh1ftxMGmYCWP6QgDBgwnT66Go0nAk8kxjz0CGEY15s3xhGITGZLlhROgMhCBLd55VygEhBIjcCI831EymcYFcVEmwATZKSM2HFbl2NBib66slAXPYYoBEMJoLR6NhofSHa5HwPoSI+5pPwQUXwxHc/QxF1bCjQ1ZPiGWCVWdGPU5+G0WBYIAHBAxHPW+E45W7sQin5XgOpc8JcoSAwsmFC4LzRDc88ZKyzDkQuCkOGY4KBIX0UAuWQMRFH85YJAzDOkqJSBgQhSDoXAJhEDAQejAujLGWtfhrOg+h0SgqYsKZs7NhQU4Rd8aeY2iWtFHDjM+GA0FKWatsv4wlOLQVMQvqMt6qJJFS+egE/cKEshQI9AB9a2UDiFQUmyStQcBHjYiifQIBHSjhPNi0eAUCL9SQFyCaTSm9TxutbuLzTKWMRMJZNkOy1ZK+1/OJbKUqEyAw/L+1GCz5KSV+6cI6nCdAwFVyTqg0bSaKEWvIEsnT1Lk0TZLGKQipkDNNG00JISSxMP6PqbI7lhqGoXAHNEMPPEIVdEQL8EQRxlIce4zBmU0mMyaw/DTCJ3l34MzdO7vxZ0U+ku00NCcdLYYA0XKGGEMnYU0CMdqpY4SwGpEgRlhD+rLvOX21vshjFIiwrU70rhLCVkvO13X0G+VII8QYx7ZtEG+ahnUNIdSocWiUiGclhlpDIAZ5vBQAR0SCSfiLUtfNiA3ixYaWpQYZTiCmVwgQpkIsrhXCh1dXXRcj6iTuTlRCO7Gs/BHCEBgjJlCllIkw5nFYCD8fBN8FF+MkAHwlzrEWeyUB9fr0Rf9lYgQjC8RrVsYMzZ8wGzv+J/iIETyWtrMV6JAD3oFaCRGGKoTZIyXRabecmrqZqCJRI16+E3M90qOpl6YC8LROYqQ/3vKE7MmklKOlFsX0AFQh3t+XsJkjQhiTqqAnodQ23BcIq0w8ULqaElwsn0l8+Ha/P00rpTTryaJOCCTEx58s7kGQSoJg36j4SyCIcYxjIwqcPSu2eYllb2q9RM80DCO83CJAvZTOoGqBCEbQQK5ZS16FnCAbr21dSPWJwEQWbNSskRGk+U9YJxjiTsRKfRTi3/Dqqm624C1pnZynr7YnMCvORLmuaKWXct4+EeMfwVMBqdKa94y02+1mxPYk/KlhdSoo3hgRQBxwn61o/PCEyCdABCM2H1dswKQNQQRcr8uD2LynYrtyTlrhPR0IqRAWgkV4iMz5UKIwiOa/uRZ328qWf/zIuKlR3VOJRaenEPIgPqWzlLP3DhFqvIrngcSkPXGw77knVIQtLFczQiwcAomx7D+/g1jCvF4SxEtRfRCBKJq+f78wqrNQVtA6neyZzRj9++895h/0Ydd5DGmxk+6AcUD3P78+R2vVxKwR6xaiE+1QBNP2z9/28zxvFuTw3Rd1EpzPxGnslCNRTtviRJEA4ad2ewqi5C8Q3OYn1roLEERsONTwoPWW8+3GJZVPzwxNwpUSnynqVyC82Z04e+YZIkUfmztKzXgjmJu4UhjkdrTrUFBURAiPwbeWaAy/bq2H0WS8/nj6l8Y6xlkYhsEwvHv+75L9PwhTjpGRI3AixNAIIXWolI2z8NiFT6W06euosr+4kWxXOWmuM2n6IUTqoqOVnoa599vCxbOYs9pWb0gCoIOmac8OxrKmKkJ2M+IcsRzqrla+fwTTu6s0SJkPloeOdMAUVf6YCWyO88eBMwEI6biAxZgFyQwKoeOl0QghwBBMXWbGmVyNBcij3Zbqz30HreUtJomXw9facuNVRN/p1ddyRrYdcZ9tbnYURxL/PWb0VEQ8IlqLx+3WWuvH+xjbSZTGqAsEFXF9jzEuiPgL+rAwx7oVgmAYho9rBxMTxo4MXQmDA10ccBGhE6P+JuUCSBNOYg+bC/fh2Ivsh/ENwm94wvdxLD0mVh/xvff9sq6vZXk1j883VlsgGKrcX7HlCm+wu/VYyTPmiTGtSyV5Rc3jixHlTNrn8zCaSBPLuhSttYFIVUwoT0RTjBDakKGMEWKCSM3jB6BmjCkDGTOYocS/02iQOaX0DjFPM+J8qAHoMp8Rf3y+BW5FFQiKV4mFYxYxJgEh7nBnueICH1cKh4B4Qvw+axBWqbqsDUphYRTbdomu60CskiqEtpUuhIAJm7Td1lmIHWR3TsoWSSexSRkksvvmXBXIuXEc249/KsVet1kYCsOWgjADEhVSBiQzkCn2+i1G4lsYwhjahR91DjJTRJgaKXfQZs5N9Br7noOq0Ec+531tP/vDEYH6D+14OH58lAclXFmWRbFnoPA6YApAPzBYaE6nU7M/EVAaLBYwSuiyrIukgZBgNxQoTVLUTAHjcrnUy+OaacL3hFDCwJjSJknTJp2WkqR+PU2+X/sYJSrfv/jpgk9lovIERuxfr6xEEUoEaxFiHAyMKIqvccR8fi4lXqFEiJc5+2Nk8+/3TIaXrZgzuJQzWovdzjBaZzM7ZJYSz21rMY62w1OrxEZrOwyDBUg62lqnnbXaOactG8PX1/BCDGiomsBmlAiMoU8shrvRuGLQjBI7U1GrjHwxUsr73UgDcMNICWOsKlkByVT3O13lEyW2IajCsJMylF2H3nUST9gdBkZOxoLXAYRHh+jQzuK/t+b2bA8OGK+324aheHzT9vj6QAVn8cYZ9H2P6B/9JtjgBHgI0NhAAz2BXMPWWbzvFgJe4zhycud3GPm4y/N8t92O4xYg6fxwMfa8DcJgELYiMUSIyRKWiOQMlrMwdGGhElMYWPnYyNQxhSoLUjIxdcnP6S/sncFJm0f2+96dT86dzM/ni9jnC4jSlGlKActCnuZoFCQtUgLhQMJJLmJTkyRJE7KKoq4LOoBG09R1A/tJsBKMBgEOdiNFe2oa3WiN577H0ZDagwc2iNa9R6N0inUca140BhZi0sceBh4pqj15/4f3fPGN419oXbY01OaF47La1Uoxw8BtAQY3YtwWGrVWCrPdttsX2nZZgI23B8PgxWqJFEG0MERR5SXFPaocbNjIIrGW8Z3aVhWUtb5hrVV2HXcupWYFXDTPUpQIZjMrY5RRYagUlgchG6EZR2NMyAsoiDPQUuzCcRydczNwarz6bEQj8FyfijjbXaX47oKOJwu6bApIhgdHMEFI8ZNNmWea3OTqbjeKMsMf5ZMvT3kDJUUpxcfu4Nk9OLABD/XbxxgiVwhDUTRdQ0xEBQ4DTAxIwAaPxIDBpUsIgp9K+PXotgv46+tN4DUiM5zMTR7h5HKmpHF/pZROke4WU3jBWSqFPDHGCCP9p1nX1QgpMHPWCZEJR+YOxM+rH0aEs68jy7IRwT7WNOK84Iyx5buu6wZRqg4oB3bOwNvRAJUqdxAKpLhKmGcp04s8bZBA7gxfs+f/9DRorXMYxNL2XddjYT/RoO9hEO975/FKURTaGx2MwFKVJ0WgJINqSCGLjMDnVpZzSxQIGaHmZ/a0pzfPkYGaoSJgPmBEfDzJeABvxDW2mqYKa9s2MqKa6YKMmF87DcOAkBHDnwO4M1BzQLB3BuMva+8N1Oww7kleyR9E49oLoDfH+QAAAABJRU5ErkJggg==");\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({
+  const _sfc_main$5 = vue.defineComponent({
     name: "EcanBorder",
     props: __spreadValues({}, borderComponentProps),
     setup(props2) {
@@ -5739,32 +5616,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  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 _withScopeId$1 = (n) => (vue.pushScopeId("data-v-f913847e"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
+  const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
+  const _hoisted_3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+  const _hoisted_4 = /* @__PURE__ */ _withScopeId$1(() => /* @__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", {
+  const _hoisted_7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("img", {
     class: "title-decoration-left",
     src: _imports_0
   }, null, -1));
   const _hoisted_8 = { class: "title" };
-  const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  const _hoisted_9 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("img", {
     class: "title-decoration-right",
     src: _imports_1
   }, null, -1));
-  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_10 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
+  const _hoisted_11 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-right border-item" }, null, -1));
+  const _hoisted_12 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+  const _hoisted_13 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
   const _hoisted_14 = {
     key: 2,
     class: "left-title"
   };
   const _hoisted_15 = { class: "title" };
-  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: "ecan-border",
       style: vue.normalizeStyle(_ctx.style),
@@ -5777,8 +5654,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         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_1$4,
+          _hoisted_2$2,
           _hoisted_3,
           _hoisted_4
         ], 64)) : vue.createCommentVNode("", true)
@@ -5807,7 +5684,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  var Border = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-f913847e"]]);
+  var Border = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-f913847e"]]);
   const EcanBorder = withInstall(Border);
   const modalProps = {
     id: "",
@@ -5832,7 +5709,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   const modalEvents = ["showModal"];
   var Modal_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".contain[data-v-378919f0] {\n  position: relative;\n  overflow: hidden;\n}\n.content[data-v-378919f0] {\n  transform-origin: left top;\n  z-index: 999;\n}\n")();
   var Modal_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-modal .ant-modal-body {\n  padding: 0;\n}\n.ecan-modal .ant-modal-header {\n  padding: 0;\n  border-bottom: none;\n  background: none;\n}\n.ecan-full-width-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.ecan-full-width-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n}\n.ecan-full-width-modal .ant-modal-body {\n  flex: 1;\n}\n.ecan-full-modal .ant-modal {\n  max-width: 100%;\n  top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n.ecan-full-modal .ant-modal-content {\n  display: flex;\n  flex-direction: column;\n  height: calc(100vh);\n}\n.ecan-full-modal .ant-modal-body {\n  flex: 1;\n}\n[datav-theme='darkBlue'] .ecan-modal .anticon-close > svg > path {\n  fill: #fff;\n}\n")();
-  const _sfc_main$3 = vue.defineComponent({
+  const _sfc_main$4 = vue.defineComponent({
     name: "EcanModal",
     components: {
       AModal: antDesignVue.Modal
@@ -5923,7 +5800,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_modal = vue.resolveComponent("a-modal");
     return vue.openBlock(), vue.createBlock(_component_a_modal, {
       getContainer: _ctx.getContainer,
@@ -5975,8 +5852,131 @@ 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-378919f0"]]);
+  var Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-378919f0"]]);
   const EcanModal = withInstall(Modal);
+  const tabsProps = __spreadProps(__spreadValues({}, props), {
+    type: "ecanTabs",
+    name: "\u6807\u7B7E\u9875",
+    keyName: "\u6807\u7B7E\u9875",
+    width: "200px",
+    height: "400px",
+    tabFontSize: "14px",
+    backgroundColor: "",
+    activeTabColor: "#1890ff",
+    tabBackgroundImage: "",
+    activeTabBackgroundImage: "",
+    tabColor: "#333",
+    tabBarGutter: "24px",
+    value: "",
+    activeKey: 0,
+    contains: [],
+    data: [
+      {
+        title: "\u6807\u7B7E1"
+      },
+      {
+        title: "\u6807\u7B7E2"
+      },
+      {
+        title: "\u6807\u7B7E3"
+      }
+    ]
+  });
+  const tabsComponentProps = transformToComponentProps(tabsProps);
+  const tabsEvents = ["tabChange"];
+  var Tabs_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-tabs[data-v-ee8e9884] {\n  display: flex;\n  flex-direction: column;\n}\n.tabs-header[data-v-ee8e9884] {\n  color: #333333;\n  display: flex;\n  width: 100%;\n  padding: 0 12px;\n}\n.tab[data-v-ee8e9884] {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n}\n.tab-inner[data-v-ee8e9884] {\n  padding: 12px 0;\n}\n.tab[data-v-ee8e9884]:last-child {\n  margin-right: 0 !important;\n}\n.tabs-content[data-v-ee8e9884] {\n  flex: 1;\n}\n")();
+  const _sfc_main$3 = vue.defineComponent({
+    name: "EcanTabs",
+    props: __spreadValues({}, tabsComponentProps),
+    setup(props2) {
+      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([]);
+      vue.watch(() => props2.data, (data) => {
+        myData.value = data;
+      }, {
+        immediate: true,
+        deep: true
+      });
+      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 { setGlobalModel } = vue.inject(GLOBAL_MODEL, {
+        setGlobalModel: (key, value) => void 0
+      });
+      setGlobalModel(props2.id, {
+        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
+      });
+      return {
+        style: style2,
+        activeKey,
+        isActive,
+        tabChange,
+        myData,
+        useImagePath
+      };
+    }
+  });
+  const _withScopeId = (n) => (vue.pushScopeId("data-v-ee8e9884"), n = n(), vue.popScopeId(), n);
+  const _hoisted_1$3 = ["onClick"];
+  const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tabs-content" }, null, -1));
+  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", {
+      class: "ecan-tabs",
+      style: vue.normalizeStyle(_ctx.style)
+    }, [
+      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$3, [["render", _sfc_render$3], ["__scopeId", "data-v-ee8e9884"]]);
+  const EcanTabs = withInstall(Tabs);
   const imageProps = __spreadProps(__spreadValues({}, props), {
     name: "\u56FE\u7247",
     keyName: "\u56FE\u7247",
@@ -6013,14 +6013,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       };
     }
   });
-  const _hoisted_1$1 = ["src"];
+  const _hoisted_1$2 = ["src"];
   function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.myImgUrl !== "" ? (vue.openBlock(), vue.createElementBlock("img", {
       key: 0,
       style: vue.normalizeStyle(_ctx.style),
       src: _ctx.myImgUrl,
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-    }, null, 12, _hoisted_1$1)) : (vue.openBlock(), vue.createElementBlock("div", {
+    }, null, 12, _hoisted_1$2)) : (vue.openBlock(), vue.createElementBlock("div", {
       key: 1,
       class: "image-placeholder",
       style: vue.normalizeStyle(_ctx.style)
@@ -6047,6 +6047,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     borderColor: "",
     paginationPosition: "bottomRight",
     paginationPageSize: 10,
+    isUseAction: false,
+    actionList: [],
+    actionColumnWidth: 50,
     columns: [
       {
         title: "\u59D3\u540D",
@@ -6081,15 +6084,15 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const tableComponentProps = transformToComponentProps(tableProps);
   const tableEvents = ["click", "refreshData"];
-  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-56b87792] {
+  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-11728224] {
   width: 100%;
 }
-.goUp[data-v-56b87792] {
+.goUp[data-v-11728224] {
   color: #FF512E;
   display: flex;
   align-items: center;
 }
-.goUp[data-v-56b87792]:before {
+.goUp[data-v-11728224]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
@@ -6099,12 +6102,12 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-56b87792] {
+.goDown[data-v-11728224] {
   color: #00F7B4;
   display: flex;
   align-items: center;
 }
-.goDown[data-v-56b87792]:before {
+.goDown[data-v-11728224]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
@@ -6114,6 +6117,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
+.action-list[data-v-11728224] {
+  display: flex;
+  width: 100%;
+}
+.action[data-v-11728224] {
+  flex: 1;
+}
 `)();
   var Table_vue_vue_type_style_index_1_lang = /* @__PURE__ */ (() => ".ecan-table *::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.ecan-table *::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n  background-color: #c8c9ca !important;\n}\n.ecan-table *::-webkit-scrollbar-track {\n  background-color: #fff;\n}\n.ecan-table .ant-table-cell-scrollbar {\n  box-shadow: 0 1px 0 1px transparent;\n}\n.ecan-table .ant-table {\n  color: rgba(0, 0, 0, 0.65);\n  background: #ffffff;\n}\n.ecan-table .ant-table-thead > tr > th {\n  color: rgba(0, 0, 0, 0.85);\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #f0f0f0;\n}\n.ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #f0f0f0 !important;\n}\n.ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #f0f0f0 !important;\n}\n.ecan-table .anticon {\n  color: rgba(0, 0, 0, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-thumb {\n  background-color: #2f4dac !important;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-track {\n  background-color: #192c70;\n}\n[datav-theme='darkBlue'] .ecan-table *::-webkit-scrollbar-corner {\n  background-color: #192c70 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table {\n  color: #e8e8e8;\n  background: #071655;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table,\n[datav-theme='darkBlue'] .ecan-table .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {\n  border-top: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-thead > tr > th {\n  color: #cdd0f7;\n  background: #17338c;\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr > td {\n  border-bottom: 1px solid #3e8ee3;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-container {\n  border: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-bordered .ant-table-cell {\n  border-right: 1px solid #3e8ee3 !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item-link {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-pagination-item {\n  background: #17338c !important;\n}\n[datav-theme='darkBlue'] .ecan-table .anticon {\n  color: rgba(255, 255, 255, 0.65) !important;\n}\n[datav-theme='darkBlue'] .ecan-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {\n  background: #225b98;\n}\n")();
   const _sfc_main$1 = vue.defineComponent({
@@ -6161,6 +6171,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           });
         }
         columns = columns.concat(props2.columns);
+        if (props2.isUseAction) {
+          columns.push({
+            title: "\u64CD\u4F5C",
+            dataIndex: "ACTION",
+            width: props2.actionColumnWidth
+          });
+        }
         const len = columns.length;
         const columnsFixedNum = props2.columnsFixedNum;
         for (let i = 0; i < len; i++) {
@@ -6303,7 +6320,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         })
       });
       const refreshData = () => {
-        console.log(vue.unref(pageMode));
         if (vue.unref(pageMode) === "design")
           return;
         switch (props2.dataType) {
@@ -6373,10 +6389,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         dataColumns,
         dataSource,
         summaryList,
-        loading
+        loading,
+        useVariablesInText
       };
     }
   });
+  const _hoisted_1$1 = {
+    key: 1,
+    class: "action-list"
+  };
+  const _hoisted_2 = ["href", "target"];
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_table_summary_cell = vue.resolveComponent("a-table-summary-cell");
     const _component_a_table_summary_row = vue.resolveComponent("a-table-summary-row");
@@ -6403,11 +6425,26 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
             pagination: _ctx.pagination,
             onChange: _ctx.tableChange
           }, {
-            bodyCell: vue.withCtx(({ column, index: index2, text }) => [
+            bodyCell: vue.withCtx(({ column, index: index2, text, record }) => [
               column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createTextVNode(vue.toDisplayString(index2 + 1), 1)
-              ], 64)) : (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
+              ], 64)) : column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actionList, (action, index22) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    class: "action",
+                    key: index22
+                  }, [
+                    vue.createElementVNode("a", {
+                      href: _ctx.useVariablesInText(action.href, record),
+                      target: action.target,
+                      style: vue.normalizeStyle({
+                        color: action.color
+                      })
+                    }, vue.toDisplayString(action.title), 13, _hoisted_2)
+                  ]);
+                }), 128))
+              ])) : (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
                 class: vue.normalizeClass([_ctx.contrastClass(text, column.format)])
               }, vue.toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(text, column.format)), 3))
             ]),
@@ -6449,7 +6486,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-56b87792"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-11728224"]]);
   const EcanTable = withInstall(Table);
   const mapProps = __spreadProps(__spreadValues({}, props), {
     mapJson: null,
@@ -6700,10 +6737,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     buttonComponentProps,
     buttonEvents,
     EcanButton,
-    tabsProps,
-    tabsComponentProps,
-    tabsEvents,
-    EcanTabs,
     pieProps,
     pieComponentProps,
     pieEvents,
@@ -6735,6 +6768,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     modalComponentProps,
     modalEvents,
     EcanModal,
+    tabsProps,
+    tabsComponentProps,
+    tabsEvents,
+    EcanTabs,
     imageProps,
     imageComponentProps,
     EcanImage,