@jswork/antd-components 1.0.154 → 1.0.156

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jswork/antd-components",
-  "version": "1.0.154",
+  "version": "1.0.156",
   "main": "dist/main.cjs.js",
   "module": "dist/main.esm.js",
   "types": "dist/main.d.ts",

package/src/lib/table-extras.tsx

@@ -2,10 +2,10 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-24 20:40:55
  * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-26 14:48:21
+ * @LastEditTime: 2025-10-27 13:26:45
  */
 import { Space, SpaceProps } from 'antd';
-import React, { FC } from 'react';
+import React, { FC, Fragment } from 'react';
 import nx from '@jswork/next';
 import { BtnBack, BtnCreate, BtnRefresh } from './button';
 
@@ -19,6 +19,7 @@ export type AcTableExtrasProps = SpaceProps & {
   name: string;
   lang?: string;
   as?: React.ComponentType<any>;
+  extra?: React.ReactNode;
   asProps?: any;
   actions?: string []
 }
@@ -29,20 +30,21 @@ const defaultExtras = {
 };
 
 export const AcTableExtras: FC<AcTableExtrasProps> = (props) => {
-  const { name, lang, as, asProps, actions } = { ...defaultExtras, ...props };
+  const { name, lang, as, extra, asProps, actions } = { ...defaultExtras, ...props };
   const handleRefresh = () => nx.$event?.emit?.(`${name}:reset`);
   const handleAdd = () => nx.$event?.emit?.(`${name}:add`);
   const handleBack = () => history.back();
   const AsComponent = as || Space;
   const items = {
-    reset: <BtnRefresh key="reset" lang={lang} onClick={handleRefresh} />,
-    add: <BtnCreate key="add" lang={lang} onClick={handleAdd} />,
-    back: <BtnBack key="back" lang={lang} onClick={handleBack} />,
+    reset: <BtnRefresh lang={lang} onClick={handleRefresh} />,
+    add: <BtnCreate lang={lang} onClick={handleAdd} />,
+    back: <BtnBack lang={lang} onClick={handleBack} />,
   };
 
   return (
     <AsComponent {...asProps}>
-      {actions?.map((action) => items[action])}
+      {actions?.map((action) => <Fragment key={action}>{items[action]}</Fragment>)}
+      {extra}
     </AsComponent>
   );
 };

package/src/lib/table-links.tsx

@@ -31,6 +31,7 @@ export type AcTableLinksProps = {
   name: string;
   model?: any;
   lang?: string;
+  extra?: React.ReactNode;
   as?: React.ComponentType<any>;
   asProps?: any;
   actions?: string []
@@ -42,7 +43,7 @@ const defaultProps = {
 };
 
 export const AcTableLinks: FC<AcTableLinksProps> = (props) => {
-  const { name, as, lang, actions, model, asProps } = { ...defaultProps, ...props };
+  const { name, as, lang, actions, model, asProps, extra } = { ...defaultProps, ...props };
   const t = (key: string) => locales[lang][key];
   const AsComponent = as || Space;
   const handleEdit = () => nx.$event?.emit?.(`${name}:edit`, model);
@@ -53,6 +54,7 @@ export const AcTableLinks: FC<AcTableLinksProps> = (props) => {
   };
   return <AsComponent {...asProps}>
     {actions.map(((action) => items[action]))}
+    {extra}
   </AsComponent>;
 };