@yorha2b-lab/autodev 3.4.1 → 3.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "3.4.1",
+  "version": "3.4.3",
   "description": "基于视觉大模型的前端(react+Antd)全自动 CRUD 代码生成器",
   "bin": {
     "autodev": "bin/autodev.js"

package/src/core/context.js

@@ -61,10 +61,5 @@ module.exports = {
     /**
      * @description 全频道信号接入：获取全局上下文
      */
-    get: () => {
-        if (!instance) {
-            throw new Error(language('🤖 Pod 042 报警：中枢神经元尚未初始化，无法建立信号连接。', '🤖 Pod 042 Warnning：Central neuron not initialized, cannot establish signal connection.'))
-        }
-        return instance
-    }
+    get: () => instance
 }

package/src/core/react-compiler.js

@@ -14,7 +14,6 @@ const resource = ({ pageConfig, resourceTpl }) => {
 
     const hasTabs = pageConfig.tabs?.length > 0
     const hasFormItems = pageConfig.formItems?.length > 0
-    const hasDateColumn = processedColumns.some(item => item.type === 'date')
 
     const columnsData = processedColumns.map(item => {
         delete item.type
@@ -31,7 +30,7 @@ const resource = ({ pageConfig, resourceTpl }) => {
     }
 
     const bodyCode = resourceTpl(viewData)
-    const importsStr = generateSmartImports({ module: 'resource', hasTabs, bodyCode, hasFormItems, hasDateColumn })
+    const importsStr = generateSmartImports({ module: 'resource', hasTabs, bodyCode, hasFormItems })
     return cleanCode(`${importsStr}\n\n${bodyCode}`)
 }
 

package/src/utils/utils.js

@@ -305,7 +305,7 @@ const copyTemplateDir = (options, templateSubDir, targetSubDir) => {
  * @param {boolean} hasTabs - 是否包含标签页
  * @returns {string} 拼接后的 import 语句
  */
-const generateSmartImports = ({ module, hasTabs, bodyCode, hasFormItems, hasDateColumn }) => {
+const generateSmartImports = ({ module, hasTabs, bodyCode, hasFormItems }) => {
 
     const hooksLib = ['useTableQuery']
     const utilsLib = ['timeRender', 'moneyRender']

package/templates/react/components/MyModalForm.js

@@ -120,7 +120,7 @@ const FormRenderer = ({ form, formItems, tableConfig, setModalTable, setSelected
  *   formItems={[{ label: '截止日期', name: 'deadline', type: 'date' }]}
  * />
  */
-export const MyModalForm = ({ width, title, submit, record, visible, setModal, labelCol, formItems, wrapperCol, tableConfig, onValuesChange, handleModalTableOk }) => {
+export const MyModalForm = ({ width, title, footer, submit, record, visible, setModal, labelCol, formItems, wrapperCol, tableConfig, onValuesChange, handleModalTableOk }) => {
 
     const rowKey = tableConfig?.rowKey || 'id'
 
@@ -222,7 +222,7 @@ export const MyModalForm = ({ width, title, submit, record, visible, setModal, l
     }), [rowKey, modalTable, selectedTableRows])
 
     return (
-        <Modal centered title={title} width={width} open={visible} onOk={handleOk} destroyOnClose onCancel={handleCancel} confirmLoading={pending}>
+        <Modal centered title={title} width={width} open={visible} onOk={handleOk} footer={footer?.({ setModal })} destroyOnClose onCancel={handleCancel} confirmLoading={pending} bodyStyle={{ paddingBottom: 0 }}>
             {modalTable.visible && <MyModalTable rowKey={rowKey} {...modalTable} rowSelection={tableRowSelection} onOk={modalTableOk} setModal={setModalTable} />}
             <Form form={form} preserve={false} labelCol={labelCol} wrapperCol={wrapperCol} onValuesChange={(changed, all) => onValuesChange?.({ changed, all, form, record })}>
                 <Row gutter={[24, 0]}>

package/templates/react/components/MyModalTable.js

@@ -36,7 +36,7 @@ import { useTableQuery } from '../hooks/useTableQuery'
  *   operate={({ refresh, setModalForm }) => ({ label: '详情', onClick: (rec) => setModalForm(...) })}
  * />
  */
-export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate, setModal, formItems, setModalForm, rowSelection, formatResponse, functionButtons, columns: modalColumns, rowKey = 'id', initialParams = {}, modalPagination = true }) => {
+export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate, setModal, formItems, setModalForm, rowSelection, formatResponse, functionButtons, columns: modalColumns, rowKey = 'id', scroll = { y: 400 }, initialParams = {}, modalPagination = true, isLocalPaging = false }) => {
 
     const [form] = Form.useForm()
     const [pending, setPending] = useState(false)
@@ -45,7 +45,7 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate
      * @description [独立信号链路]
      * 在弹窗内部启动专属的 useTableQuery，实现了与主页面逻辑的“物理隔绝”。
      */
-    const { total, loading, columns, dataSource, search, refresh, setLoading, setSearch, setDataSource } = useTableQuery({ api, cols: modalColumns, initialParams, formatResponse })
+    const { total, loading, columns, dataSource, search, refresh, setLoading, setSearch, setDataSource } = useTableQuery({ api, cols: modalColumns, initialParams, formatResponse, isLocalPaging })
 
     const handleSearch = values => setSearch({ ...search, ...values, pageNo: 1 })
 
@@ -78,7 +78,7 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate
     }, [columns, operate])
 
     return (
-        <Modal centered destroyOnClose title={title} width={width} open={visible} onOk={handleOk} footer={footer} onCancel={() => setModal({ visible: false })} confirmLoading={pending}>
+        <Modal centered destroyOnClose title={title} width={width} open={visible} onOk={handleOk} footer={footer?.({ setModal })} onCancel={() => setModal({ visible: false })} confirmLoading={pending} bodyStyle={{ paddingBottom: 0 }}>
             {/*
                 💡 [地堡战术细节]
                 syncUrlParams={false}：确保弹窗内的搜索行为不会干扰全局 URL 信号。
@@ -88,18 +88,19 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate
                 💡 [高阶赋能逻辑]
                 functionButtons 能够获得对当前表格状态 (refresh, setLoading...) 的完全控制权。
             */}
-            {functionButtons?.length > 0 && <Space>{functionButtons.map(item => <Button key={item.name} type={item.type} onClick={() => item.onClick({ refresh, setLoading, setSearch, setDataSource })}>{item.name}</Button>)}</Space>}
+            {functionButtons?.length > 0 && <Space style={{ marginBottom: 12 }}>{functionButtons.map(item => <Button key={item.name} type={item.type} loading={loading} disabled={item.disabled} onClick={() => item.onClick({ refresh, setLoading, setSearch, setDataSource })}>{item.name}</Button>)}</Space>}
             <MyTable
                 total={total}
                 rowKey={rowKey}
                 search={search}
+                scroll={scroll}
                 loading={loading}
-                scroll={{ y: 400 }}
                 columns={finalColumns}
                 dataSource={dataSource}
                 rowSelection={rowSelection}
                 pagination={modalPagination}
                 onChange={handleTableChange}
+                isLocalPaging={isLocalPaging}
                 setDataSource={setDataSource}
             />
         </Modal>

package/templates/react/components/MySearchForm.js

@@ -31,7 +31,7 @@ import { Row, Col, Form, Button, Space } from 'antd'
  *   formItems={[{ label: '状态', name: 'status', type: 'select', options: [...] }]}
  * />
  */
-export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues, customReset, extraOperate, customFinish, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
+export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues, initialParams, customReset, extraOperate, customFinish, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
 
     const [limit, setLimit] = useState(showLimit)
 
@@ -42,14 +42,19 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
     const handleReset = () => {
         form.resetFields()
         if (syncUrlParams) {
-            // 物理清除：重置浏览器历史记录，保持 URL 纯净
-            window.history.replaceState(null, '', window.location.pathname)
+            // 💡 修正逻辑：只有当 formItems 里【没有任何一项】包含这个 key 时，才视为默认参数
+            const defaultQueryEntries = Object.entries(initialValues).filter(([key, _]) => !formItems.some(item => item.name.includes(key)))
+            const defaultQuery = Object.fromEntries(defaultQueryEntries)
+            const params = new URLSearchParams(defaultQuery)
+            // 💡 执行物理重写：将 URL 恢复为仅含默认参数的状态
+            const newUrl = params.toString() ? `${window.location.pathname}?${params.toString()}` : window.location.pathname
+            window.history.replaceState(null, '', newUrl)
         }
         if (customReset) {
             customReset()
         } else {
             // 逻辑重置：强制返回第一页，并恢复默认吞吐量
-            setSearch({ pageNo: 1, pageSize: search.pageSize ?? defaultPageSize })
+            setSearch({ pageNo: 1, pageSize: search.pageSize ?? defaultPageSize, ...initialParams })
         }
     }
 
@@ -79,7 +84,8 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
         })
         if (syncUrlParams) {
             // 💡 [黑科技 2] 镜像至 URL
-            const params = new URLSearchParams(Object.fromEntries(Object.entries(formattedValues).filter(([key, value]) => !['', null, undefined].includes(value))))
+            const currentQuery = Object.fromEntries(new URLSearchParams(window.location.search).entries())
+            const params = new URLSearchParams(Object.fromEntries(Object.entries({ ...currentQuery, ...formattedValues }).filter(([key, value]) => !['', null, undefined].includes(value))))
             window.history.replaceState(null, '', `${window.location.pathname}?${params.toString()}`)
         }
         if (customFinish) {

package/templates/react/components/MyTable.js

@@ -54,7 +54,7 @@ import { useRef, useMemo, useEffect, useCallback } from 'react'
  *   }}
  * />
  */
-export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagination, renderAction, rowClassName, customSave, setDataSource, lineFormChange, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], scroll = { x: 'max-content' }, ...restProps }) => {
+export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagination, renderAction, rowClassName, customSave, setDataSource, lineFormChange, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], scroll = { x: 'max-content' }, isLocalPaging = false, ...restProps }) => {
 
     const tableRef = useRef(null)
     const hasScrolledRef = useRef(false)
@@ -138,9 +138,11 @@ export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagi
         return {
             total,
             showSizeChanger: true,
-            current: Number(search?.pageNo),
-            pageSize: Number(search?.pageSize),
             showTotal: (total) => `共 ${total} 条`,
+            ...(isLocalPaging ? {} : {
+                current: Number(search?.pageNo),
+                pageSize: Number(search?.pageSize),
+            }),
             ...(typeof pagination === 'object' ? pagination : {})
         }
     }, [total, search, pagination])
