@indfnd/common 0.0.80 → 0.0.81

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.81](http://git.inspur.com/imp-ec/ind-front/ind-common-front/compare/v0.0.80...v0.0.81) (2024-02-18)
+
+
+### Features
+
+* 表格紧凑模式样式修改 ([fe1106b](http://git.inspur.com/imp-ec/ind-front/ind-common-front/commit/fe1106b66281d0d74fe451d7e9f3e402d27b44d7))
+* 表格组件支持树形展现、树形选择 ([f50dfbd](http://git.inspur.com/imp-ec/ind-front/ind-common-front/commit/f50dfbdb9326e25f9d4017c6f1322f5561ea1c09))
+* 导出excel兼容枚举定义为空的场景 ([bb86ec9](http://git.inspur.com/imp-ec/ind-front/ind-common-front/commit/bb86ec90e2a07a998ee3e9179ef76363d46d8609))
+
 ### [0.0.80](http://git.inspur.com/imp-ec/ind-front/ind-common-front/compare/v0.0.79...v0.0.80) (2024-02-04)
 
 

package/dist/ind-common.es.js

@@ -2,7 +2,7 @@ import { Button as Button$1, ButtonGroup as ButtonGroup$1, Input, Drawer as Draw
 import { isNil, useConfig, getLocalStorage, getQuarterNum, formatQuarter, str2Date, isDate, isArray, checkIdCard, checkVehicleNo, checkPhone, getDictMapApi, formatDate as formatDate$1, axios, isFunction, exportJsonToExcel as exportJsonToExcel$1, importJsonFromExcel, getPriceCode, getPriceSeg, getItem, on as on$1, off as off$1, deleteMenuHistoryApi, deleteMenuCollectApi, getMenuHistoryApi, getMenuCollectApi, getCaptchaURL, guid, setLocalStorage, removeLocalStorage, clearSessionStorage, cryptor, getToken, MIME_TYPE, responseInterceptors, config as config$1, setToken, loginApi, clearUserInfoCache, clearPermissionCache, logoutApi, getUserInfoCache, getUserInfoApi, setUserInfoCache, getSessionStorage, setSessionStorage, getAppListApi, getPermissionCache, getPermissionApi, setPermissionCache, menuHistoryApi, addMenuCollectApi, removeMenuCollectApi } from "@indfnd/utils";
 import Vue$1 from "vue";
 const name$1 = "@indfnd/common";
-const version$1 = "0.0.79";
+const version$1 = "0.0.81";
 const author = "huxuetong";
 const publishConfig = {
   registry: "https://registry.npmjs.org/"
@@ -54,6 +54,7 @@ const dependencies = {
 const devDependencies = {
   "@indfnd/utils": "^0.0.33",
   "ag-grid-community": "^30.1.0",
+  "ag-grid-enterprise": "^30.1.0",
   "ag-grid-vue": "^30.1.0",
   eslint: "^3.19.0",
   "eslint-config-prettier": "^8.5.0",
@@ -43037,13 +43038,13 @@ function getAgColumnTitleAndData({ columns, datas }) {
     } else if (d.cellClass.indexOf("enum") != -1) {
       datasClo.forEach((dd) => {
         var _a, _b, _c;
-        let enumList = (_a = d == null ? void 0 : d.cellRendererParams) == null ? void 0 : _a.enumList;
-        let enumData = (_b = d == null ? void 0 : d.cellRendererParams) == null ? void 0 : _b.enumData;
+        let enumList = ((_a = d == null ? void 0 : d.cellRendererParams) == null ? void 0 : _a.enumList) || [];
+        let enumData = ((_b = d == null ? void 0 : d.cellRendererParams) == null ? void 0 : _b.enumData) || {};
         if (enumList) {
-          let v = ((_c = _.find(enumList, { K: dd[d.field] })) == null ? void 0 : _c.V) || "";
+          let v = ((_c = _.find(enumList, { K: dd[d.field] })) == null ? void 0 : _c.V) || dd[d.field];
           dd[d.field] = v;
         } else {
-          dd[d.field] = enumData[dd[d.field]];
+          dd[d.field] = enumData[dd[d.field]] || dd[d.field];
         }
       });
     }
@@ -49576,8 +49577,11 @@ const __vue2_script$10 = {
   },
   methods: {
     setDefaultItem(item2) {
+      let oldDefault = item2.isDefault;
       _.forEach(this.datas, (d) => d.isDefault = "0");
-      item2.isDefault = "1";
+      item2.isDefault = oldDefault == "1" ? "0" : "1";
+      let datasTmp = _.cloneDeep(this.datas);
+      this.datas = datasTmp;
       this.syncToStorage();
     },
     useItem(item2) {
@@ -49611,7 +49615,6 @@ const __vue2_script$10 = {
           },
           {}
         );
-        console.log(field.formKey, " enumTmp is", enumTmp);
         if (v instanceof Array) {
           return v.map((d) => enumTmp[d]).join("\u3001");
         } else {
@@ -56117,7 +56120,7 @@ var render$M = function() {
     _vm.checkAllGroup = $$v;
   }, expression: "checkAllGroup" } }, [_vm._l(_vm.columns, function(item2) {
     return [item2.title ? _c("Checkbox", { key: item2.field, attrs: { "label": item2.title } }, [_vm._v(_vm._s(item2.title))]) : _vm._e()];
-  }), _c("br"), _c("br"), _vm._v(" \xA0 "), _c("Button", { staticClass: "table-column-select-btn", attrs: { "type": "default" }, on: { "click": _vm.columnSave } }, [_vm._v("\u4FDD \u5B58")]), _vm._v(" \xA0 "), _c("Button", { staticClass: "table-column-select-btn", attrs: { "type": "default" }, on: { "click": _vm.columnClear } }, [_vm._v("\u6E05 \u9664")])], 2)] : _vm._e(), _vm.btnSel != "1" ? _c("Button", { staticStyle: { "position": "absolute", "top": "10px", "right": "10px" }, attrs: { "type": "primary", "icon": "md-close", "size": "small", "title": "\u5173\u95ED" }, on: { "click": _vm.closeTableSettingDropdown } }) : _vm._e()], 2)], 1) : _vm._e()], 1)]) : _vm._e()], 2)], 1), _c("IndLoadingPanel", { attrs: { "loading": _vm.tableLoading } }, [_vm.refreshTable ? _c("ag-grid-vue", _vm._g(_vm._b({ ref: "tableRef", staticClass: "ag-theme-balham", style: { height: _vm.height && !_vm.fullSreen ? _vm.height + "px" : "100%" }, attrs: { "id": "agTable", "suppressCellFocus": true, "suppressMenu": true, "suppressContextMenu": true, "defaultColDef": _vm.defaultColDef, "getRowHeight": _vm.getRowHeight, "rowData": _vm.tableData, "rowSelection": _vm.rowSelection, "columnDefs": _vm.tableColumns, "localeText": _vm.localeText, "singleClickEdit": true, "pinnedTopRowData": _vm.topRows, "pinnedBottomRowData": _vm.pinnedBottomRowData, "suppressRowClickSelection": _vm.suppressRowClickSelection, "suppressRowTransform": true, "stopEditingWhenCellsLoseFocus": true, "getRowClass": _vm.getRowClass, "tooltipShowDelay": 500, "overlayNoRowsTemplate": _vm.overlayNoRowsTemplate }, on: { "sortChanged": _vm.sortChanged, "selection-changed": _vm.selectionChanged, "grid-ready": _vm.onGridReady, "cellClicked": _vm.cellClicked, "cellDoubleClicked": _vm.cellDoubleClicked } }, "ag-grid-vue", _vm.$attrs, false), _vm.$listeners)) : _vm._e()], 1), _c("div", { ref: "bottom" }, [_c("Row", { staticStyle: { "margin-top": "10px" } }, [_c("i-col", { staticStyle: { "text-align": "left" }, attrs: { "span": "18" } }, [_c("Page", { directives: [{ name: "show", rawName: "v-show", value: !_vm.disablePage, expression: "!disablePage" }], attrs: { "size": "small", "total": _vm.totalNumber, "current": _vm.currentPage, "page-size": _vm.limitNumber, "show-sizer": "", "show-total": "", "show-elevator": "" }, on: { "on-change": _vm.onPageChange, "on-page-size-change": _vm.onPageSizeChange } }), _c("span", { directives: [{ name: "show", rawName: "v-show", value: _vm.disablePage, expression: "disablePage" }] }, [_vm._v("\u5171 " + _vm._s(_vm.tableData.length) + " \u6761\u6570\u636E")])], 1)], 1)], 1)], 1);
+  }), _c("br"), _c("br"), _vm._v(" \xA0 "), _c("Button", { staticClass: "table-column-select-btn", attrs: { "type": "default" }, on: { "click": _vm.columnSave } }, [_vm._v("\u4FDD \u5B58")]), _vm._v(" \xA0 "), _c("Button", { staticClass: "table-column-select-btn", attrs: { "type": "default" }, on: { "click": _vm.columnClear } }, [_vm._v("\u6E05 \u9664")])], 2)] : _vm._e(), _vm.btnSel != "1" ? _c("Button", { staticStyle: { "position": "absolute", "top": "10px", "right": "10px" }, attrs: { "type": "primary", "icon": "md-close", "size": "small", "title": "\u5173\u95ED" }, on: { "click": _vm.closeTableSettingDropdown } }) : _vm._e()], 2)], 1) : _vm._e()], 1)]) : _vm._e()], 2)], 1), _c("IndLoadingPanel", { attrs: { "loading": _vm.tableLoading } }, [_vm.refreshTable ? _c("ag-grid-vue", _vm._g(_vm._b({ ref: "tableRef", staticClass: "ag-theme-balham", style: { height: _vm.height && !_vm.fullSreen ? _vm.height + "px" : "100%" }, attrs: { "id": "agTable", "suppressCellFocus": true, "suppressMenu": true, "suppressContextMenu": true, "defaultColDef": _vm.defaultColDef, "getRowHeight": _vm.getRowHeight, "rowData": _vm.tableData, "rowSelection": _vm.rowSelection, "columnDefs": _vm.tableColumns, "localeText": _vm.localeText, "singleClickEdit": true, "pinnedTopRowData": _vm.topRows, "pinnedBottomRowData": _vm.pinnedBottomRowData, "suppressRowClickSelection": _vm.suppressRowClickSelection, "suppressRowTransform": true, "stopEditingWhenCellsLoseFocus": true, "getRowClass": _vm.getRowClass, "tooltipShowDelay": 500, "overlayNoRowsTemplate": _vm.overlayNoRowsTemplate, "treeData": _vm.treeData, "getDataPath": _vm.getDataPath, "autoGroupColumnDef": _vm.autoGroupColumnDef, "groupSelectsChildren": true }, on: { "sortChanged": _vm.sortChanged, "selection-changed": _vm.selectionChanged, "grid-ready": _vm.onGridReady, "cellClicked": _vm.cellClicked, "cellDoubleClicked": _vm.cellDoubleClicked } }, "ag-grid-vue", _vm.$attrs, false), _vm.$listeners)) : _vm._e()], 1), _c("div", { ref: "bottom" }, [_c("Row", { staticStyle: { "margin-top": "10px" } }, [_c("i-col", { staticStyle: { "text-align": "left" }, attrs: { "span": "18" } }, [_c("Page", { directives: [{ name: "show", rawName: "v-show", value: !_vm.disablePage, expression: "!disablePage" }], attrs: { "size": "small", "total": _vm.totalNumber, "current": _vm.currentPage, "page-size": _vm.limitNumber, "show-sizer": "", "show-total": "", "show-elevator": "" }, on: { "on-change": _vm.onPageChange, "on-page-size-change": _vm.onPageSizeChange } }), _c("span", { directives: [{ name: "show", rawName: "v-show", value: _vm.disablePage, expression: "disablePage" }] }, [_vm._v("\u5171 " + _vm._s(_vm.tableData.length) + " \u6761\u6570\u636E")])], 1)], 1)], 1)], 1);
 };
 var staticRenderFns$M = [];
 function suppressNavigation(params) {
@@ -56170,13 +56173,13 @@ function suppressNavigation(params) {
   });
   return suppress;
 }
