From 5fe5caaf2b10579b6eec3286b670a4cd306d773c Mon Sep 17 00:00:00 2001 From: pixelmaxQM Date: Mon, 7 Apr 2025 17:03:18 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0AI=E7=94=9F=E6=88=90?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=8A=9F=E8=83=BD=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server/api/v1/system/sys_auto_code.go | 2 +- web/src/api/autoCode.js | 11 + web/src/pathInfo.json | 2 + .../autoCode/component/iframeRenderer.vue | 99 ++++ web/src/view/systemTools/autoCode/picture.vue | 446 +----------------- web/tailwind.config.js | 102 ---- 6 files changed, 130 insertions(+), 532 deletions(-) create mode 100644 web/src/view/systemTools/autoCode/component/iframeRenderer.vue diff --git a/server/api/v1/system/sys_auto_code.go b/server/api/v1/system/sys_auto_code.go index 02f458bb..fd85c65e 100644 --- a/server/api/v1/system/sys_auto_code.go +++ b/server/api/v1/system/sys_auto_code.go @@ -118,7 +118,7 @@ func (autoApi *AutoCodeApi) LLMAuto(c *gin.Context) { return } - path := strings.ReplaceAll(global.GVA_CONFIG.AutoCode.AiPath, "{FUNC}", fmt.Sprintf("api/chat/%s", llm["mode"])) + path := strings.ReplaceAll(global.GVA_CONFIG.AutoCode.AiPath, "{FUNC}", fmt.Sprintf("chat/%s", llm["mode"])) res, err := request.HttpRequest( path, "POST", diff --git a/web/src/api/autoCode.js b/web/src/api/autoCode.js index 8994b3c6..7fe1af98 100644 --- a/web/src/api/autoCode.js +++ b/web/src/api/autoCode.js @@ -173,6 +173,17 @@ export const eye = (data) => { } +export const createWeb = (data) => { + return service({ + url: '/autoCode/llmAuto', + method: 'post', + data: { ...data, mode: 'painter' }, + timeout: 1000 * 60 * 10 + }) +} + + + export const addFunc = (data) => { return service({ url: '/autoCode/addFunc', diff --git a/web/src/pathInfo.json b/web/src/pathInfo.json index 25136e6d..05c02a6c 100644 --- a/web/src/pathInfo.json +++ b/web/src/pathInfo.json @@ -16,6 +16,7 @@ "/src/view/example/breakpoint/breakpoint.vue": "BreakPoint", "/src/view/example/customer/customer.vue": "Customer", "/src/view/example/index.vue": "Example", + "/src/view/example/upload/scanUpload.vue": "scanUpload", "/src/view/example/upload/upload.vue": "Upload", "/src/view/init/index.vue": "Init", "/src/view/layout/aside/asideComponent/asyncSubmenu.vue": "AsyncSubmenu", @@ -53,6 +54,7 @@ "/src/view/superAdmin/user/user.vue": "User", "/src/view/system/state.vue": "State", "/src/view/systemTools/autoCode/component/fieldDialog.vue": "FieldDialog", + "/src/view/systemTools/autoCode/component/iframeRenderer.vue": "IframeRenderer", "/src/view/systemTools/autoCode/component/previewCodeDialog.vue": "PreviewCodeDialog", "/src/view/systemTools/autoCode/index.vue": "AutoCode", "/src/view/systemTools/autoCode/picture.vue": "Picture", diff --git a/web/src/view/systemTools/autoCode/component/iframeRenderer.vue b/web/src/view/systemTools/autoCode/component/iframeRenderer.vue new file mode 100644 index 00000000..0011b0d2 --- /dev/null +++ b/web/src/view/systemTools/autoCode/component/iframeRenderer.vue @@ -0,0 +1,99 @@ + + + diff --git a/web/src/view/systemTools/autoCode/picture.vue b/web/src/view/systemTools/autoCode/picture.vue index ae24d435..8069b8b4 100644 --- a/web/src/view/systemTools/autoCode/picture.vue +++ b/web/src/view/systemTools/autoCode/picture.vue @@ -4,7 +4,7 @@ href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=3" title="此功能为开发环境使用，不建议发布到生产，具体使用效果请点我观看。" /> -
+
使用AI创建 - -
- - - - - - - 识图 - - -
-
@@ -81,14 +54,11 @@
-
+
复制 - -
+
+ +
@@ -97,25 +67,23 @@ diff --git a/web/tailwind.config.js b/web/tailwind.config.js index 58169450..35531e00 100644 --- a/web/tailwind.config.js +++ b/web/tailwind.config.js @@ -18,108 +18,6 @@ module.exports = { } } }, - safelist: [ - /* - 1) 常见的自定义颜色写法，如 bg-[#xxxxxx]、text-[#xxxxxx]、border-[#xxxxxx] - 如果 LLM/接口频繁返回各种 [#RRGGBB] 形式，这个 pattern 可以保留它们的CSS。 - */ - { pattern: /^bg-\[.*\]$/ }, - { pattern: /^text-\[.*\]$/ }, - { pattern: /^border-\[.*\]$/ }, - - /* - 2) Tailwind 默认调色板里的常见前缀 - 下面以 (red|green|blue|gray|indigo|...) 为例，你可根据自己项目加减。 - 同时包括不同深度 (50,100,200,...,900)，也可再详细拆分。 - */ - { - pattern: /^(bg|text|border)-(red|green|blue|gray|indigo|yellow|purple|pink|cyan|teal|orange|amber|lime|emerald|fuchsia|rose|sky|violet|stone|neutral)-(50|100|200|300|400|500|600|700|800|900)$/ - }, - - /* - 3) 大小相关（padding、margin等）： - m-*, p-* 以及更精细的 mt-*, mb-*... - 匹配数字、1/2、px、等常见写法（也包括 m-auto）。 - 你可以根据自己需求加减。 - */ - { pattern: /^m-[0-9]+$/ }, - { pattern: /^mx-[0-9]+$/ }, - { pattern: /^my-[0-9]+$/ }, - { pattern: /^mt-[0-9]+$/ }, - { pattern: /^mr-[0-9]+$/ }, - { pattern: /^mb-[0-9]+$/ }, - { pattern: /^ml-[0-9]+$/ }, - { pattern: /^m-(auto|px)$/ }, - - { pattern: /^p-[0-9]+$/ }, - { pattern: /^px-[0-9]+$/ }, - { pattern: /^py-[0-9]+$/ }, - { pattern: /^pt-[0-9]+$/ }, - { pattern: /^pr-[0-9]+$/ }, - { pattern: /^pb-[0-9]+$/ }, - { pattern: /^pl-[0-9]+$/ }, - { pattern: /^p-(auto|px)$/ }, - - /* - 4) 宽高相关: w-*, h-*，以及自定义的 w-[300px]、h-[50vh] 等。 - */ - { pattern: /^w-.*$/ }, - { pattern: /^h-.*$/ }, - - /* - 5) 文本尺寸/排版 - 常见如 text-sm, text-lg, text-xl, text-2xl... 也可加正则覆盖 text-[数字]xl - */ - { pattern: /^text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl)$/ }, - { pattern: /^text-\d+xl$/ }, - - /* - 6) Flex 相关 - */ - "flex", - { pattern: /^flex-(row|col|wrap|nowrap|row-reverse|col-reverse)$/ }, - { pattern: /^items-(start|end|center|baseline|stretch)$/ }, - { pattern: /^justify-(start|end|center|between|around|evenly)$/ }, - { pattern: /^content-(start|end|center|between|around|evenly)$/ }, - - /* - 7) 边框 & 圆角 & 阴影 - */ - { pattern: /^rounded(-(none|sm|md|lg|xl|2xl|3xl|full))?$/ }, - { pattern: /^rounded-[trbl]{1,2}(-(none|sm|md|lg|xl|2xl|3xl|full))?$/ }, // 形如 rounded-t-lg、rounded-bl-md - { pattern: /^shadow(-(sm|md|lg|xl|2xl|inner|none))?$/ }, - { pattern: /^border(-(0|2|4|8))?$/ }, - { pattern: /^border-[trbl]{1,2}(-(0|2|4|8))?$/ }, - - /* - 8) 文本对齐 & 显示模式 - */ - { pattern: /^text-(left|center|right|justify)$/ }, - { pattern: /^(block|inline|inline-block|inline-flex|hidden)$/ }, - - /* - 9) 状态变体（如 hover:, focus:, active: 等） - 允许 hover:bg-red-500、focus:border-blue-500 等 - 这里用 .+ 去捕获前缀后所有东西，不过要小心可能会保留过多无用CSS - */ - { pattern: /^hover:.+$/ }, - { pattern: /^focus:.+$/ }, - { pattern: /^active:.+$/ }, - - /* - 10) 你自己项目中最常出现的其他 patterns (可自行添加)： - - z-[数字] - - absolute / relative / fixed / sticky - - top-[数字] / left-[数字] - - grid / gap-[数字] - - ... - */ - // { pattern: /^z-\d+$/ }, - // "absolute", "relative", "fixed", "sticky", - // { pattern: /^top-\[.*\]$/ }, - // { pattern: /^left-\[.*\]$/ }, - // "grid", { pattern: /^gap-\d+$/ }, - ], darkMode: 'class', plugins: [] }