@ecan-bi/datav 1.0.88 → 1.0.90

package/dist/index.es.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.88 */
+/*! @ecan-bi/datav@1.0.90 */
 var _a, _b, _c;
 import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createSlots, resolveDynamicComponent, mergeProps, withModifiers, withDirectives, vShow } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
@@ -6,7 +6,7 @@ import { addListener, removeListener } from "resize-detector";
 import { Spin as Spin$1, Skeleton as Skeleton$1, message, Progress, Input as Input$1, DatePicker as DatePicker$1, Select as Select$1, RangePicker as RangePicker$1, Button as Button$1, CheckboxGroup, Modal as Modal$1, Table as Table$1, TableSummary, TableSummaryRow, TableSummaryCell } from "ant-design-vue";
 import "ant-design-vue/es/spin/style";
 import "ant-design-vue/es/skeleton/style";
-import { mapValues, without, pick, debounce } from "lodash-es";
+import { mapValues, without, pick, debounce, cloneDeep } from "lodash-es";
 import axios from "axios";
 import mitt from "mitt";
 import dayjs from "dayjs";
@@ -1698,7 +1698,6 @@ const useVariablesInText = (formatter = "", data = {}, { useNewline = false, use
   if (useSpace) {
     formatter = formatter == null ? void 0 : formatter.replace(/\s{2,}?/g, "  ");
   }
-  console.log("formatter", formatter);
   return formatter;
 };
 const useRequestData = (props2, callBack = () => {
@@ -1751,7 +1750,7 @@ const useRequestData = (props2, callBack = () => {
         _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;
@@ -2617,7 +2616,6 @@ const _sfc_main$n = defineComponent({
       setTheme();
     });
     const contextRequestUrl = computed(() => {
-      console.log("props.contextRequestUrl", props2.contextRequestUrl);
       return useVariablesInText(props2.contextRequestUrl);
     });
     const pageMode = computed(() => props2.pageMode);
@@ -2771,7 +2769,10 @@ const textProps = {
   variableFontSize: "14px",
   data: {},
   variableDefaultValue: "0",
-  format: ""
+  format: "",
+  target: "self",
+  href: "",
+  linkPage: ""
 };
 const textComponentProps = transformToComponentProps(textProps);
 const textEvents = ["refreshData", "click"];
@@ -2871,6 +2872,24 @@ const _sfc_main$m = defineComponent({
     });
     const emitEvent = useEmitEvent(props2);
     const click = emitEvent("click", () => {
+      if (!props2.linkPage && !props2.href)
+        return;
+      const linkPage = props2.linkPage || "";
+      const pageUrl = usePageUrl(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,
@@ -2897,7 +2916,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
@@ -3617,15 +3636,23 @@ const _sfc_main$f = defineComponent({
       }
       return !!((value == null ? void 0 : value.toLowerCase().indexOf(input == null ? void 0 : input.toLowerCase())) >= 0);
     };
+    const loading = ref(false);
     const handleRequestData = async () => {
       var _a2, _b2;
       if (props2.dataType !== "request" || 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 = 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 = 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 } = inject(GLOBAL_MODEL, {
@@ -3655,7 +3682,8 @@ const _sfc_main$f = defineComponent({
       myValue,
       selectChange,
       options,
-      filterOption
+      filterOption,
+      loading
     };
   }
 });
@@ -3674,11 +3702,12 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       "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,
@@ -6194,7 +6223,7 @@ const modalProps = {
   keyName: "\u5F39\u7A97",
   componentList: [],
   fullModal: false,
-  destroyOnClose: false,
+  destroyOnClose: true,
   position: "default"
 };
 const modalComponentProps = transformToComponentProps(modalProps);
@@ -6306,9 +6335,6 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     width: _ctx.isFullModal || _ctx.isFullWidth ? "100%" : _ctx.modalWith,
     destroyOnClose: _ctx.destroyOnClose,
     style: normalizeStyle(_ctx.modalStyle),
-    bodyStyle: {
-      background: "red"
-    },
     onOk: _ctx.onOk,
     onCancel: _ctx.onCancel
   }, createSlots({
@@ -6347,7 +6373,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     } : 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,
@@ -6552,13 +6578,16 @@ const tableProps = {
   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: "",
@@ -6646,27 +6675,34 @@ const _sfc_main$1 = defineComponent({
     });
     const x = computed(() => props2.scrollX);
     const y = computed(() => parseFloat(props2.height) - unref(splitY));
-    const myColumns = computed(() => {
-      let columns = [];
+    const myColumns = ref([]);
+    const myDataSource = ref(props2.data);
+    const tableColumns = ref([]);
+    const tableDataSource = ref([]);
+    const total = ref(0);
+    const pageNum = ref(1);
+    const pageSize = 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(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 {
@@ -6695,16 +6731,73 @@ const _sfc_main$1 = defineComponent({
           }
         });
       }
-      return columns;
+      myColumns.value = _columns;
+    };
+    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 = ref(0);
-    const pageNum = ref(1);
-    const pageSize = computed(() => props2.paginationPageSize);
-    const dataSource = ref(props2.data);
     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
+      };
+    };
+    watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+      if (props2.isReverse) {
+        const { columns, dataSource } = handleReverseTable(unref(myColumns), unref(myDataSource));
+        tableColumns.value = columns;
+        tableDataSource.value = dataSource;
+      } else {
+        tableColumns.value = unref(myColumns);
+        tableDataSource.value = unref(myDataSource);
+      }
+    }, {
+      deep: true,
+      immediate: true
     });
     const orderCondition = ref(void 0);
     const requestData = useRequestData(props2);
@@ -6728,7 +6821,7 @@ const _sfc_main$1 = defineComponent({
         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 {
@@ -6801,12 +6894,10 @@ const _sfc_main$1 = defineComponent({
       getGlobalModel: (key) => void 0,
       setGlobalModel: (key, value) => void 0
     });
-    const dataColumns = 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 () => {
@@ -6867,7 +6958,7 @@ const _sfc_main$1 = defineComponent({
         return [];
       const start = (unref(pageNum) - 1) * unref(pageSize);
       const end = start + unref(pageSize);
-      const records = unref(dataSource).slice(start, end);
+      const records = 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++) {
@@ -6913,15 +7004,14 @@ const _sfc_main$1 = defineComponent({
     return {
       x,
       y,
-      myColumns,
       style: style2,
       customRow,
       pagination,
       formatFn,
       contrastClass,
       tableChange,
-      dataColumns,
-      dataSource,
+      tableDataSource,
+      tableColumns,
       summaryList,
       loading,
       onTouchHrefEvent,
@@ -6952,8 +7042,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           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,
@@ -6961,6 +7051,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           pagination: _ctx.pagination,
           onChange: _ctx.tableChange
         }, {
+          headerCell: withCtx(({ column }) => [
+            createElementVNode("span", {
+              style: normalizeStyle({
+                fontSize: _ctx.headerFontSize,
+                fontWeight: _ctx.headerFontWeight
+              })
+            }, toDisplayString(column.title), 5)
+          ]),
           bodyCell: withCtx(({ column, index: index2, text, record }) => [
             column.dataIndex === "SEQ" ? (openBlock(), createElementBlock("span", {
               key: 0,
@@ -7033,7 +7131,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,