@ecan-bi/datav 1.0.88 → 1.0.90

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.88 */
+/*! @ecan-bi/datav@1.0.90 */
 (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) {
@@ -1703,7 +1703,6 @@
     if (useSpace) {
       formatter = formatter == null ? void 0 : formatter.replace(/\s{2,}?/g, "  ");
     }
-    console.log("formatter", formatter);
     return formatter;
   };
   const useRequestData = (props2, callBack = () => {
@@ -1756,7 +1755,7 @@
           _params[key] = useVariablesInText(value);
         }
       });
-      _params = { ...window.requestParams, ..._params, ...params };
+      _params = { ...window.config.requestParams, ..._params, ...params };
       let urlParams = "";
       const keys = Object.keys(_params);
       const last = keys.length - 1;
@@ -2622,7 +2621,6 @@
         setTheme();
       });
       const contextRequestUrl = vue.computed(() => {
-        console.log("props.contextRequestUrl", props2.contextRequestUrl);
         return useVariablesInText(props2.contextRequestUrl);
       });
       const pageMode = vue.computed(() => props2.pageMode);
@@ -2776,7 +2774,10 @@
     variableFontSize: "14px",
     data: {},
     variableDefaultValue: "0",
-    format: ""
+    format: "",
+    target: "self",
+    href: "",
+    linkPage: ""
   };
   const textComponentProps = transformToComponentProps(textProps);
   const textEvents = ["refreshData", "click"];
@@ -2876,6 +2877,24 @@
       });
       const emitEvent = useEmitEvent(props2);
       const click = emitEvent("click", () => {
+        if (!props2.linkPage && !props2.href)
+          return;
+        const linkPage = props2.linkPage || "";
+        const pageUrl = usePageUrl(vue.unref(pageMode), linkPage);
+        const href = props2.href;
+        let url = href || pageUrl;
+        url = useVariablesInText(url);
+        const target = props2.target;
+        if (target == null || target === "")
+          return;
+        if (target !== "event") {
+          window.open(url, "_" + target);
+        } else {
+          window.parent.postMessage({
+            type: "openPage",
+            url: href
+          }, "*");
+        }
       });
       return {
         style: style2,
@@ -2902,7 +2921,7 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
     }, null, 12, _hoisted_1$7));
   }
-  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-1b461e28"]]);
+  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m], ["__scopeId", "data-v-604c9a14"]]);
   const EcanText = withInstall(Text);
   const ScrollText_vue_vue_type_style_index_0_scoped_true_lang = "";
   const _sfc_main$l = vue.defineComponent({
@@ -3622,15 +3641,23 @@
         }
         return !!((value == null ? void 0 : value.toLowerCase().indexOf(input == null ? void 0 : input.toLowerCase())) >= 0);
       };
+      const loading = vue.ref(false);
       const handleRequestData = async () => {
         var _a2, _b2;
         if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
           return;
-        const res = await requestData();
-        options.value = ((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.rows) || [];
-        const firstOption = vue.unref(options)[0];
-        if (props2.value === "" && firstOption != null) {
-          myValue.value = firstOption[dataFieldNames.value];
+        loading.value = true;
+        try {
+          const res = await requestData();
+          options.value = ((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.rows) || [];
+          const firstOption = vue.unref(options)[0];
+          if (props2.value === "" && firstOption != null) {
+            myValue.value = firstOption[dataFieldNames.value];
+          }
+        } catch (e) {
+          console.error(e);
+        } finally {
+          loading.value = false;
         }
       };
       const { getGlobalModel, setGlobalModel } = vue.inject(GLOBAL_MODEL, {
@@ -3660,7 +3687,8 @@
         myValue,
         selectChange,
         options,
-        filterOption
+        filterOption,
+        loading
       };
     }
   });
@@ -3679,11 +3707,12 @@
         "field-names": _ctx.dataFieldNames,
         "show-search": "",
         "filter-option": _ctx.filterOption,
-        onChange: _ctx.selectChange
-      }, null, 8, ["value", "options", "getPopupContainer", "field-names", "filter-option", "onChange"])
+        onChange: _ctx.selectChange,
+        loading: _ctx.loading
+      }, null, 8, ["value", "options", "getPopupContainer", "field-names", "filter-option", "onChange", "loading"])
     ], 4);
   }
