@fe-free/core 3.0.34 → 3.0.35

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @fe-free/core
 
+## 3.0.35
+
+### Patch Changes
+
+- feat: crud
+  - @fe-free/icons@3.0.35
+  - @fe-free/tool@3.0.35
+
 ## 3.0.34
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fe-free/core",
-  "version": "3.0.34",
+  "version": "3.0.35",
   "description": "",
   "main": "./src/index.ts",
   "author": "",
@@ -46,8 +46,8 @@
     "antd": "^5.27.1",
     "dayjs": "~1.11.10",
     "react": "^19.2.0",
-    "@fe-free/icons": "3.0.34",
-    "@fe-free/tool": "3.0.34"
+    "@fe-free/icons": "3.0.35",
+    "@fe-free/tool": "3.0.35"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/crud/crud.stories.tsx

@@ -1,7 +1,7 @@
 import type { ProColumns } from '@ant-design/pro-components';
 import { ProForm, ProFormSwitch, ProFormText } from '@ant-design/pro-components';
-import type { CRUDRef } from '@fe-free/core';
-import { CRUD, proFormSelectSearchProps } from '@fe-free/core';
+import type { CRUDProps, CRUDRef } from '@fe-free/core';
+import { CRUD, CustomValueTypeEnum, proFormSelectSearchProps } from '@fe-free/core';
 
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Button } from 'antd';
@@ -31,6 +31,10 @@ type Story = StoryObj<typeof CRUD>;
 export const Normal: Story = {
   render: () => {
     const columns = [
+      {
+        title: '序号',
+        valueType: CustomValueTypeEnum.CustomSerialNumber,
+      },
       {
         title: 'id',
         dataIndex: 'id',
@@ -50,7 +54,7 @@ export const Normal: Story = {
         title: 'area',
         dataIndex: 'area',
       },
-    ];
+    ] as CRUDProps['tableProps']['columns'];
 
     return (
       <CRUD
@@ -76,7 +80,6 @@ export const Normal: Story = {
         )}
         requestGetByRecord={fakeGetByRecord}
         requestCreateByValues={fakeCreate}
-        requestUpdateById={fakeUpdateById}
       />
     );
   },
@@ -226,7 +229,6 @@ export const MoreCustom: Story = {
         )}
         requestGetByRecord={fakeGetByRecord}
         requestCreateByValues={fakeCreate}
-        requestUpdateById={fakeUpdateById}
         updateProps={{
           operateIsDisabled: (record) => {
             if (record.id % 3) {
@@ -577,7 +579,6 @@ export const ExpandedRowRender: Story = {
         )}
         requestGetByRecord={fakeGetByRecord}
         requestCreateByValues={fakeCreate}
-        requestUpdateById={fakeUpdateById}
       />
     );
   },
@@ -633,7 +634,6 @@ export const FullPage: Story = {
           )}
           requestGetByRecord={fakeGetByRecord}
           requestCreateByValues={fakeCreate}
-          requestUpdateById={fakeUpdateById}
         />
       </div>
     );

package/src/crud/crud.tsx

@@ -31,7 +31,6 @@ function CRUD<DataSource extends Record<string, any> = any, Key extends string |
     createProps,
     requestCreateByValues,
     updateProps,
-    requestUpdateById,
     requestUpdateByValues,
     detailFormInstance,
     requestDeleteByRecords,
@@ -56,7 +55,6 @@ function CRUD<DataSource extends Record<string, any> = any, Key extends string |
       detailForm,
       requestGetByRecord,
       requestCreateByValues,
-      requestUpdateById,
       requestUpdateByValues,
       detailFormInstance,
       createProps,
@@ -67,7 +65,6 @@ function CRUD<DataSource extends Record<string, any> = any, Key extends string |
       detailForm,
       requestGetByRecord,
       requestCreateByValues,
-      requestUpdateById,
       requestUpdateByValues,
       detailFormInstance,
       createProps,

package/src/crud/crud_detail.tsx

@@ -23,7 +23,6 @@ interface CRUDDetailProps
     | 'readProps'
     | 'requestCreateByValues'
     | 'updateProps'
