[{"data":1,"prerenderedAt":247},["ShallowReactive",2],{"navigation_docs":3,"-docs-architecture":24,"-docs-architecture-surround":242},[4,8,12,16,20],{"title":5,"path":6,"stem":7},"入门指南","\u002Fdocs\u002Fgetting-started","docs\u002F1.getting-started",{"title":9,"path":10,"stem":11},"功能介绍","\u002Fdocs\u002Ffeatures","docs\u002F2.features",{"title":13,"path":14,"stem":15},"系统架构","\u002Fdocs\u002Farchitecture","docs\u002F3.architecture",{"title":17,"path":18,"stem":19},"常见问题 (FAQ)","\u002Fdocs\u002Ffaq","docs\u002F4.faq",{"title":21,"path":22,"stem":23},"时间捡💩","\u002Fdocs\u002Ftime-to-pick-up-the-shit","docs\u002Ftime-to-pick-up-the-shit",{"id":25,"title":13,"body":26,"description":235,"extension":236,"links":237,"meta":238,"navigation":239,"path":14,"seo":240,"stem":15,"__hash__":241},"docs\u002Fdocs\u002F3.architecture.md",{"type":27,"value":28,"toc":220},"minimark",[29,32,40,45,48,76,79,83,87,94,121,124,131,150,152,156,159,163,170,174,181,183,187,194,214],[30,31,13],"h1",{"id":13},[33,34,35,39],"p",{},[36,37,38],"strong",{},"Artwork Design Toolbox - AI (ADT)"," 采用了现代化的多层解耦架构，彻底解决了传统脚本插件交互死板、扩展性差的痛点。系统底层打破了单一线程限制，实现了 Web 前端技术与 Adobe 宿主引擎的深度融合。",[41,42,44],"h2",{"id":43},"_1-整体逻辑架构","1. 整体逻辑架构",[33,46,47],{},"系统架构由四个核心层次组成，形成了从用户交互到硬件渲染的完整链路：",[49,50,51,58,64,70],"ol",{},[52,53,54,57],"li",{},[36,55,56],{},"前端面板层 (Frontend Panel Layer)","：负责 UI 呈现与用户交互。",[52,59,60,63],{},[36,61,62],{},"跨上下文通信层 (Communication Layer)","：负责不同进程间的数据总线传输。",[52,65,66,69],{},[36,67,68],{},"宿主引擎层 (Host Engine Layer)","：负责解析执行图形逻辑。",[52,71,72,75],{},[36,73,74],{},"硬件\u002F画布交互层 (Canvas Interaction Layer)","：负责底层图形引擎的最终渲染。",[77,78],"hr",{},[41,80,82],{"id":81},"_2-核心技术栈-technical-stack","2. 核心技术栈 (Technical Stack)",[84,85,86],"h3",{"id":86},"前端面板层",[33,88,89,90,93],{},"系统利用 Adobe 内嵌的 ",[36,91,92],{},"CEF (Chromium Embedded Framework)"," 框架，将插件界面转化为现代化的 Web 应用：",[95,96,97,103,109,115],"ul",{},[52,98,99,102],{},[36,100,101],{},"框架",": Vue 3 (组件化开发)",[52,104,105,108],{},[36,106,107],{},"构建工具",": Vite (极速热更新与打包)",[52,110,111,114],{},[36,112,113],{},"状态管理",": Pinia (全局数据流控制)",[52,116,117,120],{},[36,118,119],{},"UI 组件库",": Element Plus (企业级交互规范)",[84,122,123],{"id":123},"跨上下文通信接口",[33,125,126,127,130],{},"由于前端面板（ES6+ 环境）与宿主引擎（ES3 环境）处于相互隔离的进程中，系统采用 ",[36,128,129],{},"CSInterface.js"," 作为通信桥梁：",[95,132,133,144],{},[52,134,135,138,139,143],{},[36,136,137],{},"通信机制",": 通过 ",[140,141,142],"code",{},"evalScript()"," 接口执行消息的序列化与反序列化。",[52,145,146,149],{},[36,147,148],{},"传输形式",": 以异步字符串总线的形式完成跨进程的高频数据交换。",[77,151],{},[41,153,155],{"id":154},"_3-宿主交互机制","3. 宿主交互机制",[33,157,158],{},"系统对底层的制图动作执行了双层封装，平衡了开发效率与功能深度：",[84,160,162],{"id":161},"高级-dom-api-覆盖-80-场景","高级 DOM API (覆盖 80% 场景)",[33,164,165,166,169],{},"通过面向对象的 JavaScript API 直接映射宿主软件的核心元素。例如对 ",[140,167,168],{},"app.activeDocument"," 及其子类进行直观控制，适用于常规的矢量属性操作与文档管理。",[84,171,173],{"id":172},"低级-action-manager-覆盖-20-场景","低级 Action Manager (覆盖 20% 场景)",[33,175,176,177,180],{},"针对非标准或高吞吐量的深度开发场景，系统通过捕获用户行为日志，逆向解析底层的 C++ 核心动作对象（",[36,178,179],{},"ActionDescriptor","）。该层具备触达图形引擎最底层的全功能控制权限。",[77,182],{},[41,184,186],{"id":185},"_4-云端与外部集成","4. 云端与外部集成",[33,188,189,190,193],{},"ADT 不仅仅是一个离线工具，它通过 ",[36,191,192],{},"Node.js 底层运行时"," 建立了与外部服务的连接：",[95,195,196,202,208],{},[52,197,198,201],{},[36,199,200],{},"企业资产云",": 实时同步云端 PDF 光板物料。",[52,203,204,207],{},[36,205,206],{},"API 鉴权总线",": 基于 Token 的统一身份安全校验。",[52,209,210,213],{},[36,211,212],{},"本地文件系统访问",": 直接调度 OS 底层 API，实现本地高精度材质（如金葱粉纹理）的快速检索与流式预览。",[215,216,219],"u-alert",{"icon":217,"title":218},"i-heroicons-cpu-chip","架构优势","这种 B\u002FS (浏览器\u002F服务器) 混合架构使插件具备了极强的扩展性，能够像更新网页一样快速迭代功能，而无需用户频繁手动替换脚本文件。",{"title":221,"searchDepth":222,"depth":222,"links":223},"",2,[224,225,230,234],{"id":43,"depth":222,"text":44},{"id":81,"depth":222,"text":82,"children":226},[227,229],{"id":86,"depth":228,"text":86},3,{"id":123,"depth":228,"text":123},{"id":154,"depth":222,"text":155,"children":231},[232,233],{"id":161,"depth":228,"text":162},{"id":172,"depth":228,"text":173},{"id":185,"depth":222,"text":186},"深入解析 Artwork Design Toolbox - AI (ADT) 的分层架构设计与核心技术栈。","md",null,{},true,{"title":13,"description":235},"seeo8zlHjkhQVoc6ybgZHQedEH14nMEcFbEnIXGklvQ",[243,245],{"title":9,"path":10,"stem":11,"description":244,"children":-1},"深入了解 Artwork Design Toolbox - AI (ADT) 的核心功能模块与自动化工作流。",{"title":17,"path":18,"stem":19,"description":246,"children":-1},"解决您在安装、配置及使用 Artwork Design Toolbox - AI (ADT) 过程中的常见疑惑。",1783737347573]