@ant-design/pro-components 3.0.2-0 → 3.1.1-0

package/es/table/TableSearch.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ParamsType } from '../provider';
+import type { ActionType, ProTableProps } from './typing';
+export type TableSearchProps<T extends Record<string, any>, U, ValueType> = {
+    search: ProTableProps<T, U, ValueType>['search'];
+    type: ProTableProps<T, U, ValueType>['type'];
+    pagination: ProTableProps<T, U, ValueType>['pagination'];
+    beforeSearchSubmit: ProTableProps<T, U, ValueType>['beforeSearchSubmit'];
+    actionRef: React.MutableRefObject<ActionType | undefined>;
+    columns: ProTableProps<T, U, ValueType>['columns'];
+    onFormSearchSubmit: <Y extends ParamsType>(values: Y) => any;
+    ghost: ProTableProps<T, U, ValueType>['ghost'];
+    onReset: ProTableProps<T, U, ValueType>['onReset'];
+    onSubmit: ProTableProps<T, U, ValueType>['onSubmit'];
+    loading: boolean;
+    manualRequest: ProTableProps<T, U, ValueType>['manualRequest'];
+    form: ProTableProps<T, U, ValueType>['form'];
+    formRef: React.MutableRefObject<any>;
+    cardBordered: ProTableProps<T, U, ValueType>['cardBordered'];
+    dateFormatter: ProTableProps<T, U, ValueType>['dateFormatter'];
+    searchFormRender: ProTableProps<T, U, ValueType>['searchFormRender'];
+    proTableProps: ProTableProps<T, U, ValueType>;
+};
+export declare function TableSearch<T extends Record<string, any>, U, ValueType>(props: TableSearchProps<T, U, ValueType>): React.ReactNode;

package/es/table/TableSearch.js

@@ -0,0 +1,54 @@
+import React, { useMemo } from 'react';
+import FormRender from "./components/Form";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export function TableSearch(props) {
+  const {
+    search,
+    type,
+    pagination,
+    beforeSearchSubmit,
+    actionRef,
+    columns,
+    onFormSearchSubmit,
+    ghost,
+    onReset,
+    onSubmit,
+    loading,
+    manualRequest,
+    form,
+    formRef,
+    cardBordered,
+    dateFormatter,
+    searchFormRender,
+    proTableProps
+  } = props;
+  return useMemo(() => {
+    const node = search === false && type !== 'form' ? null : /*#__PURE__*/_jsx(FormRender, {
+      pagination: pagination,
+      beforeSearchSubmit: beforeSearchSubmit,
+      action: actionRef,
+      columns: columns,
+      onFormSearchSubmit: values => {
+        onFormSearchSubmit(values);
+      },
+      ghost: ghost,
+      onReset: onReset,
+      onSubmit: onSubmit,
+      loading: loading,
+      manualRequest: manualRequest,
+      search: search,
+      form: form,
+      formRef: formRef,
+      type: type || 'table',
+      cardBordered: cardBordered,
+      dateFormatter: dateFormatter
+    });
+    if (searchFormRender && node) {
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: searchFormRender(proTableProps, node)
+      });
+    }
+    return node;
+  }, [actionRef, beforeSearchSubmit, cardBordered, columns, dateFormatter, form, formRef, ghost, loading, manualRequest, onFormSearchSubmit, onReset, onSubmit, pagination, proTableProps, search, searchFormRender, type]);
+}

package/es/table/TableToolbar.d.ts

@@ -0,0 +1,22 @@
+import type { Key } from 'react';
+import React from 'react';
+import type { ActionType } from '.';
+import type { ProTableProps } from './typing';
+export type TableToolbarProps<T extends Record<string, any>> = {
+    toolBarRender: ProTableProps<T, any, any>['toolBarRender'];
+    headerTitle: ProTableProps<T, any, any>['headerTitle'];
+    hideToolbar: boolean;
+    selectedRows: T[];
+    selectedRowKeys: (string | number | Key)[] | undefined;
+    tableColumn: any[];
+    tooltip: ProTableProps<T, any, any>['tooltip'];
+    toolbar: ProTableProps<T, any, any>['toolbar'];
+    isLightFilter: boolean;
+    searchNode: React.ReactNode;
+    options: ProTableProps<T, any, any>['options'];
+    optionsRender: ProTableProps<T, any, any>['optionsRender'];
+    actionRef: React.MutableRefObject<ActionType | undefined>;
+    setFormSearch: (value: Record<string, any> | undefined) => void;
+    formSearch: Record<string, any> | undefined;
+};
+export declare function TableToolbar<T extends Record<string, any>>(props: TableToolbarProps<T>): React.ReactNode;

