@nokecy/qc-ui 1.0.40 → 1.0.42

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

@@ -23,6 +23,7 @@ var _ = require(".");
 var _customGroupCellRenderer = _interopRequireDefault(require("./_utils/customGroupCellRenderer"));
 var _processColumnGroups = _interopRequireDefault(require("./_utils/processColumnGroups"));
 var _processFormColumnState = _interopRequireDefault(require("./_utils/processFormColumnState"));
+var _antdV = require("@formily/antd-v5");
 var _excluded = ["style", "loading", "params", "request", "dataSource", "treeKeyName", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideTool", "onGridReady", "gridKey", "children", "defaultSearchExpand", "overlayNoRowsTemplateText", "queryDefaultRows"];
 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; }
@@ -384,6 +385,50 @@ function AgGridPlus(props) {
     var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
     columnDefs = columnDefs.map(function (col) {
       var dataType = getDataType(data, col.field);
+      if (col.valueEnum && Array.isArray(col.valueEnum)) {
+        var _defaultItems$0$value, _defaultItems$;
+        // 统计默认值
+        var defaultItems = col.valueEnum.filter(function (item) {
+          return item.default;
+        });
+        var isMultiple = defaultItems.length > 1;
+        var defaultValue = isMultiple ? defaultItems.map(function (item) {
+          return item.value;
+        }) : (_defaultItems$0$value = (_defaultItems$ = defaultItems[0]) === null || _defaultItems$ === void 0 ? void 0 : _defaultItems$.value) !== null && _defaultItems$0$value !== void 0 ? _defaultItems$0$value : undefined;
+        var valueFormatter = function valueFormatter(params) {
+          var match = col.valueEnum.find(function (item) {
+            return item.value == params.value;
+          });
+          return match ? match.label : params.value;
+        };
+        return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+          cellRenderer: function cellRenderer(params) {
+            var match = col.valueEnum.find(function (item) {
+              return item.value == params.value;
+            });
+            if (match) {
+              return /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+                color: match.color || "default"
+              }, match.label);
+            }
+            return params.value;
+          },
+          filterParams: _objectSpread(_objectSpread({}, col.filterParams || {}), {}, {
+            valueFormatter: valueFormatter
+          }),
+          searchComponent: _antdV.Select,
+          searchComponentProps: {
+            options: col.valueEnum.map(function (item) {
+              return {
+                label: item.label,
+                value: item.value
+              };
+            }),
+            mode: isMultiple ? "multiple" : undefined,
+            defaultValue: defaultValue
+          }
+        });
+      }
       if (col.type || typeof col.cellRenderer == "string") {
         return _objectSpread({}, col);
       }
@@ -519,6 +564,9 @@ function AgGridPlus(props) {
         onRequest && onRequest(formValues);
         return prev;
       });
+    },
+    onInit: function onInit(defaultValues) {
+      setQueryFilter(defaultValues);
     }
   }), /*#__PURE__*/_react.default.createElement(_antd.Card, {
     bordered: false,

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

@@ -9,5 +9,6 @@ declare const FormRender: (props: {
     defaultExpand?: Boolean | undefined;
     defaultRows?: number | undefined;
     onQuery: (formValue: any) => void;
+    onInit?: ((defaultValues: any) => void) | undefined;
 }) => React.JSX.Element;
 export default FormRender;

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

@@ -57,6 +57,9 @@ var FormRender = function FormRender(props) {
       }
     });
   }, []);
+  (0, _react2.useEffect)(function () {
+    props.onInit && props.onInit(form.values);
+  }, []);
   var SchemaField = (0, _react2.useMemo)(function () {
     return (0, _react.createSchemaField)({
       components: {
@@ -144,12 +147,12 @@ var FormRender = function FormRender(props) {
       //表单自定义组件
       var component = getComponent(colDef);
       if (colDef.filter != false) {
-        var _colDef$searchCompone, _colDef$searchCompone2;
+        var _colDef$searchCompone, _colDef$searchCompone2, _colDef$searchCompone3;
         var filedSchema = {
           type: 'string',
           title: headerName,
           required: (colDef === null || colDef === void 0 || (_colDef$searchCompone = colDef.searchComponentProps) === null || _colDef$searchCompone === void 0 ? void 0 : _colDef$searchCompone.required) || false,
-          default: colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default,
+          default: (colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default) || (colDef === null || colDef === void 0 || (_colDef$searchCompone3 = colDef.searchComponentProps) === null || _colDef$searchCompone3 === void 0 ? void 0 : _colDef$searchCompone3.defaultValue),
           enum: colDef === null || colDef === void 0 ? void 0 : colDef.enum,
           "x-component": component,
           "x-component-props": _objectSpread({

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

@@ -3,6 +3,7 @@ import React from "react";
 declare const DiySetting: (props: {
     gridKey?: string | undefined;
     gridApi?: GridApi<any> | undefined;
+    type?: string | undefined;
     gridApiState?: GridApi<any> | undefined;
     onSaveColumnState: (state: any) => void;
 }) => React.JSX.Element | null;

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

@@ -246,7 +246,9 @@ var DiySetting = function DiySetting(props) {
               var values = payload.values;
               onSaveColumnState && onSaveColumnState(values.items);
               var processedColumns = (0, _processColumnGroups.default)(values.items);
-              gridApi.setGridOption("columnDefs", processedColumns);
+              if (props.type !== 'formArrayTable') {
+                gridApi.setGridOption("columnDefs", processedColumns);
+              }
               setTimeout(function () {
                 gridApi.applyColumnState({
                   state: processedColumns,

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

@@ -4,6 +4,7 @@ declare const Setting: (props: {
     gridKey?: string | undefined;
     gridApi?: GridApi<any> | undefined;
     gridApiState?: GridApi<any> | undefined;
+    type?: string | undefined;
     onSaveColumnState: (state: any) => void;
 }) => React.JSX.Element | null;
 export default Setting;

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

@@ -90,7 +90,8 @@ var Setting = function Setting(props) {
     label: /*#__PURE__*/_react2.default.createElement(_diySetting.default, {
       gridKey: gridKey,
       gridApi: gridApi,
-      onSaveColumnState: onSaveColumnState
+      onSaveColumnState: onSaveColumnState,
+      type: props.type
     })
   }, {
     key: '2',

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

@@ -61,13 +61,74 @@ var ArrayTable = (0, _react2.observer)(function (props) {
     gridPlusColumnState = _useGridPlusColumnSta.columnState,
     extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
   // const teststyle = '[{\"id\":\"18\",\"field\":\"xdxcp47tycp\",\"headerName\":\"A1\",\"width\":800,\"hide\":false,\"colId\":\"a1\",\"pinned\":null,\"sort\":null,\"sortIndex\":null,\"aggFunc\":null,\"rowGroup\":false,\"rowGroupIndex\":null,\"pivot\":false,\"pivotIndex\":null,\"flex\":null},{\"id\":\"19\",\"field\":\"nvhezzkyak9\",\"headerName\":\"Operations\",\"width\":60,\"hide\":false,\"colId\":\"nvhezzkyak9\",\"pinned\":null,\"sort\":null,\"sortIndex\":null,\"aggFunc\":null,\"rowGroup\":false,\"rowGroupIndex\":null,\"pivot\":false,\"pivotIndex\":null,\"flex\":null}]'
+  // const teststyle = [
+  //   {
+  //     "id": "5",
+  //     "field": "NO_NAME_FIELD_$1",
+  //     "headerName": "Index",
+  //     "width": 80,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "NO_NAME_FIELD_$1",
+  //     "pinned": null,
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   },
+  //   {
+  //     "id": "6",
+  //     "field": "a1",
+  //     "headerName": "A1",
+  //     "width": 1200,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "a1",
+  //     "pinned": null,
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   },
+  //   {
+  //     "id": "7",
+  //     "field": "operations",
+  //     "headerName": "Operations",
+  //     "width": 80,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "operations",
+  //     "pinned": "right",
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   }
+  // ]
 
   (0, _react.useEffect)(function () {
     if (props.gridKey && gridPlusColumnState && gridPlusColumnState[props.gridKey] && apiRef.current) {
-      apiRef.current.applyColumnState({
-        state: gridPlusColumnState[props.gridKey],
-        applyOrder: true
-      });
+      setTimeout(function () {
+        apiRef.current.applyColumnState({
+          state: gridPlusColumnState[props.gridKey],
+          applyOrder: true
+        });
+      }, 10);
     }
   }, [gridPlusColumnState, apiRef.current, dataSource]);
 
@@ -138,6 +199,7 @@ var ArrayTable = (0, _react2.observer)(function (props) {
     gridKey: props.gridKey,
     gridApi: apiRef.current,
     gridApiState: gridApiState,
+    type: 'formArrayTable',
     onSaveColumnState: onColumnStateChanged
   })), /*#__PURE__*/_react.default.createElement(_agGridReact.AgGridReact, {
     onGridReady: function onGridReady(params) {

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

@@ -32,6 +32,7 @@ import { useGridPlusColumnState } from '.';
 import CustomGroupCellRenderer from "./_utils/customGroupCellRenderer";
 import processColumnGroups from "./_utils/processColumnGroups";
 import flattenColumnState from "./_utils/processFormColumnState";
+import { Select } from '@formily/antd-v5';
 var Paragraph = Typography.Paragraph,
   Text = Typography.Text;
 var getSort = function getSort(columnState) {
@@ -375,6 +376,50 @@ function AgGridPlus(props) {
     var columnDefs = !columnProps ? props.columnDefs ? props.columnDefs : [] : columnProps;
     columnDefs = columnDefs.map(function (col) {
       var dataType = getDataType(data, col.field);
+      if (col.valueEnum && Array.isArray(col.valueEnum)) {
+        var _defaultItems$0$value, _defaultItems$;
+        // 统计默认值
+        var defaultItems = col.valueEnum.filter(function (item) {
+          return item.default;
+        });
+        var isMultiple = defaultItems.length > 1;
+        var defaultValue = isMultiple ? defaultItems.map(function (item) {
+          return item.value;
+        }) : (_defaultItems$0$value = (_defaultItems$ = defaultItems[0]) === null || _defaultItems$ === void 0 ? void 0 : _defaultItems$.value) !== null && _defaultItems$0$value !== void 0 ? _defaultItems$0$value : undefined;
+        var valueFormatter = function valueFormatter(params) {
+          var match = col.valueEnum.find(function (item) {
+            return item.value == params.value;
+          });
+          return match ? match.label : params.value;
+        };
+        return _objectSpread(_objectSpread(_objectSpread({}, dataType), col), {}, {
+          cellRenderer: function cellRenderer(params) {
+            var match = col.valueEnum.find(function (item) {
+              return item.value == params.value;
+            });
+            if (match) {
+              return /*#__PURE__*/React.createElement(Tag, {
+                color: match.color || "default"
+              }, match.label);
+            }
+            return params.value;
+          },
+          filterParams: _objectSpread(_objectSpread({}, col.filterParams || {}), {}, {
+            valueFormatter: valueFormatter
+          }),
+          searchComponent: Select,
+          searchComponentProps: {
+            options: col.valueEnum.map(function (item) {
+              return {
+                label: item.label,
+                value: item.value
+              };
+            }),
+            mode: isMultiple ? "multiple" : undefined,
+            defaultValue: defaultValue
+          }
+        });
+      }
       if (col.type || typeof col.cellRenderer == "string") {
         return _objectSpread({}, col);
       }
@@ -510,6 +555,9 @@ function AgGridPlus(props) {
         onRequest && onRequest(formValues);
         return prev;
       });
+    },
+    onInit: function onInit(defaultValues) {
+      setQueryFilter(defaultValues);
     }
   }), /*#__PURE__*/React.createElement(Card, {
     bordered: false,

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

@@ -9,5 +9,6 @@ declare const FormRender: (props: {
     defaultExpand?: Boolean | undefined;
     defaultRows?: number | undefined;
     onQuery: (formValue: any) => void;
+    onInit?: ((defaultValues: any) => void) | undefined;
 }) => React.JSX.Element;
 export default FormRender;

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

@@ -49,6 +49,9 @@ var FormRender = function FormRender(props) {
       }
     });
   }, []);
+  useEffect(function () {
+    props.onInit && props.onInit(form.values);
+  }, []);
   var SchemaField = useMemo(function () {
     return createSchemaField({
       components: {
@@ -136,12 +139,12 @@ var FormRender = function FormRender(props) {
       //表单自定义组件
       var component = getComponent(colDef);
       if (colDef.filter != false) {
-        var _colDef$searchCompone, _colDef$searchCompone2;
+        var _colDef$searchCompone, _colDef$searchCompone2, _colDef$searchCompone3;
         var filedSchema = {
           type: 'string',
           title: headerName,
           required: (colDef === null || colDef === void 0 || (_colDef$searchCompone = colDef.searchComponentProps) === null || _colDef$searchCompone === void 0 ? void 0 : _colDef$searchCompone.required) || false,
-          default: colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default,
+          default: (colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default) || (colDef === null || colDef === void 0 || (_colDef$searchCompone3 = colDef.searchComponentProps) === null || _colDef$searchCompone3 === void 0 ? void 0 : _colDef$searchCompone3.defaultValue),
           enum: colDef === null || colDef === void 0 ? void 0 : colDef.enum,
           "x-component": component,
           "x-component-props": _objectSpread({

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

@@ -3,6 +3,7 @@ import React from "react";
 declare const DiySetting: (props: {
     gridKey?: string | undefined;
     gridApi?: GridApi<any> | undefined;
+    type?: string | undefined;
     gridApiState?: GridApi<any> | undefined;
     onSaveColumnState: (state: any) => void;
 }) => React.JSX.Element | null;

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

@@ -237,7 +237,9 @@ var DiySetting = function DiySetting(props) {
               var values = payload.values;
               onSaveColumnState && onSaveColumnState(values.items);
               var processedColumns = processColumnGroups(values.items);
-              gridApi.setGridOption("columnDefs", processedColumns);
+              if (props.type !== 'formArrayTable') {
+                gridApi.setGridOption("columnDefs", processedColumns);
+              }
               setTimeout(function () {
                 gridApi.applyColumnState({
                   state: processedColumns,

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

@@ -4,6 +4,7 @@ declare const Setting: (props: {
     gridKey?: string | undefined;
     gridApi?: GridApi<any> | undefined;
     gridApiState?: GridApi<any> | undefined;
+    type?: string | undefined;
     onSaveColumnState: (state: any) => void;
 }) => React.JSX.Element | null;
 export default Setting;

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

@@ -81,7 +81,8 @@ var Setting = function Setting(props) {
     label: /*#__PURE__*/React.createElement(DiySetting, {
       gridKey: gridKey,
       gridApi: gridApi,
-      onSaveColumnState: onSaveColumnState
+      onSaveColumnState: onSaveColumnState,
+      type: props.type
     })
   }, {
     key: '2',

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

@@ -55,13 +55,74 @@ var ArrayTable = observer(function (props) {
     gridPlusColumnState = _useGridPlusColumnSta.columnState,
     extensibleColumns = _useGridPlusColumnSta.extensibleColumns;
   // const teststyle = '[{\"id\":\"18\",\"field\":\"xdxcp47tycp\",\"headerName\":\"A1\",\"width\":800,\"hide\":false,\"colId\":\"a1\",\"pinned\":null,\"sort\":null,\"sortIndex\":null,\"aggFunc\":null,\"rowGroup\":false,\"rowGroupIndex\":null,\"pivot\":false,\"pivotIndex\":null,\"flex\":null},{\"id\":\"19\",\"field\":\"nvhezzkyak9\",\"headerName\":\"Operations\",\"width\":60,\"hide\":false,\"colId\":\"nvhezzkyak9\",\"pinned\":null,\"sort\":null,\"sortIndex\":null,\"aggFunc\":null,\"rowGroup\":false,\"rowGroupIndex\":null,\"pivot\":false,\"pivotIndex\":null,\"flex\":null}]'
+  // const teststyle = [
+  //   {
+  //     "id": "5",
+  //     "field": "NO_NAME_FIELD_$1",
+  //     "headerName": "Index",
+  //     "width": 80,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "NO_NAME_FIELD_$1",
+  //     "pinned": null,
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   },
+  //   {
+  //     "id": "6",
+  //     "field": "a1",
+  //     "headerName": "A1",
+  //     "width": 1200,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "a1",
+  //     "pinned": null,
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   },
+  //   {
+  //     "id": "7",
+  //     "field": "operations",
+  //     "headerName": "Operations",
+  //     "width": 80,
+  //     "hide": false,
+  //     "cellClass": "custom-cell-left",
+  //     "suppressHeaderFilterButton": true,
+  //     "colId": "operations",
+  //     "pinned": "right",
+  //     "sort": null,
+  //     "sortIndex": null,
+  //     "aggFunc": null,
+  //     "rowGroup": false,
+  //     "rowGroupIndex": null,
+  //     "pivot": false,
+  //     "pivotIndex": null,
+  //     "flex": null
+  //   }
+  // ]
 
   useEffect(function () {
     if (props.gridKey && gridPlusColumnState && gridPlusColumnState[props.gridKey] && apiRef.current) {
-      apiRef.current.applyColumnState({
-        state: gridPlusColumnState[props.gridKey],
-        applyOrder: true
-      });
+      setTimeout(function () {
+        apiRef.current.applyColumnState({
+          state: gridPlusColumnState[props.gridKey],
+          applyOrder: true
+        });
+      }, 10);
     }
   }, [gridPlusColumnState, apiRef.current, dataSource]);
 
@@ -132,6 +193,7 @@ var ArrayTable = observer(function (props) {
     gridKey: props.gridKey,
     gridApi: apiRef.current,
     gridApiState: gridApiState,
+    type: 'formArrayTable',
     onSaveColumnState: onColumnStateChanged
   })), /*#__PURE__*/React.createElement(AgGridReact, {
     onGridReady: function onGridReady(params) {