@yorha2b-lab/autodev 1.0.31 → 1.0.33

package/README.md

@@ -7,7 +7,7 @@
 [![GitHub Stars](https://img.shields.io/github/stars/yorha2b-lab/auto-crud-copilot.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/stargazers)
 [![License](https://img.shields.io/npm/l/@yorha2b-lab/autodev.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/blob/main/LICENSE)
 
-基于视觉大模型的前端(Umi+Antd)全自动 CRUD 代码生成器 🚀
+基于视觉大模型的前端(React+Antd)全自动 CRUD 代码生成器 🚀
 
 <video src="https://github.com/user-attachments/assets/6d42fce1-c815-482b-8c6a-4a3b9415ba47.mp4" controls="controls" muted="muted" style="max-width: 100%; display: block; margin: 20px auto;">
 </video>

package/README_EN.md

@@ -7,7 +7,7 @@ English | [简体中文](./README.md)
 [![GitHub Stars](https://img.shields.io/github/stars/yorha2b-lab/auto-crud-copilot.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/stargazers)
 [![License](https://img.shields.io/npm/l/@yorha2b-lab/autodev.svg?style=flat-square)](https://github.com/yorha2b-lab/auto-crud-copilot/blob/main/LICENSE)
 
-An AI-powered frontend CRUD code generator based on vision models (Umi+Antd) 🚀
+An AI-powered frontend CRUD code generator based on vision models (React+Antd) 🚀
 
 <video src="https://github.com/user-attachments/assets/6d42fce1-c815-482b-8c6a-4a3b9415ba47.mp4" controls="controls" muted="muted" style="max-width: 100%; display: block; margin: 20px auto;">
 </video>

package/package.json

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

package/src/utils/utils.js

@@ -77,8 +77,8 @@ const generateSmartImports = (codeStr, hasTabs) => {
     // 构建 import 语句数组
     const imports = [
         usedReact.length && `import { ${usedReact.join(', ')} } from 'react'`,
-        `import { Link, history } from 'umi'`,
         `import { request } from '../../utils/request'`,
+        `import { formatQuery } from '../../utils/utils'`,
         `import { ${hasTabs ? 'tabs, ' : ''}columns, formItems, modalItems } from './resource'`,
         ...usedHooks.map(hook => `import { ${hook} } from '../../hooks/${hook}'`),
         ...usedComps.map(comp => `import { ${comp} } from '../../components/${comp}'`),

package/templates/react/components/MyModalForm.js

@@ -18,11 +18,11 @@ export const MyModalForm = ({ width, title, submit, record, visible, setModal, l
                     const config = itemMap.get(key)
                     if (config?.type?.includes('date') && value) {
                         if (Array.isArray(value)) {
-                            initialData[key] = value.map(v => dayjs(isNaN(v) ? v : Number(v)))
+                            initialData[key] = value.map(v => dayjs(v))
                         } else if (typeof value === 'string' && value.includes(',')) {
-                            initialData[key] = value.split(',').map(v => dayjs(Number(v)))
+                            initialData[key] = value.split(',').map(v => dayjs(v))
                         } else {
-                            initialData[key] = dayjs(isNaN(value) ? value : Number(value))
+                            initialData[key] = dayjs(value)
                         }
                     } else {
                         initialData[key] = value
@@ -54,7 +54,7 @@ export const MyModalForm = ({ width, title, submit, record, visible, setModal, l
     }
 
     return (
-        <Modal centered title={title} width={width} open={visible} onOk={handleOk} destroyOnHidden onCancel={handleCancel} confirmLoading={pending}>
+        <Modal centered title={title} width={width} open={visible} onOk={handleOk} destroyOnClose onCancel={handleCancel} confirmLoading={pending}>
             <Form form={form} preserve={false} labelCol={labelCol} wrapperCol={wrapperCol} onValuesChange={(changed, all) => onValuesChange?.({ changed, all, form, record })}>
                 <Row gutter={[24, 0]}>
                     {formItems.map((item, index) =>

package/templates/react/components/MyModalTable.js

@@ -20,7 +20,7 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, columns
     }
 
     return (
-        <Modal centered destroyOnHidden title={title} width={width} open={visible} onOk={handleOk} footer={footer} onCancel={() => setModal({ visible: false })}>
+        <Modal centered destroyOnClose title={title} width={width} open={visible} onOk={handleOk} footer={footer} onCancel={() => setModal({ visible: false })}>
             {formItems?.length > 0 && <MySearchForm search={search} formItems={formItems} setSearch={handleSearch} syncUrlParams={false} />}
             <MyTable
                 loading={loading}

package/templates/react/components/MySearchForm.js

@@ -1,5 +1,4 @@
 import dayjs from 'dayjs'
-import { history } from 'umi'
 import { MyBaseForm } from './MyBaseForm'
 import { useState, useEffect } from 'react'
 import { Row, Col, Form, Button, Space } from 'antd'
@@ -10,7 +9,7 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
 
     const handleReset = () => {
         if (syncUrlParams) {
-            history.push({ search: '' })
+            window.history.replaceState(null, '', window.location.pathname)
         }
         if (customReset) {
             customReset()
@@ -37,7 +36,7 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
                 }
             })
             const params = new URLSearchParams(Object.fromEntries(Object.entries(formattedValues).filter(([key, value]) => !['', null, undefined].includes(value))))
-            history.push({ search: params.toString() })
+            window.history.replaceState(null, '', `${window.location.pathname}?${params.toString()}`)
         }
         if (customFinish) {
             customFinish(formattedValues)

package/templates/react/components/MyTable.js

@@ -48,8 +48,7 @@ export const MyTable = ({ size, query, onSave, autoScroll, onChange, pagination,
             const tr = trList[Number(query.rowIndex)]
             if (tr) {
                 tr.scrollIntoView({ behavior: 'smooth', block: 'center' })
-                tr.classList.add('row-highlight-pulse')
-                setTimeout(() => tr.classList.remove('row-highlight-pulse'), 1000)
+                tr.style.backgroundColor = '#e6f4ff'
                 hasScrolledRef.current = query.rowIndex
             }
         }, 300)
@@ -78,12 +77,6 @@ export const MyTable = ({ size, query, onSave, autoScroll, onChange, pagination,
                     return classes.filter(Boolean).join(' ')
                 }}
             />
-            <style jsx>{`
-                :global(.row-highlight-pulse) {
-                    background-color: #e6f4ff !important;
-                    transition: background-color 0.5s ease;
-                }
-            `}</style>
         </div>
     )
 }

package/templates/react/index.hbs

@@ -1,6 +1,6 @@
 export default props => {
 
-    const query = Object.fromEntries(new URLSearchParams(location.search).entries())
+    const query = formatQuery(Object.fromEntries(new URLSearchParams(location.search).entries()), formItems)
 
     const [form] = Form.useForm()
     const [modal, setModal] = useState({})

package/templates/react/utils/utils.js

@@ -1,11 +1,6 @@
 import dayjs from 'dayjs'
 import { request } from './request'
 
-export const paramsFormat = params => {
-    const cleanParams = Object.fromEntries(Object.entries(params).filter(([_, v]) => ![null, undefined, ''].includes(v)))
-    return new URLSearchParams(cleanParams).toString()
-}
-
 export const initOSS = async (url, options) => {
     const OSS = require('ali-oss')
     const crypto = require('crypto-js')
@@ -22,6 +17,18 @@ export const initOSS = async (url, options) => {
     return { client, policy, signature, ...response?.data }
 }
 
+export const formatQuery = (params, formItems) => {
+    const cleanParams = {}
+    Object.keys(params).forEach(key => {
+        if (formItems.some(item => item.name.includes(key) && item.type?.includes('date'))) {
+            cleanParams[key] = Number(params[key])
+        } else {
+            cleanParams[key] = params[key] ?? null
+        }
+    })
+    return cleanParams
+}
+
 export const timeRender = ({ time, date, minute }) => {
     if (!time) {
         return ''