-  const Select = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-38e47a34"]]);
+  const Select = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-7ae9493f"]]);
   const EcanSelect = withInstall(Select);
   const rangePickerProps = {
     ...props,
@@ -6199,7 +6228,7 @@
     keyName: "\u5F39\u7A97",
     componentList: [],
     fullModal: false,
-    destroyOnClose: false,
+    destroyOnClose: true,
     position: "default"
   };
   const modalComponentProps = transformToComponentProps(modalProps);
@@ -6311,9 +6340,6 @@
       width: _ctx.isFullModal || _ctx.isFullWidth ? "100%" : _ctx.modalWith,
       destroyOnClose: _ctx.destroyOnClose,
       style: vue.normalizeStyle(_ctx.modalStyle),
-      bodyStyle: {
-        background: "red"
-      },
       onOk: _ctx.onOk,
       onCancel: _ctx.onCancel
     }, vue.createSlots({
@@ -6352,7 +6378,7 @@
       } : void 0
     ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
   }
-  const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-24c6a724"]]);
+  const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-780a06e1"]]);
   const EcanModal = withInstall(Modal);
   const tabsProps = {
     ...props,
@@ -6557,13 +6583,16 @@
     width: "400px",
     height: "240px",
     bordered: false,
+    headerFontSize: "14px",
     fontSize: "14px",
     isUseSeq: false,
     size: "default",
+    headerFontWeight: 400,
     fontWeight: 400,
     columnsFixedNum: 0,
     scrollX: 0,
     paginationShow: true,
+    isReverse: false,
     simple: false,
     headerCellBackgroundColor: "",
     cellBackgroundColor: "",
@@ -6651,27 +6680,34 @@
       });
       const x = vue.computed(() => props2.scrollX);
       const y = vue.computed(() => parseFloat(props2.height) - vue.unref(splitY));
