refactor: 完善 demo

+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+pnpm lint-staged

@@ -8,7 +8,7 @@ export default defineConfig({
     'process.env.site': 'http://qx-test.qgutech.com',
     'process.env.site': 'http://qx-test.qgutech.com',
     // 'process.env.apiUrl': 'http://192.168.181.107/qgyun-api',
     // 'process.env.apiUrl': 'http://192.168.181.107/qgyun-api',
     // 'process.env.apiUrl': 'http://192.168.1.180/qx-api',
     // 'process.env.apiUrl': 'http://192.168.1.180/qx-api',
-    'process.env.apiUrl': 'http://test.qgutech.com/qx-api',
+    'process.env.apiUrl': 'http://test.qixiaocloud.com/qx-api',
     // 'process.env.apiUrl': 'https://uat.qgutech.com/qx-api',
     // 'process.env.apiUrl': 'https://uat.qgutech.com/qx-api',
     'process.env.wf.appCode': 'wf',
     'process.env.wf.appCode': 'wf',
     'process.env.wf.funCode': 'ew57e',
     'process.env.wf.funCode': 'ew57e',

+import { useState, useCallback } from 'react';
+
+export default () => {
+  const [counter, setCounter] = useState(0);
+
+  const increment = useCallback(() => setCounter((c) => c + 1), []);
+  const decrement = useCallback(() => setCounter((c) => c - 1), []);
+
+  return { counter, increment, decrement };
+};

-import React, { memo, useEffect } from 'react';
+import React, { memo } from 'react';
 import { Space } from 'antd';
 import { Space } from 'antd';
 import { QxSearchForm, QxTable, QxToolbar } from '@/src/components/view-render';
 import { QxSearchForm, QxTable, QxToolbar } from '@/src/components/view-render';
+import { useRequest } from 'ahooks';
 import { getData } from './services';
 import { getData } from './services';
 import data from './data.json';
 import data from './data.json';
+import styles from './styles.less';
+
+const prefixCls = 'app-view';
 
 
 const AppView: React.FC<AppViewProps> = (props) => {
 const AppView: React.FC<AppViewProps> = (props) => {
   const { search, list, bar } = data;
   const { search, list, bar } = data;
+  const { data: tableData = {} as any, run, loading } = useRequest(getData);
+
   const changeFullscreen = () => {};
   const changeFullscreen = () => {};
- 
-  useEffect(() => {
-    getData().then((res: any) => {
-      console.log('res', res);
-    });
-  }, []);
 
 
   return (
   return (
-    <Space direction="vertical" size={20}>
-      <QxSearchForm {...search} />
-      <QxToolbar
-        isFullscreen
-        changeFullscreen={changeFullscreen}
-        buttons={bar.buttons}
-      />
-      <QxTable columns={list.columns} />
-    </Space>
+    <div className={styles[prefixCls]}>
+      <Space direction="vertical" size={20}>
+        <QxSearchForm {...search} onSearch={() => run()} />
+        <QxToolbar
+          isFullscreen
+          changeFullscreen={changeFullscreen}
+          buttons={bar.buttons}
+        />
+        <QxTable
+          loading={loading}
+          columns={list.columns}
+          dataSource={tableData.list}
+        />
+      </Space>
+    </div>
   );
   );
 };
 };
 
 

+@prefix-cls: ~'app-view';
+
+.@{prefix-cls} {
+  padding: 10px;
+}