pro-comp-x 0.0.1 → 0.0.2

package/dist/esm/components/PageList/FilterForm/index.d.ts

@@ -0,0 +1,53 @@
+import React from 'react';
+import { FormInstance } from 'antd';
+import { FormItemType, CompTypes } from '../../RenderForm';
+export type FilterModeType = 'default' | 'simple';
+export type FilterPlacementType = 'left' | 'right';
+export type pageSizeType = 'default' | 'mini' | 'compact' | 'large';
+export type FilterTriggerType = 'click' | 'manual';
+export type formItemColumnsType = Omit<FormItemType<CompTypes>, 'span'> & {
+    span?: number | {
+        [key: string]: number;
+    };
+};
+export interface FilterFormItemType {
+    prefixCls?: string;
+    filterColumns?: formItemColumnsType[];
+    pageSize?: pageSizeType;
+    form?: FormInstance;
+    span?: number | {
+        [key: string]: number;
+    };
+    initialValues?: {
+        [key: string]: any;
+    };
+    gridBreakpoint?: {
+        [key: string]: number;
+    };
+    filterLayouts?: {
+        [key: string]: any;
+    } | null;
+    onQuery?: (params: {
+        [key: string]: any;
+    }) => void;
+    onReset?: () => void;
+}
+export interface FilterFormType extends Omit<FilterFormItemType, 'pageSize'> {
+    title?: string | React.ReactNode;
+    extra?: string | React.ReactNode;
+    prefixCls?: string;
+    filterMode?: FilterModeType;
+    noPadding?: boolean;
+    simpleFilterColumns?: formItemColumnsType[];
+    simpleFilterPlacement?: FilterPlacementType;
+    simpleFilterTrigger?: FilterTriggerType;
+    className?: string;
+    setFilterMode?: (filterMode: FilterModeType) => void;
+}
+declare const FilterFormItems: ({ form, span, initialValues, onQuery, onReset, prefixCls, pageSize, filterColumns, gridBreakpoint, filterLayouts, }: FilterFormItemType) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 查询表单
+ */
+declare const FilterForm: ({ form, span, initialValues, filterColumns, simpleFilterColumns, gridBreakpoint, filterLayouts, title, extra, prefixCls, filterMode, simpleFilterPlacement, simpleFilterTrigger, noPadding, className, setFilterMode, onQuery, onReset, }: FilterFormType) => import("react/jsx-runtime").JSX.Element;
+export { FilterFormItems };
+export default FilterForm;

package/dist/esm/components/PageList/FilterForm/index.js

@@ -1,5 +1,4 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
+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(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -13,14 +12,13 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import React, { useMemo } from 'react';
+import { Button } from 'antd';
 import { UpOutlined, DownOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
 import Panel from "../../Panel";
 import { ConfigContext } from 'antd/es/config-provider';
 import RenderForm from "../../RenderForm";
 import getClassPrefix from "../../../utils/getClassPrefix";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var isDomNode = function isDomNode(target) {
   return typeof target === 'string' || /*#__PURE__*/React.isValidElement(target);
 };
@@ -113,7 +111,7 @@ var FilterFormItems = function FilterFormItems(_ref) {
     }, [filterColumns, span, breakpoint]),
     filterItemSpan = _useMemo.filterItemSpan,
     filterHandleSpan = _useMemo.filterHandleSpan;
-  return /*#__PURE__*/_jsx(RenderForm, _objectSpread(_objectSpread({}, filterLayouts || {}), {}, {
+  return /*#__PURE__*/React.createElement(RenderForm, _extends({}, filterLayouts || {}, {
     initialValues: initialValues,
     form: form,
     gutter: 24,
@@ -145,18 +143,15 @@ var FilterFormItems = function FilterFormItems(_ref) {
         }
       },
       render: function render() {
-        return /*#__PURE__*/_jsxs("div", {
-          className: classnames(clsPrefix, "".concat(clsPrefix, "-btns")),
-          children: [/*#__PURE__*/_jsx(_Button, {
-            type: "primary",
-            onClick: onQuery,
-            children: "\u67E5\u8BE2"
-          }), /*#__PURE__*/_jsx(_Button, {
-            type: "default",
-            onClick: onReset,
-            children: "\u91CD\u7F6E"
-          })]
-        });
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames(clsPrefix, "".concat(clsPrefix, "-btns"))
+        }, /*#__PURE__*/React.createElement(Button, {
+          type: "primary",
+          onClick: onQuery
+        }, "\u67E5\u8BE2"), /*#__PURE__*/React.createElement(Button, {
+          type: "default",
+          onClick: onReset
+        }, "\u91CD\u7F6E"));
       }
     }]) : []
   }));
