@nokecy/qc-ui 0.3.28 → 0.3.31

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

@@ -33,7 +33,7 @@ var _setting = _interopRequireDefault(require("./setting"));
 
 var _ = require(".");
 
-var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "gridColumnState", "children"];
+var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -85,11 +85,13 @@ function AgGridPlus(props) {
       hideTool = props.hideTool,
       onReady = props.onGridReady,
       gridKey = props.gridKey,
-      gridColumnState = props.gridColumnState,
       children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var gridPlusColumnState = (0, _.useGridPlusColumnState)();
+  var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
+      onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
+      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+
   var gridRef = (0, _react.useRef)();
   var apiRef = (0, _react.useRef)();
   var columnsRef = (0, _react.useRef)();
@@ -270,7 +272,9 @@ function AgGridPlus(props) {
     props.onRowSelected && props.onRowSelected(e);
   }, []);
 
-  var onColumnStateChanged = function onColumnStateChanged(columnState) {};
+  var onColumnStateChanged = function onColumnStateChanged(columnState) {
+    onSaveColumnState && onSaveColumnState(gridKey, columnState);
+  };
 
   (0, _react.useEffect)(function () {
     gridRef.current = {
@@ -369,7 +373,10 @@ function AgGridPlus(props) {
       if (columnsRef.current) {
         var _columnsRef$current2;
 
-        setColumnState((_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState());
+        var _columnState = (_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState();
+
+        setColumnState(_columnState);
+        onColumnStateChanged && onColumnStateChanged(_columnState);
       }
     } // onColumnMoved={() => {
     //     if (columnsRef.current) {
@@ -408,7 +415,7 @@ function AgGridPlus(props) {
     showTotal: function showTotal(total, range) {
       return "\u7B2C ".concat(range[0], "-").concat(range[1], " \u6761/\u603B\u5171 ").concat(total, " \u6761");
     },
-    pageSizeOptions: [10, 100, 200, 500, 1000],
+    pageSizeOptions: [10, 100, 200, 500, 1000, 10000, 50000],
     hideOnSinglePage: false,
     showQuickJumper: false
   })))));

package/dist/cjs/ag-grid-plus/context/gridContext.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare const GridPlusContext: React.Context<any>;
+export declare const GridPlusContext: React.Context<{
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
+}>;

package/dist/cjs/ag-grid-plus/context/gridContext.js

@@ -9,6 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var GridPlusContext = /*#__PURE__*/_react.default.createContext(null);
+var GridPlusContext = /*#__PURE__*/_react.default.createContext({
+  columnState: undefined,
+  onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
+});
 
 exports.GridPlusContext = GridPlusContext;

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

@@ -1,5 +1,9 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
-export declare const useGridPlusColumnState: () => any;
-export { AgGridPlus, AgGridColumn };
+import { GridPlusContext } from "./context/gridContext";
+export declare const useGridPlusColumnState: () => {
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => {};
+};
+export { AgGridPlus, AgGridColumn, GridPlusContext };
 export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "AgGridPlus", {
     return _agGridPlus.default;
   }
 });
+Object.defineProperty(exports, "GridPlusContext", {
+  enumerable: true,
+  get: function get() {
+    return _gridContext.GridPlusContext;
+  }
+});
 Object.defineProperty(exports, "convertFilterModel", {
   enumerable: true,
   get: function get() {

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

@@ -76,7 +76,7 @@ var FormRender = function FormRender(props) {
         })];
       }
     });
-  }, [schema]);
+  }, []);
   var SchemaField = (0, _react2.useMemo)(function () {
     return (0, _react.createSchemaField)({
       components: {

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

@@ -119,18 +119,7 @@ var Setting = function Setting(props) {
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.Object, null, /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
-                    title: "字段名"
-                  }
-                }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
-                  name: "field",
-                  "x-decorator": "FormItem",
-                  "x-component": "Input",
-                  "x-read-pretty": true
-                })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
-                  "x-component": "ArrayTable.Column",
-                  "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "列名"
                   }
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
@@ -141,7 +130,7 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "宽度"
                   }
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
@@ -151,17 +140,24 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "占满"
                   }
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
                   name: "flex",
                   "x-decorator": "FormItem",
