@nokecy/qc-ui 1.0.19 → 1.0.21

package/dist/cjs/ag-grid-plus/ag-gridPlus.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _sumBy2 = _interopRequireDefault(require("lodash/sumBy"));
 var _uniqueId2 = _interopRequireDefault(require("lodash/uniqueId"));
+var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
 var _agGridReact = require("ag-grid-react");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
@@ -79,30 +80,34 @@ function AgGridPlus(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     columnState = _useState6[0],
     setColumnState = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
+  var _useState7 = (0, _react.useState)({}),
     _useState8 = _slicedToArray(_useState7, 2),
-    rowData = _useState8[0],
-    setRowData = _useState8[1];
-  var _useState9 = (0, _react.useState)({}),
+    columnCellClass = _useState8[0],
+    setColumnCellClass = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    selectRow = _useState10[0],
-    setSelectRow = _useState10[1];
+    rowData = _useState10[0],
+    setRowData = _useState10[1];
   var _useState11 = (0, _react.useState)({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    queryFilter = _useState12[0],
-    setQueryFilter = _useState12[1];
-  var _useState13 = (0, _react.useState)(),
+    selectRow = _useState12[0],
+    setSelectRow = _useState12[1];
+  var _useState13 = (0, _react.useState)({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    sortColumn = _useState14[0],
-    setSortColumn = _useState14[1];
-  var _useState15 = (0, _react.useState)({
+    queryFilter = _useState14[0],
+    setQueryFilter = _useState14[1];
+  var _useState15 = (0, _react.useState)(),
+    _useState16 = _slicedToArray(_useState15, 2),
+    sortColumn = _useState16[0],
+    setSortColumn = _useState16[1];
+  var _useState17 = (0, _react.useState)({
       pageSize: 200,
       current: 1,
       total: dataSource ? dataSource.length : 0
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    pagination = _useState16[0],
-    setPagination = _useState16[1];
+    _useState18 = _slicedToArray(_useState17, 2),
+    pagination = _useState18[0],
+    setPagination = _useState18[1];
   (0, _react.useImperativeHandle)(propsGridRef, function () {
     return gridRef.current;
   });
@@ -167,6 +172,7 @@ function AgGridPlus(props) {
   // 加载列方案
   (0, _react.useEffect)(function () {
     if (gridPlusColumnState && gridKey && gridPlusColumnState[gridKey] && apiRef.current) {
+      setColumnCellClass(handelgridPlusColumnState(gridPlusColumnState[gridKey]));
       apiRef.current.applyColumnState({
         state: gridPlusColumnState[gridKey],
         applyOrder: true
@@ -214,6 +220,17 @@ function AgGridPlus(props) {
       setLoading(false);
     });
   };
+  var handelgridPlusColumnState = function handelgridPlusColumnState(columnState) {
+    var cellMap = {};
+    if ((0, _isArray2.default)(columnState)) {
+      columnState.map(function (item) {
+        if (item.cellClass) {
+          cellMap[item.field] = item.cellClass;
+        }
+      });
+    }
+    return cellMap;
+  };
   var sortChanged = function sortChanged(columnApi) {
     var sortedColumn = columnApi.getColumnState().find(function (col) {
       return Boolean(col.sort);
@@ -233,6 +250,7 @@ function AgGridPlus(props) {
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
+      setColumnCellClass(handelgridPlusColumnState(columnState));
     }
   };
   (0, _react.useEffect)(function () {
@@ -409,11 +427,16 @@ function AgGridPlus(props) {
   };
   var colDefs = (0, _react.useMemo)(function () {
     var columnDefs = getTableColumns(rowData);
-    columnDefs = columnDefs.filter(function (x) {
+    columnDefs = columnDefs.map(function (i) {
+      if (columnCellClass[i.field]) {
+        i.cellClass = columnCellClass[i.field];
+      }
+      return i;
+    }).filter(function (x) {
       return !x.hideInTable;
     });
     return columnDefs;
-  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns, columnCellClass]);
   var allColDefs = (0, _react.useMemo)(function () {
     return getTableColumns(rowData);
   }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);

package/dist/cjs/ag-grid-plus/setting/index.js

@@ -53,14 +53,17 @@ var Setting = function Setting(props) {
   var getColumnData = function getColumnData() {
     var columnStates = gridApi.getColumnState();
     var columnRowData = [];
-    var columns = columnStates.map(function (columnState) {
+    columnStates.forEach(function (columnState) {
       var colDef = gridApi === null || gridApi === void 0 ? void 0 : gridApi.getColumnDef(columnState.colId);
+
+      // 将列信息和 cellClass 一并加入到 columnRowData 中
       columnRowData.push(_objectSpread({
         id: (0, _uniqueId2.default)(),
         field: colDef.field,
         headerName: colDef.headerName,
         width: columnState.width,
-        hide: columnState.hide
+        hide: columnState.hide,
+        cellClass: colDef.cellClass
       }, columnState));
     });
     return columnRowData;
@@ -129,6 +132,27 @@ var Setting = function Setting(props) {
                 "x-decorator": "FormItem",
                 "x-component": "Input",
                 "x-read-pretty": true
+              })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
+                "x-component": "ArrayTable.Column",
+                "x-component-props": {
+                  width: 120,
+                  title: '内容布局'
+                }
+              }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
+                name: "cellClass",
+                "x-decorator": "FormItem",
+                "x-component": "Select",
+                default: "custom-cell-left",
+                enum: [{
+                  value: "custom-cell-left",
+                  label: "左对齐"
+                }, {
+                  value: "custom-cell-right",
+                  label: "右对齐"
+                }, {
+                  value: 'custom-cell-centered',
+                  label: "居中对齐"
+                }]
               })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
@@ -189,11 +213,13 @@ var Setting = function Setting(props) {
             });
             formDialog.forConfirm(function (payload, next) {
               var values = payload.values;
-              var falg = gridApi.applyColumnState({
-                state: values.items,
-                applyOrder: true
-              });
               onSaveColumnState && onSaveColumnState(values.items);
+              setTimeout(function () {
+                var falg = gridApi.applyColumnState({
+                  state: values.items,
+                  applyOrder: true
+                });
+              }, 100);
               next(payload);
             }).open(formProps);
           case 2:

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -1,6 +1,7 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _sumBy from "lodash/sumBy";
 import _uniqueId from "lodash/uniqueId";
+import _isArray from "lodash/isArray";
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -70,30 +71,34 @@ function AgGridPlus(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     columnState = _useState6[0],
     setColumnState = _useState6[1];
-  var _useState7 = useState([]),
+  var _useState7 = useState({}),
     _useState8 = _slicedToArray(_useState7, 2),
-    rowData = _useState8[0],
-    setRowData = _useState8[1];
-  var _useState9 = useState({}),
+    columnCellClass = _useState8[0],
+    setColumnCellClass = _useState8[1];
+  var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    selectRow = _useState10[0],
-    setSelectRow = _useState10[1];
+    rowData = _useState10[0],
+    setRowData = _useState10[1];
   var _useState11 = useState({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    queryFilter = _useState12[0],
-    setQueryFilter = _useState12[1];
-  var _useState13 = useState(),
+    selectRow = _useState12[0],
+    setSelectRow = _useState12[1];
+  var _useState13 = useState({}),
     _useState14 = _slicedToArray(_useState13, 2),
-    sortColumn = _useState14[0],
-    setSortColumn = _useState14[1];
-  var _useState15 = useState({
+    queryFilter = _useState14[0],
+    setQueryFilter = _useState14[1];
+  var _useState15 = useState(),
+    _useState16 = _slicedToArray(_useState15, 2),
+    sortColumn = _useState16[0],
+    setSortColumn = _useState16[1];
+  var _useState17 = useState({
       pageSize: 200,
       current: 1,
       total: dataSource ? dataSource.length : 0
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    pagination = _useState16[0],
-    setPagination = _useState16[1];
+    _useState18 = _slicedToArray(_useState17, 2),
+    pagination = _useState18[0],
+    setPagination = _useState18[1];
   useImperativeHandle(propsGridRef, function () {
     return gridRef.current;
   });
@@ -158,6 +163,7 @@ function AgGridPlus(props) {
   // 加载列方案
   useEffect(function () {
     if (gridPlusColumnState && gridKey && gridPlusColumnState[gridKey] && apiRef.current) {
+      setColumnCellClass(handelgridPlusColumnState(gridPlusColumnState[gridKey]));
       apiRef.current.applyColumnState({
         state: gridPlusColumnState[gridKey],
         applyOrder: true
@@ -205,6 +211,17 @@ function AgGridPlus(props) {
       setLoading(false);
     });
   };
+  var handelgridPlusColumnState = function handelgridPlusColumnState(columnState) {
+    var cellMap = {};
+    if (_isArray(columnState)) {
+      columnState.map(function (item) {
+        if (item.cellClass) {
+          cellMap[item.field] = item.cellClass;
+        }
+      });
+    }
+    return cellMap;
+  };
   var sortChanged = function sortChanged(columnApi) {
     var sortedColumn = columnApi.getColumnState().find(function (col) {
       return Boolean(col.sort);
@@ -224,6 +241,7 @@ function AgGridPlus(props) {
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
+      setColumnCellClass(handelgridPlusColumnState(columnState));
     }
   };
   useEffect(function () {
@@ -400,11 +418,16 @@ function AgGridPlus(props) {
   };
   var colDefs = useMemo(function () {
     var columnDefs = getTableColumns(rowData);
-    columnDefs = columnDefs.filter(function (x) {
+    columnDefs = columnDefs.map(function (i) {
+      if (columnCellClass[i.field]) {
+        i.cellClass = columnCellClass[i.field];
+      }
+      return i;
+    }).filter(function (x) {
       return !x.hideInTable;
     });
     return columnDefs;
-  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);
+  }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns, columnCellClass]);
   var allColDefs = useMemo(function () {
     return getTableColumns(rowData);
   }, [children === null || children === void 0 ? void 0 : children.length, props.columnDefs, extensibleColumns]);

package/dist/esm/ag-grid-plus/setting/index.js

@@ -44,14 +44,17 @@ var Setting = function Setting(props) {
   var getColumnData = function getColumnData() {
     var columnStates = gridApi.getColumnState();
     var columnRowData = [];
-    var columns = columnStates.map(function (columnState) {
+    columnStates.forEach(function (columnState) {
       var colDef = gridApi === null || gridApi === void 0 ? void 0 : gridApi.getColumnDef(columnState.colId);
+
+      // 将列信息和 cellClass 一并加入到 columnRowData 中
       columnRowData.push(_objectSpread({
         id: _uniqueId(),
         field: colDef.field,
         headerName: colDef.headerName,
         width: columnState.width,
-        hide: columnState.hide
+        hide: columnState.hide,
+        cellClass: colDef.cellClass
       }, columnState));
     });
     return columnRowData;
@@ -120,6 +123,27 @@ var Setting = function Setting(props) {
                 "x-decorator": "FormItem",
                 "x-component": "Input",
                 "x-read-pretty": true
+              })), /*#__PURE__*/React.createElement(SchemaField.Void, {
+                "x-component": "ArrayTable.Column",
+                "x-component-props": {
+                  width: 120,
+                  title: '内容布局'
+                }
+              }, /*#__PURE__*/React.createElement(SchemaField.String, {
+                name: "cellClass",
+                "x-decorator": "FormItem",
+                "x-component": "Select",
+                default: "custom-cell-left",
+                enum: [{
+                  value: "custom-cell-left",
+                  label: "左对齐"
+                }, {
+                  value: "custom-cell-right",
+                  label: "右对齐"
+                }, {
+                  value: 'custom-cell-centered',
+                  label: "居中对齐"
+                }]
               })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
@@ -180,11 +204,13 @@ var Setting = function Setting(props) {
             });
             formDialog.forConfirm(function (payload, next) {
               var values = payload.values;
-              var falg = gridApi.applyColumnState({
-                state: values.items,
-                applyOrder: true
-              });
               onSaveColumnState && onSaveColumnState(values.items);
+              setTimeout(function () {
+                var falg = gridApi.applyColumnState({
+                  state: values.items,
+                  applyOrder: true
+                });
+              }, 100);
               next(payload);
             }).open(formProps);
           case 2: