@nokecy/qc-ui 0.1.18 → 0.1.21

package/dist/cjs/xflow/util/algorithm.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSuperGraph = void 0;
+
+var getSuperGraph = function getSuperGraph() {};
+
+exports.getSuperGraph = getSuperGraph;

package/dist/cjs/xflow/util/index.d.ts

@@ -0,0 +1,2 @@
+import * as Util from './main';
+export { Util };

package/dist/cjs/xflow/util/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Util = void 0;
+
+var Util = _interopRequireWildcard(require("./main"));
+
+exports.Util = Util;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/dist/cjs/xflow/util/main.d.ts

@@ -0,0 +1,2 @@
+export * from './algorithm';
+export * from './model';

package/dist/cjs/xflow/util/main.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _algorithm = require("./algorithm");
+
+Object.keys(_algorithm).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _algorithm[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _algorithm[key];
+    }
+  });
+});
+
+var _model = require("./model");
+
+Object.keys(_model).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _model[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _model[key];
+    }
+  });
+});

package/dist/cjs/xflow/util/model.d.ts

@@ -0,0 +1,2 @@
+import type { GraphData, NodeMeta, EdgeMeta } from '../types';
+export declare const preprocess: (model: GraphData, nodeOptions?: NodeMeta, edgeOptions?: EdgeMeta) => GraphData;

package/dist/cjs/xflow/util/model.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preprocess = void 0;
+
+var _x = require("@antv/x6");
+
+var preprocess = function preprocess(model) {
+  var nodeOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var edgeOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  model.forEach(function (item) {
+    var shape = item.shape;
+
+    if (shape) {
+      if (_x.Node.registry.exist(shape)) {
+        _x.ObjectExt.merge(item, nodeOptions);
+      }
+
+      if (_x.Edge.registry.exist(shape)) {
+        _x.ObjectExt.merge(item, edgeOptions);
+      }
+    }
+  });
+  return model;
+};
+
+exports.preprocess = preprocess;

package/dist/esm/ag-grid-plus/_utils/boolSelect.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from "antd/lib/select";
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/esm/ag-grid-plus/_utils/boolSelect.js

@@ -0,0 +1,48 @@
+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); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { useControllableValue } from 'ahooks';
+import { Select } from "antd";
+import React from "react";
+/**
+ * bool类型的下拉框
+ * @param props 
+ * @param ref 
+ * @returns 
+ */
+
+var BoolSelect = function BoolSelect(props, ref) {
+  var _useControllableValue = useControllableValue(props),
+      _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+      state = _useControllableValue2[0],
+      setState = _useControllableValue2[1];
+
+  return /*#__PURE__*/React.createElement("span", {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Select, _extends({}, props, {
+    value: state,
+    onChange: function onChange(value, option) {
+      var _props$onChange;
+
+      setState(value);
+      props === null || props === void 0 ? void 0 : (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, value, option);
+    }
+  }), /*#__PURE__*/React.createElement(Select.Option, {
+    value: true
+  }, "\u662F"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: false
+  }, "\u5426")));
+};
+
+export default /*#__PURE__*/React.forwardRef(BoolSelect);

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

@@ -0,0 +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

