@yorha2b-lab/autodev 1.0.21 → 1.0.23

package/package.json

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

package/src/commands/watch-page.js

@@ -38,6 +38,7 @@ const watchPage = options => {
     try {
         // 首次运行时复制 hooks 和 components 模板到目标项目
         copyTemplateDir(options, 'hooks', config.hooksDir)
+        copyTemplateDir(options, 'utils', config.utilsDir)
         copyTemplateDir(options, 'components', config.componentsDir)
     } catch (error) {
         console.error('❌ 程序运行出错:', error)

package/templates/react/components/index.js

@@ -1,4 +1,67 @@
-import { Tree, Radio, Input, Upload, Select, Cascader, Checkbox, DatePicker, InputNumber, TreeSelect, AutoComplete } from 'antd'
+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'
+
+const AliyunOSSUpload = ({ style, value, disabled, onChange }) => {
+
+    const [OSSData, setOSSData] = useState()
+
+    const init = async () => {
+        try {
+            const result = await initOss()
+            setOSSData(result)
+        } catch (err) {
+            console.log(err)
+        }
+    }
+
+    useEffect(() => {
+        init()
+    }, [])
+
+    const handleChange = ({ fileList }) => onChange?.([...fileList])
+
+    const onRemove = file => {
+        const files = (value || []).filter(v => v.url !== file.url)
+        onChange?.(files)
+    }
+
+    const getExtraData = file => ({
+        key: file.url,
+        policy: OSSData?.policy,
+        Signature: OSSData?.signature,
+        OSSAccessKeyId: OSSData?.accessId,
+    })
+
+    const beforeUpload = async file => {
+        if (!OSSData) {
+            return false
+        }
+        const expire = Number(OSSData.expire) * 1000
+        if (expire < Date.now()) {
+            await init()
+        }
+        file.url = `${OSSData.dir}/${file.name}`.replace(/\/\//g, '/')
+        return file
+    }
+
+    const uploadProps = {
+        onRemove,
+        name: 'file',
+        beforeUpload,
+        fileList: value,
+        data: getExtraData,
+        action: OSSData?.host,
+        onChange: handleChange,
+    }
+
+    return (
+        <Upload {...uploadProps} disabled={disabled} style={style}>
+            <Button icon={<UploadOutlined />}>选择文件</Button>
+        </Upload>
+    )
+}
 
 export const formNode = ({ item }) => {
 
@@ -14,6 +77,8 @@ export const formNode = ({ item }) => {
             return <DatePicker {...commonProps} />
         case 'number':
             return <InputNumber  {...commonProps} />
+        case 'ossUpload':
+            return <AliyunOSSUpload {...commonProps} />
         case 'daterange':
             return <DatePicker.RangePicker {...commonProps} />
         case 'radio':

package/templates/react/utils/utils.js

@@ -0,0 +1,81 @@
+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 formatValue = ({ item, ind }) => {
+    if (dayjs.isDayjs(item[1])) {
+        return item[1].startOf('day').valueOf()
+    }
+    if (dayjs.isDayjs(item[1]?.[ind])) {
+        return ind === 0 ? item[1]?.[ind]?.startOf('day').valueOf() : item[1]?.[ind]?.endOf('day').valueOf()
+    }
+    return item[1]?.toString()?.trim() ?? undefined
+}
+
+export const initOSS = async (url, options) => {
+    const OSS = require('ali-oss')
+    const crypto = require('crypto-js')
+    const response = await request(url, options)
+    const { bucket, endpoint, stsToken, expiration, accessKeyId, accessKeySecret } = response?.data || {}
+    const client = new OSS({ bucket, endpoint, stsToken, accessKeyId, accessKeySecret })
+    const policy = btoa(JSON.stringify({
+        expiration,
+        conditions: [
+            ["content-length-range", 0, 1024 * 1024 * 1024],
+        ],
+    }))
+    const signature = crypto.enc.Base64.stringify(crypto.HmacSHA1(policy, accessKeySecret))
+    return { client, policy, signature, ...response?.data }
+}
+
+export const timeRender = ({ time, date, minute }) => {
+    if (!time) {
+        return ''
+    } else {
+        if (date) {
+            return dayjs(time).format('YYYY-MM-DD')
+        }
+        if (minute) {
+            return dayjs(time).format('YYYY-MM-DD HH:mm')
+        }
+        return dayjs(time).format('YYYY-MM-DD HH:mm:ss')
+    }
+}
+
+export const moneyRender = (value, { decimals = 2, showSymbol = true } = {}) => {
+    if (value === null || value === undefined || value === '') return '-'
+    const number = Number(value)
+    if (isNaN(number)) return '-'
+    const options = showSymbol
+        ? { style: 'currency', currency: 'CNY', minimumFractionDigits: decimals }
+        : { style: 'decimal', minimumFractionDigits: decimals, maximumFractionDigits: decimals }
+    return new Intl.NumberFormat('zh-CN', options).format(number)
+}
+
+export const exportDataToExcel = async (url, options, columns, fileName, resultKey = 'data') => {
+    const response = await request(url, options)
+    if (response?.[resultKey]?.length > 0) {
+        const XLSX = require('xlsx')
+        const datas = response?.[resultKey]?.map(item => Object.fromEntries(columns.map(col => [col.title, col.render ? col.render(item[col.dataIndex])?.props?.children ?? col.render(item[col.dataIndex]) : item[col.dataIndex]])))
+        const workbook = XLSX.utils.book_new()
+        const header = columns.map(item => item.title)
+        const worksheet = XLSX.utils.json_to_sheet(datas, { header })
+        worksheet['!cols'] = Array.from(new Array(header.length)).fill({ wpx: 120 })
+        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
+        XLSX.writeFile(workbook, `${fileName}.xlsx`)
+    }
+}
+
+export const formatUnit = (value, { k = 1024, units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'], decimals = 2 } = {}) => {
+    if (value === null || value === undefined || isNaN(value) || value === 0) {
+        return `0 ${units[0] ?? ''}`
+    }
+    const i = Math.floor(Math.log(value) / Math.log(k))
+    const index = Math.min(i, units.length - 1)
+    const result = (value / Math.pow(k, index)).toFixed(decimals)
+    return `${parseFloat(result)} ${units[index]}`
+}