@nokecy/qc-ui 1.0.18 → 1.0.20

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,27 +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];
-  // const [selectRow, setSelectRow] = useState({});
-  var _useState9 = (0, _react.useState)({}),
+    columnCellClass = _useState8[0],
+    setColumnCellClass = _useState8[1];
+  var _useState9 = (0, _react.useState)([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    queryFilter = _useState10[0],
-    setQueryFilter = _useState10[1];
-  var _useState11 = (0, _react.useState)(),
+    rowData = _useState10[0],
+    setRowData = _useState10[1];
+  var _useState11 = (0, _react.useState)({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    sortColumn = _useState12[0],
-    setSortColumn = _useState12[1];
-  var _useState13 = (0, _react.useState)({
+    selectRow = _useState12[0],
+    setSelectRow = _useState12[1];
+  var _useState13 = (0, _react.useState)({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    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
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    pagination = _useState14[0],
-    setPagination = _useState14[1];
+    _useState18 = _slicedToArray(_useState17, 2),
+    pagination = _useState18[0],
+    setPagination = _useState18[1];
   (0, _react.useImperativeHandle)(propsGridRef, function () {
     return gridRef.current;
   });
@@ -168,6 +176,7 @@ function AgGridPlus(props) {
         state: gridPlusColumnState[gridKey],
         applyOrder: true
       });
+      setColumnCellClass(handelgridPlusColumnState(gridPlusColumnState[gridKey]));
     }
   }, [gridPlusColumnState, apiRef.current]);
   (0, _react.useEffect)(function () {
@@ -211,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);
@@ -224,11 +244,12 @@ function AgGridPlus(props) {
     props.onSelectionChanged && props.onSelectionChanged(e);
   }, []);
   var onRowSelected = (0, _react.useCallback)(function (e) {
-    // setSelectRow(e.data); //移除无效更新
+    setSelectRow(e.data);
     props.onRowSelected && props.onRowSelected(e);
   }, []);
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
+      setColumnCellClass(handelgridPlusColumnState(columnState));
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
     }
   };
@@ -406,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

@@ -129,6 +129,26 @@ 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",
+                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": {

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,27 +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];
-  // const [selectRow, setSelectRow] = useState({});
-  var _useState9 = useState({}),
+    columnCellClass = _useState8[0],
+    setColumnCellClass = _useState8[1];
+  var _useState9 = useState([]),
     _useState10 = _slicedToArray(_useState9, 2),
-    queryFilter = _useState10[0],
-    setQueryFilter = _useState10[1];
-  var _useState11 = useState(),
+    rowData = _useState10[0],
+    setRowData = _useState10[1];
+  var _useState11 = useState({}),
     _useState12 = _slicedToArray(_useState11, 2),
-    sortColumn = _useState12[0],
-    setSortColumn = _useState12[1];
-  var _useState13 = useState({
+    selectRow = _useState12[0],
+    setSelectRow = _useState12[1];
+  var _useState13 = useState({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    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
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    pagination = _useState14[0],
-    setPagination = _useState14[1];
+    _useState18 = _slicedToArray(_useState17, 2),
+    pagination = _useState18[0],
+    setPagination = _useState18[1];
   useImperativeHandle(propsGridRef, function () {
     return gridRef.current;
   });
@@ -159,6 +167,7 @@ function AgGridPlus(props) {
         state: gridPlusColumnState[gridKey],
         applyOrder: true
       });
+      setColumnCellClass(handelgridPlusColumnState(gridPlusColumnState[gridKey]));
     }
   }, [gridPlusColumnState, apiRef.current]);
   useEffect(function () {
@@ -202,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);
@@ -215,11 +235,12 @@ function AgGridPlus(props) {
     props.onSelectionChanged && props.onSelectionChanged(e);
   }, []);
   var onRowSelected = useCallback(function (e) {
-    // setSelectRow(e.data); //移除无效更新
+    setSelectRow(e.data);
     props.onRowSelected && props.onRowSelected(e);
   }, []);
   var onColumnStateChanged = function onColumnStateChanged(columnState) {
     if (gridKey) {
+      setColumnCellClass(handelgridPlusColumnState(columnState));
       onSaveColumnState && onSaveColumnState(gridKey, columnState);
     }
   };
@@ -397,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

@@ -120,6 +120,26 @@ 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",
+                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": {