@ecan-bi/datav 1.1.0 → 1.1.2

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.1.0 */
+/*! @ecan-bi/datav@1.1.2 */
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("echarts/core"), require("resize-detector"), require("ant-design-vue"), require("ant-design-vue/es/spin/style"), require("ant-design-vue/es/skeleton/style"), require("lodash-es"), require("axios"), require("mitt"), require("dayjs"), require("ant-design-vue/es/progress/style"), require("ant-design-vue/es/input/style"), require("ant-design-vue/es/date-picker/style"), require("ant-design-vue/es/date-picker/locale/zh_CN"), require("ant-design-vue/es/select/style"), require("ant-design-vue/es/button/style"), require("ant-design-vue/es/checkbox/style"), require("echarts/renderers"), require("echarts/charts"), require("echarts/components"), require("echarts"), require("ant-design-vue/es/modal/style"), require("ant-design-vue/es/table/style")) : typeof define === "function" && define.amd ? define(["exports", "vue", "echarts/core", "resize-detector", "ant-design-vue", "ant-design-vue/es/spin/style", "ant-design-vue/es/skeleton/style", "lodash-es", "axios", "mitt", "dayjs", "ant-design-vue/es/progress/style", "ant-design-vue/es/input/style", "ant-design-vue/es/date-picker/style", "ant-design-vue/es/date-picker/locale/zh_CN", "ant-design-vue/es/select/style", "ant-design-vue/es/button/style", "ant-design-vue/es/checkbox/style", "echarts/renderers", "echarts/charts", "echarts/components", "echarts", "ant-design-vue/es/modal/style", "ant-design-vue/es/table/style"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@ecan/bi-datav"] = {}, global.vue, global["echarts/core"], global["resize-detector"], global["ant-design-vue"], null, null, global["lodash-es"], global.axios, global.mitt, global.dayjs, null, null, null, global["ant-design-vue/es/date-picker/locale/zh_CN"], null, null, null, global["echarts/renderers"], global["echarts/charts"], global["echarts/components"], global.echarts));
 })(this, function(exports2, vue, core, resizeDetector, antDesignVue, style$1, style$2, lodashEs, axios, mitt, dayjs, style$3, style$4, style$5, locale, style$6, style$7, style$8, renderers, charts, components$1, echarts) {
@@ -1569,9 +1569,6 @@
         onEvent: (i, e) => void 0,
         offEvent: (i) => void 0
       });
-      if (oldId != null && oldId !== "") {
-        eventBus.offEvent(oldId);
-      }
       if (id != null && id !== "") {
         eventBus.onEvent(id, events);
       }
@@ -1684,8 +1681,6 @@
         const usedVariable = data[textVariable];
         if (usedVariable != null) {
           statement = statement.replace(textVariable, usedVariable);
-        } else {
-          statement = statement.replace(textVariable, "");
         }
       }
       try {
@@ -2645,11 +2640,16 @@
         setGlobalModel
       });
       const eventBus = mitt__default.default();
+      const eventBusKeySet = /* @__PURE__ */ new Set();
       const onEvent = (key, events) => {
+        if (eventBusKeySet.has(key)) {
+          eventBus.off(key);
+        }
         eventBus.on(key, (k) => {
+          eventBusKeySet.add(key);
           return Object.prototype.toString.call(events[k]) === "[object Function]" && events[k]();
         });
-        vue.onUnmounted(() => {
+        vue.onBeforeUnmount(() => {
           eventBus.off(key);
         });
       };
@@ -2672,14 +2672,16 @@
         requestToken
       });
       const requestModel = /* @__PURE__ */ new Map();