@@ -183,7 +185,7 @@ export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagi
                 pagination={paginationConfig}
                 components={isEditable ? components : undefined}
                 // 💡 信号注入：将行监听协议绑定至底层 tr
-                onRow={(record, index) => ({ record, index, onValuesChange: lineFormChange })}
+                onRow={(record, index) => ({ record, index, ...(typeof lineFormChange === 'function' ? { onValuesChange: lineFormChange } : {}) })}
                 rowClassName={(record, index) => {
                     const externalClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName
                     const classes = [externalClass]

package/templates/react/handlebars/MySearchForm.hbs

@@ -1 +1 @@
-<MySearchForm form={form} search={search} initialValues={query} loading={loading} setSearch={setSearch} formItems={ {{formItems}} } />
+<MySearchForm form={form} search={search} initialValues={query} loading={loading} setSearch={setSearch} formItems={ {{formItems}} } initialParams={initialParams} />

package/templates/react/handlebars/MyTable.hbs

@@ -21,17 +21,15 @@
     {{#if hasPagination}}
     {{{{raw}}}}
     onChange={(pagination, filters, sorter) => {
-        if (sorter.column) {
-            const newSearch = { ...search, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.field }
-            const params = new URLSearchParams(Object.fromEntries(Object.entries({ ...query, ...newSearch }).filter(([key, value]) => !['', null, undefined].includes(value))))
-            window.history.replaceState(null, '', `${window.location.pathname}?${params.toString()}`)
-            setSearch(newSearch)
+        const newSearch = { ...search, pageNo: pagination.current ?? 1, pageSize: pagination.pageSize ?? 10 }
+        if (sorter.order) {
+            newSearch.orderBys = sorter.column
         } else {
-            const newSearch = { ...search, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: undefined }
-            const params = new URLSearchParams(Object.fromEntries(Object.entries({ ...query, ...newSearch }).filter(([key, value]) => !['', null, undefined].includes(value))))
-            window.history.replaceState(null, '', `${window.location.pathname}?${params.toString()}`)
-            setSearch(newSearch)
+            newSearch.orderBys = undefined
         }
+        const params = new URLSearchParams(Object.fromEntries(Object.entries({ ...query, ...newSearch }).filter(([key, value]) => !['', null, undefined].includes(value))))
+        window.history.replaceState(null, '', `${window.location.pathname}?${params.toString()}`)
+        setSearch(newSearch)
     }}
     {{{{/raw}}}}
     {{/if}}

package/templates/react/handlebars/hookBlock.hbs

@@ -1,10 +1,10 @@
-const initParams = {{#if hasTabs}}{ type: tabs[0].key }{{else}}{}{{/if}}
+const initialParams = {{#if hasTabs}}{ type: tabs[0].key }{{else}}{}{{/if}}
 
 const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()),  {{formItems}})
 
 const { total, columns, loading, dataSource, search, setSearch, setDataSource, refresh } = useTableQuery({
         api: async params => await request('/api/{{fileName}}', { method: 'POST', body: params }),
-        initialParams: { pageNo: 1, pageSize: 10, ...initParams, ...query },
+        initialParams: { pageNo: 1, pageSize: 10, ...initialParams, ...query },
         cols:tableColumns,
         formatResponse: response => {
             return {

package/templates/react/hooks/useTableQuery.js

@@ -1,4 +1,4 @@
-import { useRef, useState, useEffect, useCallback } from 'react'
+import { useRef, useMemo, useState, useEffect, useCallback } from 'react'
 
 /**
  * @hook useTableQuery
@@ -29,7 +29,7 @@ import { useRef, useState, useEffect, useCallback } from 'react'
  *   formatResponse: (res) => ({ data: res.list, total: res.total })
  * });
  */
-export const useTableQuery = ({ api, cols, initialParams = {}, formatResponse }) => {
+export const useTableQuery = ({ api, cols = [], initialParams = {}, formatResponse, isLocalPaging = false }) => {
 
     const [total, setTotal] = useState(0)
     const [columns, setColumns] = useState(cols)
@@ -41,6 +41,8 @@ export const useTableQuery = ({ api, cols, initialParams = {}, formatResponse })
     const apiRef = useRef(api)
     // 💡 [核心防御] 信号 ID 计数器：用于物理拦截由于网络时延导致的“竞态病毒（Race Condition）”
     const fetchIdRef = useRef(0)
+    // 💡 物理记录仪：记录上一次“真正”的过滤参数（不含分页）
+    const lastFilterRef = useRef('')
     // 💡 [核心防御] 数据解码协议引用：确保异步回调中永远能指向最新的指令地址
     const formatResponseRef = useRef(formatResponse)
 
@@ -65,6 +67,15 @@ export const useTableQuery = ({ api, cols, initialParams = {}, formatResponse })
      */
     const fetchData = useCallback(async () => {
         if (!apiRef.current) return
+
+        if (isLocalPaging) {
+            const currentFilter = JSON.stringify(Object.fromEntries(Object.entries(search).filter(([k]) => !['pageNo', 'pageSize'].includes(k))))
+            if (lastFilterRef.current === currentFilter && dataSource.length > 0) {
+                return
+            }
+            lastFilterRef.current = currentFilter
+        }
+
         setLoading(true)
         // 💡 信号加标：为本次请求分配唯一的物理 ID
         const currentFetchId = ++fetchIdRef.current
@@ -83,7 +94,7 @@ export const useTableQuery = ({ api, cols, initialParams = {}, formatResponse })
                     return prevCols
                 })
             }
-            setDataSource(data)
+            setDataSource(data ?? [])
             setTotal(total ?? 0)
         } catch (error) {
             console.error('查询失败', error)
@@ -93,11 +104,11 @@ export const useTableQuery = ({ api, cols, initialParams = {}, formatResponse })
                 setLoading(false)
             }
         }
-    }, [search])
+    }, [search, isLocalPaging, dataSource.length])
 
     useEffect(() => {
         fetchData()
     }, [fetchData])
 
-    return { total, columns, loading, dataSource, search, setSearch, setLoading, setDataSource, refresh: fetchData }
+    return { total, columns, search, loading, dataSource, setSearch, setLoading, setDataSource, refresh: fetchData }
 }