package/es/table/TableToolbar.js

@@ -0,0 +1,47 @@
+import React, { useMemo } from 'react';
+import Toolbar from "./components/ToolBar";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function TableToolbar(props) {
+  const {
+    toolBarRender,
+    headerTitle,
+    hideToolbar,
+    selectedRows,
+    selectedRowKeys,
+    tableColumn,
+    tooltip,
+    toolbar,
+    isLightFilter,
+    searchNode,
+    options,
+    optionsRender,
+    actionRef,
+    setFormSearch,
+    formSearch
+  } = props;
+  return useMemo(() => {
+    if (toolBarRender === false) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(Toolbar, {
+      headerTitle: headerTitle,
+      hideToolbar: hideToolbar,
+      selectedRows: selectedRows,
+      selectedRowKeys: selectedRowKeys,
+      tableColumn: tableColumn,
+      tooltip: tooltip,
+      toolbar: toolbar,
+      onFormSearchSubmit: newValues => {
+        setFormSearch({
+          ...(formSearch || {}),
+          ...newValues
+        });
+      },
+      searchNode: isLightFilter ? searchNode : null,
+      options: options,
+      optionsRender: optionsRender,
+      actionRef: actionRef,
+      toolBarRender: toolBarRender
+    });
+  }, [actionRef, formSearch, headerTitle, hideToolbar, isLightFilter, options, optionsRender, searchNode, selectedRowKeys, selectedRows, setFormSearch, tableColumn, toolBarRender, tooltip, toolbar]);
+}

package/es/table/components/Alert/index.d.ts

@@ -14,5 +14,5 @@ export type TableAlertProps<T> = {
     onCleanSelected: () => void;
     alertOptionRender?: AlertRenderType<T>;
 };