-function deepEach$2(list, callback) {
+function deepEach$2(parentNode, list, callback) {
   if (Array.isArray(list) && list.length) {
-    _.forEach(list, (node) => {
+    _.forEach(list, (node, idx) => {
       let breakDeep = false;
       if (typeof callback === "function") {
         try {
-          const callbackResult = callback(node);
+          const callbackResult = callback(node, parentNode, idx);
           if (typeof callbackResult === "boolean") {
             breakDeep = callbackResult;
           }
@@ -56185,7 +56188,7 @@ function deepEach$2(list, callback) {
         }
       }
       if (!breakDeep) {
-        deepEach$2(node.children, callback);
+        deepEach$2(node, node.children, callback);
       }
     });
   }
@@ -56319,9 +56322,11 @@ const __vue2_script$N = {
       type: Number,
       default: 4
     },
-    funId: String
+    funId: String,
+    xmlInfo: String
   },
   data() {
+    var _a, _b, _c, _d;
     return {
       tableRef: null,
       refreshTable: true,
@@ -56358,8 +56363,8 @@ const __vue2_script$N = {
         suppressMenu: true,
         wrapHeaderText: this.headerAutoHeight,
         autoHeaderHeight: this.headerAutoHeight,
-        wrapText: true,
-        autoHeight: true,
+        wrapText: ((_b = (_a = this.$store) == null ? void 0 : _a.getters) == null ? void 0 : _b.getTheme) != "theme1",
+        autoHeight: ((_d = (_c = this.$store) == null ? void 0 : _c.getters) == null ? void 0 : _d.getTheme) != "theme1",
         suppressKeyboardEvent: (params) => {
           return suppressNavigation(params);
         },
@@ -56383,13 +56388,18 @@ const __vue2_script$N = {
       showUnitSwitch: false,
       switchCols: [],
       unitType: this.defaultUnitType || "X",
-      topRows: this.pinnedTopRowData || null
+      topRows: this.pinnedTopRowData || null,
+      treeData: false,
+      getDataPath: (data) => {
+        return data.treeLevelFlag;
+      },
+      autoGroupColumnDef: null
     };
   },
   computed: {
     flatColumns() {
       let rlt = [];
-      deepEach$2(this.columns, (d) => {
+      deepEach$2(null, this.columns, (d) => {
         rlt.push(d);
       });
       return rlt;
@@ -56558,9 +56568,9 @@ const __vue2_script$N = {
       deep: true
     },
     value: {
-      handler(val) {
-        this.overlayNoRowsTemplate = '<span style="padding: 10px;">\u6570\u636E\u4E3A\u7A7A</span>';
+      async handler(val) {
         if (!this.updating) {
+          val = await this.renderTreeData(val);
           this.tableData = this.formatDatas(_.cloneDeep(val));
           this.totalNumber = val.length;
         }
@@ -56568,7 +56578,8 @@ const __vue2_script$N = {
       deep: true
     },
     tableData: {
-      handler(val) {
+      async handler(val) {
+        this.overlayNoRowsTemplate = '<span style="padding: 10px;">\u6570\u636E\u4E3A\u7A7A</span>';
         this.updating = true;
         this.renderSumRow();
         this.$emit("input", _.cloneDeep(val));
@@ -56637,7 +56648,7 @@ const __vue2_script$N = {
       if (this.$listeners && this.$listeners.cellClicked) {
         this.$listeners.cellClicked(event);
       } else {
-        let col = event.colDef;
+        let col = event.colDef || {};
         if (((_a = col == null ? void 0 : col.cellRendererParams) == null ? void 0 : _a.onClick) instanceof Function) {
           col.cellRendererParams.onClick(event.data);
         }
@@ -56647,7 +56658,7 @@ const __vue2_script$N = {
       if (this.$listeners && this.$listeners.cellDoubleClicked) {
         this.$listeners.cellDoubleClicked(event);
       } else {
-        let colClicked = event.colDef;
+        let colClicked = event.colDef || {};
         colClicked = _.find(
           this.columns,
           (d) => colClicked.key && d.key == colClicked.key || colClicked.field && d.field == colClicked.field
@@ -56858,14 +56869,14 @@ const __vue2_script$N = {
           agColumn.cellClass = agColumn.cellClass + " ag-center-aligned-cell";
         } else if (column.type == "checkbox") {
           agColumn.headerCheckboxSelection = true;
-          agColumn.checkboxSelection = true;
+          agColumn.checkboxSelection = column.checkboxSelection || true;
           agColumn.showDisabledCheckboxes = true;
           this.rowSelection = "multiple";
           agColumn.cellClass = agColumn.cellClass + " ag-center-aligned-cell ind-ag-check-cell";
           this.suppressRowClickSelection = true;
         } else if (column.type == "radio") {
           agColumn.headerCheckboxSelection = false;
-          agColumn.checkboxSelection = true;
+          agColumn.checkboxSelection = column.checkboxSelection || true;
           agColumn.showDisabledCheckboxes = true;
           this.rowSelection = "single";
           this.suppressRowClickSelection = false;
@@ -57039,7 +57050,7 @@ const __vue2_script$N = {
             this.sortParams,
             this.searchParams
           )
-        ).then((result) => {
+        ).then(async (result) => {
           if (result) {
             this.overlayNoRowsTemplate = '<span style="padding: 10px;">\u6570\u636E\u4E3A\u7A7A</span>';
             this.$emit("on-data-load", result);
@@ -57070,7 +57081,7 @@ const __vue2_script$N = {
                 });
               }
             }
-            this.tableData = this.formatDatas(data);
+            this.tableData = await this.renderTreeData(this.formatDatas(data));
             this.totalNumber = result.data.total || 0;
             this.$emit("on-data-format-load", result);
           }
@@ -57373,6 +57384,49 @@ const __vue2_script$N = {
       } else {
         this.topRows = this.pinnedTopRowData;
       }
+    },
+    async renderTreeData(val) {
+      var _a;
+      this.treeData = _.some(val, (d) => {
+        var _a2, _b;
+        return ((_a2 = d.children) == null ? void 0 : _a2.length) || ((_b = d.treeLevelFlag) == null ? void 0 : _b.length);
+      });
+      if (this.treeData) {
+        this.renderTreeFlag(val);
+        let rlt = [];
+        deepEach$2(null, val, (d) => {
+          rlt.push(d);
+        });
+        val = rlt;
+        let treeColDef = _.find(this.columns, { tree: true });
+        if (_.isEmpty(treeColDef)) {
+          treeColDef = this.columns[0];
+        }
+        let treeCol = (treeColDef == null ? void 0 : treeColDef.field) || (treeColDef == null ? void 0 : treeColDef.key);
+        let tableColumnTree = _.find(this.tableColumns, { field: treeCol });
+        this.autoGroupColumnDef = {
+          ...tableColumnTree
+        };
+        if ((_a = tableColumnTree == null ? void 0 : tableColumnTree.cellRendererParams) == null ? void 0 : _a.checkbox) {
+          this.rowSelection = "multiple";
+        }
+        let tableColumnsClone = _.cloneDeep(this.tableColumns);
+        this.tableColumns = tableColumnsClone.slice(1);
+        this.refreshTable = false;
+        await this.$nextTick();
+        this.refreshTable = true;
+      }
+      return val;
+    },
+    renderTreeFlag(datas) {
+      let treeColDef = _.find(this.columns, { tree: true });
+      if (_.isEmpty(treeColDef)) {
+        treeColDef = this.columns[0];
+      }
+      let treeCol = (treeColDef == null ? void 0 : treeColDef.field) || (treeColDef == null ? void 0 : treeColDef.key);
+      deepEach$2(null, datas, (d, parentNode, idx) => {
+        d.treeLevelFlag = parentNode ? [...parentNode.treeLevelFlag, d[treeCol]] : [d[treeCol]];
+      });
     }
   },
   components: {
@@ -58076,6 +58130,26 @@ const __vue2_script$J = {
       this.backupTreeData = _.cloneDeep(this.treeData);
     },
     processAncestorNodesExpandStatus() {
+      if (!this.showCheckbox) {
+        deepEach$1(this.treeData, (node) => {
+          let matched = false;
+          deepEach$1(node.children, (child) => {
+            if (child.selected || child.checked || child.expand || node.expand) {
+              return matched = true;
+            }
+          });
+          node.expand = matched;
+        });
+        deepEach$1(this.backupTreeData, (node) => {
+          let matched = false;
+          deepEach$1(node.children, (child) => {
+            if (child.selected || child.checked || child.expand || node.expand) {
+              return matched = true;
+            }
+          });
+          node.expand = matched;
+        });
+      }
     },
     watchDataProp() {
       if (!this.dataApi) {