fix: windows path style

2025-03-27 12:17:52 +08:00
parent 861e95673d
commit 0d80269e2d
3 changed files with 171 additions and 92 deletions
@@ -1,4 +1,13 @@
-import { useMemo } from 'react';
+import DropDownActions from '@/components/drop-down-actions';
+import {
+  DeleteOutlined,
+  DownOutlined,
+  PlusOutlined,
+  SyncOutlined
+} from '@ant-design/icons';
+import { useIntl } from '@umijs/max';
+import { Button, Input, Select, Space } from 'antd';
+import React, { useMemo } from 'react';
 import './index.less';

 type PageToolsProps = {
@@ -36,4 +45,136 @@ const PageTools: React.FC<PageToolsProps> = (props) => {
  );
 };

+interface ActionItem {
+  label: string;
+  locale: boolean;
+  value: string;
+  key: string;
+  icon: React.ReactNode;
+}
+interface FilterBarProps {
+  handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  handleSelectChange?: (value: any) => void;
+  handleSearch: () => void;
+  handleDeleteByBatch: () => void;
+  handleClickPrimary: (item: any) => void;
+  rowSelection: any;
+  actionItems: ActionItem[];
+  selectOptions?: Global.BaseListItem<string>[];
+  showSelect?: boolean;
+  buttonText: string;
+  buttonIcon?: React.ReactNode;
+  marginBottom?: number;
+  marginTop?: number;
+  inputHolder: string;
+  selectHolder: string;
+  actionType: 'dropdown' | 'button';
+  width?: {
+    input: number;
+    select: number;
+  };
+}
+
+export const FilterBar: React.FC<FilterBarProps> = (props) => {
+  const {
+    handleInputChange,
+    handleSelectChange,
+    handleSearch,
+    handleDeleteByBatch,
+    handleClickPrimary,
+    rowSelection,
+    actionItems,
+    selectOptions,
+    showSelect,
+    buttonText,
+    buttonIcon,
+    actionType,
+    marginBottom = 10,
+    marginTop = 10,
+    inputHolder,
+    selectHolder,
+    width
+  } = props;
+  const intl = useIntl();
+
+  return (
+    <PageTools
+      marginBottom={marginBottom}
+      marginTop={marginTop}
+      left={
+        <Space>
+          <Input
+            placeholder={intl.formatMessage({
+              id: inputHolder
+            })}
+            style={{ width: width?.input || 230 }}
+            allowClear
+            onChange={handleInputChange}
+          ></Input>
+          {showSelect && (
+            <Select
+              allowClear
+              showSearch={false}
+              placeholder={intl.formatMessage({
+                id: selectHolder
+              })}
+              style={{ width: width?.select || 230 }}
+              size="large"
+              onChange={handleSelectChange}
+              options={selectOptions}
+            ></Select>
+          )}
+          <Button
+            type="text"
+            style={{ color: 'var(--ant-color-text-tertiary)' }}
+            onClick={handleSearch}
+            icon={<SyncOutlined></SyncOutlined>}
+          ></Button>
+        </Space>
+      }
+      right={
+        <Space size={20}>
+          {actionType === 'dropdown' ? (
+            <DropDownActions
+              menu={{
+                items: actionItems,
+                onClick: handleClickPrimary
+              }}
+            >
+              <Button
+                icon={<DownOutlined></DownOutlined>}
+                type="primary"
+                iconPosition="end"
+              >
+                {buttonText}
+              </Button>
+            </DropDownActions>
+          ) : (
+            <Button
+              icon={buttonIcon ?? <PlusOutlined></PlusOutlined>}
+              type="primary"
+              onClick={handleClickPrimary}
+            >
+              {buttonText}
+            </Button>
+          )}
+          <Button
+            icon={<DeleteOutlined />}
+            danger
+            onClick={handleDeleteByBatch}
+            disabled={!rowSelection.selectedRowKeys.length}
+          >
+            <span>
+              {intl?.formatMessage?.({ id: 'common.button.delete' })}
+              {rowSelection.selectedRowKeys.length > 0 && (
+                <span>({rowSelection.selectedRowKeys?.length})</span>
+              )}
+            </span>
+          </Button>
+        </Space>
+      }
+    ></PageTools>
+  );
+};
+
 export default PageTools;