@jswork/antd-components 1.0.121 → 1.0.123

package/package.json

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

package/src/lib/table-links.tsx

@@ -0,0 +1,59 @@
+/**
+ * @Author: aric 1290657123@qq.com
+ * @Date: 2025-10-03 07:11:26
+ * @LastEditors: aric 1290657123@qq.com
+ * @LastEditTime: 2025-10-23 17:09:33
+ */
+import { Space } from 'antd';
+import React, { FC } from 'react';
+import nx from '@jswork/next';
+import { AcConfirmButton } from './confirm-button';
+
+declare global {
+  interface NxStatic {
+    $event: any;
+  }
+}
+
+const locales = {
+  'zh-CN': {
+    edit: '编辑',
+    destroy: '删除',
+  },
+  'en-US': {
+    edit: 'Edit',
+    destroy: 'Destroy',
+  },
+};
+
+
+export type AcTableLinksProps = {
+  name: string;
+  model?: any;
+  lang?: string;
+  as?: React.ComponentType<any>;
+  asProps?: React.ComponentType<any>;
+  actions?: string []
+}
+
+const defaultLinks = {
+  lang: 'zh-CN',
+  actions: ['edit', 'destroy'],
+};
+
+export const AcTableLinks: FC<AcTableLinksProps> = (props) => {
+  const { name, as, lang, actions, model, asProps } = { ...defaultLinks, ...props };
+  const t = (key: string) => locales[lang][key];
+  const AsComponent = as || Space;
+  const handleEdit = () => nx.$event.emit(`${name}:toEdit`, model);
+  const handleDestroy = () => nx.$event.emit(`${name}:toDestroy`, model);
+  const links = {
+    edit: <a onClick={handleEdit}>{t('edit')}</a>,
+    destroy: <AcConfirmButton onClick={handleDestroy}>{t('destroy')}</AcConfirmButton>,
+  };
+
+  return <AsComponent {...asProps}>
+    {nx.map(actions, (action) => links[action])}
+  </AsComponent>;
+};
+

package/src/lib/table.tsx

@@ -2,12 +2,12 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-03 07:11:26
  * @LastEditors: aric 1290657123@qq.com
- * @LastEditTime: 2025-10-23 16:28:57
+ * @LastEditTime: 2025-10-23 17:07:52
  */
 import type { EventMittNamespace } from '@jswork/event-mitt';
 import { ReactHarmonyEvents } from '@jswork/harmony-events';
 import UrlSyncFlat from '@jswork/url-sync-flat';
-import { Table, TableProps, message } from 'antd';
+import { message, Table, TableProps } from 'antd';
 import cx from 'classnames';
 import React from 'react';
 import nx from '@jswork/next';
@@ -15,6 +15,7 @@ import '@jswork/next-create-fetcher';
 
 declare global {
   interface NxStatic {
+    $event: any;
     $nav: any;
     $api: Record<string, any>;
   }
@@ -236,6 +237,16 @@ export type AcTableMainProps = Omit<AcTableProps, 'fetcher'> & {
   totalPath?: string;
 };
 
+
+export type AcTableLinksProps = {
+  name: string;
+  model?: any;
+  lang?: string;
+  as?: React.ComponentType<any>;
+  noEdit?: boolean;
+  noDestroy?: boolean;
+}
+
 export const AcTableMain = React.forwardRef<any, AcTableMainProps>(
   (props, ref) => {
     const { name, dataPath, totalPath, ...rest } = {

package/src/main.ts

@@ -73,6 +73,8 @@ import './lib/alert';
 
 // commands
 import useTableCommand from './lib/use-table-command';
+import { AcTableLinks } from './lib/table-links';
+import type { AcTableLinksProps } from './lib/table-links';
 
 export * from './lib/button';
 
@@ -122,6 +124,7 @@ export {
   AcSwitch,
   AcTable,
   AcTableMain,
+  AcTableLinks,
   AcTextarea,
   AcTimePicker,
   AcTransfer,
@@ -191,6 +194,7 @@ export {
   AcSwitchProps,
   AcTableProps,
   AcTableMainProps,
+  AcTableLinksProps,
   AcTextareaProps,
   AcTimePickerProps,
   AcTransferProps,