@@ -210,65 +205,56 @@ var FilterForm = function FilterForm(_ref2) {
   }, [simpleFilterColumns]);
   var renderSimpleBtns = function renderSimpleBtns() {
     if (Array.isArray(filterColumns) && filterColumns.length > 0 && typeof setFilterMode === 'function' || simpleFilterTrigger === 'click') {
-      return /*#__PURE__*/_jsxs("div", {
-        className: classnames(clsPrefix, "".concat(clsPrefix, "-btns")),
-        children: [simpleFilterTrigger === 'click' && /*#__PURE__*/_jsxs("div", {
-          className: classnames(clsPrefix, "".concat(clsPrefix, "-btns")),
-          children: [/*#__PURE__*/_jsx(_Button, {
-            type: "primary",
-            onClick: onQuery,
-            children: "\u67E5\u8BE2"
-          }), !(Array.isArray(filterColumns) && filterColumns.length > 0) ? /*#__PURE__*/_jsx(_Button, {
-            onClick: onReset,
-            children: "\u91CD\u7F6E"
-          }) : null]
-        }), Array.isArray(filterColumns) && filterColumns.length > 0 && typeof setFilterMode === 'function' ? /*#__PURE__*/_jsxs(_Button, {
-          onClick: function onClick() {
-            setFilterMode(filterMode === 'simple' ? 'default' : 'simple');
-          },
-          children: [filterMode === 'simple' ? '更多筛选项' : '收起筛选项', filterMode === 'simple' ? /*#__PURE__*/_jsx(DownOutlined, {}) : /*#__PURE__*/_jsx(UpOutlined, {})]
-        }) : null]
-      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames(clsPrefix, "".concat(clsPrefix, "-btns"))
+      }, simpleFilterTrigger === 'click' && /*#__PURE__*/React.createElement("div", {
+        className: classnames(clsPrefix, "".concat(clsPrefix, "-btns"))
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: onQuery
+      }, "\u67E5\u8BE2"), !(Array.isArray(filterColumns) && filterColumns.length > 0) ? /*#__PURE__*/React.createElement(Button, {
+        onClick: onReset
+      }, "\u91CD\u7F6E") : null), Array.isArray(filterColumns) && filterColumns.length > 0 && typeof setFilterMode === 'function' ? /*#__PURE__*/React.createElement(Button, {
+        onClick: function onClick() {
+          setFilterMode(filterMode === 'simple' ? 'default' : 'simple');
+        }
+      }, filterMode === 'simple' ? '更多筛选项' : '收起筛选项', filterMode === 'simple' ? /*#__PURE__*/React.createElement(DownOutlined, null) : /*#__PURE__*/React.createElement(UpOutlined, null)) : null);
     }
     return null;
   };
   var renderSimpleFilter = function renderSimpleFilter() {
     if (hasSimpleFilter) {
-      return /*#__PURE__*/_jsxs("div", {
-        className: classnames("".concat(clsPrefix, "-simple")),
-        children: [/*#__PURE__*/_jsx(RenderForm, {
-          form: form,
-          layout: "inline",
-          formMode: "default",
-          formItems: simpleFilterColumns
-        }), renderSimpleBtns()]
-      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames("".concat(clsPrefix, "-simple"))
+      }, /*#__PURE__*/React.createElement(RenderForm, {
+        form: form,
+        layout: "inline",
+        formMode: "default",
+        formItems: simpleFilterColumns
+      }), renderSimpleBtns());
     }
     return null;
   };
