@nokecy/qc-ui 0.0.4 → 0.0.6

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"));
@@ -125,8 +127,7 @@ function AgGridPlus(props) {
 
   var defaultColDef = {
     resizable: true,
-    sortable: true,
-    flex: 1
+    sortable: true
   };
   (0, _react.useEffect)(function () {
     if (ready && request) {
@@ -168,6 +169,8 @@ function AgGridPlus(props) {
         total: rowCount
       }));
       setLoading(false);
+    }).catch(function () {
+      setLoading(false);
     });
   };
 
@@ -187,7 +190,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 +215,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({
@@ -233,6 +251,23 @@ function AgGridPlus(props) {
       sortChanged(event.columnApi);
     },
     columnTypes: {
+      bool: {
+        cellRenderer: function cellRenderer(params) {
+          switch (params.value) {
+            case true:
+            case "0":
+              return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+                color: "success"
+              }, "\u662F");
+
+            case false:
+            case "1":
+              return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+                color: "error"
+              }, "\u5426");
+          }
+        }
+      },
       numberColumn: {
         width: 130,
         filter: 'agNumberColumnFilter'
@@ -286,7 +321,7 @@ function AgGridPlus(props) {
     pageSizeOptions: [10, 100, 200, 500, 1000],
     hideOnSinglePage: false,
     showQuickJumper: false
-  }))));
+  })))));
 }
 
 var _default = AgGridPlus;

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

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

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

@@ -25,11 +25,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { AgGridReact } from 'ag-grid-react';
-import { Spin, Pagination, Card } from 'antd';
+import { Spin, Pagination, Card, Tag } from 'antd';
 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";
@@ -99,8 +100,7 @@ function AgGridPlus(props) {
 
   var defaultColDef = {
     resizable: true,
-    sortable: true,
-    flex: 1
+    sortable: true
   };
   useEffect(function () {
     if (ready && request) {
@@ -142,6 +142,8 @@ function AgGridPlus(props) {
         total: rowCount
       }));
       setLoading(false);
+    }).catch(function () {
+      setLoading(false);
     });
   };
 
@@ -161,7 +163,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 +188,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({
@@ -207,6 +224,23 @@ function AgGridPlus(props) {
       sortChanged(event.columnApi);
     },
     columnTypes: {
+      bool: {
+        cellRenderer: function cellRenderer(params) {
+          switch (params.value) {
+            case true:
+            case "0":
+              return /*#__PURE__*/React.createElement(Tag, {
+                color: "success"
+              }, "\u662F");
+
+            case false:
+            case "1":
+              return /*#__PURE__*/React.createElement(Tag, {
+                color: "error"
+              }, "\u5426");
+          }
+        }
+      },
       numberColumn: {
         width: 130,
         filter: 'agNumberColumnFilter'
@@ -260,7 +294,7 @@ function AgGridPlus(props) {
     pageSizeOptions: [10, 100, 200, 500, 1000],
     hideOnSinglePage: false,
     showQuickJumper: false
-  }))));
+  })))));
 }
 
 export default AgGridPlus;

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

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