-                  "x-component": "Switch"
+                  "x-component": "Select",
+                  enum: [{
+                    value: 1,
+                    label: "占满"
+                  }, {
+                    value: 0,
+                    label: "不占满"
+                  }]
                 })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: '固定位置'
                   }
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {
@@ -181,7 +177,6 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/_react2.default.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
                     title: '隐藏'
                   }
                 }, /*#__PURE__*/_react2.default.createElement(SchemaField.String, {

package/dist/cjs/index.d.ts

@@ -1,9 +1,9 @@
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, flattenTreeDeep } from "./ag-grid-plus";
+import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
 import ExtensibleGrid from "./extensible-grid";
 import Editable from "./editable";
 import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, ExtensibleGrid, Dashboard };
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard };
 export { flattenTreeDeep };

package/dist/cjs/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "ExtensibleGrid", {
     return _extensibleGrid.default;
   }
 });
+Object.defineProperty(exports, "GridPlusContext", {
+  enumerable: true,
+  get: function get() {
+    return _agGridPlus.GridPlusContext;
+  }
+});
 Object.defineProperty(exports, "flattenTreeDeep", {
   enumerable: true,
   get: function get() {

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

@@ -1,4 +1,4 @@
-var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "gridColumnState", "children"];
+var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children"];
 
 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); }
 
@@ -58,11 +58,13 @@ function AgGridPlus(props) {
       hideTool = props.hideTool,
       onReady = props.onGridReady,
       gridKey = props.gridKey,
-      gridColumnState = props.gridColumnState,
       children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var gridPlusColumnState = useGridPlusColumnState();
+  var _useGridPlusColumnSta = useGridPlusColumnState(),
+      onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
+      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+
   var gridRef = useRef();
   var apiRef = useRef();
   var columnsRef = useRef();
@@ -243,7 +245,9 @@ function AgGridPlus(props) {
     props.onRowSelected && props.onRowSelected(e);
   }, []);
 
-  var onColumnStateChanged = function onColumnStateChanged(columnState) {};
+  var onColumnStateChanged = function onColumnStateChanged(columnState) {
+    onSaveColumnState && onSaveColumnState(gridKey, columnState);
+  };
 
   useEffect(function () {
     gridRef.current = {
@@ -340,7 +344,10 @@ function AgGridPlus(props) {
       if (columnsRef.current) {
         var _columnsRef$current2;
 
-        setColumnState((_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState());
+        var _columnState = (_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState();
+
+        setColumnState(_columnState);
+        onColumnStateChanged && onColumnStateChanged(_columnState);
       }
     } // onColumnMoved={() => {
     //     if (columnsRef.current) {
@@ -379,7 +386,7 @@ function AgGridPlus(props) {
     showTotal: function showTotal(total, range) {
       return "\u7B2C ".concat(range[0], "-").concat(range[1], " \u6761/\u603B\u5171 ").concat(total, " \u6761");
     },
-    pageSizeOptions: [10, 100, 200, 500, 1000],
+    pageSizeOptions: [10, 100, 200, 500, 1000, 10000, 50000],
     hideOnSinglePage: false,
     showQuickJumper: false
   })))));

package/dist/esm/ag-grid-plus/context/gridContext.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare const GridPlusContext: React.Context<any>;
+export declare const GridPlusContext: React.Context<{
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
+}>;

package/dist/esm/ag-grid-plus/context/gridContext.js

@@ -1,2 +1,5 @@
 import React from 'react';
-export var GridPlusContext = /*#__PURE__*/React.createContext(null);
+export var GridPlusContext = /*#__PURE__*/React.createContext({
+  columnState: undefined,
+  onSaveColumnState: function onSaveColumnState(gridKey, columnState) {}
+});

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