-      const setRequest = (requestFn = () => {
-      }, sortNum = 0) => {
+      const requestMap = /* @__PURE__ */ new Map();
+      const setRequest = ({ requestFn = () => {
+      }, sortNum = 0, id = "" }) => {
         if (requestModel.has(sortNum)) {
           const requestFnList = requestModel.get(sortNum);
           requestFnList == null ? void 0 : requestFnList.push(requestFn);
         } else {
           requestModel.set(sortNum, [requestFn]);
         }
+        requestMap.set(id, requestFn);
       };
       const handleRequestFnList = (requestFnList) => {
         return new Promise((resolve, reject) => {
@@ -2701,22 +2703,29 @@
         });
         config.indicatorToken = (_a2 = res.data.data) == null ? void 0 : _a2.token;
       };
-      const touchRequest = async () => {
-        const requestModelArr = Array.from(requestModel);
-        requestModelArr.sort((a, b) => b[0] - a[0]);
-        const len = requestModelArr.length;
-        try {
-          if (props2.pageMode !== "design" && vue.unref(tokenNum) > 0) {
-            await queryUserToken();
+      const touchRequest = async (id) => {
+        if (!id) {
+          const requestModelArr = Array.from(requestModel);
+          requestModelArr.sort((a, b) => b[0] - a[0]);
+          const len = requestModelArr.length;
+          try {
+            if (props2.pageMode !== "design" && vue.unref(tokenNum) > 0) {
+              await queryUserToken();
+            }
+            for (let i = 0; i < len; i++) {
+              const requestFnList = requestModelArr[i][1];
+              await handleRequestFnList(requestFnList);
+            }
+          } catch (e) {
+            console.error(e);
+          } finally {
+            requestModel.clear();
           }
-          for (let i = 0; i < len; i++) {
-            const requestFnList = requestModelArr[i][1];
-            await handleRequestFnList(requestFnList);
+        } else if (typeof id === "string") {
+          const requestFn = requestMap.get(id);
+          if (typeof requestFn === "function") {
+            requestFn();
           }
-        } catch (e) {
-          console.error(e);
-        } finally {
-          requestModel.clear();
         }
       };
       vue.provide(REQUEST_MODEL, {
@@ -2735,6 +2744,10 @@
           eventBus.off(REFRESH_PAGE);
         });
       };
+      vue.onBeforeUnmount(() => {
+        requestModel == null ? void 0 : requestModel.clear();
+        requestMap == null ? void 0 : requestMap.clear();
+      });
       expose({
         touchRequest,
         getGlobalModel,
@@ -2869,9 +2882,13 @@
         refreshData
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: refreshData,
+        sortNum: props2.requestSort
       });
-      setRequest(refreshData, props2.requestSort);
       useOnEvent(props2, {
         refreshData
       });
@@ -2904,7 +2921,7 @@
       };
     }
   });
-  const Text_vue_vue_type_style_index_0_scoped_8e727e41_lang = "";
+  const Text_vue_vue_type_style_index_0_scoped_860fa6ea_lang = "";
   const _hoisted_1$8 = ["innerHTML"];
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_skeleton = vue.resolveComponent("skeleton");
@@ -2922,7 +2939,7 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
     }, null, 12, _hoisted_1$8));
   }
-  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-8e727e41"]]);
+  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-860fa6ea"]]);
   const EcanText = withInstall(Text);
   const _sfc_main$m = vue.defineComponent({
     name: "EcanScrollText",
@@ -3106,9 +3123,13 @@
         refreshData
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: handleRequestData,
+        sortNum: props2.requestSort
       });
-      setRequest(handleRequestData, props2.requestSort);
       return {
         style: style2,
         formatFn,
@@ -3120,9 +3141,9 @@
       };
     }
   });
-  const List_vue_vue_type_style_index_0_scoped_73ca0d93_lang = "";
+  const List_vue_vue_type_style_index_0_scoped_baf2ff0c_lang = "";
   const List_vue_vue_type_style_index_1_lang = "";
-  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-73ca0d93"), n = n(), vue.popScopeId(), n);
+  const _withScopeId$1 = (n) => (vue.pushScopeId("data-v-baf2ff0c"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$6 = {
     key: 0,
     class: "title"
@@ -3131,7 +3152,7 @@
     key: 0,
     class: "ranking"
   };
-  const _hoisted_3$1 = {
+  const _hoisted_3$2 = {
     key: 1,
     class: "ecan-list-content"
   };
@@ -3179,7 +3200,7 @@
               ], 4);
             }), 128))
           ])) : vue.createCommentVNode("", true),
-          _ctx.dataSource.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
+          _ctx.dataSource.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$2, [
             _ctx.useTitle ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "title-placeholder",
@@ -3224,7 +3245,7 @@
       }, 8, ["loading"])
     ], 4);
   }
-  const List = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-73ca0d93"]]);
+  const List = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k], ["__scopeId", "data-v-baf2ff0c"]]);
   const EcanList = withInstall(List);
   const proportionProps = {
     ...props,
@@ -3379,9 +3400,13 @@
       const click = emitEvent("click", () => {
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: handleRequestData,
+        sortNum: props2.requestSort
       });
-      setRequest(handleRequestData, props2.requestSort);
       return {
         style: style2,
         myWidth,
@@ -3392,7 +3417,7 @@
       };
     }
   });
