@yorha2b-lab/autodev 7.7.5 → 7.7.7

package/package.json

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

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

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

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

@@ -86,4 +86,8 @@ const modalSubmit = async params => {
         setModal({ visible: false })
         refresh()
     }
-}
+}
+
+useEffect(() => {
+    //初始化事件
+}, [])

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

@@ -1,4 +1,6 @@
 
+const { } = useContext(GlobalContext)
+
 const rowKey = 'id'
 {{#if hasFormItems}}
 const [form] = Form.useForm()

package/src/workshop/react/briefings/raider.js

@@ -53,7 +53,7 @@ module.exports = `
     - 必填校验: 若图片中 label 前有红色星号，必须加入 rules:[{required:true,message:'xxx不能为空'}]。
 
 ## 3. 页签 (Tabs)
-- 结构: tabs: [{label:'页签名',key:'页签英文'}]
+- 结构: tabs: [{tab:'页签名',key:'页签英文'}]
 
 ## 4. 下拉选项字典 (OptionDict)
 - 结构: optionDict: { 字段英文名Options: [] }

package/src/workshop/react/briefings/striker.js

@@ -18,7 +18,7 @@ module.exports = `
 ## 零部件构筑规范 (Component Specifications)
 
 ## 标签页 (tabs)
-- **基础格式**: [{ label: '文本', key: 'englishName' }]
+- **基础格式**: [{ tab: '文本', key: 'englishName' }]
 - **识别条件**: 底部有显著长横线 (Ink Bar) 或呈现包裹感 (Card style) 时判定。
 - **排除项**: 表格上方的独立按钮必须归类为 [functionButton]。
 

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

@@ -50,8 +50,8 @@ module.exports = ({ template, logistics, headquarters }) => {
 
         const hooksLib = ['useTableQuery']
         const utilsLib = ['timeRender', 'moneyRender']
-        const reactLib = ['useState', 'useEffect', 'useRef', 'useMemo']
         const componentsLib = ['MyTable', 'MyImage', 'MyModalForm', 'MySearchForm']
+        const reactLib = ['useRef', 'useMemo', 'useState', 'useEffect', 'useContext']
         const antdLib = ['Tag', 'Card', 'Badge', 'Space', 'Modal', 'Alert', 'Image', 'Table', 'Input', 'Select', 'Button']
 
         const usedAntd = antdLib.filter(name => new RegExp(`\\b${name}\\b`).test(bodyCode))
@@ -67,6 +67,7 @@ module.exports = ({ template, logistics, headquarters }) => {
             ...usedComps.map(comp => `import { ${comp} } from '../../components/${comp}'`),
             ...(module === 'index' ? [
                 `import { request } from '../../utils/request'`,
+                `import { GlobalContext } from '../../layouts'`,
                 `import { formatQuery } from '../../utils/utils'`,
                 `import { ${hasTabs ? 'tabs, ' : ''}${hasFormItems ? 'formItems, ' : ''}modalItems, tableColumns} from './resource'`
             ] : [

package/src/workshop/react/protocols/striker.json

@@ -20,12 +20,12 @@
                 "items": {
                     "type": "object",
                     "required": [
-                        "label",
+                        "tab",
                         "key"
                     ],
                     "additionalProperties": false,
                     "properties": {
-                        "label": {
+                        "tab": {
                             "type": "string"
                         },
                         "key": {

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

@@ -0,0 +1,114 @@
+import { Button, Upload } from 'antd'
+import { initOSS } from '../utils/utils'
+import { useState, useEffect } from 'react'
+import { UploadOutlined } from '@ant-design/icons'
+
+/**
+ * @component AliyunOSSUpload
+ * @description [地堡核心传输单元] 阿里云 OSS 高级上传组件。
+ * 集成了“物理路径自动重组”、“STS 令牌自动续期”以及“ Antd 属性无损透传”三大核心协议。
+ *
+ * @param {Object} props - 构筑参数
+ * @param {string} [props.path] - 默认存储扇区：定义文件在云端的物理根路径
+ * @param {string} [props.url] - 司令部通信地址：用于申请最新的物理传输令牌 (STS)
+ * @param {Array} props.value - 传感器当前封存的文件列表 (符合 Antd fileList 规范)
+ * @param {Function} props.onChange - 状态反馈协议：当物理文件状态变更时同步至地堡中枢
+ * @param {Object} [props.oss] - 外部空投的初始凭证包。若缺失，组件将启动自主初始化流程。
+ * @param {Object} [props.options] - 通信加密/配置参数：在申请令牌时透传给 request 的额外负载
+ * @param {Object} [props.originUploadProps] - [重要] 无损透传：支持 Antd Upload 的所有原生属性（如 multiple, accept 等）
+ *
+ * @example
+ * // 基本构筑
+ * <AliyunOSSUpload path='project/data' url='/api/oss/token' />
+ *
+ * // 高级装配（限制文件类型并开启多选）
+ * <AliyunOSSUpload accept='.pdf' multiple={true} path='docs' url='/api/oss/token' />
+ */
+export const AliyunOSSUpload = ({ value, onChange, ...restProps }) => {
+
+    // 💡 物理剥离：将地堡专用参数与 Antd 原生属性分离
+    const { oss, url, path, options, expireField = 'expire', ...originUploadProps } = restProps
+
+    const [OSSData, setOSSData] = useState(oss)
+
+    /**
+     * @async
+     * @function init
+     * @description [信号握手] 执行令牌获取协议，从司令部申请最新的物理上传授权
+     */
+    const init = async () => {
+        try {
+            const result = await initOSS(url, options)
+            setOSSData(result)
+            return result
+        } catch (err) {
+            console.log(err)
+        }
+    }
+
+    useEffect(() => {
+        // 💡 自愈逻辑：如果发现能源包 (OSSData) 为空，则自动触发初始化
+        if (!OSSData) {
+            init()
+        }
+    }, [])
+
+    const handleChange = ({ fileList }) => onChange?.([...fileList])
+
+    const onRemove = file => {
+        const files = (value || []).filter(v => v.uid !== file.uid)
+        onChange?.(files)
+    }
+
+    /**
+     * @function getExtraData
+     * @description [数据封装] 将动态生成的物理凭证与目标文件路径压入传输负载
+     * @param {Object} file - 待传输的文件对象
+     */
+    const getExtraData = file => ({
+        key: file.url,
+        policy: OSSData?.policy,
+        Signature: OSSData?.signature,
+        OSSAccessKeyId: OSSData?.accessKeyId,
+        'x-oss-security-token': OSSData?.stsToken,
+    })
+
+    /**
+     * @async
+     * @function beforeUpload
+     * @description [生存期侦察] 在传输启动前执行 TTL 检测。
+     * 若令牌已失效（过期），则强行拦截并执行同步刷新协议，同时执行物理路径归一化。
+     */
+    const beforeUpload = async file => {
+        let currentOSS = OSSData
+        const expire = Number(OSSData?.[expireField] ?? 0) * 1000
+        if (expire < Date.now()) {
+            currentOSS = await init()
+        }
+        // 💡 物理路径重组：通过正则清除多余的路径分隔符，确保存储节点坐标唯一
+        file.url = `${currentOSS?.dir ?? path}/${file.uid}_${file.name}`.replace(/\/\//g, '/')
+        return file
+    }
+
+    /**
+     * @constant uploadProps
+     * @description [物理合并] 最终生成的 Antd Upload 指令集：
+     * 自动优先应用 originUploadProps 中的自定义设置。
+     */
+    const uploadProps = {
+        onRemove,
+        name: 'file',
+        beforeUpload,
+        fileList: value,
+        data: getExtraData,
+        action: OSSData?.host,
+        onChange: handleChange,
+        ...originUploadProps
+    }
+
+    return (
+        <Upload {...uploadProps}>
+            <Button icon={<UploadOutlined />}>选择文件</Button>
+        </Upload>
+    )
+}

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

@@ -60,7 +60,7 @@ export const EditableRow = ({ index, record, ...props }) => {
  * @param {boolean} [props.defaultEdit] - 持久化模式：是否默认始终开启编辑状态
  * @param {string} [props.editType='text'] - 零部件型号（text/number/select/checkbox）
  */
-export const EditableCell = ({ title, record, editable, disabled, children, dataIndex, placeholder, handleSave, defaultEdit, rules = [], options = [], editType = 'text', ...restProps }) => {
+export const EditableCell = ({ title, record, editable, disabled, children, dataIndex, placeholder, handleSave, defaultEdit, editRender, rules = [], options = [], editType = 'text', ...restProps }) => {
 
     const inputRef = useRef(null)
     const form = useContext(EditableContext)
@@ -125,6 +125,9 @@ export const EditableCell = ({ title, record, editable, disabled, children, data
         case 'number':
             inputNode = <InputNumber ref={inputRef} onPressEnter={save} {...commonProps} />
             break
+        case 'custom':
+            inputNode = editRender({ form, record, save, dataIndex, disabled, toggleEdit, commonProps })
+            break
         case 'checkbox':
             inputNode = (
                 <div tabIndex={-1} onBlur={e => {
@@ -151,7 +154,7 @@ export const EditableCell = ({ title, record, editable, disabled, children, data
             {editable ? (
                 editing || defaultEdit ? (
                     // 骇入模式：渲染输入零件
-                    <Form.Item {...(['checkbox'].includes(editType) ? { style: formProps.style } : formProps)}>
+                    <Form.Item {...(['custom', 'checkbox'].includes(editType) ? { style: formProps.style } : formProps)}>
                         {inputNode}
                     </Form.Item>
                 ) : (

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

@@ -43,10 +43,10 @@ const ACTION_PROCESSORS = {
     // prefix: (item) => ({ props: { prefix: <Icon type={item.prefix} /> } }),
 }
 
-const FormRenderer = ({ form, formItems, tableProps = {} }) => {
+const FormRenderer = ({ form, options, formItems, renderAction, tableProps = {} }) => {
 
     // 定义核心渲染逻辑，供递归使用
-    const renderCore = items => <FormRenderer form={form} formItems={items} tableProps={tableProps} />
+    const renderCore = items => <FormRenderer form={form} options={options} formItems={items} renderAction={renderAction} tableProps={tableProps} />
 
     // 定义单项动作注入逻辑
     const getRenderItemProps = item => {
@@ -61,28 +61,35 @@ const FormRenderer = ({ form, formItems, tableProps = {} }) => {
     }
 
     return formItems.map((item, index) => {
+        // 💡 保持纯粹不可变：通过解构浅拷贝，绝不污染原始 formItems 对象！
+        const processedItem = {
+            ...item,
+            ...(item.renderAction && renderAction?.[item.name] ? { render: renderAction[item.name] } : {}),
+            ...(['select', 'radio', 'checkbox'].includes(item.type) && !item.options ? { options: options?.[item.name] || [] } : {})
+        }
+
         // 情况 A：发现容器型零件 (含有 layoutType)
-        if (item.layoutType && LAYOUT_PROCESSORS[item.layoutType]) {
-            const Layout = LAYOUT_PROCESSORS[item.layoutType] ?? LAYOUT_PROCESSORS.default
+        if (processedItem.layoutType && LAYOUT_PROCESSORS[processedItem.layoutType]) {
+            const Layout = LAYOUT_PROCESSORS[processedItem.layoutType] ?? LAYOUT_PROCESSORS.default
             return (
                 <Layout
-                    item={item}
-                    key={item.name || index}
-                    renderCore={renderCore} // 注入渲染能力，让 Layout 自己去 Map
+                    item={processedItem}
+                    key={processedItem.name || index}
+                    renderCore={renderCore}
                 />
             )
         }
 
         // 情况 B：标准作战零件
         return (
-            <Col span={item.span ?? 6} key={item.name || index}>
-                <MyBaseForm item={{ ...item, ...getRenderItemProps(item) }} form={form} />
+            <Col span={processedItem.span ?? 6} key={processedItem.name || index}>
+                <MyBaseForm item={{ ...processedItem, ...getRenderItemProps(processedItem) }} form={form} />
             </Col>
         )
     })
 }
 
-export const MyForm = ({ formItems, externalForm, labelCol, wrapperCol, tableProps, layout = 'horizontal', onValuesChange }) => {
+export const MyForm = ({ formItems = [], externalForm, labelCol, wrapperCol, tableProps, onValuesChange, layout = 'horizontal', options = {}, renderAction = {} }) => {
 
     const [internalForm] = Form.useForm()
     const form = externalForm || internalForm
@@ -90,8 +97,8 @@ export const MyForm = ({ formItems, externalForm, labelCol, wrapperCol, tablePro
     return (
         <Form form={form} layout={layout} preserve={false} labelCol={labelCol} wrapperCol={wrapperCol} onValuesChange={onValuesChange} scrollToFirstError={{ behavior: 'smooth', block: 'center' }}>
             <Row gutter={[24, 0]}>
-                <FormRenderer form={form} formItems={formItems} tableProps={tableProps} />
+                <FormRenderer form={form} options={options} formItems={formItems} renderAction={renderAction} tableProps={tableProps} />
             </Row>
         </Form>
     )
-}
+}

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

@@ -36,17 +36,12 @@ const flattenFormItems = items => {
  *   title='构筑新模块'
  *   visible={visible}
  *   submit={async (vals) => await save(vals)}
- *   formItems={[{ label: '截止日期', name: 'deadline', type: 'date' }]}
+ *   modalItems={[{ label: '截止日期', name: 'deadline', type: 'date' }]}
  * />
  */
 export const MyModalForm = ({ extra, width, title, layout, okText, options, footer, submit, record, visible, setModal, labelCol, modalItems, wrapperCol, cancelText, tableConfig, okButtonProps, renderAction, onValuesChange, handleModalTableOk }) => {
 
     const rowKey = tableConfig?.rowKey || 'id'
-    const formItems = useMemo(() => modalItems.map(item => ({
-        ...item,
-        ...(item.renderAction ? { render: renderAction?.[item.name] } : {}),
-        ...(['select'].includes(item.type) ? { options: item.options ?? options?.[item.name] ?? [] } : {})
-    })), [options, modalItems, renderAction])
 
     const [form] = Form.useForm()
     const [pending, setPending] = useState(false)
@@ -62,7 +57,7 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
     useEffect(() => {
         if (visible && !prevVisibleRef.current) {
             if (record && Object.keys(record).length > 0) {
-                const itemMap = new Map(flattenFormItems(formItems).map(i => [i.name, i]))
+                const itemMap = new Map(flattenFormItems(modalItems).map(i => [i.name, i]))
                 const initialData = {}
                 Object.entries(record).forEach(([key, value]) => {
                     const config = itemMap.get(key)
@@ -86,7 +81,7 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
             }
         }
         prevVisibleRef.current = visible
-    }, [visible, record, form, formItems])
+    }, [visible, record, form, modalItems])
 
     /**
      * @async
@@ -98,7 +93,7 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
         try {
             const values = await form.validateFields()
             const formattedValues = { ...values }
-            flattenFormItems(formItems).forEach(item => {
+            flattenFormItems(modalItems).forEach(item => {
                 const val = formattedValues[item.name]
                 if (item.type?.includes('date') && val) {
                     if (Array.isArray(val)) {
@@ -159,10 +154,12 @@ export const MyModalForm = ({ extra, width, title, layout, okText, options, foot
             {extra?.header?.(ctx)}
             <MyForm
                 layout={layout}
+                options={options}
                 externalForm={form}
                 labelCol={labelCol}
-                formItems={formItems}
+                formItems={modalItems}
                 wrapperCol={wrapperCol}
+                renderAction={renderAction}
                 tableProps={{ tableConfig, setModalTable, setSelectedTableRows }}
                 onValuesChange={(changed, all) => onValuesChange?.({ changed, all, form, record })}
             />

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

@@ -32,7 +32,7 @@ import { SearchOutlined, RedoOutlined } from '@ant-design/icons'
  *   formItems={[{ label: '状态', name: 'status', type: 'select', options: [...] }]}
  * />
  */
-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, search, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues = {}, initialParams = {}, customReset, customFinish, renderAction, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
 
     const [limit, setLimit] = useState(showLimit)
 

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

@@ -55,7 +55,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 = [], draggable = false, scroll = { x: 'max-content' }, isLocalPaging = false, ...restProps }) => {
+export const MyTable = ({ size, query, total, search, options, autoScroll, onChange, setSearch, pagination, editRender = {}, renderAction, rowClassName, customSave, setDataSource, lineFormChange, columns = [], rowSelection, rowKey = 'id', loading = false, dataSource = [], draggable = false, scroll = { x: 'max-content' }, isLocalPaging = false, ...restProps }) => {
 
     const tableRef = useRef(null)
     const hasScrolledRef = useRef(false)
@@ -115,30 +115,53 @@ export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagi
     const mergedColumns = useMemo(() => {
         return columns.map(col => {
             if (!col.editType) {
+                let currentCol = { ...col }
                 if (col.renderAction && renderAction?.[col.dataIndex]) {
-                    return { ...col, render: renderAction[col.dataIndex] }
+                    currentCol.render = renderAction[col.dataIndex]
                 }
-                return col
+                if (col.search) {
+                    currentCol = {
+                        ...currentCol,
+                        filterSearch: true,
+                        onFilter: (value, record) => col.remote ? undefined : 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 })}
+                                <div style={{ display: 'flex' }}>
+                                    <a style={{ marginLeft: 'auto', marginRight: 8 }} onClick={() => {
+                                        if (col.remote) {
+                                            setSearch(prev => ({ ...prev, pageNo: 1, [col.dataIndex]: col.formatFilter?.(selectedKeys) ?? selectedKeys?.toString() }))
+                                        }
+                                        confirm()
+                                    }}>确定</a>
+                                    <a onClick={() => {
+                                        if (col.remote) {
+                                            setSearch(prev => ({ ...prev, pageNo: 1, [col.dataIndex]: undefined }))
+                                        }
+                                        clearFilters()
+                                    }}>重置</a>
+                                </div>
+                            </Space>
+                        ),
+                    }
+                }
+                return currentCol
             }
             return {
                 ...col,
                 onCell: (record) => ({
+                    ...col,
                     record,
                     handleSave,
-                    title: col.title,
-                    rules: col.rules,
-                    options: col.options,
-                    editType: col.editType,
-                    dataIndex: col.dataIndex,
-                    placeholder: col.placeholder,
-                    defaultEdit: col.defaultEdit,
+                    editRender: editRender?.[col.dataIndex],
+                    options: col.options ?? options?.[col.dataIndex],
                     // 💡 条件防御逻辑：支持针对单行的物理锁定
                     disabled: col.specialDisabled ? record.disabled : col.disabled,
                     editable: col.specialEditType ? record.needEdit && !!col.editType : !!col.editType,
                 }),
             }
         })
-    }, [columns, handleSave, renderAction])
+    }, [columns, options, handleSave, editRender, renderAction])
 
     /**
      * @constant paginationConfig

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

@@ -1,117 +1,5 @@
-import { initOSS } from '../utils/utils'
-import { useState, useEffect } from 'react'
-import { UploadOutlined } from '@ant-design/icons'
-import { Button, Tree, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
-
-/**
- * @component AliyunOSSUpload
- * @description [地堡核心传输单元] 阿里云 OSS 高级上传组件。
- * 集成了“物理路径自动重组”、“STS 令牌自动续期”以及“ Antd 属性无损透传”三大核心协议。
- *
- * @param {Object} props - 构筑参数
- * @param {string} [props.path] - 默认存储扇区：定义文件在云端的物理根路径
- * @param {string} [props.url] - 司令部通信地址：用于申请最新的物理传输令牌 (STS)
- * @param {Array} props.value - 传感器当前封存的文件列表 (符合 Antd fileList 规范)
- * @param {Function} props.onChange - 状态反馈协议：当物理文件状态变更时同步至地堡中枢
- * @param {Object} [props.oss] - 外部空投的初始凭证包。若缺失，组件将启动自主初始化流程。
- * @param {Object} [props.options] - 通信加密/配置参数：在申请令牌时透传给 request 的额外负载
- * @param {Object} [props.originUploadProps] - [重要] 无损透传：支持 Antd Upload 的所有原生属性（如 multiple, accept 等）
- *
- * @example
- * // 基本构筑
- * <AliyunOSSUpload path='project/data' url='/api/oss/token' />
- *
- * // 高级装配（限制文件类型并开启多选）
- * <AliyunOSSUpload accept='.pdf' multiple={true} path='docs' url='/api/oss/token' />
- */
-const AliyunOSSUpload = ({ value, onChange, ...restProps }) => {
-
-    // 💡 物理剥离：将地堡专用参数与 Antd 原生属性分离
-    const { oss, url, path, options, expireField = 'expire', ...originUploadProps } = restProps
-
-    const [OSSData, setOSSData] = useState(oss)
-
-    /**
-     * @async
-     * @function init
-     * @description [信号握手] 执行令牌获取协议，从司令部申请最新的物理上传授权
-     */
-    const init = async () => {
-        try {
-            const result = await initOSS(url, options)
-            setOSSData(result)
-            return result
-        } catch (err) {
-            console.log(err)
-        }
-    }
-
-    useEffect(() => {
-        // 💡 自愈逻辑：如果发现能源包 (OSSData) 为空，则自动触发初始化
-        if (!OSSData) {
-            init()
-        }
-    }, [])
-
-    const handleChange = ({ fileList }) => onChange?.([...fileList])
-
-    const onRemove = file => {
-        const files = (value || []).filter(v => v.uid !== file.uid)
-        onChange?.(files)
-    }
-
-    /**
-     * @function getExtraData
-     * @description [数据封装] 将动态生成的物理凭证与目标文件路径压入传输负载
-     * @param {Object} file - 待传输的文件对象
-     */
-    const getExtraData = file => ({
-        key: file.url,
-        policy: OSSData?.policy,
-        Signature: OSSData?.signature,
-        OSSAccessKeyId: OSSData?.accessKeyId,
-        'x-oss-security-token': OSSData?.stsToken,
-    })
-
-    /**
-     * @async
-     * @function beforeUpload
-     * @description [生存期侦察] 在传输启动前执行 TTL 检测。
-     * 若令牌已失效（过期），则强行拦截并执行同步刷新协议，同时执行物理路径归一化。
-     */
-    const beforeUpload = async file => {
-        let currentOSS = OSSData
-        const expire = Number(OSSData?.[expireField] ?? 0) * 1000
-        if (expire < Date.now()) {
-            currentOSS = await init()
-        }
-        // 💡 物理路径重组：通过正则清除多余的路径分隔符，确保存储节点坐标唯一
-        file.url = `${currentOSS?.dir ?? path}/${file.uid}_${file.name}`.replace(/\/\//g, '/')
-        return file
-    }
-
-    /**
-     * @constant uploadProps
-     * @description [物理合并] 最终生成的 Antd Upload 指令集：
-     * 自动优先应用 originUploadProps 中的自定义设置。
-     */
-    const uploadProps = {
-        onRemove,
-        name: 'file',
-        beforeUpload,
-        fileList: value,
-        data: getExtraData,
-        action: OSSData?.host,
-        onChange: handleChange,
-        ...originUploadProps
-    }
-
-    return (
-        <Upload {...uploadProps}>
-            <Button icon={<UploadOutlined />}>选择文件</Button>
-        </Upload>
-    )
-}
+import { AliyunOSSUpload } from './AliyunOSSUpload'
+import { Tree, Form, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
 
 /**
  * @function formNode
@@ -130,6 +18,18 @@ const AliyunOSSUpload = ({ value, onChange, ...restProps }) => {
  */
 export const formNode = ({ item }) => {
 
+    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 => (
+                    <Form.Item noStyle key={subItem.name} name={subItem.name} rules={subItem.rules} initialValue={subItem.value}>
+                        {formNode({ item: subItem })}
+                    </Form.Item>
+                ))}
+            </Input.Group>
+        )
+    }
+
     const commonProps = {
         disabled: item.readOnly,
         style: { width: item.width ?? '100%' },
@@ -137,34 +37,22 @@ export const formNode = ({ item }) => {
         ...item.props
     }
 
-    switch (item.type) {
-        case 'date':
-            return <DatePicker {...commonProps} />
-        case 'number':
-            return <InputNumber  {...commonProps} />
-        case 'ossUpload':
-            return <AliyunOSSUpload {...commonProps} />
-        case 'radio':
-            return <Radio.Group options={item.options} {...commonProps} />
-        case 'treeSelect':
-            return <TreeSelect treeData={item.options} {...commonProps} />
-        case 'auto':
-            return <AutoComplete options={item.options} {...commonProps} />
-        case 'checkbox':
-            return <Checkbox.Group options={item.options} {...commonProps} />
-        case 'tree':
-            return <Tree checkable treeData={item.options} {...commonProps} />
-        case 'textarea':
-            return <Input.TextArea autoSize={{ minRows: 4 }} {...commonProps} />
-        case 'daterange':
-            return <DatePicker.RangePicker {...commonProps} placeholder={undefined} />
-        case 'cascader':
-            return <Cascader showSearch allowClear options={item.options} {...commonProps} />
-        case 'upload':
-            return <Upload {...item.uploadProps} {...commonProps}>{item.content ?? '上传文件'}</Upload>
-        case 'select':
-            return <Select allowClear showSearch mode={item.mode} options={item.options} optionFilterProp='label' {...commonProps} />
-        default:
-            return <Input allowClear {...commonProps} />
+    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} />,
     }
+
+    return componentDict[item.type] ?? componentDict.default
 }