@ecan-bi/datav 1.1.4 → 1.1.6

package/dist/index.es.js

@@ -1,6 +1,6 @@
-/*! @ecan-bi/datav@1.1.4 */
+/*! @ecan-bi/datav@1.1.6 */
 var _a, _b, _c, _d;
-import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, onBeforeUnmount, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createSlots, resolveDynamicComponent, mergeProps, withModifiers, withDirectives, vShow } from "vue";
+import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, onBeforeUnmount, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createSlots, resolveDynamicComponent, mergeProps, withModifiers, reactive, createTextVNode, withDirectives, vShow } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
 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";
@@ -1555,7 +1555,7 @@ const REQUEST_MODEL = "REQUEST_MODEL";
 const GLOBAL_TOKEN = "GLOBAL_TOKEN";
 const REFRESH_PAGE = "REFRESH_PAGE";
 const INDICATOR_URL = (_a = window == null ? void 0 : window.config) == null ? void 0 : _a.indicatorURL;
-const UPLOAD_PATH = ((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.uploadPath) || "/api";
+((_b = window == null ? void 0 : window.config) == null ? void 0 : _b.uploadPath) || "/api";
 const BASE_URL = ((_c = window == null ? void 0 : window.config) == null ? void 0 : _c.routerBaseURL) || "./";
 const ERD_URL = ((_d = window == null ? void 0 : window.config) == null ? void 0 : _d.erdURL) || "";
 const useOnEvent = (props2, events) => {
@@ -1836,13 +1836,14 @@ const useTransformChartDataByAttrKey = (data = [], dataFieldNames) => {
   };
 };
 const useImagePath = (path, isFormat = false) => {
+  var _a2;
   if (!path)
     return path;
   let imagePath = "";
   if (path == null ? void 0 : path.includes("://")) {
     imagePath = path;
   } else {
-    imagePath = UPLOAD_PATH + path;
+    imagePath = ((_a2 = window == null ? void 0 : window.config) == null ? void 0 : _a2.uploadPath) + path;
   }
   if (isFormat) {
     imagePath = `url(${imagePath})`;
@@ -2823,7 +2824,6 @@ const _sfc_main$n = defineComponent({
         let usedVariable = data[v];
         if (usedVariable != null) {
           const format = props2.format;
-          console.log("format", format);
           if (format === "percentage") {
             usedVariable = +usedVariable;
             if (!isNaN(usedVariable)) {
@@ -2837,7 +2837,6 @@ const _sfc_main$n = defineComponent({
               text = text.replace(variable, `<span style="color:${props2.variableColor};font-size:${props2.variableFontSize}">${0}%</span>`);
             }
           } else if (format === "percent") {
-            console.log("format", format);
             usedVariable = +usedVariable;
             if (!isNaN(usedVariable)) {
               usedVariable = (usedVariable * 100).toFixed(2);
@@ -2925,7 +2924,7 @@ const _sfc_main$n = defineComponent({
     };
   }
 });
-const Text_vue_vue_type_style_index_0_scoped_0a5690c3_lang = "";
+const Text_vue_vue_type_style_index_0_scoped_445a06d8_lang = "";
 const _hoisted_1$8 = ["innerHTML"];
 function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_skeleton = resolveComponent("skeleton");
@@ -2943,7 +2942,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     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-0a5690c3"]]);
+const Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-445a06d8"]]);
 const EcanText = withInstall(Text);
 const _sfc_main$m = defineComponent({
   name: "EcanScrollText",
@@ -3160,11 +3159,11 @@ const _hoisted_3$2 = {
   key: 1,
   class: "ecan-list-content"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 0,
   class: "ranking"
 };
-const _hoisted_5$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon" }, null, -1));
+const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon" }, null, -1));
 const _hoisted_6$1 = { class: "sort" };
 const _hoisted_7$1 = {
   key: 2,
@@ -3225,8 +3224,8 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
               key: item.id || i,
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
             }, [
-              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                _hoisted_5$1,
+              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+                _hoisted_5$2,
                 createElementVNode("div", _hoisted_6$1, " Top " + toDisplayString(i + 1), 1)
               ])) : createCommentVNode("", true),
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
@@ -6220,8 +6219,8 @@ const _withScopeId = (n) => (pushScopeId("data-v-f3fc1305"), n = n(), popScopeId
 const _hoisted_1$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
 const _hoisted_2$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
-const _hoisted_5 = { class: "title-item-wrapper" };
+const _hoisted_4$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_5$1 = { class: "title-item-wrapper" };
 const _hoisted_6 = { class: "title-item" };
 const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
   class: "title-decoration-left",
@@ -6256,7 +6255,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         _hoisted_1$5,
         _hoisted_2$1,
         _hoisted_3$1,
-        _hoisted_4
+        _hoisted_4$1
       ], 64)) : createCommentVNode("", true)
     ], 4)) : createCommentVNode("", true),
     _ctx.mode === "top-title" ? (openBlock(), createElementBlock("div", {
@@ -6264,7 +6263,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
       class: "top-title",
       style: normalizeStyle(_ctx.borderStyle)
     }, [
-      createElementVNode("div", _hoisted_5, [
+      createElementVNode("div", _hoisted_5$1, [
         createElementVNode("div", _hoisted_6, [
           _hoisted_7,
           createElementVNode("div", _hoisted_8, toDisplayString(_ctx.title), 1),
@@ -6735,6 +6734,7 @@ const tableProps = {
   paginationPageSize: 10,
   isUseAction: false,
   clickHighlight: false,
+  filterDropdownHeight: "200px",
   actionList: [{
     title: "",
     href: "",
@@ -6780,6 +6780,8 @@ const _sfc_main$1 = defineComponent({
   name: "EcanTable",
   components: {
     Skeleton,
+    AInput: Input$1,
+    ACheckboxGroup: CheckboxGroup,
     ATable: Table$1,
     ATableSummary: TableSummary,
     ATableSummaryRow: TableSummaryRow,
@@ -6820,6 +6822,7 @@ const _sfc_main$1 = defineComponent({
     const total = ref(0);
     const pageNum = ref(1);
     const pageSize = computed(() => props2.paginationPageSize);
+    const filterDataIndexList = reactive([]);
     const handleChildrenColumns = (_columns = []) => {
       if (Array.isArray(_columns) && _columns.length > 0) {
         const len = _columns.length;
@@ -6835,8 +6838,16 @@ const _sfc_main$1 = defineComponent({
             cellAlign = "center",
             cellColor,
             dataIndex,
-            title
+            title,
+            tableFilter
           } = column;
+          if (tableFilter) {
+            filterDataIndexList.push(dataIndex);
+            column.filterOptionsInputValue = "";
+            column.filterCheckboxGroupValue = [];
+            column.customFilterDropdown = true;
+            column.onFilter = (value, record) => record[dataIndex].toString().toLowerCase().includes(value.toLowerCase());
+          }
           column.customCell = (record, rowIndex) => ({
             style: {
               textAlign: cellAlign,
@@ -6903,14 +6914,48 @@ const _sfc_main$1 = defineComponent({
     }, {
       immediate: true
     });
+    const allFilterOptions = ref({});
+    const handleFilterCheckboxOptions = (dataSource) => {
+      if (Array.isArray(dataSource)) {
+        const dataLen = dataSource.length;
+        const keys = filterDataIndexList;
+        const keysLen = keys.length;
+        const filterOptionsMap = {};
+        for (let i = 0; i < dataLen; i++) {
+          const record = dataSource[i];
+          for (let j = 0; j < keysLen; j++) {
+            const key = keys[j];
+            if (filterOptionsMap[key]) {
+              filterOptionsMap[key].add(record[key]);
+            } else {
+              const set = /* @__PURE__ */ new Set();
+              set.add(record[key]);
+              filterOptionsMap[key] = set;
+            }
+          }
+        }
+        const _allFilterOptions = {};
+        for (const key in filterOptionsMap) {
+          if (Object.prototype.hasOwnProperty.call(filterOptionsMap, key)) {
+            const optionsSet = filterOptionsMap[key];
+            const options = Array.from(optionsSet);
+            _allFilterOptions[key] = options.map((option) => ({ label: option, value: option }));
+          }
+        }
+        allFilterOptions.value = _allFilterOptions;
+      }
+    };
     watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+      const _columns = unref(myColumns);
+      const _dataSource = unref(myDataSource);
+      handleFilterCheckboxOptions(_dataSource);
       if (props2.isReverse) {
-        const { columns, dataSource } = handleReverseTable(cloneDeep(unref(myColumns)), cloneDeep(unref(myDataSource)));
+        const { columns, dataSource } = handleReverseTable(cloneDeep(_columns), cloneDeep(_dataSource));
         tableColumns.value = columns;
         tableDataSource.value = dataSource;
       } else {
-        tableColumns.value = unref(myColumns);
-        tableDataSource.value = unref(myDataSource);
+        tableColumns.value = _columns;
+        tableDataSource.value = _dataSource;
       }
     }, {
       immediate: true,
@@ -7049,8 +7094,7 @@ const _sfc_main$1 = defineComponent({
     });
     const handleIndicatorDataset = (dataColumns = [], dataRows = []) => {
       const _columns = dataColumns.map((column) => ({ title: column, dataIndex: column, key: column }));
-      const columns = handleColumns(_columns);
-      myColumns.value = columns;
+      myColumns.value = handleColumns(_columns);
       myDataSource.value = dataRows;
     };
     const indicatorData = useIndicatorData(props2);
@@ -7170,6 +7214,34 @@ const _sfc_main$1 = defineComponent({
         }, "*");
       }
     };
+    const useSetSelectedKeys = (setSelectedKeys, column) => {
+      setSelectedKeys(column.filterCheckboxGroupValue);
+    };
+    const onResetFilter = (clearFilters, column) => {
+      clearFilters({ confirm: true });
+      column.filterOptionsInputValue = "";
+      column.filterCheckboxGroupValue = [];
+    };
+    const onSearchFilterOptions = () => {
+    };
+    const useFilterOptions = (column) => {
+      const key = column.dataIndex;
+      if (typeof key === "string") {
+        let filterOptions = unref(allFilterOptions)[key];
+        const _inputValue = unref(column.filterOptionsInputValue).trim();
+        if (Array.isArray(filterOptions)) {
+          filterOptions = filterOptions.filter((filterOption) => {
+            if (filterOption.label) {
+              return filterOption.label.toLowerCase().includes(_inputValue.toLowerCase());
+            }
+            return true;
+          });
+          return filterOptions;
+        }
+        return [];
+      }
+      return [];
+    };
     return {
       x,
       y,
@@ -7179,8 +7251,6 @@ const _sfc_main$1 = defineComponent({
       formatFn,
       contrastClass,
       tableChange,
-      myColumns,
-      myDataSource,
       summaryList,
       loading,
       onTouchHrefEvent,
@@ -7188,19 +7258,28 @@ const _sfc_main$1 = defineComponent({
       handleHrefTarget,
       useRowIndex,
       tableColumns,
-      tableDataSource
+      tableDataSource,
+      useFilterOptions,
+      useSetSelectedKeys,
+      onResetFilter,
+      onSearchFilterOptions
     };
   }
 });
-const Table_vue_vue_type_style_index_0_scoped_292c12ab_lang = "";
+const Table_vue_vue_type_style_index_0_scoped_915e7876_lang = "";
 const Table_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$1 = { key: 0 };
-const _hoisted_2 = {
+const _hoisted_1$1 = /* @__PURE__ */ createTextVNode(" \u641C\u7D22 ");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" \u91CD\u7F6E ");
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = {
   key: 1,
   class: "action-list"
 };
-const _hoisted_3 = ["href", "target", "onClick"];
+const _hoisted_5 = ["href", "target", "onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+  const _component_a_button = resolveComponent("a-button");
   const _component_a_table_summary_cell = resolveComponent("a-table-summary-cell");
   const _component_a_table_summary_row = resolveComponent("a-table-summary-row");
   const _component_a_table_summary = resolveComponent("a-table-summary");
@@ -7239,9 +7318,55 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
               })
             }, toDisplayString(column.title), 5)
           ]),
+          customFilterDropdown: withCtx(({ column, selectedKeys, setSelectedKeys, confirm, clearFilters }) => [
+            createElementVNode("div", {
+              class: "ecan-table-filter",
+              style: normalizeStyle({
+                height: _ctx.filterDropdownHeight
+              })
+            }, [
+              createVNode(_component_a_input, {
+                value: column.filterOptionsInputValue,
+                "onUpdate:value": ($event) => column.filterOptionsInputValue = $event,
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+                class: "filter-input",
+                onChange: _ctx.onSearchFilterOptions
+              }, null, 8, ["value", "onUpdate:value", "onChange"]),
+              createVNode(_component_a_checkbox_group, {
+                value: column.filterCheckboxGroupValue,
+                "onUpdate:value": ($event) => column.filterCheckboxGroupValue = $event,
+                class: "filter-checkbox",
+                options: _ctx.useFilterOptions(column),
+                onChange: ($event) => _ctx.useSetSelectedKeys(setSelectedKeys, column)
+              }, null, 8, ["value", "onUpdate:value", "options", "onChange"]),
+              createElementVNode("div", null, [
+                createVNode(_component_a_button, {
+                  type: "primary",
+                  size: "small",
+                  style: { "width": "90px", "margin-right": "8px" },
+                  onClick: () => confirm()
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_1$1
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]),
+                createVNode(_component_a_button, {
+                  size: "small",
+                  style: { "width": "90px" },
+                  onClick: ($event) => _ctx.onResetFilter(clearFilters)
+                }, {
+                  default: withCtx(() => [
+                    _hoisted_2
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ])
+            ], 4)
+          ]),
           bodyCell: withCtx(({ column, index: index2, text, record }) => [
-            column.dataIndex === "SEQ" ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(index2 + 1), 1)) : createCommentVNode("", true),
-            column.dataIndex === "ACTION" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            column.dataIndex === "SEQ" ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(index2 + 1), 1)) : createCommentVNode("", true),
+            column.dataIndex === "ACTION" ? (openBlock(), createElementBlock("div", _hoisted_4, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actionList, (action, index22) => {
                 return openBlock(), createElementBlock("div", {
                   class: "action",
@@ -7256,7 +7381,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                       fontWeight: _ctx.fontWeight
                     }),
                     onClick: ($event) => _ctx.onTouchHrefEvent(action.target, _ctx.handleHref(action.href, record))
-                  }, toDisplayString(action.title), 13, _hoisted_3)
+                  }, toDisplayString(action.title), 13, _hoisted_5)
                 ]);
               }), 128))
             ])) : (openBlock(), createElementBlock("div", {
@@ -7310,7 +7435,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-292c12ab"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-915e7876"]]);
 const EcanTable = withInstall(Table);
 const mapProps = {
   ...props,
@@ -7476,17 +7601,19 @@ const _sfc_main = defineComponent({
     });
     const isLoadedData = ref(false);
     const handleRegisterMap = async () => {
+      var _a2;
       const mapJson = props2.mapJson;
-      if (mapJson == null || mapJson.path == null)
-        return;
-      const res = await request(UPLOAD_PATH + mapJson.path);
-      registerMap("map", (res == null ? void 0 : res.data) || {});
+      if (mapJson != null && mapJson.path) {
+        const res = await request(((_a2 = window == null ? void 0 : window.config) == null ? void 0 : _a2.uploadPath) + mapJson.path);
+        registerMap("map", (res == null ? void 0 : res.data) || {});
+      }
       isLoadedData.value = true;
     };
     watch(() => props2.mapJson, () => {
       handleRegisterMap();
     }, {
-      immediate: true
+      immediate: true,
+      deep: true
     });
     return {
       option,
@@ -7497,7 +7624,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const Map_vue_vue_type_style_index_0_scoped_38065aba_lang = "";
+const Map_vue_vue_type_style_index_0_scoped_1eea2b3c_lang = "";
 const _hoisted_1 = ["src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_echarts = resolveComponent("echarts");
@@ -7519,7 +7646,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-38065aba"]]);
+const Map$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1eea2b3c"]]);
 const EcanMap = withInstall(Map$1);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,