@jswork/antd-components 1.0.121 → 1.0.122

package/package.json

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

package/src/lib/table.tsx

@@ -2,19 +2,21 @@
  * @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:02:49
  */
 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, Space, Table, TableProps } from 'antd';
 import cx from 'classnames';
-import React from 'react';
+import React, { FC } from 'react';
 import nx from '@jswork/next';
 import '@jswork/next-create-fetcher';
+import { AcConfirmButton } from './confirm-button';
 
 declare global {
   interface NxStatic {
+    $event: any;
     $nav: any;
     $api: Record<string, any>;
   }
@@ -22,6 +24,17 @@ declare global {
 
 const CLASS_NAME = 'ac-table';
 
+const locales = {
+  'zh-CN': {
+    edit: '编辑',
+    destroy: '删除',
+  },
+  'en-US': {
+    edit: 'Edit',
+    destroy: 'Destroy',
+  },
+};
+
 export type AcTableProps = TableProps & {
   /**
    * The identity name.
@@ -236,6 +249,34 @@ 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;
+}
+
+const defaultLinks = {
+  lang: 'zh-CN',
+  noEdit: false,
+  noDestroy: false,
+};
+
+export const AcTableLinks: FC<AcTableLinksProps> = (props) => {
+  const { name, as, lang, noEdit, noDestroy, model } = { ...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);
+  return <AsComponent>
+    {!noEdit && (<a onClick={handleEdit}>{t('edit')}</a>)}
+    {!noDestroy && <AcConfirmButton onClick={handleDestroy}>{t('destroy')}</AcConfirmButton>}
+  </AsComponent>;
+};
+
 export const AcTableMain = React.forwardRef<any, AcTableMainProps>(
   (props, ref) => {
     const { name, dataPath, totalPath, ...rest } = {

package/src/main.ts

@@ -26,7 +26,7 @@ import { AcSelect, AcSelectFc } from './lib/select';
 import { AcSlider, AcSliderFc } from './lib/slider';
 import { AcSliderRange, AcSliderRangeFc } from './lib/slider-range';
 import { AcSwitch, AcSwitchFc } from './lib/switch';
-import { AcTable, AcTableMain } from './lib/table';
+import { AcTable, AcTableMain, AcTableLinks } from './lib/table';
 import { AcTextarea, AcTextareaFc } from './lib/textarea';
 import { AcTimePicker, AcTimePickerFc } from './lib/time-picker';
 import { AcTransfer, AcTransferFc } from './lib/transfer';
@@ -66,7 +66,7 @@ import type { AcTreeProps } from './lib/tree';
 import type { AcTreeSelectProps } from './lib/tree-select';
 import type { AcUploadDraggerProps } from './lib/upload-dragger';
 import type { AcUploadProps } from './lib/upload';
-import type { AcTableProps, AcTableMainProps } from './lib/table';
+import type { AcTableProps, AcTableMainProps, AcTableLinksProps } from './lib/table';
 
 import '@jswork/next';
 import './lib/alert';
@@ -122,6 +122,7 @@ export {
   AcSwitch,
   AcTable,
   AcTableMain,
+  AcTableLinks,
   AcTextarea,
   AcTimePicker,
   AcTransfer,
@@ -191,6 +192,7 @@ export {
   AcSwitchProps,
   AcTableProps,
   AcTableMainProps,
+  AcTableLinksProps,
   AcTextareaProps,
   AcTimePickerProps,
   AcTransferProps,