-  return /*#__PURE__*/_jsx(Panel, {
+  return /*#__PURE__*/React.createElement(Panel, {
     mode: "card",
     noPadding: noPadding,
-    title: hasSimpleFilter && simpleFilterPlacement === 'left' || isDomNode(title) ? /*#__PURE__*/_jsxs("div", {
-      className: "".concat(clsPrefix, "-head-cell"),
-      children: [isDomNode(title) && title, simpleFilterPlacement === 'left' && renderSimpleFilter()]
-    }) : null,
-    extra: hasSimpleFilter && simpleFilterPlacement === 'right' || isDomNode(extra) ? /*#__PURE__*/_jsxs("div", {
-      className: "".concat(clsPrefix, "-head-extra"),
-      children: [simpleFilterPlacement === 'right' && renderSimpleFilter(), isDomNode(extra) && extra]
-    }) : null,
-    className: classnames(clsPrefix, className),
-    children: filterMode && filterMode === 'default' && Array.isArray(filterColumns) && filterColumns.length > 0 ? /*#__PURE__*/_jsx(FilterFormItems, {
-      form: form,
-      span: span,
-      filterColumns: filterColumns,
-      initialValues: initialValues,
-      gridBreakpoint: gridBreakpoint,
-      filterLayouts: filterLayouts,
-      onQuery: onQuery,
-      onReset: onReset
-    }) : null
-  });
+    title: hasSimpleFilter && simpleFilterPlacement === 'left' || isDomNode(title) ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(clsPrefix, "-head-cell")
+    }, isDomNode(title) && title, simpleFilterPlacement === 'left' && renderSimpleFilter()) : null,
+    extra: hasSimpleFilter && simpleFilterPlacement === 'right' || isDomNode(extra) ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(clsPrefix, "-head-extra")
+    }, simpleFilterPlacement === 'right' && renderSimpleFilter(), isDomNode(extra) && extra) : null,
+    className: classnames(clsPrefix, className)
+  }, filterMode && filterMode === 'default' && Array.isArray(filterColumns) && filterColumns.length > 0 ? /*#__PURE__*/React.createElement(FilterFormItems, {
+    form: form,
+    span: span,
+    filterColumns: filterColumns,
+    initialValues: initialValues,
+    gridBreakpoint: gridBreakpoint,
+    filterLayouts: filterLayouts,
+    onQuery: onQuery,
+    onReset: onReset
+  }) : null);
 };
 export { FilterFormItems };
 export default FilterForm;

package/dist/esm/components/PageList/index.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { ColumnType, ColumnGroupType, TablePaginationConfig, TableProps } from 'antd/es/table';
+import { type FilterPlacementType, type FilterTriggerType, type FilterModeType } from './FilterForm';
+import type { FormItemType, CompTypes } from '../RenderForm';
+import { FormInstance } from 'antd/es/form';
+export type pageSizeType = 'default' | 'mini' | 'small' | 'compact' | 'large';
+export type FetchListOptionsType = {
+    isReset?: boolean;
+    isLoad?: boolean;
+};
+export declare const defFetchListOptions: FetchListOptionsType;
+interface PageListProps {
+    isAutoFetch?: boolean;
+    hasSpace?: boolean;
+    noPadding?: boolean;
+    rowKey?: string | ((record: {
+        [key: string]: any;
+    }) => string);
+    loading?: boolean;
+    paging?: boolean;
+    className?: string;
+    prefixCls?: string;
+    pageSize?: pageSizeType;
+    filter?: {
+        [key: string]: any;
+    };
+    tableTitle?: string | React.ReactNode;
+    tableSubtitle?: string | React.ReactNode;
+    tableExtra?: string | React.ReactNode;
+    filterExtra?: string | React.ReactNode;
+    filterTitle?: string | React.ReactNode;
+    tableProps?: TableProps<unknown>;
+    simpleFilterColumns?: FormItemType<CompTypes>[];
+    filterColumns?: FormItemType<CompTypes>[];
+    filterSpan?: number;
+    filterLayouts?: {
+        [key: string]: any;
+    };
+    columns?: (ColumnGroupType<any> | ColumnType<any>)[];
+    dataSource?: {
+        [key: string]: any;
+    }[];
+    dataTotal?: number;
+    pagination?: TablePaginationConfig & {
+        pageCurrentIndex?: string;
+        pageSizeIndex?: string;
+    };
+    simpleFilterPlacement?: FilterPlacementType;
+    simpleFilterTrigger?: FilterTriggerType;
+    children?: React.ReactNode | ((records: {
+        [key: string]: any;
+    }[]) => React.ReactNode);
+    filterInitValues?: {
+        [key: string]: any;
+    };
+    filterMode?: FilterModeType;
+    setFilterMode?: (filterMode: FilterModeType) => void;
+    fetchListFn?: (params?: {
+        [key: string]: any;
+    }, options?: FetchListOptionsType) => void;
+    onQuery?: (params: {
+        [key: string]: any;
+    }) => void;
+    onReset?: () => void;
+    onQueryCallback?: (params: any) => void;
+    onResetCallback?: () => void;
+}
+export interface PageListRef {
+    form: FormInstance;
+}
+/**
+ * 分页组件
+ */
+declare const PageList: React.ForwardRefExoticComponent<PageListProps & React.RefAttributes<PageListRef>>;
+export type { PageListProps, FilterModeType, FilterPlacementType, };
+export default PageList;