@yorha2b-lab/autodev 7.5.6 → 7.5.8

package/README.md

@@ -56,7 +56,7 @@ bunker init
 > **💡 零配置演示模式 (Demo Mode)**
 > 项目默认开启 Demo 模式：
 > 1. 无需配置 API_KEY，直接运行 `bunker boot`。
-> 2. 向 `./bunker/screenShot` 目录丢入任意图片（系统自动空投标准 `example.json` 构筑包）。
+> 2. 向 `./bunker/mission` 目录丢入任意图片（系统自动空投标准 `example.json` 构筑包）。
 > 3. 若想识别真实代码/截图，请在 `bunker/config.js` 中将 `useDemo` 设为 `false` 并配置 `.env`。
 
 创建 `.env` 文件并配置以下环境变量：

package/README_EN.md

@@ -56,7 +56,7 @@ bunker init
 > **💡 Zero-Config Demo Mode**
 > Demo mode is enabled by default:
 > 1. No `API_KEY` required, run `bunker boot` directly.
-> 2. Drop any image into `./bunker/screenShot` (system ignores image content and drops standard `example.json` construction package).
+> 2. Drop any image into `./bunker/mission` (system ignores image content and drops standard `example.json` construction package).
 > 3. To recognize real screenshots, set `useDemo: false` in `bunker/config.js` and configure `.env`.
 
 Create a `.env` file and configure environment variables:

package/package.json

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

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

@@ -1,7 +1,8 @@
 import dayjs from 'dayjs'
 import { MyBaseForm } from './MyBaseForm'
-import { useState, useEffect } from 'react'
+import { useMemo, useState, useEffect } from 'react'
 import { Row, Col, Form, Button, Space } from 'antd'
+import { SearchOutlined, RedoOutlined } from '@ant-design/icons'
 
 /**
  * @component MySearchForm
@@ -17,9 +18,9 @@ import { Row, Col, Form, Button, Space } from 'antd'
  * @param {number} [props.defaultPageSize=10] - 默认吞吐量：重置时的初始每页条数
  * @param {Function} [props.onValuesChange] - 联动传感：当表单值变动时的即时反馈
  * @param {Object} props.initialValues - 初始信号：从 URL 或缓存中解析出的初始参数
+ * @param {React.ReactNode} [props.extra] - 额外挂件：在按钮区域注入自定义战术单元
  * @param {Function} props.setSearch - 状态分发器：用于更新全局搜索参数并触发重新构筑
  * @param {Object} props.search - 当前的全局搜索状态（包含 pageNo, pageSize 及各过滤项）
- * @param {React.ReactNode} [props.extraOperate] - 额外挂件：在按钮区域注入自定义战术单元
  * @param {boolean} props.loading - 战场负载状态：请求中时锁定按钮，防止由于重复指令导致的逻辑冲突
  * @param {boolean} [props.syncUrlParams=true] - 物理同步开关：是否将搜索状态实时镜像至 URL 链接中
  *
@@ -31,10 +32,12 @@ 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, initialParams, customReset, extraOperate, customFinish, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
+export const MySearchForm = ({ form, search, options, loading, labelCol, setSearch, formItems, showLimit = 7, initialValues, initialParams, customReset, extra, customFinish, onValuesChange, syncUrlParams = true, defaultPageSize = 10 }) => {
 
     const [limit, setLimit] = useState(showLimit)
 
+    const searchItems = useMemo(() => formItems.map(item => ({ ...item, ...(['select'].includes(item.type) ? { options: item.options ?? options?.[item.name] ?? [] } : {}) })), [formItems, options])
+
     /**
      * @function handleReset
      * @description 执行“归零协议”：清除当前所有搜索信号，并可选择性擦除 URL 中的物理记录。
@@ -115,15 +118,19 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
                         newValues[item.name] = [dayjs(Number(initialValues[startKey])), dayjs(Number(initialValues[endKey]))]
                     }
                 }
+                // 处理多选框回显
+                if (item.hasOwnProperty('mode') && !!initialValues[item.name]) {
+                    newValues[item.name] = initialValues[item.name]?.split(',')
+                }
             })
             form.setFieldsValue(newValues)
         }
-    }, [initialValues, form, formItems])
+    }, [form, formItems, initialValues])
 
     return (
-        <Form form={form} onFinish={handleFinish} labelCol={labelCol} onValuesChange={onValuesChange}>
+        <Form form={form} onFinish={handleFinish} labelCol={labelCol} onValuesChange={onValuesChange} className='searchForm'>
             <Row gutter={24}>
-                {formItems.slice(0, limit)?.map((item, ind) => (
+                {searchItems.slice(0, limit)?.map((item, ind) => (
                     <Col key={ind} span={item.span ?? 6}>
                         {/* 物理装配：利用底层 MyBaseForm 单元进行渲染 */}
                         <MyBaseForm item={item} form={form} />
@@ -137,9 +144,9 @@ export const MySearchForm = ({ form, search, loading, labelCol, setSearch, formI
                 <Col flex='auto' style={{ textAlign: 'right' }}>
                     <Form.Item>
                         <Space>
-                            <Button type='primary' loading={loading} htmlType='submit'>查询</Button>
-                            <Button onClick={handleReset} loading={loading} htmlType='reset'>重置</Button>
-                            {extraOperate}
+                            <Button type='primary' icon={<SearchOutlined />} loading={loading} htmlType='submit'>查询</Button>
+                            <Button icon={<RedoOutlined />} onClick={handleReset} loading={loading} htmlType='reset'>重置</Button>
+                            {extra}
                             {/* 动态伸缩协议：根据当前零部件数量决定是否显示展开/收起按钮 */}
                             {formItems.length > showLimit && (<a onClick={() => setLimit(formItems.length > limit ? formItems.length : showLimit)}>{formItems.length > limit ? '展开' : '收起'}</a>)}
                         </Space>

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

@@ -1,4 +1,4 @@
-import { Table } from 'antd'
+import { Space, Table } from 'antd'
 import { EditableRow, EditableCell } from './EditableCell'
 import { useRef, useMemo, useEffect, useCallback } from 'react'
 
@@ -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' }, isLocalPaging = false, ...restProps }) => {
+export const MyTable = ({ size, query, total, search, autoScroll, onChange, setSearch, 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)
@@ -101,10 +101,37 @@ 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,
@@ -113,6 +140,7 @@ export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagi
                     handleSave,
                     title: col.title,
                     rules: col.rules,
+                    extra: col.extra,
                     options: col.options,
                     editType: col.editType,
                     dataIndex: col.dataIndex,
@@ -145,7 +173,7 @@ export const MyTable = ({ size, query, total, search, autoScroll, onChange, pagi
             }),
             ...(typeof pagination === 'object' ? pagination : {})
         }
-    }, [total, search, pagination, isLocalPaging])
+    }, [total, search, pagination])
 
     /**
      * @description [视觉追踪协议] 当检测到 query.rowIndex 信号时，执行“物理重定向”。