-    | 'requestUpdateById'
     | 'requestUpdateByValues'
     | 'detailForm'
     | 'detailFormInstance'
@@ -49,7 +48,6 @@ function CRUDDetail(props: CRUDDetailProps) {
     readProps,
     requestCreateByValues,
     updateProps,
-    requestUpdateById,
     requestUpdateByValues,
     detailFormInstance,
   } = props;
@@ -76,15 +74,8 @@ function CRUDDetail(props: CRUDDetailProps) {
             content,
           });
         }
-        if (action === 'update' && (requestUpdateById || requestUpdateByValues)) {
-          if (requestUpdateByValues) {
-            result = await requestUpdateByValues(values);
-          } else if (requestUpdateById) {
-            result = await requestUpdateById({
-              ...values,
-              id,
-            });
-          }
+        if (action === 'update' && requestUpdateByValues) {
+          result = await requestUpdateByValues(values);
 
           let content = '更新成功';
           if (updateProps?.successText) {
@@ -114,16 +105,7 @@ function CRUDDetail(props: CRUDDetailProps) {
         }, 10);
       }
     },
-    [
-      action,
-      requestCreateByValues,
-      requestUpdateById,
-      requestUpdateByValues,
-      onSuccess,
-      createProps,
-      id,
-      updateProps,
-    ],
+    [action, requestCreateByValues, requestUpdateByValues, onSuccess, createProps, updateProps],
   );
 
   const handleOpenChange = useCallback(
@@ -164,7 +146,7 @@ function CRUDDetail(props: CRUDDetailProps) {
 
     if (loading) {
       return (
-        <div className="pt-[100px] flex justify-center">
+        <div className="flex justify-center pt-[100px]">
           <Spin />
         </div>
       );

package/src/crud/table/style.scss

@@ -29,8 +29,11 @@
       margin-right: 8px;
     }
 
-    .ant-pagination-item-link {
-      border: 1px solid #e2e7f0;
+    .ant-pagination-prev,
+    .ant-pagination-next {
+      .ant-pagination-item-link {
+        border: 1px solid #e2e7f0;
+      }
     }
 
     .ant-pagination-item {

package/src/crud/types.tsx

@@ -84,8 +84,6 @@ interface CRUDProps<DataSource = any, Key = string> {
 
   /** 更新接口，返回 false 则不关闭弹窗 */
   requestUpdateByValues?: (values: Partial<DataSource>) => Promise<false | void>;
-  /** @deprecated 请使用 requestUpdateByValues 替代 */
-  requestUpdateById?: (values: Partial<DataSource>) => Promise<false | void>;
   updateProps?: {
     /** 文本“编辑” */
     operateText?: string;

package/src/crud_of_pure/index.tsx

@@ -29,7 +29,9 @@ function CRUDOfPure<
         // 设置 placeholder
         fieldProps: {
           placeholder:
-            column.valueType === 'select' ? `请选择${column.title}` : `请输入${column.title}`,
+            column.valueType === 'select' || column.valueEnum
+              ? `请选择${column.title}`
+              : `请输入${column.title}`,
           ...column.fieldProps,
         },
       };

package/src/value_type_map/index.tsx

@@ -16,6 +16,8 @@ enum CustomValueTypeEnum {
   /** 渲染开关 */
   CustomSwitchNumber = 'CustomSwitchNumber',
   CustomSwitchOptions = 'CustomSwitchOptions',
+  /** CRUD 用，显示序号 */
+  CustomSerialNumber = 'CustomSerialNumber',
 }
 
 const customValueTypeMap: Record<string, ProRenderFieldPropsType> = {
@@ -43,6 +45,10 @@ const customValueTypeMap: Record<string, ProRenderFieldPropsType> = {
     render: switchOptionsRender.render,
     renderFormItem: switchOptionsRender.renderFormItem,
   },
+  [CustomValueTypeEnum.CustomSerialNumber]: {
+    render: () => <></>,
+    renderFormItem: () => <></>,
+  },
 };
 
 export { CustomValueTypeEnum, customValueTypeMap };