@jswork/antd-components 1.0.161 → 1.0.162

package/package.json

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

package/src/lib/table-extra-search.tsx

@@ -0,0 +1,36 @@
+/**
+ * @Author: aric.zheng 1290657123@qq.com
+ * @Date: 2025-10-29 10:54:41
+ * @LastEditors: aric.zheng 1290657123@qq.com
+ * @LastEditTime: 2025-10-29 11:05:07
+ */
+import React from 'react';
+import { AcSearch } from './search';
+import { FC } from 'react';
+
+
+declare global {
+  interface NxStatic {
+    $event: any;
+    $api: Record<string, any>;
+  }
+}
+
+export type AcTableExtraSearchProps = AcSearch & {
+  name: string,
+  queryKey?: 'keywords'
+}
+
+export const AcTableExtraSearch: FC<AcTableExtraSearchProps> = (props) => {
+  const { name, queryKey = 'keywords', ...rest } = props;
+  return (
+    <AcSearch
+      name={name}
+      onSearch={(e) => {
+        const q = e.target.value;
+        nx.$event.emit(`${name}:load`, { [queryKey]: q });
+      }}
+      {...rest}
+    />
+  );
+};

package/src/lib/table.tsx

@@ -2,7 +2,7 @@
  * @Author: aric 1290657123@qq.com
  * @Date: 2025-10-03 07:11:26
  * @LastEditors: aric.zheng 1290657123@qq.com
- * @LastEditTime: 2025-10-29 10:45:59
+ * @LastEditTime: 2025-10-29 11:00:08
  *
  *
  * 路由风格: /{module}/{name} eg: /admin/staff-roles
@@ -140,7 +140,7 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   static formSchema = CLASS_NAME;
   private harmonyEvents: ReactHarmonyEvents | null = null;
   static event: EventMittNamespace.EventMitt;
-  static events = ['refetch', 'reset', 'add', 'edit', 'destroy', 'draft'];
+  static events = ['load', 'refetch', 'reset', 'add', 'edit', 'destroy', 'draft'];
   static defaultProps = {
     name: '@',
     lang: 'zh-CN',
@@ -250,6 +250,13 @@ export class AcTable extends React.Component<AcTableProps, AcTableState> {
   };
 
   /* ----- public eventBus methods start ----- */
+  /**
+   * Load data from backend.
+   */
+  public load = async (payload: Record<string, any>) => {
+    const { page, size, ...rest } = payload;
+    await this.fetchData(page, size, rest);
+  };
   /**
    * Refresh data use current state.
    */

package/src/lib/use-table-command.ts

@@ -10,6 +10,7 @@ const useCommand = (inName?: string) => {
   const listen: ListenFn = (cmd, callback) => AcTable.event?.on(`${name}:${cmd}`, callback);
 
   // the command repository:
+  const load = () => execute('load');
   const refetch = () => execute('refetch');
   const reset = () => execute('reset');
   const add = () => execute('add');
@@ -20,6 +21,7 @@ const useCommand = (inName?: string) => {
   return {
     listen,
     execute,
+    load,
     refetch,
     reset,
     add,

package/src/main.ts

@@ -80,6 +80,8 @@ import type { AcTableExtrasProps } from './lib/table-extras';
 import { initWidgets } from './lib/init-widgets';
 import { FormActions } from './lib/form-actions';
 import type { FormActionsProps } from './lib/form-actions';
+import { AcTableExtraSearch } from './lib/table-extra-search';
+import type { AcTableExtraSearchProps } from './lib/table-extra-search';
 
 export * from './lib/button';
 
@@ -171,6 +173,7 @@ export {
   AcUploadPictureCardFc,
   AcUploadFc,
   FormActions,
+  AcTableExtraSearch,
 
   // ---- commands ----
   useTableCommand,
@@ -209,6 +212,7 @@ export {
   AcUploadDraggerProps,
   AcUploadProps,
   FormActionsProps,
+  AcTableExtraSearchProps,
 
   // ---- widgets ----
   initWidgets,