aurora-admin
f1fbfc2ddb
Regression / regression (push) Canceled after 0s
## 品牌标识（本次会话） 起因：品牌此前没有任何图形标识 —— 唯一 favicon 是内联 data-URI 里的字母「A」， 那是 v2.0.0「Aurora Admin → Kole UI」改名漏掉的一处（PC 顶栏也是「A」， 移动端站已是「K」；移动端文档站则完全没有 favicon）。 - 几何：24 网格三个互不接触的笔画（竖 + 两斜），圆头描边； 描边 2.25 → 16px 标签页尺寸下正好 1.5px = 规范原文「描边1.5px」 - 取色分两套（刻意）：favicon 硬编码品牌蓝/白（渲染在浏览器标签栏，不继承 kole-dark）； 顶栏标记走 currentColor（实测暗色下自动转 rgb(20,22,28)） - 新增 theme-color 双条（light #FFFFFF / dark #1C1F26，取 --kole-color-card-bg） - 修 site/app.js hero 标语 KOLE ADMIN → KOLE UI（改名变形残留） - 移动端 7 个模板补 favicon（此前计数 0） 验收：门禁 9 条全 OK（site-routing/site-routes/mobile-docs/mobile-site/isolation/ theme/nav/i18n/icons）；PC 回归 1464/1464 · 移动端 807/807，各连跑 8 次一致； 两端 favicon 405 字节逐字节一致；PC 站控制台错误 1→0。 ## 并行会话成果（本次一并入库） - 图标系统：2576 图标（TDesign/Element Plus，MIT）+ 11 端注入 + 5 个构建门禁工具 + IconPreview 预览页 + ICON-SPEC.md 冻结规格 - 移动端平台：47 组件 × 6 端 + 文档站 53 页 + 隔离门禁 - PC 组件：103 个大后台组件 / 组件11 批次 - uni-app：PC 端试点 + 移动端端实现 + 真实编译验证 ## 工程 - .gitignore 补 .scratch/ 与 .zcode-preexisting-*.txt（会话中间产物，实测 9.1MB，不入库） - CHANGELOG 补品牌标识条目 - ROADMAP 登 S8-P4（品牌标识任务包 + og:image/apple-touch-icon 未做部分）
2 lines
3.9 KiB
JSON
2 lines
3.9 KiB
JSON
{"slug":"formmodal","mode":"single","examples":[{"id":"formmodal-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-page\">\n <h2 class=\"kole-h2\">FormModal 表单弹窗</h2>\n <p class=\"kole-desc\">弹窗内嵌表单，确认提交前进行校验，校验失败阻止关闭。</p>\n <div class=\"kole-demo\">\n <button class=\"kole-btn kole-btn--primary\" id=\"open\">新建用户</button>\n <p class=\"kole-code-tip\" id=\"out\"></p>\n </div>\n</div>\n<div class=\"kole-formmodal-mask\" id=\"mask\" style=\"display:none\">\n <div class=\"kole-formmodal\">\n <div class=\"kole-formmodal-head\">\n <span>新建用户</span>\n <button class=\"kole-formmodal-close\" id=\"close\">×</button>\n </div>\n <div class=\"kole-formmodal-body\">\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">\n <span class=\"req\">*</span>\n 姓名\n </label>\n <input class=\"kole-form-input\" id=\"f-name\" placeholder=\"请输入姓名\" />\n <div class=\"kole-form-err\" id=\"e-name\" style=\"display:none\">姓名不能为空</div>\n </div>\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">\n <span class=\"req\">*</span>\n 邮箱\n </label>\n <input class=\"kole-form-input\" id=\"f-email\" placeholder=\"name@example.com\" />\n <div class=\"kole-form-err\" id=\"e-email\" style=\"display:none\">邮箱格式不正确</div>\n </div>\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">角色</label>\n <input class=\"kole-form-input\" id=\"f-role\" placeholder=\"如：管理员\" />\n </div>\n </div>\n <div class=\"kole-formmodal-foot\">\n <button class=\"kole-btn\" id=\"cancel\">取消</button>\n <button class=\"kole-btn kole-btn--primary\" id=\"ok\">提交</button>\n </div>\n </div>\n</div>","preview":{"show":[[0],[1]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"api-derived","code":{"html":"<h2>FormModal 表单弹窗</h2>\n<p>弹窗内嵌表单，确认提交前进行校验，校验失败阻止关闭。</p>\n<button>新建用户</button>\n<p></p>\n<div class=\"kole-formmodal-mask\" style=\"display:none\">\n <div class=\"kole-formmodal\">\n <div class=\"kole-formmodal-head\">\n <span>新建用户</span>\n <button class=\"kole-formmodal-close\">×</button>\n </div>\n <div class=\"kole-formmodal-body\">\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">\n <span class=\"req\">*</span>\n 姓名\n </label>\n <input class=\"kole-form-input\" placeholder=\"请输入姓名\" />\n <div class=\"kole-form-err\" style=\"display:none\">姓名不能为空</div>\n </div>\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">\n <span class=\"req\">*</span>\n 邮箱\n </label>\n <input class=\"kole-form-input\" placeholder=\"name@example.com\" />\n <div class=\"kole-form-err\" style=\"display:none\">邮箱格式不正确</div>\n </div>\n <div class=\"kole-form-row\">\n <label class=\"kole-form-label\">角色</label>\n <input class=\"kole-form-input\" placeholder=\"如：管理员\" />\n </div>\n </div>\n <div class=\"kole-formmodal-foot\">\n <button>取消</button>\n <button>提交</button>\n </div>\n </div>\n</div>","jsx":"import { KoleFormModal } from 'kole-ui/react';\n\n<KoleFormModal />","vue3":"<template>\n <KoleFormModal />\n</template>\n\n<script setup>\nimport { KoleFormModal } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n <KoleFormModal />\n</template>\n\n<script>\nimport { KoleFormModal } from 'kole-ui/vue2';\nexport default { components: { KoleFormModal } };\n</script>"},"notes":["演示页未含可映射的调用标记，本片段依据组件 API 表推导"]}]}
|