@@ -1,5 +1,9 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
-export declare const useGridPlusColumnState: () => any;
-export { AgGridPlus, AgGridColumn };
+import { GridPlusContext } from "./context/gridContext";
+export declare const useGridPlusColumnState: () => {
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => {};
+};
+export { AgGridPlus, AgGridColumn, GridPlusContext };
 export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -5,5 +5,5 @@ import { GridPlusContext } from "./context/gridContext";
 export var useGridPlusColumnState = function useGridPlusColumnState() {
   return React.useContext(GridPlusContext);
 };
-export { AgGridPlus, AgGridColumn };
+export { AgGridPlus, AgGridColumn, GridPlusContext };
 export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -54,7 +54,7 @@ var FormRender = function FormRender(props) {
         })];
       }
     });
-  }, [schema]);
+  }, []);
   var SchemaField = useMemo(function () {
     return createSchemaField({
       components: {

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

@@ -102,18 +102,7 @@ var Setting = function Setting(props) {
                 }, /*#__PURE__*/React.createElement(SchemaField.Object, null, /*#__PURE__*/React.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
-                    title: "字段名"
-                  }
-                }, /*#__PURE__*/React.createElement(SchemaField.String, {
-                  name: "field",
-                  "x-decorator": "FormItem",
-                  "x-component": "Input",
-                  "x-read-pretty": true
-                })), /*#__PURE__*/React.createElement(SchemaField.Void, {
-                  "x-component": "ArrayTable.Column",
-                  "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "列名"
                   }
                 }, /*#__PURE__*/React.createElement(SchemaField.String, {
@@ -124,7 +113,7 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "宽度"
                   }
                 }, /*#__PURE__*/React.createElement(SchemaField.String, {
@@ -134,17 +123,24 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: "占满"
                   }
                 }, /*#__PURE__*/React.createElement(SchemaField.String, {
                   name: "flex",
                   "x-decorator": "FormItem",
-                  "x-component": "Switch"
+                  "x-component": "Select",
+                  enum: [{
+                    value: 1,
+                    label: "占满"
+                  }, {
+                    value: 0,
+                    label: "不占满"
+                  }]
                 })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
+                    width: 100,
                     title: '固定位置'
                   }
                 }, /*#__PURE__*/React.createElement(SchemaField.String, {
@@ -164,7 +160,6 @@ var Setting = function Setting(props) {
                 })), /*#__PURE__*/React.createElement(SchemaField.Void, {
                   "x-component": "ArrayTable.Column",
                   "x-component-props": {
-                    width: 150,
                     title: '隐藏'
                   }
                 }, /*#__PURE__*/React.createElement(SchemaField.String, {

package/dist/esm/index.d.ts

@@ -1,9 +1,9 @@
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, flattenTreeDeep } from "./ag-grid-plus";
+import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
 import ExtensibleGrid from "./extensible-grid";
 import Editable from "./editable";
 import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, ExtensibleGrid, Dashboard };
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard };
 export { flattenTreeDeep };

package/dist/esm/index.js

@@ -1,9 +1,9 @@
 import ArrayTable from "./array-table";
 import ArrayTableIndex from "./array-table-index";
-import { AgGridColumn, AgGridPlus, flattenTreeDeep } from "./ag-grid-plus";
+import { AgGridColumn, AgGridPlus, GridPlusContext, flattenTreeDeep } from "./ag-grid-plus";
 import ExtensibleGrid from "./extensible-grid";
 import Editable from "./editable";
 import DialogSelect from "./dialogSelect";
 import Dashboard from "./dashboard";
-export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, ExtensibleGrid, Dashboard };
+export { Editable, DialogSelect, ArrayTable, ArrayTableIndex, AgGridColumn, AgGridPlus, GridPlusContext, ExtensibleGrid, Dashboard };
 export { flattenTreeDeep };