@ecan-bi/datav 1.1.4 → 1.1.6

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.1.4 */
+/*! @ecan-bi/datav@1.1.6 */
 (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) {
@@ -1560,7 +1560,7 @@
   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) => {
@@ -1841,13 +1841,14 @@
     };
   };
   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})`;
@@ -2828,7 +2829,6 @@
           let usedVariable = data[v];
           if (usedVariable != null) {
             const format = props2.format;
-            console.log("format", format);
             if (format === "percentage") {
               usedVariable = +usedVariable;
               if (!isNaN(usedVariable)) {
@@ -2842,7 +2842,6 @@
                 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);
@@ -2930,7 +2929,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("skeleton");
@@ -2948,7 +2947,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-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 = vue.defineComponent({
     name: "EcanScrollText",
@@ -3165,11 +3164,11 @@
     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__ */ vue.createElementVNode("div", { class: "icon" }, null, -1));
+  const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "icon" }, null, -1));
   const _hoisted_6$1 = { class: "sort" };
   const _hoisted_7$1 = {
     key: 2,
@@ -3230,8 +3229,8 @@
                 key: item.id || i,
                 onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
               }, [
-                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
-                  _hoisted_5$1,
+                _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
+                  _hoisted_5$2,
                   vue.createElementVNode("div", _hoisted_6$1, " Top " + vue.toDisplayString(i + 1), 1)
                 ])) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column) => {
@@ -6225,8 +6224,8 @@
   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$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_4$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.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__ */ vue.createElementVNode("img", {
     class: "title-decoration-left",
@@ -6261,7 +6260,7 @@
           _hoisted_1$5,
           _hoisted_2$1,
           _hoisted_3$1,
-          _hoisted_4
+          _hoisted_4$1
         ], 64)) : vue.createCommentVNode("", true)
       ], 4)) : vue.createCommentVNode("", true),
       _ctx.mode === "top-title" ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6269,7 +6268,7 @@
         class: "top-title",
         style: vue.normalizeStyle(_ctx.borderStyle)
       }, [
-        vue.createElementVNode("div", _hoisted_5, [
+        vue.createElementVNode("div", _hoisted_5$1, [
           vue.createElementVNode("div", _hoisted_6, [
             _hoisted_7,
             vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(_ctx.title), 1),
@@ -6740,6 +6739,7 @@
     paginationPageSize: 10,
     isUseAction: false,
     clickHighlight: false,
+    filterDropdownHeight: "200px",
     actionList: [{
       title: "",
       href: "",
@@ -6785,6 +6785,8 @@
     name: "EcanTable",
     components: {
       Skeleton,
+      AInput: antDesignVue.Input,
+      ACheckboxGroup: antDesignVue.CheckboxGroup,
       ATable: antDesignVue.Table,
       ATableSummary: antDesignVue.TableSummary,
       ATableSummaryRow: antDesignVue.TableSummaryRow,
@@ -6825,6 +6827,7 @@
       const total = vue.ref(0);
       const pageNum = vue.ref(1);
       const pageSize = vue.computed(() => props2.paginationPageSize);
+      const filterDataIndexList = vue.reactive([]);
       const handleChildrenColumns = (_columns = []) => {
         if (Array.isArray(_columns) && _columns.length > 0) {
           const len = _columns.length;
@@ -6840,8 +6843,16 @@
               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,
@@ -6908,14 +6919,48 @@
       }, {
         immediate: true
       });
+      const allFilterOptions = vue.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;
+        }
+      };
       vue.watch(() => [props2.isReverse, myColumns.value, myDataSource.value], () => {
+        const _columns = vue.unref(myColumns);
+        const _dataSource = vue.unref(myDataSource);
+        handleFilterCheckboxOptions(_dataSource);
         if (props2.isReverse) {
-          const { columns, dataSource } = handleReverseTable(lodashEs.cloneDeep(vue.unref(myColumns)), lodashEs.cloneDeep(vue.unref(myDataSource)));
+          const { columns, dataSource } = handleReverseTable(lodashEs.cloneDeep(_columns), lodashEs.cloneDeep(_dataSource));
           tableColumns.value = columns;
           tableDataSource.value = dataSource;
         } else {
-          tableColumns.value = vue.unref(myColumns);
-          tableDataSource.value = vue.unref(myDataSource);
+          tableColumns.value = _columns;
+          tableDataSource.value = _dataSource;
         }
       }, {
         immediate: true,
@@ -7054,8 +7099,7 @@
       });
       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);
@@ -7175,6 +7219,34 @@
           }, "*");
         }
       };
+      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 = vue.unref(allFilterOptions)[key];
+          const _inputValue = vue.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,
@@ -7184,8 +7256,6 @@
         formatFn,
         contrastClass,
         tableChange,
-        myColumns,
-        myDataSource,
         summaryList,
         loading,
         onTouchHrefEvent,
@@ -7193,19 +7263,28 @@
         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__ */ vue.createTextVNode(" \u641C\u7D22 ");
+  const _hoisted_2 = /* @__PURE__ */ vue.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 = vue.resolveComponent("a-input");
+    const _component_a_checkbox_group = vue.resolveComponent("a-checkbox-group");
+    const _component_a_button = vue.resolveComponent("a-button");
     const _component_a_table_summary_cell = vue.resolveComponent("a-table-summary-cell");
     const _component_a_table_summary_row = vue.resolveComponent("a-table-summary-row");
     const _component_a_table_summary = vue.resolveComponent("a-table-summary");
@@ -7244,9 +7323,55 @@
                 })
               }, vue.toDisplayString(column.title), 5)
             ]),
+            customFilterDropdown: vue.withCtx(({ column, selectedKeys, setSelectedKeys, confirm, clearFilters }) => [
+              vue.createElementVNode("div", {
+                class: "ecan-table-filter",
+                style: vue.normalizeStyle({
+                  height: _ctx.filterDropdownHeight
+                })
+              }, [
+                vue.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"]),
+                vue.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"]),
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_component_a_button, {
+                    type: "primary",
+                    size: "small",
+                    style: { "width": "90px", "margin-right": "8px" },
+                    onClick: () => confirm()
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_1$1
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  vue.createVNode(_component_a_button, {
+                    size: "small",
+                    style: { "width": "90px" },
+                    onClick: ($event) => _ctx.onResetFilter(clearFilters)
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_2
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ], 4)
+            ]),
             bodyCell: vue.withCtx(({ column, index: index2, text, record }) => [
-              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, [
+              column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(index2 + 1), 1)) : vue.createCommentVNode("", true),
+              column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actionList, (action, index22) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     class: "action",
@@ -7261,7 +7386,7 @@
                         fontWeight: _ctx.fontWeight
                       }),
                       onClick: ($event) => _ctx.onTouchHrefEvent(action.target, _ctx.handleHref(action.href, record))
-                    }, vue.toDisplayString(action.title), 13, _hoisted_3)
+                    }, vue.toDisplayString(action.title), 13, _hoisted_5)
                   ]);
                 }), 128))
               ])) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -7315,7 +7440,7 @@
       }, 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,
@@ -7481,17 +7606,19 @@
       });
       const isLoadedData = vue.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);
-        core.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);
+          core.registerMap("map", (res == null ? void 0 : res.data) || {});
+        }
         isLoadedData.value = true;
       };
       vue.watch(() => props2.mapJson, () => {
         handleRegisterMap();
       }, {
-        immediate: true
+        immediate: true,
+        deep: true
       });
       return {
         option,
@@ -7502,7 +7629,7 @@
       };
     }
   });
-  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 = vue.resolveComponent("echarts");
@@ -7524,7 +7651,7 @@
       ])
     ], 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,