1

2026-09-24 16:25:22 +08:00
commit 7428184f01
1198 changed files with 314515 additions and 0 deletions
@@ -0,0 +1,101 @@
+/**
+ * 图标：设计稿字符 → RemixIcon 名称 映射
+ * ------------------------------------------------------------
+ * 设计稿里用「▦ ✓ ⚑」等字符当图标，真机渲染效果差且不统一。
+ * 这里统一转成 RemixIcon（https://remixicon.com/）名称，由 x-icon 渲染。
+ *
+ * 用法：`<x-icon :name="toRemixIcon(glyph)" />`
+ * 若传入的本身就是 RemixIcon 名（含 '-'），原样返回，可直接透传。
+ *
+ * ⚠⚠ 本文件导出的函数**不要直接写在 .uvue 的 template 里**！
+ *   uvue 编译器会把模板里的「import 函数」编译成 `unref(toRemixIcon)(x)`，
+ *   App 端 Kotlin 报：找不到名称"invoke" / Function invocation 'toRemixIcon(...)' expected。
+ *   正确做法：在页面 script 里包一层本文件内定义的函数再给模板用：
+ *     function entryIcon(g : string) : string { return toRemixIcon(g) }
+ *   （hr-lrow / hr-tip / hr-empty 是在 computed 里调用的，没问题。）
+ */
+const ICON_MAP : Map<string, string> = new Map<string, string>([
+	// 列表 / 文件 / 数据
+	['▦', 'layout-grid-line'],
+	['▤', 'file-list-3-line'],
+	['▣', 'monitor-line'],
+	['▢', 'clipboard-line'],
+	['▥', 'bar-chart-2-line'],
+	// 状态
+	['✓', 'check-line'],
+	['✗', 'close-line'],
+	['✕', 'close-line'],
+	['×', 'close-line'],
+	['!', 'error-warning-line'],
+	['⚠', 'alarm-warning-line'],
+	['ℹ', 'information-line'],
+	['?', 'question-line'],
+	['? ', 'question-line'],
+	// 操作
+	['⚑', 'flag-line'],
+	['＋', 'add-line'],
+	['+', 'add-line'],
+	['⇅', 'arrow-up-down-line'],
+	['⇄', 'arrow-left-right-line'],
+	['↦', 'route-line'],
+	['✎', 'edit-line'],
+	['⌕', 'search-line'],
+	['⋯', 'more-fill'],
+	['…', 'more-fill'],
+	['⟨', 'more-fill'],
+	// 导航
+	['⌂', 'home-3-line'],
+	['⌗', 'qr-scan-line'],
+	['☺', 'user-3-line'],
+	['✉', 'mail-line'],
+	['☎', 'phone-line'],
+	['⚙', 'settings-3-line'],
+	['›', 'arrow-right-s-line'],
+	['‹', 'arrow-left-s-line'],
+	['⌄', 'arrow-down-s-line'],
+	['⌃', 'arrow-up-s-line'],
+	// 业务
+	['♡', 'heart-pulse-line'],
+	['★', 'star-line'],
+	['☆', 'star-line'],
+	['◔', 'time-line'],
+	['◍', 'bubble-chart-line'],
+	['⚡', 'flashlight-line'],
+	['◈', 'apps-2-line'],
+	['☣', 'biohazard-line'],
+	['✦', 'sparkling-line'],
+	// 播放器
+	['▶', 'play-fill'],
+	['▸', 'play-line'],
+	['⏸', 'pause-line'],
+	['⤢', 'fullscreen-line'],
+	['⏮', 'skip-back-line'],
+	['⏭', 'skip-forward-line'],
+	// 分隔 / 其它
+	['—', 'subtract-line'],
+	['·', 'more-line']
+])
+
+/** 字符图标 → RemixIcon 名；已是 RemixIcon 名则原样返回 */
+export function toRemixIcon(glyph : string) : string {
+	if (glyph == null || glyph == '') { return '' }
+	const mapped = ICON_MAP.get(glyph)
+	if (mapped != null) { return mapped }
+	// 含 '-' 视为已经是 remixicon 名称，直接透传
+	if (glyph.indexOf('-') > -1) { return glyph }
+	return 'checkbox-blank-circle-line'
+}
+
+/** 主题 → 图标底色 / 图标色（保持设计稿的四色语义） */
+export type HrThemeColor = {
+	bg : string
+	color : string
+}
+
+export function themeColor(theme : string) : HrThemeColor {
+	if (theme == 'pri') { return { bg: '#EFF6FF', color: '#2563EB' } as HrThemeColor }
+	if (theme == 'red') { return { bg: '#FEF2F2', color: '#DC2626' } as HrThemeColor }
+	if (theme == 'amb') { return { bg: '#FEF3C7', color: '#D97706' } as HrThemeColor }
+	if (theme == 'grn') { return { bg: '#ECFDF5', color: '#059669' } as HrThemeColor }
+	return { bg: '#F3F4F6', color: '#6B7280' } as HrThemeColor
+}