@microi.net/cli 4.9.5 → 4.9.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.codebuddy-plugin/marketplace.json +2 -2
- package/.codebuddy-plugin/plugin.json +1 -1
- package/.codex-plugin/plugin.json +1 -1
- package/.workbuddy-plugin/marketplace.json +2 -2
- package/.workbuddy-plugin/plugin.json +1 -1
- package/README.md +7 -12
- package/assets/build-meta.json +6 -5
- package/package.json +1 -1
- package/scripts/mcp-server.js +83 -83
- package/scripts/microi-cli.js +80 -92
- package/scripts/microi-codex-broker.js +418 -0
- package/scripts/microi-codex-router.js +159 -65
- package/scripts/microi-skills.meta.json +349 -190
- package/skills/.microi-skills-version.json +2 -2
- package/skills/.progressive-disclosure-manifest.json +3566 -0
- package/skills/ai-engine/SKILL.md +1 -1
- package/skills/ai-platform-governance/SKILL.md +22 -167
- package/skills/ai-platform-governance/references/progressive-01-/345/212/237/350/203/275/345/274/200/345/205/263.md +190 -0
- package/skills/app-store/SKILL.md +1 -1
- package/skills/business-blueprint/SKILL.md +1 -1
- package/skills/datasource-engine/SKILL.md +1 -1
- package/skills/dos-orm/SKILL.md +1 -1
- package/skills/job-engine/SKILL.md +1 -1
- package/skills/message-notification/SKILL.md +1 -1
- package/skills/microi-ai-application/SKILL.md +1 -1
- package/skills/microi-client-frontend/SKILL.md +18 -435
- package/skills/microi-client-frontend/references/progressive-01-3-/345/212/250/346/200/201/346/214/211/351/222/256/347/263/273/347/273/237.md +144 -0
- package/skills/microi-client-frontend/references/progressive-02-8-/350/277/220/350/241/214/346/227/266/351/253/230/351/242/221/345/235/221/345/244/215/347/233/230.md +178 -0
- package/skills/microi-client-frontend/references/progressive-03-vue3-/345/211/215/347/253/257/345/276/256/346/234/215/345/212/241/345/256/277/344/270/273/350/247/204/345/210/231.md +144 -0
- package/skills/microi-codex/SKILL.md +4 -4
- package/skills/microi-codex-installer/SKILL.md +25 -36
- package/skills/microi-datasource-mapping/SKILL.md +1 -1
- package/skills/microi-db-schema/SKILL.md +4 -4
- package/skills/microi-db-schema/references/schema-overview.md +1 -1
- package/skills/microi-db-schema/references/schema.md +1 -1
- package/skills/microi-db-schema/references/table-catalog.md +1 -1
- package/skills/microi-deployment/SKILL.md +1 -1
- package/skills/microi-docs-coverage/SKILL.md +1 -1
- package/skills/microi-form-engine/SKILL.md +2 -2
- package/skills/microi-form-layout/SKILL.md +20 -226
- package/skills/microi-form-layout/references/progressive-01-3-/344/270/211/347/247/215/345/210/206/347/273/204/347/232/204/345/255/230/345/202/250/344/270/216/351/205/215/347/275/256.md +235 -0
- package/skills/microi-frontend-sdk/SKILL.md +18 -152
- package/skills/microi-frontend-sdk/references/progressive-01-token-/345/275/223/345/211/215/347/231/273/345/275/225/347/224/250/346/210/267/344/270/216/345/275/223/345/211/215/347/273/210/347/253/257/347/231/273/345/275/225/345/215/217/350/256/256.md +171 -0
- package/skills/microi-left-right-layout/SKILL.md +1 -1
- package/skills/microi-microservice/SKILL.md +8 -1
- package/skills/microi-microservice/references/runtime-delivery.md +4 -0
- package/skills/microi-mobile-app-quality/SKILL.md +23 -289
- package/skills/microi-mobile-app-quality/references/progressive-01-4-/351/207/215/350/246/201/346/214/211/351/222/256/345/277/205/351/241/273/345/270/246/345/233/276/346/240/207.md +209 -0
- package/skills/microi-mobile-app-quality/references/progressive-02-9-/344/270/273/351/242/230/345/210/207/346/215/242/345/277/205/351/241/273/347/234/237/345/256/236/344/270/224/345/205/250/345/261/200/347/224/237/346/225/210.md +117 -0
- package/skills/microi-solution-quotation/SKILL.md +1 -1
- package/skills/microi-system-delivery/SKILL.md +17 -381
- package/skills/microi-system-delivery/references/progressive-01-/346/240/207/345/207/206/345/267/245/344/275/234/346/265/201.md +186 -0
- package/skills/microi-system-delivery/references/progressive-02-/350/207/252/345/212/250/345/214/226/346/265/213/350/257/225/345/277/205/351/241/273/350/246/206/347/233/226/347/232/204/345/235/221.md +210 -0
- package/skills/microi-ui/SKILL.md +20 -170
- package/skills/microi-ui/references/progressive-01-/347/247/273/345/212/250/347/253/257/345/234/272/346/231/257/350/223/235/345/233/276.md +183 -0
- package/skills/microi-uniapp-frontend/SKILL.md +27 -336
- package/skills/microi-uniapp-frontend/references/progressive-01-/347/247/273/345/212/250/347/253/257/345/210/206/347/261/273-/345/217/214/346/240/217/345/210/227/350/241/250/347/213/254/347/253/213/346/273/232/345/212/250.md +225 -0
- package/skills/microi-uniapp-frontend/references/progressive-02-/345/205/263/351/224/256/344/270/232/345/212/241/350/265/204/344/272/247/344/270/215/345/276/227/351/273/230/350/256/244/351/200/211/344/270/255.md +154 -0
- package/skills/module-engine/SKILL.md +1 -1
- package/skills/ocr-engine/SKILL.md +1 -1
- package/skills/page-engine/SKILL.md +24 -272
- package/skills/page-engine/references/progressive-01-/346/211/200/346/234/211/347/273/204/344/273/266/347/261/273/345/236/213.md +234 -0
- package/skills/page-engine/references/progressive-02-/347/211/210/346/234/254/345/216/206/345/217/262-/345/271/266/345/217/221/344/277/235/345/255/230/344/270/216/345/233/236/346/273/232.md +60 -0
- package/skills/performance-testing/SKILL.md +1 -1
- package/skills/playwright-e2e/SKILL.md +25 -591
- package/skills/playwright-e2e/references/progressive-01-/345/205/250/350/207/252/345/212/250/347/231/273/345/275/225-/345/205/215/351/252/214/350/257/201/347/240/201-/344/275/206/344/270/215/345/205/215/345/257/206/347/240/201-/345/277/205/350/257/273.md +173 -0
- package/skills/playwright-e2e/references/progressive-02-/346/226/207/345/255/227/345/257/271/346/257/224/345/272/246/344/270/216/345/217/257/350/257/273/346/200/247/350/207/252/345/212/250/345/214/226/346/243/200/346/237/245-/345/277/205/345/201/232.md +183 -0
- package/skills/playwright-e2e/references/progressive-03-microi-helper-/346/250/241/346/235/277.md +221 -0
- package/skills/playwright-e2e/references/progressive-04-ci-/345/273/272/350/256/256.md +69 -0
- package/skills/print-engine/SKILL.md +1 -1
- package/skills/production-readonly-audit/SKILL.md +1 -1
- package/skills/report-engine/SKILL.md +1 -1
- package/skills/scripts/optimize-progressive-disclosure.mjs +204 -0
- package/skills/scripts/refresh-progressive-disclosure.mjs +64 -0
- package/skills/scripts/validate-progressive-disclosure.mjs +52 -0
- package/skills/search-engine/SKILL.md +1 -1
- package/skills/spider-engine/SKILL.md +1 -1
- package/skills/translate-engine/SKILL.md +1 -1
- package/skills/ui-design/SKILL.md +27 -1462
- package/skills/ui-design/references/progressive-01-/351/242/234/350/211/262/344/275/223/347/263/273-css-variables-/346/224/257/346/214/201/344/270/273/351/242/230/345/210/207/346/215/242.md +218 -0
- package/skills/ui-design/references/progressive-02-/345/255/227/344/275/223.md +155 -0
- package/skills/ui-design/references/progressive-03-/345/212/250/346/225/210/350/247/204/350/214/203-/344/270/260/345/257/214/344/275/206/344/270/215/345/215/241.md +235 -0
- package/skills/ui-design/references/progressive-04-/347/273/204/344/273/266/351/243/216/346/240/274/351/200/237/346/237/245.md +152 -0
- package/skills/ui-design/references/progressive-05-/347/247/273/345/212/250/347/253/257/344/270/223/347/224/250/350/247/204/350/214/203.md +238 -0
- package/skills/ui-design/references/progressive-06-/344/270/273/351/242/230/345/210/207/346/215/242/345/256/236/347/216/260.md +194 -0
- package/skills/ui-design/references/progressive-07-/351/200/237/346/237/245-/344/273/216/345/244/264/346/220/255/345/273/272/344/270/200/344/270/252/347/247/273/345/212/250/347/253/257/351/241/265/351/235/242.md +207 -0
- package/skills/ui-design/references/progressive-08-/350/241/250/345/215/225/345/210/206/347/273/204/350/247/204/350/214/203-tabs-vs-collapsegroup-/345/274/272/345/210/266.md +142 -0
- package/skills/uniapp-mall-assets/SKILL.md +1 -1
- package/skills/unity-integration/SKILL.md +1 -1
- package/skills/v8-api-config/SKILL.md +1 -1
- package/skills/v8-cache-pattern/SKILL.md +1 -1
- package/skills/v8-crud-api/SKILL.md +21 -246
- package/skills/v8-crud-api/references/progressive-01-/346/237/245/350/257/242/345/210/227/350/241/250-/345/210/206/351/241/265.md +226 -0
- package/skills/v8-crud-api/references/progressive-02-where-/346/235/241/344/273/266/350/257/255/346/263/225/351/200/237/346/237/245.md +49 -0
- package/skills/v8-debugging/SKILL.md +1 -1
- package/skills/v8-explorer-tree/SKILL.md +1 -1
- package/skills/v8-export-import/SKILL.md +16 -426
- package/skills/v8-export-import/references/progressive-01-excellayout-/351/253/230/347/272/247/350/207/252/347/224/261/345/270/203/345/261/200.md +211 -0
- package/skills/v8-export-import/references/progressive-02-powerpoint-/345/257/274/345/207/272.md +202 -0
- package/skills/v8-export-import/references/progressive-03-/345/256/211/345/205/250-/346/200/247/350/203/275/346/263/250/346/204/217.md +42 -0
- package/skills/v8-file-upload/SKILL.md +17 -355
- package/skills/v8-file-upload/references/progressive-01-/345/205/254/346/234/211/346/241/266-vs-/347/247/201/346/234/211/346/241/266.md +227 -0
- package/skills/v8-file-upload/references/progressive-02-office-/346/226/207/344/273/266/345/234/250/347/272/277/347/274/226/350/276/221/347/211/210/346/234/254/345/217/267/350/247/204/345/210/231.md +149 -0
- package/skills/v8-formengine-http/SKILL.md +1 -1
- package/skills/v8-frontend-events/SKILL.md +20 -206
- package/skills/v8-frontend-events/references/progressive-01-/345/210/227/350/241/250/344/272/213/344/273/266.md +219 -0
- package/skills/v8-http-integration/SKILL.md +15 -237
- package/skills/v8-http-integration/references/progressive-01-get-/350/257/267/346/261/202.md +220 -0
- package/skills/v8-http-integration/references/progressive-02-/351/224/231/350/257/257/345/244/204/347/220/206/346/250/241/345/274/217.md +44 -0
- package/skills/v8-image-processing/SKILL.md +1 -1
- package/skills/v8-menu-buttons/SKILL.md +16 -512
- package/skills/v8-menu-buttons/references/progressive-01-2-/346/214/211/351/222/256/345/257/271/350/261/241-schema.md +221 -0
- package/skills/v8-menu-buttons/references/progressive-02-8-/346/250/241/345/274/217-f-/345/220/216/345/217/260/344/273/273/345/212/241/346/214/211/351/222/256-/351/225/277/344/273/273/345/212/241.md +224 -0
- package/skills/v8-menu-buttons/references/progressive-03-10-/345/217/215/346/250/241/345/274/217-/351/201/277/345/205/215.md +104 -0
- package/skills/v8-mongodb/SKILL.md +1 -1
- package/skills/v8-mq-mqtt/SKILL.md +12 -176
- package/skills/v8-mq-mqtt/references/progressive-01-v8-mqtt-iot-/347/211/251/350/201/224/347/275/221.md +181 -0
- package/skills/v8-saas-multi-tenant/SKILL.md +1 -1
- package/skills/v8-security/SKILL.md +17 -330
- package/skills/v8-security/references/progressive-01-2-/346/235/203/351/231/220/346/240/241/351/252/214.md +199 -0
- package/skills/v8-security/references/progressive-02-7-/346/227/245/345/277/227/350/256/260/345/275/225.md +158 -0
- package/skills/v8-sql-query/SKILL.md +1 -1
- package/skills/v8-table-event/SKILL.md +17 -237
- package/skills/v8-table-event/references/progressive-01-informv8-js-/350/241/250/345/215/225/346/211/223/345/274/200/344/272/213/344/273/266.md +216 -0
- package/skills/v8-table-event/references/progressive-02-/345/211/215/347/253/257/344/272/213/344/273/266/345/220/215-v8-eventname-/345/217/257/350/203/275/347/232/204/345/200/274.md +46 -0
- package/skills/v8-template-engine/SKILL.md +1 -1
- package/skills/v8-utilities/SKILL.md +1 -1
- package/skills/v8-workflow/SKILL.md +20 -161
- package/skills/v8-workflow/references/progressive-01-/350/212/202/347/202/271/345/274/200/345/247/213-v8-/344/272/213/344/273/266.md +180 -0
- package/skills/workspace-conventions/SKILL.md +36 -369
- package/skills/workspace-conventions/references/progressive-01-/347/211/210/346/234/254/346/233/264/346/226/260/346/227/245/345/277/227/344/277/235/346/212/244/350/247/204/345/210/231-/345/274/272/345/210/266.md +208 -0
- package/skills/workspace-conventions/references/progressive-02-microi-net-api-/346/234/254/345/234/260/345/220/257/345/212/250/347/272/246/345/256/232.md +196 -0
- package/skills/workspace-conventions/references/progressive-03-cli-/344/270/216-ide-/346/217/222/344/273/266/351/224/231/347/211/210/345/205/261/345/255/230/347/272/246/345/256/232.md +27 -0
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
# ui-design 详细参考 7
|
|
2
|
+
|
|
3
|
+
> 按需读取;本文件由 SKILL.md 的原章节无损拆分。
|
|
4
|
+
|
|
5
|
+
<!-- microi-progressive:chunk id=ui-design-020 sha256=25aa81a39c664b1873ff5e7a3c5d0e8ad2b929824c90e16bd020f64c98a34b54 -->
|
|
6
|
+
## 速查:从头搭建一个移动端页面
|
|
7
|
+
|
|
8
|
+
```vue
|
|
9
|
+
<template>
|
|
10
|
+
<div class="mci-mobile-page">
|
|
11
|
+
<!-- 顶部导航 -->
|
|
12
|
+
<header class="mci-navbar">
|
|
13
|
+
<h1 class="mci-navbar__title">{{ title }}</h1>
|
|
14
|
+
</header>
|
|
15
|
+
|
|
16
|
+
<!-- 主内容 -->
|
|
17
|
+
<main class="page-content">
|
|
18
|
+
<section
|
|
19
|
+
v-for="(item, i) in list"
|
|
20
|
+
:key="item.id"
|
|
21
|
+
class="mci-card mci-stagger-item"
|
|
22
|
+
:style="{ '--mci-index': i }"
|
|
23
|
+
>
|
|
24
|
+
<span class="mci-tag mci-tag--hot">HOT</span>
|
|
25
|
+
<h3>{{ item.name }}</h3>
|
|
26
|
+
<p class="mci-text-gradient price">{{ item.price }}</p>
|
|
27
|
+
<button class="mci-btn">立即查看</button>
|
|
28
|
+
</section>
|
|
29
|
+
</main>
|
|
30
|
+
|
|
31
|
+
<!-- 底部 Tabbar -->
|
|
32
|
+
<nav class="mci-tabbar">
|
|
33
|
+
<a class="mci-tabbar__item mci-tabbar__item--active"><svg class="mci-tabbar__icon" aria-hidden="true"><use href="#icon-home" /></svg><span>首页</span></a>
|
|
34
|
+
<a class="mci-tabbar__item"><svg class="mci-tabbar__icon" aria-hidden="true"><use href="#icon-message" /></svg><span>消息</span></a>
|
|
35
|
+
<a class="mci-tabbar__item"><svg class="mci-tabbar__icon" aria-hidden="true"><use href="#icon-user" /></svg><span>我的</span></a>
|
|
36
|
+
</nav>
|
|
37
|
+
</div>
|
|
38
|
+
</template>
|
|
39
|
+
|
|
40
|
+
<style lang="scss" scoped>
|
|
41
|
+
.page-content {
|
|
42
|
+
padding: var(--mci-space-4);
|
|
43
|
+
padding-bottom: calc(var(--mci-touch-target) + var(--mci-safe-bottom) + var(--mci-space-8));
|
|
44
|
+
display: flex;
|
|
45
|
+
flex-direction: column;
|
|
46
|
+
gap: var(--mci-space-4);
|
|
47
|
+
}
|
|
48
|
+
.price {
|
|
49
|
+
font-size: var(--mci-text-2xl);
|
|
50
|
+
font-weight: var(--mci-font-bold);
|
|
51
|
+
}
|
|
52
|
+
</style>
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
58
|
+
<!-- /microi-progressive:chunk -->
|
|
59
|
+
<!-- microi-progressive:chunk id=ui-design-021 sha256=8a8884b0b064e7805cd03d904541b12da4539e73172d31f00d32c1ecfaee32f6 -->
|
|
60
|
+
## 🚨 移动端低代码项目落地踩坑(必读,2026.5)
|
|
61
|
+
|
|
62
|
+
实战中频繁出现的 7 类问题,统一按以下规则处理。
|
|
63
|
+
|
|
64
|
+
### 1. 路由前缀不要硬编码租户名
|
|
65
|
+
|
|
66
|
+
- 错误:在 `manifest.json` 写死 `"router": { "base": "/fixed-tenant/" }`。
|
|
67
|
+
- 正确:默认使用 `"router": { "base": "/" }`;租户由运行配置、`OsClient` 和请求头/参数确定。
|
|
68
|
+
- 不要自行把租户名拼进 API 路径。平台接口使用 `/api/...`、`/apiengine/...` 等标准路由。
|
|
69
|
+
|
|
70
|
+
### 2. tabBar 使用本地静态 PNG 图标
|
|
71
|
+
|
|
72
|
+
- uni-app/微信小程序 tabBar 的 `iconPath`、`selectedIconPath` 使用项目内静态 PNG。
|
|
73
|
+
- 不使用 emoji、字体图标、远程 URL;SVG 仅在目标端明确支持并已做真实设备验证时使用。
|
|
74
|
+
- 普通态与选中态保持相同画布和轮廓,推荐 60×60 至 81×81 px,并验证深浅色背景可读性。
|
|
75
|
+
|
|
76
|
+
### 3. 字号样式不要通配所有 `text`
|
|
77
|
+
|
|
78
|
+
Scoped SCSS 中的 `.entry text { font-size: 40rpx; }` 会同时放大图标文字和子标签。图标、标题、说明必须使用独立 class:
|
|
79
|
+
|
|
80
|
+
```scss
|
|
81
|
+
.entry .entry-icon { font-size: 40rpx; }
|
|
82
|
+
.entry .entry-label { font-size: 22rpx; }
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### 4. 个人中心/详情入口按信息层级选布局
|
|
86
|
+
|
|
87
|
+
- 高频资产、订单状态、服务入口适合 4~5 列网格。
|
|
88
|
+
- 设置、安全、协议等低频入口适合纵向列表。
|
|
89
|
+
- 单元格须有稳定触控区域、清晰标签和一致间距;不要为了追求密度牺牲可读性。
|
|
90
|
+
|
|
91
|
+
### 5. 每个可点击元素都要有反馈
|
|
92
|
+
|
|
93
|
+
```scss
|
|
94
|
+
.cell, .entry-item, .product-card, .zone-card {
|
|
95
|
+
position: relative;
|
|
96
|
+
transition: transform .2s ease, box-shadow .2s ease;
|
|
97
|
+
}
|
|
98
|
+
.cell:active, .entry-item:active {
|
|
99
|
+
transform: scale(.94);
|
|
100
|
+
}
|
|
101
|
+
@keyframes fadein-up {
|
|
102
|
+
from { opacity: 0; transform: translateY(16rpx); }
|
|
103
|
+
to { opacity: 1; transform: translateY(0); }
|
|
104
|
+
}
|
|
105
|
+
.animate-fadein { animation: fadein-up .45s ease both; }
|
|
106
|
+
@media (prefers-reduced-motion: reduce) {
|
|
107
|
+
.animate-fadein { animation: none; }
|
|
108
|
+
}
|
|
109
|
+
```
|
|
110
|
+
|
|
111
|
+
动效只表达状态,不承担业务完成事实;提交、支付、安装等动作仍以服务端返回和可恢复状态为准。
|
|
112
|
+
|
|
113
|
+
### 6. 品牌名和 Logo 的用户可见位置保持一致
|
|
114
|
+
|
|
115
|
+
同步检查 `manifest.json` 的 `name/h5.title`、`pages.json` 的导航标题、登录/注册/首页品牌区、空状态和分享标题。控制台中的技术标识可保留,但用户可见文案必须统一。
|
|
116
|
+
|
|
117
|
+
### 7. 接口地址由标准引擎工具维护
|
|
118
|
+
|
|
119
|
+
- `microi_create_engine`/`microi_upsert_engine` 会维护 `ApiEngineKey`、`ApiAddress` 和路由缓存。
|
|
120
|
+
- 写入超时先用标准 get/list 工具回读,不得立即重复创建。
|
|
121
|
+
- 禁止通过手工 SQL、直接修改 `sys_apiengine` 或自行拼 Redis Key 修补路由;这会绕过租户、审计、缓存失效和控制面权限。
|
|
122
|
+
- 长任务使用后台任务并持久化进度;普通接口写入后以远端回读为最终依据。
|
|
123
|
+
|
|
124
|
+
<!-- /microi-progressive:chunk -->
|
|
125
|
+
<!-- microi-progressive:chunk id=ui-design-022 sha256=4962a1ec7bc49ae1a2706c58fb6f929304ca254e3fd4d8b626fefbc17067bce2 -->
|
|
126
|
+
## 🔗 关联字段:保存真实 Id,界面展示可读标签
|
|
127
|
+
|
|
128
|
+
关联字段的数据库事实值通常是 `XxxId`。表单使用 `JoinForm`、`OpenTable` 或带数据源的 `Select` 显示名称,`SelectSaveField` 保存 `Id`,`SelectLabel` 展示名称。不要因为列表默认显示 Id,就强制所有业务表冗余一对可编辑的 `XxxId/XxxName` 字段。
|
|
129
|
+
|
|
130
|
+
### Select 数据源示例
|
|
131
|
+
|
|
132
|
+
```json
|
|
133
|
+
{
|
|
134
|
+
"DataSource": "Sql",
|
|
135
|
+
"Sql": "select Id, Name from mall_category where Name like '%$Keyword$%' limit 0,20",
|
|
136
|
+
"SelectLabel": "Name",
|
|
137
|
+
"SelectSaveField": "Id",
|
|
138
|
+
"SelectSaveFormat": "Text",
|
|
139
|
+
"EnableSearch": true,
|
|
140
|
+
"DataSourceSqlRemote": true
|
|
141
|
+
}
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
- `$Keyword$` 是平台数据源占位符,不要把浏览器输入直接拼进任意 SQL。
|
|
145
|
+
- 关联表、字段和数据源必须来自当前租户,并受当前表单/菜单的授权与数据范围约束。
|
|
146
|
+
- 大表使用远程搜索和分页,不一次性把全表拉到浏览器。
|
|
147
|
+
- 列表展示名称优先配置 Join/模块关联字段或受控数据源,不把隐藏 Id 暴露给用户。
|
|
148
|
+
|
|
149
|
+
### 什么时候增加 `XxxName` 快照字段
|
|
150
|
+
|
|
151
|
+
只有在业务明确要求“保存当时名称”、离线展示、历史审计或高频报表需要时才增加 `XxxName`。它是快照/冗余字段,不是外键事实源,并遵守:
|
|
152
|
+
|
|
153
|
+
1. 后端 SubmitBefore/接口引擎在同一事务内根据 `XxxId` 校验并写入名称。
|
|
154
|
+
2. 前端 V8 可以即时回显,但不能作为唯一一致性保障。
|
|
155
|
+
3. 关联名称后续变化时,先明确历史快照是否应随之更新。
|
|
156
|
+
4. 批量回填必须参数化、可恢复、可幂等,并经过明确写入确认。
|
|
157
|
+
|
|
158
|
+
### MCP 建模流程
|
|
159
|
+
|
|
160
|
+
1. 先用 `microi_get_db_schema` 获取真实表和字段。
|
|
161
|
+
2. 使用 `microi_build_field_config` 生成 JoinForm/OpenTable/Select 配置。
|
|
162
|
+
3. 使用 `microi_add_field` 或 `microi_update_field` 写入字段。
|
|
163
|
+
4. 修改 KeyValue/Config 后回读 `microi_get_field_list`,并执行 `microi_refresh_schema_cache`。
|
|
164
|
+
5. 在真实菜单下验证普通角色能看到标签,但不能借数据源越权读取其它表或行。
|
|
165
|
+
---
|
|
166
|
+
|
|
167
|
+
<!-- /microi-progressive:chunk -->
|
|
168
|
+
<!-- microi-progressive:chunk id=ui-design-023 sha256=1c731f6915dae4de788e84af3f6a59cf5d116a4de1f9ca5541f13b55110521ca -->
|
|
169
|
+
## 表单布局规范(Column)
|
|
170
|
+
|
|
171
|
+
> 平台默认设计标准:所有 `diy_table` **应使用双列布局** (`Column = 2`),更紧凑现代,符合主流后台 SaaS 视觉密度。
|
|
172
|
+
|
|
173
|
+
### 创建表时
|
|
174
|
+
|
|
175
|
+
```jsonc
|
|
176
|
+
microi_create_table {
|
|
177
|
+
"name": "Crm_Customer",
|
|
178
|
+
"description": "客户",
|
|
179
|
+
"column": 2 // ✅ 默认就是 2,无需显式传,但推荐写明
|
|
180
|
+
}
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
### 修复存量表(一次性把所有 `Column=null` 改成 2)
|
|
184
|
+
|
|
185
|
+
```jsonc
|
|
186
|
+
microi_update_table {
|
|
187
|
+
"name": "Crm_Customer",
|
|
188
|
+
"column": 2
|
|
189
|
+
}
|
|
190
|
+
```
|
|
191
|
+
|
|
192
|
+
### 何时使用 Column=1(单列)
|
|
193
|
+
|
|
194
|
+
- 工作流审批表单(字段少且需要专注)
|
|
195
|
+
- 移动端优先表单(手机宽度不够双列)
|
|
196
|
+
- 含大量富文本/长文本字段的内容编辑表
|
|
197
|
+
|
|
198
|
+
### 何时使用 Column=3(三列)
|
|
199
|
+
|
|
200
|
+
- 字段≥18 的"基础档案"类大表(员工、商品 SKU、设备清单)
|
|
201
|
+
- 桌面分辨率≥1920px 的内部管理后台
|
|
202
|
+
|
|
203
|
+
> 修改 `Column` 后会自动清缓存(`microi_update_table` 后端走 `UptFormData('diy_table')` + 主动 `RefreshSchemaCache`),前端硬刷新(Ctrl+Shift+R)即可看到效果。
|
|
204
|
+
|
|
205
|
+
---
|
|
206
|
+
|
|
207
|
+
<!-- /microi-progressive:chunk -->
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
# ui-design 详细参考 8
|
|
2
|
+
|
|
3
|
+
> 按需读取;本文件由 SKILL.md 的原章节无损拆分。
|
|
4
|
+
|
|
5
|
+
<!-- microi-progressive:chunk id=ui-design-024 sha256=7af53d03d0828232aaf7ab54d6527f5e2cf292d8eb493d75d9ab42adc3030ba3 -->
|
|
6
|
+
## 表单分组规范:Tabs vs CollapseGroup(强制)
|
|
7
|
+
|
|
8
|
+
> **核心原则**:默认**不分组** → 小业务域用 **`CollapseGroup` 折叠分组** → 只有足够长或强任务隔离的业务域才用 **`Tabs` 分页**。禁止只按字段数判断:双列布局中 8 个短字段约占 4 行,仍不应独占 Tab;普通业务域通常达到 6 个有效表单行才考虑 Tab。
|
|
9
|
+
|
|
10
|
+
### 三种分组方式
|
|
11
|
+
|
|
12
|
+
| 方式 | 存储位置 | 控件 | 适用场景 |
|
|
13
|
+
|------|---------|------|---------|
|
|
14
|
+
| **A. 表级 Tab** | `diy_table.Tabs` + 字段 `Tab` | 表单顶部 Tab 条 | 大表单拆 2~5 个业务域,每域通常 ≥6 个有效表单行,或属于扫码/子表/代码编辑等强任务模式 |
|
|
15
|
+
| **B. 字段级 CollapseGroup** | `diy_field.Component='CollapseGroup'` + `Config.CollapseGroup` | 折叠面板标题 | 小业务域(≤5 个有效表单行),**所有分组同屏可见、可同时展开** |
|
|
16
|
+
| **C. 字段级 Tabs 控件** | `diy_field.Component='Tabs'` + `Config.FieldTabs` | 字段是 Tab 容器 | 嵌套 Tab 场景(不推荐优先用) |
|
|
17
|
+
|
|
18
|
+
### 表单规模与分组决策表
|
|
19
|
+
|
|
20
|
+
| 有效表单行与任务特征 | 推荐方案 |
|
|
21
|
+
|---------|---------|
|
|
22
|
+
| ≤ 6 行且无复杂控件 | **不分组**(直接平铺) |
|
|
23
|
+
| 7 ~ 12 行且无强任务隔离 | `CollapseGroup` 收起次要字段,或直接平铺 |
|
|
24
|
+
| > 12 行且至少两个业务域各 ≥ 6 行 | `diy_table.Tabs`(大域)或混合(Tab + 嵌套 CollapseGroup) |
|
|
25
|
+
| 扫码、报工、大型子表、代码编辑等强任务模式 | 可独立使用 `diy_table.Tabs`,不受普通行数阈值限制 |
|
|
26
|
+
|
|
27
|
+
### CollapseGroup Config 示例
|
|
28
|
+
|
|
29
|
+
```jsonc
|
|
30
|
+
// diy_field 必要字段
|
|
31
|
+
{
|
|
32
|
+
"Component": "CollapseGroup",
|
|
33
|
+
"Type": "varchar(50)",
|
|
34
|
+
"Visible": 1,
|
|
35
|
+
"AppVisible": 1,
|
|
36
|
+
"Config": "{\"CollapseGroup\":{\"DefaultCollapsed\":false,\"ScopeMode\":\"UntilNextGroup\",\"Description\":\"MRP 运算状态、批次号与时间\",\"Icon\":\"fas fa-calculator\",\"Theme\":\"primary\",\"ShowFieldCount\":true}}"
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
### 必做与禁止
|
|
41
|
+
|
|
42
|
+
- ✅ 任何 Tab / CollapseGroup 必须有 `Description` 解释分组用途。
|
|
43
|
+
- ✅ CollapseGroup 必须设 `Icon`(如 `fas fa-calculator`、`fas fa-info-circle`),不默认空白。
|
|
44
|
+
- ✅ 修改 Tab/CollapseGroup 配置后必须 `microi_refresh_schema_cache`。
|
|
45
|
+
- ❌ **禁止**为 ≤5 个有效表单行的业务域单独建 Tab;8~10 个双列短字段通常也应使用 CollapseGroup。
|
|
46
|
+
- ❌ **禁止**仅凭 13~30 个原始字段决定平铺或分 Tab;总有效行超过 6 且存在明确业务域时,至少使用 CollapseGroup 分组。
|
|
47
|
+
- ❌ **禁止**给 Tabs/CollapseGroup/Divider/Alert 等布局控件设 `FormWidth=24`(天然占整行)。
|
|
48
|
+
- ❌ **禁止**只创建 Tab 不写字段的 `Tab` 归属。
|
|
49
|
+
- ❌ 布局优化不得顺带覆盖字段 `Config/V8Code/KeyupV8Code` 或表级 V8 事件;修改前后必须回读比较,发现 Tab 显隐 API 时先适配再迁移。
|
|
50
|
+
|
|
51
|
+
完整规范、Config JSON 模板、回读验收清单和反例参考见 `microi-form-layout/SKILL.md`。
|
|
52
|
+
|
|
53
|
+
---
|
|
54
|
+
|
|
55
|
+
<!-- /microi-progressive:chunk -->
|
|
56
|
+
<!-- microi-progressive:chunk id=ui-design-025 sha256=e6e11a8153bc5d1a1c5e9f1868aaae9a101843961fcf94dba42681b0a6091ad7 -->
|
|
57
|
+
## 缓存刷新(解决"我改了字段但页面不变"问题)
|
|
58
|
+
|
|
59
|
+
平台对 `diy_field` 的字段列表有 Redis 缓存,键格式 `Microi:{OsClient}:FormData:diy_table_field_list:{TableId|TableName}`。
|
|
60
|
+
|
|
61
|
+
**何时缓存会失效**:
|
|
62
|
+
- ✅ 通过 `microi_add_field` / `microi_update_field` / `microi_update_table` 走原生 API → 自动清
|
|
63
|
+
- ✅ 通过低代码后台界面操作(diy_table 表单事件触发)→ 自动清
|
|
64
|
+
- ❌ 直接 `V8.FormEngine.UptFormData('diy_field', ...)` → **不会触发清缓存**(这是历史 bug)
|
|
65
|
+
|
|
66
|
+
**何时手动清**:
|
|
67
|
+
```jsonc
|
|
68
|
+
microi_refresh_schema_cache { "tables": ["mall_address", "mall_member"] }
|
|
69
|
+
```
|
|
70
|
+
该工具会清除每张表的 6 个 key 变种(`diy_table` / `Diy_Table` / `diy_table_field_list` × `id|name`)。
|
|
71
|
+
|
|
72
|
+
---
|
|
73
|
+
|
|
74
|
+
<!-- /microi-progressive:chunk -->
|
|
75
|
+
<!-- microi-progressive:chunk id=ui-design-026 sha256=3d53780b3ae17dabba22a2567d0d6e2c51e4dbce504d6e341b737881a3c4e749 -->
|
|
76
|
+
## 接口引擎匿名访问
|
|
77
|
+
|
|
78
|
+
登录、注册、首页公共数据等接口必须 `AllowAnonymous=1`,否则未登录用户调用会拿到 `null`:
|
|
79
|
+
|
|
80
|
+
```jsonc
|
|
81
|
+
microi_set_engine_anonymous {
|
|
82
|
+
"apiEngineKeys": ["mall_member_login", "mall_member_register", "mall_home_data"],
|
|
83
|
+
"allowAnonymous": 1
|
|
84
|
+
}
|
|
85
|
+
```
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
<!-- /microi-progressive:chunk -->
|
|
89
|
+
<!-- microi-progressive:chunk id=ui-design-027 sha256=e6e15cc34871821da89f70cb2a5326942d9d90fe99ed5c5a315415ac57f1532c -->
|
|
90
|
+
## MCI-UI 与第三方组件库策略
|
|
91
|
+
|
|
92
|
+
Microi 的 UI 规范不应该只停留在 skills 文档。面向品牌长期建设时,应形成可复用的 MCI-UI 体系:设计变量、基础样式、组件约定、示例站点、移动端与 PC 网站组件库。
|
|
93
|
+
|
|
94
|
+
- **默认规则**:当用户没有主动指定 UI 风格、UI 库或品牌视觉时,AI 必须默认采用 Microi吾码UI(Microi.UI / MCI-UI)作为移动端、PC 官网、企业网站、产品站、活动页和响应式网站的设计基础。
|
|
95
|
+
- **自动识别**:只要项目属于 Microi 生态、吾码源码、吾码客户项目,或需求中出现“移动端项目、网站、企业站、商城、会员中心、资产页、官网、H5、uni-app、Vue3”等关键词,即使用户没有单独说明 UI 风格,也应自动套用本规范与 `Microi.UI/` 组件。
|
|
96
|
+
- **落地要求**:业务页面优先使用 `MciPage`、`MciSection`、`MciButton`、`MciCard`、`MciCell`、`MciTabs`、`MciSkeleton`、`MciDataState`、`MciThemePanel` 等组件或项目级 `mci-*` 封装;不要重新发明一套分散样式。
|
|
97
|
+
- **例外场景**:后台管理系统继续使用 Element Plus + Microi theme;强行业 UI 或客户指定视觉可以定制主题 token,但仍优先保留 `--mci-*` 变量、骨架屏、安全区和动效规范。
|
|
98
|
+
- UniApp 项目不强制业务页面直接依赖某一个第三方 UI 库。推荐把 `uni-ui` 作为官方跨端基础组件底座之一,但业务视觉必须通过 `MCI-UI Mobile` 或项目级 `mci-*` 组件封装承载,避免页面直接散落 `uni-ui/uView/FirstUI/TDesign` 风格。
|
|
99
|
+
- PC 后台管理系统继续使用 Element Plus,不替换选型;但主题变量、间距、骨架屏、空态、安全区、表单密度和品牌色必须服从 `--mci-*` 设计变量。
|
|
100
|
+
- PC 官网、产品站、文档站、营销页和响应式网站应优先使用 `MCI-UI Web` 的设计变量与轻量组件。只有当页面是强表单、强数据录入或后台化工具时,才引入 Element Plus、TDesign Vue、Naive UI、Arco Design Vue 等成熟组件库作为底座。
|
|
101
|
+
- MCI-UI 应分层建设:`@microi/theme` 负责 tokens;`@microi/v8` 负责前端 SDK;`@microi/ui-mobile` 面向 UniApp;`@microi/ui-web` 面向官网和响应式站点;`Microi.Client` 后台则用 Element Plus + MCI theme。
|
|
102
|
+
- `microi.doc` 作为 VitePress 官方文档站,应逐步成为 MCI-UI 的展示入口:组件演示、设计变量、移动端骨架屏、安全区、富文本、上传资源、主题切换都应该有可查看示例,而不是只写在 skill 中。
|
|
103
|
+
|
|
104
|
+
<!-- /microi-progressive:chunk -->
|
|
105
|
+
<!-- microi-progressive:chunk id=ui-design-028 sha256=eee54b657b766f1d1ef137fb1df07fc8eec0b5363502838475eda81f9d031512 -->
|
|
106
|
+
## MCI-UI 源码落地位置
|
|
107
|
+
|
|
108
|
+
MCI-UI 已在吾码源码根目录落地:`Microi.UI/`。
|
|
109
|
+
|
|
110
|
+
- 新的移动端 UniApp/H5 项目应优先使用 `Microi.UI/src/uniapp` 中的 `MciPage`、`MciNavbar`、`MciButton`、`MciCard`、`MciCell`、`MciSection`、`MciTabs`、`MciMetricCard`、`MciActionBar`、`MciAvatar`、`MciProductCard`、`MciSkeleton`、`MciDataState`、`MciRichText`,再按业务补项目组件。
|
|
111
|
+
- 新的 PC 官网、产品站、文档站、响应式网站应优先使用 `Microi.UI/src/web` 和 `Microi.UI/src/theme`,不要直接套后台 Element Plus 风格。
|
|
112
|
+
- `Microi.UI/src/theme/tokens.css` 是品牌 token 源头;新组件颜色、圆角、阴影、间距、安全区、骨架屏都必须走 `--mci-*` 变量。
|
|
113
|
+
- `Microi.UI/src/theme/runtime.js` 是主题运行时入口;项目应通过 `initMciDesign()`、`setMciPalette()`、`setMciShape()`、`setMciTheme()` 统一设置黑白红橙黄绿青蓝紫主色、圆角/扁平、亮暗主题和动效偏好。
|
|
114
|
+
- `MciPage` 默认带页面入场动效;业务页如果有特殊路由转场,可以关闭 `animated` 后使用项目级转场,但不能让动态页面无反馈地直接闪现。
|
|
115
|
+
- `MciButton`、`MciCard` 必须保留 hover/pressed/focus/sheen 等基础反馈;业务组件可以封装样式,但不能删掉交互状态。
|
|
116
|
+
- 第三方 UI 库只能作为底层能力或局部补充,不能绕过 MCI-UI 直接决定产品视觉。
|
|
117
|
+
|
|
118
|
+
<!-- /microi-progressive:chunk -->
|
|
119
|
+
<!-- microi-progressive:chunk id=ui-design-029 sha256=470bda7401f3a1d6713872d89370bb89785e693b9e94862a7df4808db0200065 -->
|
|
120
|
+
## VitePress 中文文档布局规范
|
|
121
|
+
|
|
122
|
+
`microi.doc` 不是纯文本仓库,而是 Microi 产品体验的一部分。创建或重构
|
|
123
|
+
`docs/doc`、`docs/case` 中文阅读页时:
|
|
124
|
+
|
|
125
|
+
- 页面首屏使用标题、简短价值说明和 2–4 个关键能力视觉分组,避免打开后先看到十几段连续正文。
|
|
126
|
+
- 正文阅读宽度控制在约 `86ch`,代码、表格、架构图和案例截图可使用全宽;标题间距必须明显大于段落间距。
|
|
127
|
+
- 卡片用于并列能力、选择和案例,表格用于精确对比,流程带用于阶段关系,截图用于真实结果;不要把相同信息在四种视觉里重复一遍。
|
|
128
|
+
- 使用 MCI 主题变量,不在 Markdown 中散落硬编码颜色;亮/暗主题均保证文字、边框、代码和状态对比度。
|
|
129
|
+
- 页面专属 CSS 独立存放并以 marker 限定范围;全站字体、段落、列表、`details`、图片与焦点样式归整站主题层。
|
|
130
|
+
- 桌面使用多列时,980px 以下要能降为单列;表格和代码可横向滚动,普通正文与图片不得产生页面级横向滚动。
|
|
131
|
+
- 图片必须有语义化 `alt` 与图注;纯装饰图标设置 `aria-hidden`。交互控件保留键盘焦点,动画遵守 `prefers-reduced-motion`。
|
|
132
|
+
- 完成后同时跑中文文档可读性门禁、VitePress 构建,并用真实浏览器查看桌面/移动、亮色/暗色。只看 Markdown 源码或构建日志不能算视觉验收。
|
|
133
|
+
|
|
134
|
+
全站文档视觉改造还必须遵守:
|
|
135
|
+
|
|
136
|
+
- 清单必须覆盖 `/doc` 和 `/case` 中文阅读路由;首页、应用广场、应用详情、用户中心、登录与联系页采用专用交互布局,应显式登记后按自己的组件契约验收,不能漏扫,也不能强套正文档卡片样式。英文生成页与受保护更新日志按项目规则排除。
|
|
137
|
+
- 为每个中文路由维护显式视觉类型,至少区分概览、指南、参考、规范和展示页;同一主题契约按类型调节信息密度,不能把 API 参考页机械改造成营销卡片。
|
|
138
|
+
- 所有自定义面板都先定义“表面 + 主文字 + 次文字 + 边框”的亮暗成对 token,再使用 token 组合背景。禁止浅色硬编码背景继续继承暗色全局文字,也禁止只改背景不改前景。
|
|
139
|
+
- Sass 位于 `html:lang(zh)` 嵌套作用域时,暗色根状态写 `&.dark`,编译结果必须是 `html:lang(zh).dark`;不得写成会生成 `html:lang(zh) .dark` 的后代选择器。单元测试应编译 SCSS 并阻止这一回归。
|
|
140
|
+
- 常规正文和次要文字对其实际面板底色至少满足 WCAG AA 4.5:1,大标题至少 3:1;渐变面板按最不利的实色底计算,不能只看 token 名称推断对比度。
|
|
141
|
+
- “全站扫描”必须输出逐页档案和问题结果;静态通过后仍要遍历全部中文路由做 H1、横向溢出和低对比冒烟,并对五类代表页执行桌面/移动、亮/暗截图矩阵。扫描数量、构建成功或单页截图均不能单独证明全站已经美化。
|
|
142
|
+
<!-- /microi-progressive:chunk -->
|
|
@@ -3,7 +3,7 @@ name: uniapp-mall-assets
|
|
|
3
3
|
description: Microi UniApp、H5、商城与 PC 页面中的上传图片、附件、FileServer、私有文件临时 URL 和富文本资源安全规范。
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
> **Codex
|
|
6
|
+
> **Codex 非阻塞自动更新:** 当前宿主为 Codex 时,吾码 CLI、Codex 插件与工作区 AI/MCP 由后台自动更新;需要诊断时读取 `../microi-codex-installer/SKILL.md`。更新失败、等待空闲或尚未重载均不得阻断当前、正在进行或新建任务。非 Codex 宿主跳过此项。
|
|
7
7
|
|
|
8
8
|
# Microi UniApp / 商城资源路径规范
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@ name: unity-integration
|
|
|
3
3
|
description: Microi吾码 Unity、UPM SDK、WebGL、3D 游戏/数字孪生、DiyToken/V8 通讯、AI 应用商城交付与完整验收规范。用于评估或提取 Unity 工具箱,创建 Microi.Unity 包,开发 WebGL 场景,接入 Microi.Client 宿主与 V8 接口,引入可授权素材,发布可安装 AI 应用,或审查 Unity 代码是否错误进入 Microi.Server。
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
> **Codex
|
|
6
|
+
> **Codex 非阻塞自动更新:** 当前宿主为 Codex 时,吾码 CLI、Codex 插件与工作区 AI/MCP 由后台自动更新;需要诊断时读取 `../microi-codex-installer/SKILL.md`。更新失败、等待空闲或尚未重载均不得阻断当前、正在进行或新建任务。非 Codex 宿主跳过此项。
|
|
7
7
|
|
|
8
8
|
# Microi Unity 完整交付
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@ name: v8-api-config
|
|
|
3
3
|
description: Microi V8 接口引擎配置指南。用于设置 ApiEngineKey、ApiAddress、StopHttp、AllowAnonymous、ResponseFile、锁、日志、超时和 HTTP 暴露。
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
> **Codex
|
|
6
|
+
> **Codex 非阻塞自动更新:** 当前宿主为 Codex 时,吾码 CLI、Codex 插件与工作区 AI/MCP 由后台自动更新;需要诊断时读取 `../microi-codex-installer/SKILL.md`。更新失败、等待空闲或尚未重载均不得阻断当前、正在进行或新建任务。非 Codex 宿主跳过此项。
|
|
7
7
|
|
|
8
8
|
# Microi V8 接口引擎配置
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@ name: v8-cache-pattern
|
|
|
3
3
|
description: Microi V8 Redis 缓存与管理模式。用于读写 V8.Cache、租户缓存命名、TTL 策略、防陈旧数据,以及使用 Redis 管理器页面或 MCP 检索、统计、查看和维护 String、Hash、List、Set、Sorted Set、Stream。
|
|
4
4
|
---
|
|
5
5
|
|
|
6
|
-
> **Codex
|
|
6
|
+
> **Codex 非阻塞自动更新:** 当前宿主为 Codex 时,吾码 CLI、Codex 插件与工作区 AI/MCP 由后台自动更新;需要诊断时读取 `../microi-codex-installer/SKILL.md`。更新失败、等待空闲或尚未重载均不得阻断当前、正在进行或新建任务。非 Codex 宿主跳过此项。
|
|
7
7
|
|
|
8
8
|
# Microi V8 Redis 缓存模式
|
|
9
9
|
|