-declare function TableAlert<T>({ selectedRowKeys, onCleanSelected, alwaysShowAlert, selectedRows, alertInfoRender, alertOptionRender, }: TableAlertProps<T>): React.JSX.Element | null;
+declare function TableAlert<T>({ selectedRowKeys, onCleanSelected, alwaysShowAlert, selectedRows, alertInfoRender, alertOptionRender, }: TableAlertProps<T>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export default TableAlert;

package/es/table/components/Alert/index.js

@@ -4,65 +4,66 @@ import { useIntl } from "../../../provider";
 import { useStyle } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var defaultAlertOptionRender = function defaultAlertOptionRender(props) {
-  var intl = props.intl,
-    onCleanSelected = props.onCleanSelected;
+const defaultAlertOptionRender = props => {
+  const {
+    intl,
+    onCleanSelected
+  } = props;
   return [/*#__PURE__*/_jsx("a", {
     onClick: onCleanSelected,
     children: intl.getMessage('alert.clear', '清空')
   }, "0")];
 };
-function TableAlert(_ref) {
-  var _ref$selectedRowKeys = _ref.selectedRowKeys,
-    selectedRowKeys = _ref$selectedRowKeys === void 0 ? [] : _ref$selectedRowKeys,
-    onCleanSelected = _ref.onCleanSelected,
-    alwaysShowAlert = _ref.alwaysShowAlert,
-    selectedRows = _ref.selectedRows,
-    _ref$alertInfoRender = _ref.alertInfoRender,
-    alertInfoRender = _ref$alertInfoRender === void 0 ? function (_ref2) {
-      var intl = _ref2.intl;
-      return /*#__PURE__*/_jsxs(Space, {
-        children: [intl.getMessage('alert.selected', '已选择'), selectedRowKeys.length, intl.getMessage('alert.item', '项'), "\xA0\xA0"]
-      });
-    } : _ref$alertInfoRender,
-    _ref$alertOptionRende = _ref.alertOptionRender,
-    alertOptionRender = _ref$alertOptionRende === void 0 ? defaultAlertOptionRender : _ref$alertOptionRende;
-  var intl = useIntl();
-  var option = alertOptionRender && alertOptionRender({
-    onCleanSelected: onCleanSelected,
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows,
-    intl: intl
+function TableAlert({
+  selectedRowKeys = [],
+  onCleanSelected,
+  alwaysShowAlert,
+  selectedRows,
+  alertInfoRender = ({
+    intl
+  }) => /*#__PURE__*/_jsxs(Space, {
+    children: [intl.getMessage('alert.selected', '已选择'), selectedRowKeys.length, intl.getMessage('alert.item', '项'), "\xA0\xA0"]
+  }),
+  alertOptionRender = defaultAlertOptionRender
+}) {
+  const intl = useIntl();
+  const option = alertOptionRender && alertOptionRender({
+    onCleanSelected,
+    selectedRowKeys,
+    selectedRows,
+    intl
   });
-  var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
-  var className = getPrefixCls('pro-table-alert');
-  var _useStyle = useStyle(className),
-    wrapSSR = _useStyle.wrapSSR,
-    hashId = _useStyle.hashId;
+  const {
+    getPrefixCls
+  } = useContext(ConfigProvider.ConfigContext);
+  const className = getPrefixCls('pro-table-alert');
+  const {
+    wrapSSR,
+    hashId
+  } = useStyle(className);
   if (alertInfoRender === false) {
     return null;
   }
-  var dom = alertInfoRender({
-    intl: intl,
-    selectedRowKeys: selectedRowKeys,
-    selectedRows: selectedRows,
-    onCleanSelected: onCleanSelected
+  const dom = alertInfoRender({
+    intl,
+    selectedRowKeys,
+    selectedRows,
+    onCleanSelected
   });
   if (dom === false || selectedRowKeys.length < 1 && !alwaysShowAlert) {
     return null;
   }
   return wrapSSR( /*#__PURE__*/_jsx("div", {
-    className: "".concat(className, " ").concat(hashId).trim(),
+    className: `${className} ${hashId}`.trim(),
     children: /*#__PURE__*/_jsx("div", {
-      className: "".concat(className, "-container ").concat(hashId).trim(),
+      className: `${className}-container ${hashId}`.trim(),
       children: /*#__PURE__*/_jsxs("div", {
-        className: "".concat(className, "-info ").concat(hashId).trim(),
+        className: `${className}-info ${hashId}`.trim(),
         children: [/*#__PURE__*/_jsx("div", {
-          className: "".concat(className, "-info-content ").concat(hashId).trim(),
+          className: `${className}-info-content ${hashId}`.trim(),
           children: dom
         }), option ? /*#__PURE__*/_jsx("div", {
-          className: "".concat(className, "-info-option ").concat(hashId).trim(),
+          className: `${className}-info-option ${hashId}`.trim(),
           children: option
         }) : null]
       })

package/es/table/components/Alert/style.d.ts

@@ -4,6 +4,6 @@ export interface ProToken extends ProAliasToken {
     componentCls: string;
 }
 export declare function useStyle(prefixCls: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     hashId: string;
 };

package/es/table/components/Alert/style.js

@@ -1,36 +1,37 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { setAlpha, useStyle as useAntdStyle } from "../../../provider";
-var genProStyle = function genProStyle(token) {
-  return _defineProperty({}, token.componentCls, {
-    marginBlockEnd: 16,
-    backgroundColor: setAlpha(token.colorTextBase, 0.02),
-    borderRadius: token.borderRadius,
-    border: 'none',
-    '&-container': {
-      paddingBlock: token.paddingSM,
-      paddingInline: token.paddingLG
-    },
-    '&-info': {
-      display: 'flex',
-      alignItems: 'center',
-      transition: 'all 0.3s',
-      color: token.colorTextTertiary,
-      '&-content': {
-        flex: 1
+const genProStyle = token => {
+  return {
+    [token.componentCls]: {
+      marginBlockEnd: 16,
+      backgroundColor: setAlpha(token.colorTextBase, 0.02),
+      borderRadius: token.borderRadius,
+      border: 'none',
+      '&-container': {
+        paddingBlock: token.paddingSM,
+        paddingInline: token.paddingLG
       },
-      '&-option': {
-        minWidth: 48,
-        paddingInlineStart: 16
+      '&-info': {
+        display: 'flex',
+        alignItems: 'center',
+        transition: 'all 0.3s',
+        color: token.colorTextTertiary,
+        '&-content': {
+          flex: 1
+        },
+        '&-option': {
+          minWidth: 48,
+          paddingInlineStart: 16
+        }
       }
     }
-  });
+  };
 };
 export function useStyle(prefixCls) {
-  return useAntdStyle('ProTableAlert', function (token) {
-    var proToken = _objectSpread(_objectSpread({}, token), {}, {
-      componentCls: ".".concat(prefixCls)
-    });
+  return useAntdStyle('ProTableAlert', token => {
+    const proToken = {
+      ...token,
+      componentCls: `.${prefixCls}`
+    };
     return [genProStyle(proToken)];
   });
 }

package/es/table/components/ColumnSetting/index.d.ts

@@ -4,5 +4,5 @@ import type { SettingOptionType } from '../ToolBar';
 type ColumnSettingProps<T = any> = SettingOptionType & {
     columns: TableColumnType<T>[];
 };
-declare function ColumnSetting<T>(props: ColumnSettingProps<T>): React.JSX.Element;
+declare function ColumnSetting<T>(props: ColumnSettingProps<T>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default ColumnSetting;