@nokecy/qc-ui 0.0.3 → 0.0.5

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import "ag-grid-enterprise";
 import './global.scss';
+import './index.less';
 import { GridProps } from './interface';
 declare function AgGridPlus(props: GridProps): JSX.Element;
 export default AgGridPlus;

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

@@ -19,6 +19,8 @@ require("ag-grid-enterprise");
 
 require("./global.scss");
 
+require("./index.less");
+
 var _interface = require("./interface");
 
 var _queryForm = _interopRequireDefault(require("./queryForm"));
@@ -168,12 +170,14 @@ function AgGridPlus(props) {
         total: rowCount
       }));
       setLoading(false);
+    }).catch(function () {
+      setLoading(false);
     });
   };
 
   var actionDom = (0, _react.useMemo)(function () {
-    return toolBarRender && toolBarRender();
-  }, []);
+    return toolBarRender && toolBarRender(apiRef.current, (0, _utils.convertFilterModel)(queryFilter), queryFilter);
+  }, [apiRef, columnsRef, queryFilter]);
 
   var sortChanged = function sortChanged(columnApi) {
     var sortedColumn = columnApi.getColumnState().find(function (col) {
@@ -187,7 +191,16 @@ function AgGridPlus(props) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_antd.Spin, {
-    spinning: loading
+    spinning: loading,
+    wrapperClassName: "grid-spin"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "grid-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      height: "100%"
+    }
   }, search == false ? null : /*#__PURE__*/_react.default.createElement(_queryForm.default, {
     columns: columnDefs,
     gridApi: apiRef.current,
@@ -203,7 +216,13 @@ function AgGridPlus(props) {
     bodyStyle: {
       margin: 0,
       padding: 12,
-      paddingTop: 0
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: _objectSpread({
@@ -286,7 +305,7 @@ function AgGridPlus(props) {
     pageSizeOptions: [10, 100, 200, 500, 1000],
     hideOnSinglePage: false,
     showQuickJumper: false
-  }))));
+  })))));
 }
 
 var _default = AgGridPlus;

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

@@ -1,3 +1,4 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
+export * from "./utils";
 export { AgGridPlus, AgGridColumn };

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

@@ -3,6 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  AgGridPlus: true,
+  AgGridColumn: true
+};
 Object.defineProperty(exports, "AgGridColumn", {
   enumerable: true,
   get: function get() {
@@ -20,4 +24,18 @@ var _agGridPlus = _interopRequireDefault(require("./ag-gridPlus"));
 
 var _interface = require("./interface");
 
+var _utils = require("./utils");
+
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _utils[key];
+    }
+  });
+});
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/ag-grid-plus/index.less

@@ -0,0 +1,7 @@
+.grid-spin {
+    height: 100%;
+
+    .ant-spin-container {
+        height: 100%;
+    }
+}

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

@@ -10,7 +10,7 @@ interface GridProps extends AgGridReactProps {
     dataSource?: any[];
     search?: boolean;
     headerTitle?: React.ReactNode;
-    toolBarRender?: (gridApi?: GridApi) => React.ReactNode[];
+    toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
     columnDefs?: any;
 }
 interface AgGridColumnPropsClone extends AgGridColumnProps {

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import "ag-grid-enterprise";
 import './global.scss';
+import './index.less';
 import { GridProps } from './interface';
 declare function AgGridPlus(props: GridProps): JSX.Element;
 export default AgGridPlus;

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

@@ -30,6 +30,7 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import GridManage from "./gridManager";
 import "ag-grid-enterprise";
 import "./global.scss";
+import "./index.less";
 import { AgGridColumn } from "./interface";
 import FormRender from "./queryForm";
 import ToolBar from "./toolBar";
@@ -142,12 +143,14 @@ function AgGridPlus(props) {
         total: rowCount
       }));
       setLoading(false);
+    }).catch(function () {
+      setLoading(false);
     });
   };
 
   var actionDom = useMemo(function () {
-    return toolBarRender && toolBarRender();
-  }, []);
+    return toolBarRender && toolBarRender(apiRef.current, convertFilterModel(queryFilter), queryFilter);
+  }, [apiRef, columnsRef, queryFilter]);
 
   var sortChanged = function sortChanged(columnApi) {
     var sortedColumn = columnApi.getColumnState().find(function (col) {
@@ -161,7 +164,16 @@ function AgGridPlus(props) {
   };
 
   return /*#__PURE__*/React.createElement(Spin, {
-    spinning: loading
+    spinning: loading,
+    wrapperClassName: "grid-spin"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      flex: 1,
+      height: "100%"
+    }
   }, search == false ? null : /*#__PURE__*/React.createElement(FormRender, {
     columns: columnDefs,
     gridApi: apiRef.current,
@@ -177,7 +189,13 @@ function AgGridPlus(props) {
     bodyStyle: {
       margin: 0,
       padding: 12,
-      paddingTop: 0
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: _objectSpread({
@@ -260,7 +278,7 @@ function AgGridPlus(props) {
     pageSizeOptions: [10, 100, 200, 500, 1000],
     hideOnSinglePage: false,
     showQuickJumper: false
-  }))));
+  })))));
 }
 
 export default AgGridPlus;

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

@@ -1,3 +1,4 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
+export * from "./utils";
 export { AgGridPlus, AgGridColumn };

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

@@ -1,3 +1,4 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
+export * from "./utils";
 export { AgGridPlus, AgGridColumn };

package/dist/esm/ag-grid-plus/index.less

@@ -0,0 +1,7 @@
+.grid-spin {
+    height: 100%;
+
+    .ant-spin-container {
+        height: 100%;
+    }
+}

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

@@ -10,7 +10,7 @@ interface GridProps extends AgGridReactProps {
     dataSource?: any[];
     search?: boolean;
     headerTitle?: React.ReactNode;
-    toolBarRender?: (gridApi?: GridApi) => React.ReactNode[];
+    toolBarRender?: (gridApi?: GridApi, filter?: string, queryFilter?: any) => React.ReactNode[];
     columnDefs?: any;
 }
 interface AgGridColumnPropsClone extends AgGridColumnProps {