@fe-free/core 2.8.3 → 2.8.5

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @fe-free/core
 
+## 2.8.5
+
+### Patch Changes
+
+- fix: InfiniteListBase
+  - @fe-free/tool@2.8.5
+
+## 2.8.4
+
+### Patch Changes
+
+- feat: add ProFormListBoolean
+  - @fe-free/tool@2.8.4
+
 ## 2.8.3
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "2.8.3",
+  "version": "2.8.5",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -39,9 +39,10 @@
     "react-syntax-highlighter": "^15.5.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
+    "safe-stable-stringify": "^2.5.0",
     "vanilla-jsoneditor": "^0.23.1",
     "zustand": "^4.5.4",
-    "@fe-free/tool": "2.8.3"
+    "@fe-free/tool": "2.8.5"
   },
   "peerDependencies": {
     "@ant-design/pro-components": "2.8.9",

package/src/form/form.stories.tsx

@@ -5,6 +5,7 @@ import {
   ProFormImageUploadDragger,
   ProFormJSON,
   ProFormJavascript,
+  ProFormListBoolean,
   ProFormListNumber,
   ProFormListText,
   ProFormRecord,
@@ -143,6 +144,14 @@ export const ProFormListNumberComponent: Story = {
   ),
 };
 
+export const ProFormListBooleanComponent: Story = {
+  render: () => (
+    <ProFormBase>
+      <ProFormListBoolean name="listBoolean" label="listBoolean" />
+    </ProFormBase>
+  ),
+};
+
 function customRequest(option: any) {
   const { file, onProgress, onSuccess } = option;
 

package/src/form/form_list/form_list.tsx

@@ -1,6 +1,6 @@
 import type { ProFormItemProps } from '@ant-design/pro-components';
 import { ProForm } from '@ant-design/pro-components';
-import { Input, InputNumber } from 'antd';
+import { Input, InputNumber, Switch } from 'antd';
 
 import { ProFormListHelper } from './form_list_helper';
 
@@ -71,6 +71,21 @@ function ListNumber(props: ListNumberProps) {
   );
 }
 
+interface ListBooleanProps {
+  value?: boolean[];
+  onChange?: (value: boolean[]) => void;
+}
+
+function ListBoolean(props: ListBooleanProps) {
+  return (
+    <ProFormListHelper value={props.value} onChange={props.onChange} getAdd={() => false}>
+      {({ item, onItemChange }) => {
+        return <Switch {...props} value={item} onChange={(checked) => onItemChange(checked)} />;
+      }}
+    </ProFormListHelper>
+  );
+}
+
 function ProFormListBase(props) {
   const { fieldProps, ...rest } = props;
 
@@ -124,4 +139,13 @@ function ProFormListNumber(props: ProFormItemProps<ListNumberProps>) {
   );
 }
 
-export { ProFormListNumber, ProFormListText };
+function ProFormListBoolean(props: ProFormItemProps<ListBooleanProps>) {
+  const { fieldProps, ...rest } = props;
+  return (
+    <ProFormListBase {...rest}>
+      <ListBoolean {...fieldProps} />
+    </ProFormListBase>
+  );
+}
+
+export { ProFormListBoolean, ProFormListNumber, ProFormListText };

package/src/form/index.tsx

@@ -1,4 +1,4 @@
-export { ProFormListNumber, ProFormListText } from './form_list/form_list';
+export { ProFormListBoolean, ProFormListNumber, ProFormListText } from './form_list/form_list';
 export { ProFormListHelper } from './form_list/form_list_helper';
 export { ProFormListModalHelper } from './form_list/form_list_modal_helper';
 export { ProFormEditor } from './pro_form_editor';

package/src/index.ts

@@ -27,6 +27,7 @@ export {
   ProFormImageUploadDragger,
   ProFormJSON,
   ProFormJavascript,
+  ProFormListBoolean,
   ProFormListHelper,
   ProFormListModalHelper,
   ProFormListNumber,

package/src/infinite_list/index.tsx

@@ -2,6 +2,7 @@ import { Spin } from 'antd';
 import classNames from 'classnames';
 import type { ReactNode } from 'react';
 import { useImperativeHandle, useRef, useState } from 'react';
+import stringify from 'safe-stable-stringify';
 import { useGlobalInfiniteScroll } from '../ahooks/use_global_infinite_scroll';
 
 interface ActionType {
@@ -60,6 +61,7 @@ const InfiniteListBase = <D, P>({
     {
       target: ref,
       isNoMore: (d) => d?.nextId === undefined,
+      reloadDeps: [stringify(params || {})],
     },
   );