@nokecy/qc-ui 1.0.23 → 1.0.25

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

@@ -20,7 +20,7 @@ var _icons = require("@ant-design/icons");
 var _utils = require("./utils");
 var _setting = _interopRequireDefault(require("./setting"));
 var _ = require(".");
-var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand"];
+var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -61,6 +61,7 @@ function AgGridPlus(props) {
     gridKey = props.gridKey,
     children = props.children,
     defaultSearchExpand = props.defaultSearchExpand,
+    overlayNoRowsTemplateText = props.overlayNoRowsTemplateText,
     rest = _objectWithoutProperties(props, _excluded);
   var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
     onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
@@ -168,6 +169,8 @@ function AgGridPlus(props) {
       onRequest(queryFilter);
     }
   }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]);
+  // 测试列数据
+  // const restData = [{"id":"47","field":"code","headerName":"编码","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"code","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"48","field":"name","headerName":"名称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"name","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"49","field":"abbName","headerName":"简称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"abbName","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"50","field":"address","headerName":"地址","width":662,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"address","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":1},{"id":"51","field":"creator","headerName":"创建人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creator","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"52","field":"creationTime","headerName":"创建时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"53","field":"lastModifier","headerName":"最后修改人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModifier","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"54","field":"lastModificationTime","headerName":"最后修改时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModificationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"55","field":"","headerName":"操作","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"0","pinned":"right","sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null}]
 
   // 加载列方案
   (0, _react.useEffect)(function () {
@@ -177,6 +180,9 @@ function AgGridPlus(props) {
         state: gridPlusColumnState[gridKey],
         applyOrder: true
       });
+      setTimeout(function () {
+        apiRef.current.setGridOption("columnDefs", gridPlusColumnState[gridKey]);
+      }, 10);
     }
   }, [gridPlusColumnState, apiRef.current]);
   (0, _react.useEffect)(function () {
@@ -523,6 +529,7 @@ function AgGridPlus(props) {
       enableCellTextSelection: true,
       ensureDomOrder: true
     },
+    overlayNoRowsTemplate: "<span style=\"\n                                        display: flex; \n                                        justify-content: center; \n                                        align-items: center; \n                                        height: 100%; \n                                        font-size: 14px; \n                                        color: #aaa; \n                                        line-height: 1.5;\n                                        text-align: center;\">\n                                        ".concat(overlayNoRowsTemplateText || '没有找到数据，试试调整筛选条件吧！', "\n                                        </span>"),
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true
     //指定客户端模式

package/dist/cjs/ag-grid-plus/interface.d.ts

@@ -27,6 +27,10 @@ interface GridProps extends AgGridReactProps {
      * 列方案
      */
     gridColumnState?: any[];
+    /**
+     * 列表空数据文字提示
+     */
+    overlayNoRowsTemplateText?: string;
     gridRef?: React.Ref<GridRef | undefined>;
 }
 interface AgGridColumnPropsClone extends ColDef {

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

@@ -63,7 +63,9 @@ var Setting = function Setting(props) {
         headerName: colDef.headerName,
         width: columnState.width,
         hide: columnState.hide,
-        cellClass: colDef.cellClass
+        cellClass: colDef.cellClass,
+        // 添加 cellClass
+        suppressHeaderFilterButton: colDef.suppressHeaderFilterButton
       }, columnState));
     });
     return columnRowData;
@@ -124,7 +126,7 @@ var Setting = function Setting(props) {
               })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
-                  width: 300,
+                  width: 280,
                   title: "列名"
                 }
               }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
@@ -132,6 +134,16 @@ 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: 80,
+                  title: "列过滤"
+                }
+              }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
+                name: "suppressHeaderFilterButton",
+                "x-decorator": "FormItem",
+                "x-component": "Switch"
               })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
@@ -219,6 +231,7 @@ var Setting = function Setting(props) {
                   state: values.items,
                   applyOrder: true
                 });