@@ -0,0 +1,369 @@
+var _excluded = ["style", "params", "request", "dataSource", "treeParentName", "rowData", "gridRef", "headerTitle", "toolBarRender", "search", "hideRedo", "onGridReady", "gridKey", "gridColumnState", "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); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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, Tag } from 'antd';
+import React, { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
+import "ag-grid-enterprise";
+import "./global.scss";
+import "./index.less";
+import { AgGridColumn } from "./interface";
+import FormRender from "./queryForm";
+import ToolBar from "./toolBar";
+import SettingItem from "./settingItem";
+import { RedoOutlined } from '@ant-design/icons';
+import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
+import Setting from "./setting";
+
+var getSort = function getSort(columnState) {
+  return columnState ? "".concat(columnState.colId, " ").concat(columnState.sort) : "";
+};
+
+function AgGridPlus(props) {
+  var style = props.style,
+      gridParams = props.params,
+      request = props.request,
+      dataSource = props.dataSource,
+      treeParentName = props.treeParentName,
+      propRowData = props.rowData,
+      propsGridRef = props.gridRef,
+      headerTitle = props.headerTitle,
+      toolBarRender = props.toolBarRender,
+      search = props.search,
+      hideRedo = props.hideRedo,
+      onReady = props.onGridReady,
+      gridKey = props.gridKey,
+      gridColumnState = props.gridColumnState,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var gridRef = useRef();
+  var apiRef = useRef();
+  var columnsRef = useRef();
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      ready = _useState2[0],
+      setReady = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var _useState5 = useState(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      columnState = _useState6[0],
+      setColumnState = _useState6[1];
+
+  var _useState7 = useState([]),
+      _useState8 = _slicedToArray(_useState7, 2),
+      rowData = _useState8[0],
+      setRowData = _useState8[1];
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectRows = _useState10[0],
+      setSelectRows = _useState10[1];
+
+  var _useState11 = useState({}),
+      _useState12 = _slicedToArray(_useState11, 2),
+      queryFilter = _useState12[0],
+      setQueryFilter = _useState12[1];
+
+  var _useState13 = useState(),
+      _useState14 = _slicedToArray(_useState13, 2),
+      sortColumn = _useState14[0],
+      setSortColumn = _useState14[1];
+
+  var _useState15 = useState({
+    pageSize: 200,
+    current: 1,
+    total: dataSource ? dataSource.length : 0
+  }),
+      _useState16 = _slicedToArray(_useState15, 2),
+      pagination = _useState16[0],
+      setPagination = _useState16[1];
+
+  useImperativeHandle(propsGridRef, function () {
+    return gridRef.current;
+  }); //默认列属性
+
+  var defaultColDef = {
+    resizable: true,
+    sortable: true,
+    headerComponentParams: {
+      template: '<div class="ag-cell-label-container" role="presentation">' + // '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button" aria-hidden="true"></span>' +
+      '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' + '    <span ref="eText" class="ag-header-cell-text"></span>' + // '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
+      // '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
+      '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' + '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' + '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' + '  </div>' + '</div>'
+    }
+  }; //请求数据
+
+  useEffect(function () {
+    if (ready && request) {
+      onRequest(queryFilter);
+    }
+  }, [ready, JSON.stringify(gridParams), JSON.stringify(sortColumn), pagination.pageSize, pagination.current]); // 加载列方案
+
+  useEffect(function () {
+    // let columnStates = columnsRef.current!.getColumnState();
+    if (gridColumnState && columnsRef.current) {
+      columnsRef.current.applyColumnState({
+        state: gridColumnState,
+        applyOrder: true
+      });
+    }
+  }, [gridColumnState, columnsRef.current]);
+  useEffect(function () {
+    setRowData(dataSource || propRowData || []);
+  }, [dataSource, propRowData]);
+  var onGridReady = useCallback(function (params) {
+    var _columnsRef$current;
+
+    apiRef.current = params.api;
+    columnsRef.current = params.columnApi;
+    onReady && onReady(params); ///@ts-ignore
+
+    dataSource && setRowData(dataSource);
+    setColumnState((_columnsRef$current = columnsRef.current) === null || _columnsRef$current === void 0 ? void 0 : _columnsRef$current.getColumnState());
+    sortChanged(params.columnApi);
+    setReady(true);
+  }, [dataSource]);
+
+  var onRequest = function onRequest(queryFilter) {
+    setLoading(true);
+    var filter = convertFilterModel(queryFilter);
+
+    var params = _objectSpread(_objectSpread({
+      filter: filter
+    }, gridParams), {}, {
+      current: pagination.current,
+      skipCount: pagination.current == 1 ? 0 : (pagination.current - 1) * pagination.pageSize,
+      maxResultCount: pagination.pageSize,
+      sorter: getSort(sortColumn)
+    });
+
+    request && request(params, undefined, queryFilter).then(function (response) {
+      var rowData = response.data;
+      var rowCount = response.total;
+      setRowData(rowData);
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        total: rowCount
+      }));
+      setLoading(false);
+    }).catch(function () {
+      setLoading(false);
+    });
+  };
+
+  var actionDom = toolBarRender && toolBarRender(apiRef.current, convertFilterModel(queryFilter), queryFilter);
+
+  var sortChanged = function sortChanged(columnApi) {
+    var sortedColumn = columnApi.getColumnState().find(function (col) {
+      return Boolean(col.sort);
+    });
+    setSortColumn(sortedColumn);
+  };
+
+  var onRefresh = function onRefresh() {
+    request && onRequest(queryFilter);
+  };
+
+  var onSaveColumnState = function onSaveColumnState(columnState) {};
+
+  useEffect(function () {
+    gridRef.current = {
+      onRefresh: onRefresh
+    };
+  }, [queryFilter, JSON.stringify(sortColumn)]);
+  return /*#__PURE__*/React.createElement(Spin, {
+    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, {
+    columnStates: columnState || [],
+    gridApi: apiRef.current,
+    onQuery: function onQuery(formValues) {
+      setQueryFilter(_objectSpread({}, formValues));
+      onRequest && onRequest(formValues);
+    }
+  }), /*#__PURE__*/React.createElement(Card, {
+    bordered: false,
+    headStyle: {
+      border: 0
+    },
+    bodyStyle: {
+      margin: 0,
+      padding: 12,
+      paddingTop: 0,
+      height: "100%",
+      display: "flex",
+      flexDirection: "column"
+    },
+    style: {
+      height: "100%"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      display: "flex",
+      flexDirection: "column",
+      height: "100%"
+    }, style)
+  }, hideRedo ? null : /*#__PURE__*/React.createElement(ToolBar, {
+    title: headerTitle,
+    actions: actionDom,
+    settings: [/*#__PURE__*/React.createElement(SettingItem, {
+      onClick: onRefresh,
+      icon: /*#__PURE__*/React.createElement(RedoOutlined, null)
+    }), /*#__PURE__*/React.createElement(Setting, {
+      gridApi: apiRef.current,
+      columnApi: columnsRef.current,
+      onSaveColumnState: onSaveColumnState
+    })]
+  }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
+    className: "ag-theme-alpine"
+  }, rest, {
+    //指定客户端模式
+    rowModelType: "clientSide",
+    rowData: props.treeData ? flatten(toTree(rowData), treeParentName) : rowData,
+    onGridReady: onGridReady,
+    defaultColDef: defaultColDef,
+    onSortChanged: function onSortChanged(event) {
+      sortChanged(event.columnApi);
+    },
+    onSelectionChanged: function onSelectionChanged(e) {
+      props.onSelectionChanged && props.onSelectionChanged(e);
+      setSelectRows(e.api.getSelectedRows());
+    },
+    onDragStopped: function onDragStopped(e) {
+      if (columnsRef.current) {
+        var _columnsRef$current2;
+
+        setColumnState((_columnsRef$current2 = columnsRef.current) === null || _columnsRef$current2 === void 0 ? void 0 : _columnsRef$current2.getColumnState());
+      }
+    },
+    onColumnResized: function onColumnResized(e) {
+      if (columnsRef.current) {
+        var _columnsRef$current3, _columnsRef$current4;
+
+        console.log((_columnsRef$current3 = columnsRef.current) === null || _columnsRef$current3 === void 0 ? void 0 : _columnsRef$current3.getColumnState());
+        setColumnState((_columnsRef$current4 = columnsRef.current) === null || _columnsRef$current4 === void 0 ? void 0 : _columnsRef$current4.getColumnState());
+      }
+    },
+    onColumnMoved: function onColumnMoved() {
+      if (columnsRef.current) {
+        var _columnsRef$current5;
+
+        setColumnState((_columnsRef$current5 = columnsRef.current) === null || _columnsRef$current5 === void 0 ? void 0 : _columnsRef$current5.getColumnState());
+      }
+    },
+    columnTypes: {
+      bool: {
+        filter: 'boolFilter',
+        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'
+      },
+      dateColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: dateValueFormatter
+      },
+      dateTimeColumn: {
+        filter: 'agDateColumnFilter',
+        valueFormatter: dateTimeValueFormatter
+      }
+    },
+    animateRows: true //停用默认分页组件
+    ,
+    suppressPaginationPanel: true
+  }), props.rowSelection ? /*#__PURE__*/React.createElement(AgGridColumn, {
+    field: "",
+    width: 30,
+    flex: 0,
+    headerCheckboxSelection: true,
+    checkboxSelection: true,
+    showDisabledCheckboxes: true,
+    filter: false,
+    pinned: "left"
+  }) : null, React.Children.map(children, function (child, index) {
+    return child;
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 12,
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement(Pagination, {
+    pageSize: pagination.pageSize,
+    current: pagination.current,
+    total: pagination.total,
+    onChange: function onChange(page, pageSize) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: pageSize,
+        current: page
+      }));
+    },
+    onShowSizeChange: function onShowSizeChange(current, size) {
+      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+        pageSize: size,
+        current: current
+      }));
+    },
+    size: "small",
+    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],
+    hideOnSinglePage: true,
+    showQuickJumper: false
+  })))));
+}
+
+export default AgGridPlus;