-      const myColumns = vue.computed(() => {
-        let columns = [];
+      const myColumns = vue.ref([]);
+      const myDataSource = vue.ref(props2.data);
+      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 handleColumns = (columns = []) => {
+        let _columns = [];
         const isUseSeq = props2.isUseSeq;
         if (isUseSeq) {
-          columns.push({
+          _columns.push({
             title: "\u5E8F\u53F7",
             dataIndex: "SEQ"
           });
         }
-        columns = columns.concat(props2.columns);
+        _columns = _columns.concat(lodashEs.cloneDeep(columns));
         if (props2.isUseAction) {
-          columns.push({
+          _columns.push({
             title: "\u64CD\u4F5C",
             dataIndex: "ACTION",
             width: props2.actionColumnWidth
           });
         }
-        const len = columns.length;
+        const len = _columns.length;
         const columnsFixedNum = props2.columnsFixedNum;
         for (let i = 0; i < len; i++) {
-          const column = columns[i];
+          const column = _columns[i];
           if (i < columnsFixedNum) {
             column.fixed = "left";
           } else {
@@ -6700,16 +6736,73 @@
             }
           });
         }
-        return columns;
+        myColumns.value = _columns;
+      };
+      vue.watch(() => [
+        props2.columns,
+        props2.isUseSeq,
+        props2.isUseAction,
+        props2.columnsFixedNum,
+        props2.actionColumnWidth,
+        props2.headerCellBackgroundColor,
+        props2.cellBackgroundColor,
+        props2.borderColor
+      ], () => {
+        handleColumns(props2.columns);
+      }, {
+        immediate: true,
+        deep: true
       });
-      const total = vue.ref(0);
-      const pageNum = vue.ref(1);
-      const pageSize = vue.computed(() => props2.paginationPageSize);
-      const dataSource = vue.ref(props2.data);
       vue.watch(() => [props2.data, props2.dataType], ([data, dataType]) => {
         if (dataType !== "static")
           return;
-        dataSource.value = data;
+        myDataSource.value = data;
+      });
+      const handleReverseTable = (columns, dataSource) => {
+        const firstColumns = columns[0];
+        const _columns = [{
+          title: firstColumns.title,
+          dataIndex: "col0",
+          key: "col0",
+          align: "center"
+        }];
+        for (let i = 0; i < dataSource.length; i++) {
+          const data = dataSource[i];
+          const dataIndex = "col" + (i + 1);
+          _columns.push({
+            title: data[firstColumns.dataIndex],
+            dataIndex,
+            key: dataIndex,
+            align: "center"
+          });
+        }
+        const _dataSource = [];
+        for (let i = 1; i < columns.length; i++) {
+          const column = columns[i];
+          const _data = { col0: column.title };
+          for (let j = 0; j < dataSource.length; j++) {
+            const data = dataSource[j];
+            _data[`col${j + 1}`] = data[column.dataIndex];
+          }
+          _dataSource.push(_data);
+        }
+        return {
+          columns: _columns,
+          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 = vue.unref(myColumns);
+          tableDataSource.value = vue.unref(myDataSource);
+        }
+      }, {
+        deep: true,
+        immediate: true
       });
       const orderCondition = vue.ref(void 0);
       const requestData = useRequestData(props2);
@@ -6733,7 +6826,7 @@
           const res = await requestData(params);
           const { rows = [], total: tableTotal = 0 } = ((_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) || {};
           total.value = tableTotal;
-          dataSource.value = rows;
+          myDataSource.value = rows;
         } catch (e) {
           console.error(e);
         } finally {
@@ -6806,12 +6899,10 @@
         getGlobalModel: (key) => void 0,
         setGlobalModel: (key, value) => void 0
       });
-      const dataColumns = vue.ref([]);
-      const handleIndicatorDataset = (colmuns = [], rows = []) => {
-        dataColumns.value = colmuns.map((it) => {
-          return { title: it, dataIndex: it, key: it };
-        });
-        dataSource.value = rows;
+      const handleIndicatorDataset = (dataColumns = [], dataRows = []) => {
+        const _columns = dataColumns.map((column) => ({ title: column, dataIndex: column, key: column }));
+        handleColumns(_columns);
+        myDataSource.value = dataRows;
       };
       const indicatorData = useIndicatorData(props2);
       const handleIndicatorData = async () => {
@@ -6872,7 +6963,7 @@
           return [];
         const start = (vue.unref(pageNum) - 1) * vue.unref(pageSize);
         const end = start + vue.unref(pageSize);
-        const records = vue.unref(dataSource).slice(start, end);
+        const records = vue.unref(myDataSource).slice(start, end);
         for (let i = 0; i < records.length; i++) {
           const record = records[i];
           for (let j = 0; j < summaryList2.length; j++) {
@@ -6918,15 +7009,14 @@
       return {
         x,
         y,
-        myColumns,
         style: style2,
         customRow,
         pagination,
         formatFn,
         contrastClass,
         tableChange,
-        dataColumns,
-        dataSource,
+        tableDataSource,
+        tableColumns,
         summaryList,
         loading,
         onTouchHrefEvent,
@@ -6957,8 +7047,8 @@
             style: {
               height: "100%"
             },
-            columns: _ctx.dataColumns.length > 0 ? _ctx.dataColumns : _ctx.myColumns,
-            "data-source": _ctx.dataSource,
+            columns: _ctx.tableColumns,
+            "data-source": _ctx.tableDataSource,
             bordered: _ctx.bordered,
             size: _ctx.size,
             customRow: _ctx.customRow,
@@ -6966,6 +7056,14 @@
             pagination: _ctx.pagination,
             onChange: _ctx.tableChange
           }, {
+            headerCell: vue.withCtx(({ column }) => [
+              vue.createElementVNode("span", {
+                style: vue.normalizeStyle({
+                  fontSize: _ctx.headerFontSize,
+                  fontWeight: _ctx.headerFontWeight
+                })
+              }, vue.toDisplayString(column.title), 5)
+            ]),
             bodyCell: vue.withCtx(({ column, index: index2, text, record }) => [
               column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
@@ -7038,7 +7136,7 @@
       }, 8, ["loading"])
     ], 4);
   }
-  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-0963bd5a"]]);
+  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-32101ced"]]);
   const EcanTable = withInstall(Table);
   const mapProps = {
     ...props,