@nokecy/qc-ui 0.4.0 → 0.4.2

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "ag-grid-enterprise";
 import './global.scss';
 import './index.less';

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

@@ -92,7 +92,9 @@ function AgGridPlus(props) {
 
   var _useGridPlusColumnSta = (0, _2.useGridPlusColumnState)(),
       onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      _useGridPlusColumnSta2 = _useGridPlusColumnSta.extensibleColumns,
+      extensibleColumns = _useGridPlusColumnSta2 === void 0 ? [] : _useGridPlusColumnSta2;
 
   var gridRef = (0, _react.useRef)();
   var apiRef = (0, _react.useRef)();
@@ -362,22 +364,33 @@ function AgGridPlus(props) {
     return calculateArrCopy;
   };
 
-  var colDefs = (0, _react.useMemo)(function () {
+  var getTableColumns = function getTableColumns() {
     var columnProps = _react.default.Children.map(children, function (child, index) {
       return child.props;
     });
 
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps === null || columnProps === void 0 ? void 0 : columnProps.filter(function (x) {
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+    extensibleColumns.map(function (column) {
+      columnDefs.push({
+        field: column.name,
+        headerName: column.displayName,
+        type: column.propertyType,
+        width: column.width
+      });
+    });
+    return columnDefs;
+  };
+
+  var colDefs = (0, _react.useMemo)(function () {
+    var columnDefs = getTableColumns();
+    columnDefs = columnDefs.filter(function (x) {
       return !x.hideInTable;
     });
-  }, [props.columnDefs]);
+    return columnDefs;
+  }, [props.columnDefs, extensibleColumns]);
   var allColDefs = (0, _react.useMemo)(function () {
-    var columnProps = _react.default.Children.map(children, function (child, index) {
-      return child.props;
-    });
-
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
-  }, [props.columnDefs]);
+    return getTableColumns();
+  }, [props.columnDefs, extensibleColumns]);
   (0, _react.useEffect)(function () {
     if (!allColDefs || rowData.length === 0) return;
     var calcColFields = allColDefs.filter(function (col) {
@@ -453,6 +466,10 @@ function AgGridPlus(props) {
   }), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, _extends({
     className: "ag-theme-alpine"
   }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true //指定客户端模式
     ,

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

@@ -1,5 +1,12 @@
 import React from 'react';
 export declare const GridPlusContext: React.Context<{
+    /**
+     * 扩展列运行时动态添加
+     */
+    extensibleColumns: any[];
+    /**
+     * 用户自定义的列状态信息
+     */
     columnState: any;
     onSaveColumnState: (gridKey: string, columnState: any[]) => void;
 }>;

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

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

package/dist/cjs/array-table/index.js

@@ -103,6 +103,10 @@ var ArrayTable = (0, _react2.observer)(function (props) {
       params.api.hidePopupMenu();
       apiRef.current = params.api;
     },
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     onRowDataUpdated: function onRowDataUpdated(e) {
       if (isAdd) {
         var _apiRef$current;

package/dist/cjs/array-table/preview.js

@@ -37,6 +37,10 @@ var ArrayTable = function ArrayTable(props) {
       apiRef.current = params.api;
     },
     className: "ag-theme-alpine",
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     defaultColDef: {
       resizable: true,
       headerComponentParams: {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "ag-grid-enterprise";
 import './global.scss';
 import './index.less';

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

@@ -64,7 +64,9 @@ function AgGridPlus(props) {
 
   var _useGridPlusColumnSta = useGridPlusColumnState(),
       onSaveColumnState = _useGridPlusColumnSta.onSaveColumnState,
-      gridPlusColumnState = _useGridPlusColumnSta.columnState;
+      gridPlusColumnState = _useGridPlusColumnSta.columnState,
+      _useGridPlusColumnSta2 = _useGridPlusColumnSta.extensibleColumns,
+      extensibleColumns = _useGridPlusColumnSta2 === void 0 ? [] : _useGridPlusColumnSta2;
 
   var gridRef = useRef();
   var apiRef = useRef();
@@ -335,20 +337,32 @@ function AgGridPlus(props) {
     return calculateArrCopy;
   };
 
-  var colDefs = useMemo(function () {
+  var getTableColumns = function getTableColumns() {
     var columnProps = React.Children.map(children, function (child, index) {
       return child.props;
     });
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps === null || columnProps === void 0 ? void 0 : columnProps.filter(function (x) {
+    var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
+    extensibleColumns.map(function (column) {
+      columnDefs.push({
+        field: column.name,
+        headerName: column.displayName,
+        type: column.propertyType,
+        width: column.width
+      });
+    });
+    return columnDefs;
+  };
+
+  var colDefs = useMemo(function () {
+    var columnDefs = getTableColumns();
+    columnDefs = columnDefs.filter(function (x) {
       return !x.hideInTable;
     });
-  }, [props.columnDefs]);
+    return columnDefs;
+  }, [props.columnDefs, extensibleColumns]);
   var allColDefs = useMemo(function () {
-    var columnProps = React.Children.map(children, function (child, index) {
-      return child.props;
-    });
-    return !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
-  }, [props.columnDefs]);
+    return getTableColumns();
+  }, [props.columnDefs, extensibleColumns]);
   useEffect(function () {
     if (!allColDefs || rowData.length === 0) return;
     var calcColFields = allColDefs.filter(function (col) {
@@ -424,6 +438,10 @@ function AgGridPlus(props) {
   }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
     className: "ag-theme-alpine"
   }, rest, {
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     enableRangeSelection: true,
     suppressCopyRowsToClipboard: true //指定客户端模式
     ,

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

@@ -1,5 +1,12 @@
 import React from 'react';
 export declare const GridPlusContext: React.Context<{
+    /**
+     * 扩展列运行时动态添加
+     */
+    extensibleColumns: any[];
+    /**
+     * 用户自定义的列状态信息
+     */
     columnState: any;
     onSaveColumnState: (gridKey: string, columnState: any[]) => void;
 }>;

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

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

package/dist/esm/array-table/index.js

@@ -81,6 +81,10 @@ var ArrayTable = observer(function (props) {
       params.api.hidePopupMenu();
       apiRef.current = params.api;
     },
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     onRowDataUpdated: function onRowDataUpdated(e) {
       if (isAdd) {
         var _apiRef$current;

package/dist/esm/array-table/preview.js

@@ -20,6 +20,10 @@ var ArrayTable = function ArrayTable(props) {
       apiRef.current = params.api;
     },
     className: "ag-theme-alpine",
+    gridOptions: {
+      enableCellTextSelection: true,
+      ensureDomOrder: true
+    },
     defaultColDef: {
       resizable: true,
       headerComponentParams: {