package/dist/esm/ag-grid-plus/global.scss

@@ -0,0 +1,23 @@
+// New API
+@use "~ag-grid-community/styles" as ag;
+@include ag.grid-styles(( // theme: alpine,
+        // alpine-active-color: red,
+        odd-row-background-color:#fafafa,
+        secondary-border-color:#f0f0f0,
+        border-color:#f0f0f5,
+        foreground-color: rgba(0, 0, 0, 0.88),
+
+        --ag-font-size: 11px,
+        --ag-font-family: ('microsoft yahei', 'Helvetica', 'Arial'),
+
+        --ag-borders: solid 0px,
+        --ag-borders-row: solid 1px,
+        --ag-row-border-color:#f0f0f5,
+        --ag-grid-size: 4px,
+
+        --ag-header-background-color: #fafafa,
+    ));
+
+.ag-theme-alpine .ag-header-group-cell {
+    font-weight: 600;
+}

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

@@ -0,0 +1,8 @@
+import { ColumnApi, GridApi } from "ag-grid-community";
+export default class GridManage {
+    agGridApi: GridApi | undefined;
+    agGridColumnApi: ColumnApi | undefined;
+    rowkey: string | undefined;
+    columnsDefs: any[] | undefined;
+    dataSourceChanged(dataSource?: any[]): void;
+}

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

