@yorha2b-lab/autodev 7.8.0 → 7.8.1

package/bin/bunker.js

@@ -53,7 +53,7 @@ program
             ]
         }
         Object.entries(outpost).forEach(([type, items]) => items.forEach(quartermaster[type]))
-        const bunkerCmd = chalk.yellow(`'bunker': 'bunker boot'`)
+        const bunkerCmd = chalk.yellow(`"bunker": "bunker boot"`)
         console.log(chalk.cyan(dialog.bunker.initComplete(bunkerCmd)))
     })
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yorha2b-lab/autodev",
-  "version": "7.8.0",
+  "version": "7.8.1",
   "description": "基于 AI 视觉与语义协议的前端 (React+Antd) 代码构筑与旧系统重构引擎",
   "bin": {
     "bunker": "bin/bunker.js"

package/src/constitution/inspector.js

@@ -10,6 +10,7 @@ ${moduleCodeView}
 ## 3. 极速审计准则
 1. 从需求中仅聚焦提取：【条件分支】、【联动】、【条件禁用/必填】、【二次确认/弹窗】、【特殊数值/边界限制】。
 2. ⚠️【禁止废话】：已实现的功能只用一行短语概括；未实现的问题只挑最致命的缺口
+3. 【输出】：仅输出未实现的功能，不输出已实现的功能
 
 ## 4. 输出紧凑 JSON:
 {

package/src/units/striker.js

@@ -80,10 +80,10 @@ module.exports = {
             pod042.success(spinner, dialog.pod042.assemblyComplete(fileName, (endTime - startTime) / 1000))
 
             if (fs.existsSync(mission.input)) {
-                fs.unlinkSync(mission.input)
                 const cwdUtilsDir = path.join(process.cwd(), utilsDir)
                 if (!fs.existsSync(cwdUtilsDir)) fs.mkdirSync(cwdUtilsDir, { recursive: true })
                 fs.writeFileSync(path.join(cwdUtilsDir, 'menus.js'), `export const menus = ${contextStringify({ context: logistics.supporter.getExistingMenus(pagesDir), maxLength: 50 })}`)
+                fs.unlinkSync(mission.input)
             }
 
         } catch (error) {

package/src/workshop/react/blueprint/molds/MySearchForm.hbs

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

package/src/workshop/react/blueprint/molds/handleBlock.hbs

@@ -71,17 +71,16 @@ const showImg = (record, dataIndex) => {
 
 {{/if}}
 
-let fetching = false
 const modalSubmit = async params => {
+    if (fetchingRef.current) return
     const requestMap={
     {{#each operations}}
         {{this.action}}:()=> {{this.request}},
     {{/each}}
     }
-    if (fetching) return
-    fetching = true
+    fetchingRef.current = true
     const response = await requestMap[modal.type]?.()
-    fetching = false
+    fetchingRef.current = false
     if({{{responseSuccess}}}){
         setModal({ visible: false })
         refresh()

package/src/workshop/react/blueprint/molds/stateBlock.hbs

@@ -2,6 +2,8 @@
 const { } = useContext(GlobalContext)
 
 const rowKey = 'id'
+const fetchingRef = useRef(false)
+
 {{#if hasFormItems}}
 const [form] = Form.useForm()
 {{/if}}

package/src/workshop/react/extensions/useTableQuery.js

@@ -1,6 +1,8 @@
 import { useRef, useState, useEffect, useCallback } from 'react'
 
-export const useTableQuery = ({ api, cols = [], initialParams = {}, formatResponse, isLocalPaging = false }) => {
+const getColumnSchema = cols => cols.map(col => `${col.title}-${col.dataIndex}-${col.sortOrder}`).join('|')
+
+export const useTableQuery = ({ api, cols = [], initialParams = {}, formatResponse }) => {
 
     const [total, setTotal] = useState(0)
     const [columns, setColumns] = useState(cols)
@@ -10,7 +12,6 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
 
     const apiRef = useRef(api)
     const fetchIdRef = useRef(0)
-    const lastFilterRef = useRef('')
     const formatResponseRef = useRef(formatResponse)
 
     useEffect(() => {
@@ -21,19 +22,8 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
         formatResponseRef.current = formatResponse
     }, [formatResponse])
 
-    const getColumnSchema = cols => cols.map(col => `${col.title}-${col.dataIndex}-${col.sortOrder}`).join('|')
-
     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)
         const currentFetchId = ++fetchIdRef.current
         try {
@@ -57,7 +47,7 @@ export const useTableQuery = ({ api, cols = [], initialParams = {}, formatRespon
                 setLoading(false)
             }
         }
-    }, [search, isLocalPaging])
+    }, [search])
 
     useEffect(() => {
         fetchData()

package/src/workshop/react/standardParts/DraggableContainer.js

@@ -1,3 +1,5 @@
+import { useContext } from 'react'
+import { TableContext } from './MyTable'
 import { SortableContainer } from 'react-sortable-hoc'
 
 const SortableBody = SortableContainer(props => <tbody {...props} />)
@@ -9,7 +11,9 @@ const arrayMoveImmutable = (array, oldIndex, newIndex) => {
     return newArray
 }
 
-export const DraggableContainer = ({ props, customSave, setDataSource, dataSourceRef }) => {
+export const DraggableContainer = props => {
+
+    const { customSave, setDataSource, dataSourceRef } = useContext(TableContext)
 
     const onSortEnd = ({ oldIndex, newIndex }) => {
         if (oldIndex !== newIndex) {

package/src/workshop/react/standardParts/EditableCell.js

@@ -12,11 +12,15 @@ export const EditableRow = ({ index, record, columns, draggable, ...props }) =>
 
     useEffect(() => {
         if (record) {
-            const modeCol = columns.find(col => col.dataIndex in record && col.mode)
-            const extra = modeCol ? { [modeCol.dataIndex]: record[modeCol.dataIndex]?.toString()?.split(',') || [] } : {}
+            const extra = {}
+            columns.forEach(col => {
+                if (col.dataIndex in record && col.mode) {
+                    extra[col.dataIndex] = record[col.dataIndex]?.toString()?.split(',') || []
+                }
+            })
             form.setFieldsValue({ ...record, ...extra })
         }
-    }, [record])
+    }, [record, columns, form])
 
     return (
         <Form form={form} component={false} onValuesChange={(changedValue, allValue) => props?.onValuesChange?.({ changedValue, allValue, form })}>
@@ -59,7 +63,7 @@ export const EditableCell = ({ mode, title, record, rowKey, editMode, editable,
         try {
             const values = await form.validateFields()
             if (mode) {
-                values[dataIndex] = values[dataIndex].join(',')
+                values[dataIndex] = values[dataIndex]?.join(',')
             }
             if (!defaultEdit) {
                 toggleEdit()

package/src/workshop/react/standardParts/MyBaseForm.js

@@ -10,7 +10,7 @@ const getValueFromEvent = e => {
     return e?.fileList
 }
 
-const renderFormContent = ({ item, prefixName = [] }) => {
+const renderFormContent = ({ item, form, prefixName = [] }) => {
 
     if (!item.name) {
         return <span dangerouslySetInnerHTML={{ __html: item.value }} />
@@ -20,7 +20,7 @@ const renderFormContent = ({ item, prefixName = [] }) => {
 
     const inputNode = (
         <Form.Item noStyle name={namePath} rules={item.rules} dependencies={item.dependencies} initialValue={item.value} {...(['upload', 'ossUpload'].includes(item.type) ? { getValueFromEvent, valuePropName: 'fileList' } : { valuePropName: item.valuePropName })}>
-            {formNode({ item })}
+            {formNode({ item, form })}
         </Form.Item>
     )
 
@@ -60,7 +60,7 @@ export const MyBaseForm = ({ item, form }) => {
                 required={item.required ?? item.rules?.some(v => v.required)}
                 style={{ marginBottom: !item.name ? 0 : undefined, ...item.style }}
             >
-                {item.render ? (typeof item.render === 'function' ? item.render(item, form) : item.render) : renderFormContent({ item })}
+                {item.render ? (typeof item.render === 'function' ? item.render(item, form) : item.render) : renderFormContent({ item, form })}
             </Form.Item>
     )
 }

package/src/workshop/react/standardParts/MyDescription.js

@@ -1,16 +1,16 @@
 import { Form, Descriptions } from 'antd'
 import { MyBaseForm } from './MyBaseForm'
 
-export const MyDescription = ({ title, column, layout = 'vertical', descriptions, form: externalForm, onValuesChange }) => {
+export const MyDescription = ({ title, column, layout = 'vertical', labelStyle, contentStyle, descriptions, form: externalForm, onValuesChange }) => {
 
     const [internalForm] = Form.useForm()
     const form = externalForm || internalForm
 
     return (
         <Form form={form} preserve={false} component={false} onValuesChange={onValuesChange}>
-            <Descriptions title={title} column={column} layout={layout}>
+            <Descriptions title={title} column={column} layout={layout} labelStyle={labelStyle} contentStyle={contentStyle}>
                 {descriptions.map(item => (
-                    <Descriptions.Item key={item.label} label={item.name ? undefined : item.label}>
+                    <Descriptions.Item key={item.label} span={item.span ?? 1} label={item.name ? undefined : item.label}>
                         {item.name ? <MyBaseForm item={item} form={form} /> : item.value}
                     </Descriptions.Item>))}
             </Descriptions>

package/src/workshop/react/standardParts/MyForm.js

@@ -1,8 +1,8 @@
 import dayjs from 'dayjs'
 import { MyBaseForm } from './MyBaseForm'
 import { flattenFormItems } from '../utils/utils'
-import { useContext, createContext } from 'react'
 import { Row, Col, Form, Button, Collapse } from 'antd'
+import { useEffect, useContext, createContext } from 'react'
 
 const FormContext = createContext({})
 
@@ -30,12 +30,16 @@ const LAYOUT_PROCESSORS = {
 }
 
 const ACTION_PROCESSORS = {
-    addonAfter: (item, { tableConfig, setModalTable, setSelectedTableRows }) => ({
+    addonAfter: (item, { customClick, tableConfig = {}, setModalTable, setSelectedTableRows }) => ({
         props: {
             addonAfter: (
                 <Button onClick={() => {
-                    setSelectedTableRows([])
-                    setModalTable({ visible: true, title: `选择${item.label}`, ...tableConfig[item.name] })
+                    if (typeof customClick === 'function') {
+                        customClick()
+                        return
+                    }
+                    setSelectedTableRows?.([])
+                    setModalTable?.({ visible: true, title: `选择${item.label}`, ...tableConfig[item.name] })
                 }}>
                     {item.addonAfter}
                 </Button>
@@ -109,7 +113,7 @@ export const MyForm = ({ record, formItems = [], externalForm, labelCol, wrapper
                         initialData[key] = dayjs(value)
                     }
                 } else if ((config?.type === 'select' && config.mode) || config?.type === 'checkbox') {
-                    initialData[key] = Array.isArray(value) ? value : value.split(config.separator ?? ',')
+                    initialData[key] = Array.isArray(value) ? value : value?.split(config.separator ?? ',')
                 } else {
                     initialData[key] = value
                 }

package/src/workshop/react/standardParts/MyModalForm.js

@@ -48,7 +48,7 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
     const tableRowSelection = useMemo(() => ({
         selectedRowKeys: selectedTableRows.map(row => row[rowKey]),
         onChange: (selectedRowKeys, selectedRows) => setSelectedTableRows(selectedRows),
-    }), [rowKey, modalTable, selectedTableRows])
+    }), [rowKey, selectedTableRows])
 
     const ctx = { form, record, pending, handleOk, handleCancel, setModal }
 

package/src/workshop/react/standardParts/MyModalTable.js

@@ -11,9 +11,9 @@ export const MyModalTable = ({ api, onOk, title, width, footer, visible, operate
 
     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 })
+    const handleSearch = values => setSearch(prev => ({ ...prev, ...values, pageNo: 1 }))
 
-    const handleTableChange = (pagination, filters, sorter) => setSearch({ ...search, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined })
+    const handleTableChange = (pagination, filters, sorter) => setSearch(prev => ({ ...prev, pageNo: pagination.current, pageSize: pagination.pageSize, orderBy: sorter.column ? sorter.field : undefined }))
 
     const handleOk = async () => {
         if (onOk) {

package/src/workshop/react/standardParts/MyPopoverTable.js

@@ -11,6 +11,7 @@ export const MyPopoverTable = ({ api, columns, children, formatter }) => {
         if (loading) return
         setLoading(true)
         const response = await api()
+        setLoading(false)
         const datas = formatter(response)
         setDataSource(datas)
     }

package/src/workshop/react/standardParts/MySearchForm.js

@@ -4,7 +4,7 @@ import { useMemo, useState, useEffect } from 'react'
 import { Row, Col, Form, Button, Space } from 'antd'
 import { SearchOutlined, RedoOutlined } from '@ant-design/icons'
 
-export const MySearchForm = ({ form, extra, search, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues = {}, initialParams = {}, customReset, customFinish, renderAction, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
+export const MySearchForm = ({ form, extra, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues = {}, initialParams = {}, customReset, customFinish, renderAction, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
 
     const [limit, setLimit] = useState(showLimit)
 
@@ -26,7 +26,7 @@ export const MySearchForm = ({ form, extra, search, options, loading, labelCol,
         if (customReset) {
             customReset()
         } else {
-            setSearch({ pageNo: 1, pageSize: search.pageSize ?? defaultPageSize, ...initialParams })
+            setSearch(prev => ({ pageNo: 1, pageSize: prev.pageSize ?? defaultPageSize, ...initialParams }))
         }
     }
 
@@ -54,7 +54,7 @@ export const MySearchForm = ({ form, extra, search, options, loading, labelCol,
         if (customFinish) {
             customFinish(formattedValues)
         } else {
-            setSearch({ ...search, ...formattedValues, pageNo: 1 })
+            setSearch(prev => ({ ...prev, ...formattedValues, pageNo: 1 }))
         }
     }
 

package/src/workshop/react/standardParts/MyTable.js

@@ -1,7 +1,9 @@
 import { Table, Space } from 'antd'
 import { DraggableContainer } from './DraggableContainer'
 import { EditableRow, EditableCell } from './EditableCell'
-import { useRef, useMemo, useEffect, useCallback } from 'react'
+import { useRef, useMemo, useEffect, useCallback, createContext } from 'react'
+
+export const TableContext = createContext(null)
 
 export const MyTable = ({ size, query, total, search, options, autoScroll, onChange, editingKey, setSearch, pagination, editRender = {}, renderAction, rowClassName, customSave, setDataSource, lineFormChange, columns = [], rowSelection, rowKey = 'id', editMode = 'cellEdit', loading = false, dataSource = [], draggable = false, scroll = { x: 'max-content' }, isLocalPaging = false, ...restProps }) => {
 
@@ -33,10 +35,10 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
             c.body.cell = EditableCell
         }
         if (draggable) {
-            c.body.wrapper = props => <DraggableContainer props={props} customSave={customSave} setDataSource={setDataSource} dataSourceRef={dataSourceRef} />
+            c.body.wrapper = DraggableContainer
         }
         return c
-    }, [isEditable, draggable, customSave, setDataSource])
+    }, [isEditable, draggable])
 
     const mergedColumns = useMemo(() => {
         return columns.map(col => {
@@ -48,7 +50,7 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
                 currentCol = {
                     ...currentCol,
                     filterSearch: true,
-                    onFilter: (value, record) => col.remote ? undefined : col.customFilter({ value, record, dataIndex: col.dataIndex }),
+                    ...(col.remote ? {} : { onFilter: (value, record) => col.customFilter({ value, record, dataIndex: col.dataIndex }) }),
                     filterDropdown: ({ close, confirm, selectedKeys, clearFilters, setSelectedKeys }) => (
                         <Space direction='vertical' style={{ padding: 12 }}>
                             {col.customFilterDropdown({ dataIndex: col.dataIndex, selectedKeys, setSelectedKeys })}
@@ -89,7 +91,7 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
                 }),
             }
         })
-    }, [columns, options, handleSave, editRender, renderAction])
+    }, [rowKey, columns, options, editMode, setSearch, editingKey, editRender, renderAction, handleSave])
 
     const paginationConfig = useMemo(() => {
 
@@ -100,8 +102,8 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
             showSizeChanger: true,
             showTotal: (total) => `共 ${total} 条`,
             ...(isLocalPaging ? {} : {
-                current: Number(search?.pageNo),
-                pageSize: Number(search?.pageSize),
+                current: Number(search?.pageNo ?? 1),
+                pageSize: Number(search?.pageSize ?? 10),
             }),
             ...(typeof pagination === 'object' ? pagination : {})
         }
@@ -126,27 +128,29 @@ export const MyTable = ({ size, query, total, search, options, autoScroll, onCha
 
     return (
         <div ref={tableRef}>
-            <Table
-                {...restProps}
-                rowKey={rowKey}
-                scroll={scroll}
-                loading={loading}
-                onChange={onChange}
-                columns={mergedColumns}
-                dataSource={dataSource}
-                size={size ?? 'middle'}
-                components={components}
-                rowSelection={rowSelection}
-                pagination={paginationConfig}
-                onRow={(record, index) => ({ record, index, draggable, columns: mergedColumns, ...(typeof lineFormChange === 'function' ? { onValuesChange: lineFormChange } : {}) })}
-                rowClassName={(record, index) => {
-                    const externalClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName
-                    const classes = [externalClass]
-                    if (isEditable) classes.push('editable-row')
-                    if (autoScroll && query?.rowIndex === index) classes.push('search-highlight-row')
-                    return classes.filter(Boolean).join(' ')
-                }}
-            />
+            <TableContext.Provider value={{ customSave, setDataSource, dataSourceRef }}>
+                <Table
+                    {...restProps}
+                    rowKey={rowKey}
+                    scroll={scroll}
+                    loading={loading}
+                    onChange={onChange}
+                    columns={mergedColumns}
+                    dataSource={dataSource}
+                    size={size ?? 'middle'}
+                    components={components}
+                    rowSelection={rowSelection}
+                    pagination={paginationConfig}
+                    onRow={(record, index) => ({ record, index, draggable, columns: mergedColumns, ...(typeof lineFormChange === 'function' ? { onValuesChange: lineFormChange } : {}) })}
+                    rowClassName={(record, index) => {
+                        const externalClass = typeof rowClassName === 'function' ? rowClassName(record, index) : rowClassName
+                        const classes = [externalClass]
+                        if (isEditable) classes.push('editable-row')
+                        if (autoScroll && query?.rowIndex === index) classes.push('search-highlight-row')
+                        return classes.filter(Boolean).join(' ')
+                    }}
+                />
+            </TableContext.Provider>
         </div>
     )
 }

package/src/workshop/react/standardParts/index.js

@@ -1,17 +1,68 @@
+import { Fragment } from 'react'
 import { MyBaseForm } from './MyBaseForm'
 import { AliyunOSSUpload } from './AliyunOSSUpload'
-import { Tree, Form, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
+import { Tree, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
 
-export const formNode = ({ item }) => {
+const componentDict = {
+    date: { Component: DatePicker },
+    number: { Component: InputNumber },
+    ossUpload: { Component: AliyunOSSUpload },
+    default: {
+        Component: Input,
+        props: () => ({ allowClear: true })
+    },
+    daterange: {
+        Component: DatePicker.RangePicker,
+        props: () => ({ placeholder: undefined })
+    },
+    textarea: {
+        Component: Input.TextArea,
+        props: () => ({ autoSize: { minRows: 4 } })
+    },
+    upload: {
+        Component: Upload,
+        props: ({ item }) => ({ ...item.uploadProps })
+    },
+    auto: {
+        Component: AutoComplete,
+        props: ({ item }) => ({ options: item.options })
+    },
+    checkbox: {
+        Component: Checkbox.Group,
+        props: ({ item }) => ({ options: item.options })
+    },
+    radio: {
+        Component: Radio.Group,
+        props: ({ item }) => ({ options: item.options })
+    },
+    treeSelect: {
+        Component: TreeSelect,
+        props: ({ item }) => ({ treeData: item.options })
+    },
+    tree: {
+        Component: Tree,
+        props: ({ item }) => ({ checkable: true, treeData: item.options })
+    },
+    cascader: {
+        Component: Cascader,
+        props: ({ item }) => ({ allowClear: true, showSearch: true, options: item.options })
+    },
+    select: {
+        Component: Select,
+        props: ({ item }) => ({ allowClear: true, showSearch: true, mode: item.mode, options: item.options, optionFilterProp: 'label' })
+    },
+}
+
+export const formNode = ({ item, form }) => {
 
     if (item.type === 'group' && Array.isArray(item.groups)) {
         return (
             <Input.Group compact style={{ width: item.width ?? '100%', display: 'flex', ...item.style }}>
                 {item.groups.map((subItem, ind) => (
-                    <Form.Item noStyle key={subItem.name}>
-                        <div style={{ flex: 1, minWidth: 0, marginRight: 8 }}><MyBaseForm item={subItem} key={subItem.name} /></div>
+                    <Fragment key={subItem.name}>
+                        <div style={{ flex: 1, minWidth: 0, marginRight: 8 }}><MyBaseForm item={subItem} form={form} /></div>
                         {ind < item.groups.length - 1 && <span style={{ color: '#888', whiteSpace: 'nowrap', marginRight: 8 }}>{item.separator}</span>}
-                    </Form.Item>
+                    </Fragment>
                 ))}
             </Input.Group>
         )
@@ -21,25 +72,15 @@ export const formNode = ({ item }) => {
         disabled: item.readOnly,
         style: { width: item.width ?? '100%' },
         placeholder: item.placeholder ?? `请${['select', 'cascader', 'date'].includes(item.type) ? '选择' : '输入'}`,
-        ...item.props
     }
 
-    const componentDict = {
-        date: <DatePicker {...commonProps} />,
-        number: <InputNumber  {...commonProps} />,
-        default: <Input allowClear {...commonProps} />,
-        ossUpload: <AliyunOSSUpload {...commonProps} />,
-        auto: <AutoComplete options={item.options} {...commonProps} />,
-        radio: <Radio.Group options={item.options} {...commonProps} />,
-        tree: <Tree checkable treeData={item.options} {...commonProps} />,
-        treeSelect: <TreeSelect treeData={item.options} {...commonProps} />,
-        checkbox: <Checkbox.Group options={item.options} {...commonProps} />,
-        textarea: <Input.TextArea autoSize={{ minRows: 4 }} {...commonProps} />,
-        daterange: <DatePicker.RangePicker {...commonProps} placeholder={undefined} />,
-        cascader: <Cascader showSearch allowClear options={item.options} {...commonProps} />,
-        upload: <Upload {...item.uploadProps} {...commonProps}>{item.content ?? '上传文件'}</Upload>,
-        select: <Select allowClear showSearch mode={item.mode} options={item.options} optionFilterProp='label' {...commonProps} />,
-    }
+    const config = componentDict[item.type] ?? componentDict.default
+    const Component = config.Component
+    const specialProps = config.props?.({ item, form }) ?? {}
 
-    return componentDict[item.type] ?? componentDict.default
+    return (
+        <Component {...commonProps} {...specialProps} {...item.props}>
+            {item.type === 'upload' && (item.content ?? '上传文件')}
+        </Component>
+    )
 }