+                gridApi.setGridOption("columnDefs", values.items);
               }, 100);
               next(payload);
             }).open(formProps);

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

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 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"];
+var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText"];
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -52,6 +52,7 @@ function AgGridPlus(props) {
     gridKey = props.gridKey,
     children = props.children,
     defaultSearchExpand = props.defaultSearchExpand,
+    overlayNoRowsTemplateText = props.overlayNoRowsTemplateText,
     rest = _objectWithoutProperties(props, _excluded);
   var _useGridPlusColumnSta = useGridPlusColumnState(),
     onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
@@ -159,6 +160,8 @@ function AgGridPlus(props) {
       onRequest(queryFilter);
     }
   }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]);
+  // 测试列数据
+  // const restData = [{"id":"47","field":"code","headerName":"编码","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"code","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"48","field":"name","headerName":"名称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"name","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"49","field":"abbName","headerName":"简称","width":110,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"abbName","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"50","field":"address","headerName":"地址","width":662,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"address","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":1},{"id":"51","field":"creator","headerName":"创建人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creator","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"52","field":"creationTime","headerName":"创建时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"creationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"53","field":"lastModifier","headerName":"最后修改人","width":90,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModifier","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"54","field":"lastModificationTime","headerName":"最后修改时间","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"lastModificationTime","pinned":null,"sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null},{"id":"55","field":"","headerName":"操作","width":160,"hide":false,"cellClass":"custom-cell-left","suppressHeaderFilterButton":true,"colId":"0","pinned":"right","sort":null,"sortIndex":null,"aggFunc":null,"rowGroup":false,"rowGroupIndex":null,"pivot":false,"pivotIndex":null,"flex":null}]
 
   // 加载列方案
   useEffect(function () {
@@ -168,6 +171,9 @@ function AgGridPlus(props) {
         state: gridPlusColumnState[gridKey],
         applyOrder: true
       });
+      setTimeout(function () {
+        apiRef.current.setGridOption("columnDefs", gridPlusColumnState[gridKey]);
+      }, 10);
     }
   }, [gridPlusColumnState, apiRef.current]);
   useEffect(function () {
@@ -514,6 +520,7 @@ function AgGridPlus(props) {
       enableCellTextSelection: true,
       ensureDomOrder: true
     },
+    overlayNoRowsTemplate: "<span style=\"\n                                        display: flex; \n                                        justify-content: center; \n                                        align-items: center; \n                                        height: 100%; \n                                        font-size: 14px; \n                                        color: #aaa; \n                                        line-height: 1.5;\n                                        text-align: center;\">\n                                        ".concat(overlayNoRowsTemplateText || '没有找到数据，试试调整筛选条件吧！', "\n                                        </span>"),
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true
     //指定客户端模式

package/dist/esm/ag-grid-plus/interface.d.ts

@@ -27,6 +27,10 @@ interface GridProps extends AgGridReactProps {
      * 列方案
      */
     gridColumnState?: any[];
+    /**
+     * 列表空数据文字提示
+     */
+    overlayNoRowsTemplateText?: string;
     gridRef?: React.Ref<GridRef | undefined>;
 }
 interface AgGridColumnPropsClone extends ColDef {

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

@@ -54,7 +54,9 @@ var Setting = function Setting(props) {
         headerName: colDef.headerName,
         width: columnState.width,
         hide: columnState.hide,
-        cellClass: colDef.cellClass
+        cellClass: colDef.cellClass,
+        // 添加 cellClass
+        suppressHeaderFilterButton: colDef.suppressHeaderFilterButton
       }, columnState));
     });
     return columnRowData;
@@ -115,7 +117,7 @@ var Setting = function Setting(props) {
               })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
-                  width: 300,
+                  width: 280,
                   title: "列名"
                 }
               }, /*#__PURE__*/React.createElement(SchemaField.String, {
@@ -123,6 +125,16 @@ 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: 80,
+                  title: "列过滤"
+                }
+              }, /*#__PURE__*/React.createElement(SchemaField.String, {
+                name: "suppressHeaderFilterButton",
+                "x-decorator": "FormItem",
+                "x-component": "Switch"
               })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                 "x-component": "ArrayTable.Column",
                 "x-component-props": {
@@ -210,6 +222,7 @@ var Setting = function Setting(props) {
                   state: values.items,
                   applyOrder: true
                 });
+                gridApi.setGridOption("columnDefs", values.items);
               }, 100);
               next(payload);
             }).open(formProps);