-  const Proportion_vue_vue_type_style_index_0_scoped_c6114322_lang = "";
+  const Proportion_vue_vue_type_style_index_0_scoped_304d430d_lang = "";
   function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_skeleton = vue.resolveComponent("skeleton");
     const _component_a_progress = vue.resolveComponent("a-progress");
@@ -3432,7 +3457,7 @@
       }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
     ], 4);
   }
-  const Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-c6114322"]]);
+  const Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j], ["__scopeId", "data-v-304d430d"]]);
   const EcanProportion = withInstall(Proportion);
   const inputProps = {
     ...props,
@@ -3679,9 +3704,13 @@
         selectChange
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: handleRequestData,
+        sortNum: props2.requestSort
       });
-      setRequest(handleRequestData, props2.requestSort);
       return {
         style: style2,
         getPopupContainer,
@@ -3693,7 +3722,7 @@
       };
     }
   });
-  const Select_vue_vue_type_style_index_0_scoped_3e94d5e8_lang = "";
+  const Select_vue_vue_type_style_index_0_scoped_dd2bcf63_lang = "";
   const Select_vue_vue_type_style_index_1_lang = "";
   function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_select = vue.resolveComponent("a-select");
@@ -3717,7 +3746,7 @@
       }, null, 8, ["value", "options", "mode", "getPopupContainer", "field-names", "maxTagCount", "filter-option", "onChange", "loading"])
     ], 4);
   }
-  const Select = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-3e94d5e8"]]);
+  const Select = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-dd2bcf63"]]);
   const EcanSelect = withInstall(Select);
   const rangePickerProps = {
     ...props,
@@ -3971,9 +4000,13 @@
         setGlobalModel(id, { ...modal, RECORD: myValue });
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id: id2, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: handleRequestData,
+        sortNum: props2.requestSort
       });
-      setRequest(handleRequestData, props2.requestSort);
       return {
         myOption,
         style: style2,
@@ -4320,9 +4353,13 @@
         click
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: chooseRequestOrDiagram,
+        sortNum: props2.requestSort
       });
-      setRequest(chooseRequestOrDiagram, props2.requestSort);
       return {
         option,
         style: style2,
@@ -4730,9 +4767,13 @@
         click
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: chooseRequestOrDiagram,
+        sortNum: props2.requestSort
       });
-      setRequest(chooseRequestOrDiagram, props2.requestSort);
       return {
         option,
         style: style2,
@@ -5175,9 +5216,13 @@
         setGlobalModel(id, { ...modal, RECORD: e.data });
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: refreshData,
+        sortNum: props2.requestSort
       });
-      setRequest(refreshData, props2.requestSort);
       useOnEvent(props2, {
         refreshData,
         click
@@ -5499,9 +5544,13 @@
         click
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: handleRequestData,
+        sortNum: props2.requestSort
       });
-      setRequest(handleRequestData, props2.requestSort);
       return {
         option,
         style: style2,
@@ -6026,9 +6075,13 @@
         setGlobalModel(id, { ...modal, RECORD: e == null ? void 0 : e.data });
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: chooseRequestOrDiagram,
+        sortNum: props2.requestSort
       });