@@ -0,0 +1,44 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var GridManage = /*#__PURE__*/function () {
+  function GridManage() {
+    _classCallCheck(this, GridManage);
+
+    _defineProperty(this, "agGridApi", void 0);
+
+    _defineProperty(this, "agGridColumnApi", void 0);
+
+    _defineProperty(this, "rowkey", void 0);
+
+    _defineProperty(this, "columnsDefs", void 0);
+  }
+
+  _createClass(GridManage, [{
+    key: "dataSourceChanged",
+    value: function dataSourceChanged() {// if (!Array.isArray(dataSource) || !this.agGridApi) return;
+      // const gridDataSource: any[] = [];
+      // this.agGridApi.forEachNode(node => {
+      //     if (node.data) gridDataSource.push(node.data);
+      // });
+      // if (isEqual(dataSource, gridDataSource) || isEqual(dataSource, this.agGridConfig.dataSource))
+      //     return this.agGridApi.setRowData(dataSource);
+      // this.reset({
+      //     dataSource: dataSource,
+      // });
+      // this.agGridApi.setRowData([]);
+      // this.agGridApi.setRowData(dataSource);
+
+      var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    }
+  }]);
+
+  return GridManage;
+}();
+
+export { GridManage as default };

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

@@ -0,0 +1,4 @@
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+export { AgGridPlus, AgGridColumn };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

@@ -0,0 +1,4 @@
+import AgGridPlus from "./ag-gridPlus";
+import { AgGridColumn } from "./interface";
+export { AgGridPlus, AgGridColumn };
+export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

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

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