{ "name": "AIDC Developer · 界面 SDK", "version": "1.4.1", "stylesheet": "https://www.ai-dc.ai/developer/sdk/v1/ui.css", "module": { "url": "https://www.ai-dc.ai/developer/sdk/v1/aidc.js", "export": "ui", "functions": [ "confirm", "dialogHtml", "ensureStyles", "loader", "loaderHtml", "logo", "logoHtml", "prompt", "stylesheetUrl", "tabs", "theme.get", "theme.set", "toast", "toastHtml" ] }, "docs": "https://www.ai-dc.ai/developer/docs/ui", "gallery": "https://www.ai-dc.ai/developer/ui", "react": { "site": "https://www.ai-dc.ai/asset/ui", "registry": "https://www.ai-dc.ai/asset/ui/r/aidc/{name}.json" }, "themes": [ "aidc", "signal" ], "modes": [ "light", "dark", "system" ], "loaders": [ "dial", "cadence", "sequence", "sweep", "march", "pulse", "breathe", "track" ], "radius": "0.375rem", "fonts": { "sans": "\"Archivo\", -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Segoe UI\", system-ui, sans-serif", "mono": "\"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace" }, "tokens": { "light": { "background": "#ffffff", "foreground": "#171717", "card": "#ffffff", "card-foreground": "#171717", "popover": "#ffffff", "popover-foreground": "#171717", "primary": "#171717", "primary-foreground": "#ffffff", "secondary": "#f2f2f2", "secondary-foreground": "#171717", "muted": "#f2f2f2", "muted-foreground": "#666666", "accent": "#f2f2f2", "accent-foreground": "#171717", "destructive": "#d8001b", "destructive-foreground": "#ffffff", "success": "#0f7a3d", "warning": "#a15c00", "border": "rgba(0, 0, 0, 0.09)", "input": "rgba(0, 0, 0, 0.12)", "ring": "#006bff", "signal": "#e34400", "signal-foreground": "#ffffff", "chart-1": "#ffc2a3", "chart-2": "#ff8a4c", "chart-3": "#ff4d00", "chart-4": "#e34400", "chart-5": "#a83200" }, "dark": { "background": "#0a0a0a", "foreground": "#ededed", "card": "#111111", "card-foreground": "#ededed", "popover": "#111111", "popover-foreground": "#ededed", "primary": "#ededed", "primary-foreground": "#0a0a0a", "secondary": "#1a1a1a", "secondary-foreground": "#ededed", "muted": "#1a1a1a", "muted-foreground": "#a1a1a1", "accent": "#1f1f1f", "accent-foreground": "#ededed", "destructive": "#ff4d5e", "destructive-foreground": "#0a0a0a", "success": "#3fb96b", "warning": "#e5a44b", "border": "rgba(255, 255, 255, 0.11)", "input": "rgba(255, 255, 255, 0.15)", "ring": "#006bff", "signal": "#ff4d00", "signal-foreground": "#ffffff", "chart-1": "#ffc2a3", "chart-2": "#ff8a4c", "chart-3": "#ff6b2e", "chart-4": "#ff4d00", "chart-5": "#e34400" }, "themes": { "aidc": { "light": {}, "dark": {} }, "signal": { "light": { "primary": "#e34400", "primary-foreground": "#ffffff", "ring": "#e34400" }, "dark": { "primary": "#ff4d00", "primary-foreground": "#ffffff", "ring": "#ff4d00" } } } }, "components": [ { "id": "appbar", "title": "顶栏", "group": "页面", "summary": "应用最上面一条：标识、应用名、右侧操作。吸顶、半透明毛玻璃。", "classes": [ "aidc-appbar", "aidc-appbar__title", "aidc-appbar__actions" ], "html": "
\n AIDC\n 瑕疵检测\n
\n 测试版\n \n
\n
" }, { "id": "layout", "title": "版面", "group": "页面", "summary": "页面容器（最大宽度 + 留白）、竖排 / 横排间距、次要文字。不用 Tailwind 也能排版。", "classes": [ "aidc-page", "aidc-page--narrow", "aidc-stack", "aidc-row", "aidc-muted" ], "html": "
\n
\n

今日产线

\n

数据每 30 秒同步一次。

\n
\n \n \n
\n
\n
" }, { "id": "button", "title": "按钮", "group": "操作", "summary": "主按钮是实心黑（signal 主题下是信号橙）；次要、描边、幽灵、危险、链接五种变体，三种尺寸与图标按钮。", "classes": [ "aidc-btn", "aidc-btn--secondary", "aidc-btn--outline", "aidc-btn--ghost", "aidc-btn--destructive", "aidc-btn--link", "aidc-btn--sm", "aidc-btn--lg", "aidc-btn--icon", "aidc-btn--block" ], "html": "
\n \n \n \n \n \n 查看说明\n
\n
\n \n \n \n \n \n
" }, { "id": "tabs", "title": "标签页", "group": "操作", "summary": "同一块区域里切换几组内容。标记写好后调 ui.tabs(容器) 接管点击与方向键。", "classes": [ "aidc-tabs", "aidc-tabs__list", "aidc-tabs__trigger", "aidc-tabs__panel" ], "html": "
\n
\n \n \n
\n
3 张工单进行中。
\n \n
", "js": "ui.tabs(\"#orderTabs\", { onChange: (panelId) => console.log(panelId) });" }, { "id": "dialog", "title": "对话框", "group": "操作", "summary": "原生 。确认与输入用 ui.confirm / ui.prompt（代替 window.confirm / prompt），复杂内容自己写标记后 showModal()。", "classes": [ "aidc-dialog", "aidc-dialog__header", "aidc-dialog__title", "aidc-dialog__description", "aidc-dialog__footer" ], "html": "
\n \n \n \n
\n\n
\n
\n

发布到 Nexus

\n

发布后全公司成员都能打开这个版本。

\n
\n
\n \n \n
\n
\n", "js": "if (await ui.confirm({ title: \"删除这张工单？\", description: \"删除后不能恢复。\", confirmText: \"删除\", destructive: true })) { /* … */ }\nconst reason = await ui.prompt({ title: \"标记问题\", label: \"问题描述\", placeholder: \"例如：布面污渍\", required: true });\ndocument.querySelector(\"#custom\").showModal();" }, { "id": "input", "title": "输入框", "group": "表单", "summary": "单行输入；手机上字号 16px（iOS 不会自动放大）。出错时加 aria-invalid=\"true\"。", "classes": [ "aidc-input" ], "html": "\n\n" }, { "id": "textarea", "title": "多行输入", "group": "表单", "summary": "多行文本，可纵向拉伸。", "classes": [ "aidc-textarea" ], "html": "" }, { "id": "select", "title": "下拉选择", "group": "表单", "summary": "原生 \n \n \n \n" }, { "id": "checkbox", "title": "复选框", "group": "表单", "summary": "原生 ，外观与 shadcn 一致。", "classes": [ "aidc-checkbox" ], "html": "" }, { "id": "radio", "title": "单选框", "group": "表单", "summary": "原生 。", "classes": [ "aidc-radio" ], "html": "
\n \n \n
" }, { "id": "switch", "title": "开关", "group": "表单", "summary": "原生复选框加 role=\"switch\"：开 / 关一项设置。", "classes": [ "aidc-switch" ], "html": "" }, { "id": "label", "title": "标签", "group": "表单", "summary": "表单项的文字标签；包住复选框 / 单选框 / 开关时自动横排对齐。", "classes": [ "aidc-label" ], "html": "" }, { "id": "field", "title": "表单项", "group": "表单", "summary": "标签 + 控件 + 说明 / 错误提示的一组。", "classes": [ "aidc-field", "aidc-field__description", "aidc-field__error" ], "html": "
\n \n \n

印在料盒侧面，以 B- 开头。

\n

批次号不能为空。

\n
" }, { "id": "card", "title": "卡片", "group": "展示", "summary": "一组相关内容的容器：标题、说明、右上角操作、正文、底部操作。", "classes": [ "aidc-card", "aidc-card__header", "aidc-card__title", "aidc-card__description", "aidc-card__action", "aidc-card__content", "aidc-card__footer" ], "html": "
\n
\n

今日良率

\n

一号产线 · 截至 14:30

\n +1.2%\n
\n
98.4%
\n
\n \n
\n
" }, { "id": "badge", "title": "徽章", "group": "展示", "summary": "状态与标签。信号橙只用于需要注意的状态。", "classes": [ "aidc-badge", "aidc-badge--secondary", "aidc-badge--outline", "aidc-badge--destructive", "aidc-badge--signal", "aidc-badge--success" ], "html": "
\n 已发布\n 草稿\n v1.2.0\n 合格\n 待复核\n 不合格\n
" }, { "id": "table", "title": "表格", "group": "展示", "summary": "数据表：外面包一层 .aidc-table-wrap 就能横向滚动；数字列加 .aidc-num 右对齐、等宽数字。", "classes": [ "aidc-table-wrap", "aidc-table", "aidc-table--wrap", "aidc-num" ], "html": "
\n \n \n \n \n \n \n \n \n
工单产线状态数量
WO-1041一号完成1,200
WO-1042二号待复核860
WO-1043三号排产2,400
合计4,460
\n
" }, { "id": "avatar", "title": "头像", "group": "展示", "summary": "圆形头像；没有图片时放姓氏或缩写。", "classes": [ "aidc-avatar" ], "html": "
郭李AI
" }, { "id": "kbd", "title": "按键", "group": "展示", "summary": "快捷键提示。", "classes": [ "aidc-kbd" ], "html": "按 ⌘ K 搜索" }, { "id": "separator", "title": "分隔线", "group": "展示", "summary": "横向用
；在横排里用竖向变体。", "classes": [ "aidc-separator", "aidc-separator--vertical" ], "html": "
\n 上半部分\n
\n
\n 产线班次\n
\n
" }, { "id": "logo", "title": "标识", "group": "展示", "summary": "AIDC 标识（棱角版双斜杠，logo 橙 #FF4D00）与字标。除了标识本身，界面里不要再用 // 做装饰。", "classes": [ "aidc-logo", "aidc-mark" ], "html": "AIDC", "js": "document.querySelector(\"header\").prepend(ui.logo()); // ui.logo({ wordmark: false }) 只要标识" }, { "id": "empty", "title": "空状态", "group": "展示", "summary": "没有数据时告诉用户为什么、下一步做什么。", "classes": [ "aidc-empty", "aidc-empty__media", "aidc-empty__title", "aidc-empty__description" ], "html": "
\n
\n

还没有工单

\n

ERP 同步过来的工单会出现在这里。

\n \n
" }, { "id": "alert", "title": "提示条", "group": "反馈", "summary": "页面里的常驻提示；出错用 destructive。", "classes": [ "aidc-alert", "aidc-alert__title", "aidc-alert__description", "aidc-alert--destructive" ], "html": "
\n \n
数据源在线
\n
ERP 发布端 2 分钟前心跳正常。
\n
\n
\n \n
连不上数据源
\n
发布端已 10 分钟没有心跳，页面上的数据可能不是最新的。
\n
" }, { "id": "toast", "title": "Toast", "group": "反馈", "summary": "操作结果的轻提示，几秒后自动消失（悬停暂停）。只用 ui.toast()，不用手写标记。", "classes": [ "aidc-toaster", "aidc-toast", "aidc-toast__body", "aidc-toast__title", "aidc-toast__description", "aidc-toast__action" ], "html": "
\n \n \n \n
", "js": "ui.toast(\"已保存\", { variant: \"success\" });\nui.toast(\"保存失败\", { variant: \"error\", description: \"网络断开，稍后重试。\" });\nui.toast(\"已删除 1 条记录\", { action: { label: \"撤销\", onClick: undo } });" }, { "id": "loader", "title": "加载动效", "group": "反馈", "summary": "八种等待态都以品牌斜杆 // 为母题（dial 刻度轮、cadence 节拍、sequence 递进、sweep 掠光、march 行进、pulse 韵律、breathe 呼吸、track 轨道），按场景选、同一界面不混用；大小跟字号，颜色跟 --signal。", "classes": [ "aidc-loader" ], "html": "
\n \n \n \n \n \n \n \n \n
", "js": "button.prepend(ui.loader(\"dial\")); // 刻度轮\npanel.append(ui.loader(\"cadence\", { label: \"加载订单\" }));" }, { "id": "skeleton", "title": "骨架屏", "group": "反馈", "summary": "内容加载前的占位形状。", "classes": [ "aidc-skeleton" ], "html": "
\n
\n
\n
\n
\n
\n
" }, { "id": "progress", "title": "进度条", "group": "反馈", "summary": "原生 ：有明确进度的等待。", "classes": [ "aidc-progress" ], "html": "62%" } ] }