-      setRequest(chooseRequestOrDiagram, props2.requestSort);
       useOnEvent(props2, {
         refreshData,
         click
@@ -6162,7 +6215,7 @@
   const _withScopeId = (n) => (vue.pushScopeId("data-v-f3fc1305"), n = n(), vue.popScopeId(), n);
   const _hoisted_1$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "top-left border-item" }, null, -1));
   const _hoisted_2$1 = /* @__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_3$1 = /* @__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" };
@@ -6198,7 +6251,7 @@
         _ctx.useBorderModify ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           _hoisted_1$5,
           _hoisted_2$1,
-          _hoisted_3,
+          _hoisted_3$1,
           _hoisted_4
         ], 64)) : vue.createCommentVNode("", true)
       ], 4)) : vue.createCommentVNode("", true),
@@ -6757,13 +6810,13 @@
       const x = vue.computed(() => props2.scrollX);
       const y = vue.computed(() => parseFloat(props2.height) - vue.unref(splitY));
       const myColumns = vue.ref([]);
-      const myDataSource = vue.ref(props2.data);
+      const myDataSource = vue.ref([]);
       const tableColumns = vue.ref([]);
       const tableDataSource = vue.ref([]);
       const total = vue.ref(0);
       const pageNum = vue.ref(1);
       const pageSize = vue.computed(() => props2.paginationPageSize);
-      const handleChildrenColumns = (_columns) => {
+      const handleChildrenColumns = (_columns = []) => {
         if (Array.isArray(_columns) && _columns.length > 0) {
           const len = _columns.length;
           const columnsFixedNum = props2.columnsFixedNum;
@@ -6776,9 +6829,11 @@
             }
             const {
               cellAlign = "center",
-              cellColor
+              cellColor,
+              dataIndex,
+              title
             } = column;
-            column.customCell = (_record, rowIndex) => ({
+            column.customCell = (record, rowIndex) => ({
               style: {
                 textAlign: cellAlign,
                 color: cellColor,
@@ -6787,7 +6842,17 @@
               },
               class: {
                 highlight: vue.unref(useRowIndex) === rowIndex && props2.clickHighlight
-              }
+              },
+              onClick: emitEvent("click", () => {
+                const id = props2.id;
+                const modal = getGlobalModel(id);
+                record = {
+                  dataIndex,
+                  title,
+                  ...record
+                };
+                setGlobalModel(id, { ...modal, RECORD: record });
+              })
             });
             if (Array.isArray(column.children)) {
               handleChildrenColumns(column.children);
@@ -6796,25 +6861,22 @@
         }
       };
       const handleColumns = (columns = []) => {
-        let _columns = [];
-        const isUseSeq = props2.isUseSeq;
-        if (isUseSeq) {
-          _columns.push({
+        if (props2.isUseSeq) {
+          columns.unshift({
             title: "\u5E8F\u53F7",
             dataIndex: "SEQ",
             align: "center"
           });
         }
-        _columns = _columns.concat(lodashEs.cloneDeep(columns));
         if (props2.isUseAction) {
-          _columns.push({
+          columns.push({
             title: "\u64CD\u4F5C",
             dataIndex: "ACTION",
             width: props2.actionColumnWidth
           });
         }
-        handleChildrenColumns(_columns);
-        myColumns.value = _columns;
+        handleChildrenColumns(columns);
+        return columns;
       };
       vue.watch(() => [
         props2.columns,
@@ -6825,7 +6887,7 @@
         props2.cellBackgroundColor,
         props2.borderColor
       ], () => {
-        handleColumns(props2.columns);
+        myColumns.value = handleColumns(lodashEs.cloneDeep(props2.columns));
       }, {
         immediate: true,
         deep: true
@@ -6834,6 +6896,21 @@
         if (dataType !== "static")
           return;
         myDataSource.value = data;
+      }, {
+        immediate: true
+      });
+      vue.watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+        if (props2.isReverse) {
+          const { columns, dataSource } = handleReverseTable(lodashEs.cloneDeep(vue.unref(myColumns)), lodashEs.cloneDeep(vue.unref(myDataSource)));
+          tableColumns.value = columns;
+          tableDataSource.value = dataSource;
+        } else {
+          tableColumns.value = vue.unref(myColumns);
+          tableDataSource.value = vue.unref(myDataSource);
+        }
+      }, {
+        immediate: true,
+        flush: "post"
       });
       const handleReverseTable = (columns, dataSource) => {
         const firstColumns = columns[0];
@@ -6868,19 +6945,6 @@
           dataSource: _dataSource
         };
       };
-      vue.watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
-        if (props2.isReverse) {
-          const { columns, dataSource } = handleReverseTable(vue.unref(myColumns), vue.unref(myDataSource));
-          tableColumns.value = columns;
-          tableDataSource.value = dataSource;
-        } else {
-          tableColumns.value = lodashEs.cloneDeep(vue.unref(myColumns));
-          tableDataSource.value = lodashEs.cloneDeep(vue.unref(myDataSource));
-        }
-      }, {
-        deep: true,
-        immediate: true
-      });
       const orderCondition = vue.ref("");
       const requestData = useRequestData(props2);
       const loading = vue.ref(false);
@@ -6981,7 +7045,8 @@
       });
       const handleIndicatorDataset = (dataColumns = [], dataRows = []) => {
         const _columns = dataColumns.map((column) => ({ title: column, dataIndex: column, key: column }));
-        handleColumns(_columns);
+        const columns = handleColumns(_columns);
+        myColumns.value = columns;
         myDataSource.value = dataRows;
       };
       const indicatorData = useIndicatorData(props2);
@@ -6999,7 +7064,7 @@
       };
       const useRowIndex = vue.ref(-1);
       const customRow = (record, index2) => ({
-        onClick: emitEvent("click", () => {
+        onClick: emitEvent("rowClick", () => {
           const id = props2.id;
           const modal = getGlobalModel(id);
           setGlobalModel(id, { ...modal, RECORD: record });
@@ -7023,16 +7088,17 @@
       });
       const summaryList = vue.computed(() => {
         const columns = vue.unref(tableColumns);
-        let summaryList2 = [];
-        if (props2.isUseSeq) {
-          columns.shift();
-          summaryList2 = [{ total: "\u5C0F\u8BA1" }];
-        }
+        const summaryList2 = [];
         let calcTotalCount = 0;
         for (let i = 0; i < columns.length; i++) {
           const column = columns[i];
           const { isCalcTotal } = column;
-          if (isCalcTotal) {
+          if (props2.isUseSeq && i === 0) {
+            summaryList2.push({
+              ...column,
+              total: "\u5C0F\u8BA1"
+            });
+          } else if (isCalcTotal) {
             summaryList2.push({
               ...column,
               index: i,
@@ -7068,9 +7134,13 @@
         return summaryList2;
       });
       const { setRequest } = vue.inject(REQUEST_MODEL, {
-        setRequest: (requestFn, sortNum) => void 0
+        setRequest: ({ id, sortNum, requestFn }) => void 0
+      });
+      setRequest({
+        id: props2.id,
+        requestFn: refreshData,
+        sortNum: props2.requestSort
       });
-      setRequest(refreshData, props2.requestSort);
       expose({
         refreshData
       });
@@ -7105,24 +7175,27 @@
         formatFn,
         contrastClass,
         tableChange,
-        tableDataSource,
-        tableColumns,
+        myColumns,
+        myDataSource,
         summaryList,
         loading,
         onTouchHrefEvent,
         handleHref,
         handleHrefTarget,
-        useRowIndex
+        useRowIndex,
+        tableColumns,
+        tableDataSource
       };
     }
   });
-  const Table_vue_vue_type_style_index_0_scoped_33b428a2_lang = "";
+  const Table_vue_vue_type_style_index_0_scoped_292c12ab_lang = "";
   const Table_vue_vue_type_style_index_1_lang = "";
-  const _hoisted_1$1 = {
+  const _hoisted_1$1 = { key: 0 };
+  const _hoisted_2 = {
     key: 1,
     class: "action-list"
   };
-  const _hoisted_2 = ["href", "target", "onClick"];
+  const _hoisted_3 = ["href", "target", "onClick"];
   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");
@@ -7163,13 +7236,8 @@
               }, vue.toDisplayString(column.title), 5)
             ]),
             bodyCell: vue.withCtx(({ column, index: index2, text, record }) => [
-              column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                style: vue.normalizeStyle({
-                  fontSize: _ctx.fontSize,
-                  fontWeight: _ctx.fontWeight
-                })
-              }, vue.toDisplayString(index2 + 1), 5)) : column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+              column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(index2 + 1), 1)) : vue.createCommentVNode("", true),
+              column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actionList, (action, index22) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     class: "action",
@@ -7184,7 +7252,7 @@
                         fontWeight: _ctx.fontWeight
                       }),
                       onClick: ($event) => _ctx.onTouchHrefEvent(action.target, _ctx.handleHref(action.href, record))
-                    }, vue.toDisplayString(action.title), 13, _hoisted_2)
+                    }, vue.toDisplayString(action.title), 13, _hoisted_3)
                   ]);
                 }), 128))
               ])) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -7194,7 +7262,7 @@
                   fontSize: _ctx.fontSize,
                   fontWeight: _ctx.fontWeight
                 })
-              }, vue.toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(text, column.format)), 7))
+              }, vue.toDisplayString(column.format != null ? _ctx.formatFn(text, column.format) : text), 7))
             ]),
             summary: vue.withCtx(() => [
               _ctx.summaryList.length > 0 ? (vue.openBlock(), vue.createBlock(_component_a_table_summary, { key: 0 }, {
@@ -7238,7 +7306,7 @@
       }, 8, ["loading"])
     ], 4);
   }
-  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-33b428a2"]]);
+  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-292c12ab"]]);
   const EcanTable = withInstall(Table);
   const mapProps = {
     ...props,